*, html, body { margin:0px; padding: 0px; }
body { background-image:url(../pics/main_bg.gif); background-repeat:repeat-x; background-color:#282828 }

#header { margin-top:49px; height:79px; }

/* NAVIGATION */
#navigation { height:32px; }
#navigation span { font-size:16px; font-weight:normal; margin:0 5px 0 5px; }
ul#subnavigation { margin-top:21px; height: 25px; line-height:14px; list-style-type:none; }
ul#subnavigation li { float:left; margin-right:17px; text-align:center; }
ul#subnavigation li.last { margin-right:0px; }

h1 { border-style:solid; border-width:1px 0 0 0; padding:20px 0 15px 0; }
h2 { padding:4px 0 40px 0; }

#content .headline { border-style:solid; border-width: 0 0 1px 0; height: 48px; margin-bottom:15px; }
#content .headline.no_margin { margin-bottom:0px; } /* this is needed when spacing after headline should be 0 because a list follows */
.content_box { margin-bottom: 47px; }
.border_bottom { border-style:solid; border-width: 0 0 1px 0; }
.border_top { border-style:solid; border-width: 1px 0 0 0; }

/* CSS SHADOWS */
.shadow_container { position:relative; width:440px;}
.shadow_firstlayer { position: absolute; top: 13px; left: 13px; z-index: 1; }
.shadow_secondlayer { position: absolute; top: 14px; left: 13px; z-index: 0; }

/* CONTENT */
.teaserbox { height:34px; padding:175px 6px 0px 8px; }

.teaser_client { height:97px; }

.news_ele { height:47px; line-height:47px; border-style:solid; border-width:0 0 1px 0; cursor:pointer; }
.news_ele.border_top    { border-width:1px 0 1px 0; }
.news_ele div { float:left; }
.news_ele .news_date { width: 80px; }
.news_ele .news_text { width: 355px; }
.news_ele .news_link { padding-top:14px; }
.news_content_wrapper { height:47px; line-height:47px; margin-bottom:15px; }
.news_image_wrapper { height:176px;width:180px;float:left; }
.news_text_wrapper { height:176px;width:270px;float:left; }

.content_box ul { border-style:solid; border-width:1px 0 0 0; list-style-type:none; }
.content_box ul li { height:47px; line-height:47px; border-style:solid; border-width:0 0 1px 0; padding-left: 16px; background-repeat:no-repeat; background-position: 2px 20px;  }
#problem_box ul li { background-image:url(../pics/problem_box_bg.gif); }
#problem_box ul li:hover { background-image:url(../pics/content_box_active_bg.gif); }
#solution_box ul li { background-image:url(../pics/solution_box_bg.gif); }
#solution_box ul li:hover { background-image:url(../pics/content_box_active_bg.gif); }
#result_box ul li { background-image:url(../pics/solutions/result_box_bg.png); background-position:0px 0px; height:48px; padding-left:30px; }
#result_box ul li.last { background-image:url(../pics/solutions/result_box_last_bg.png); background-position:0px 1px; height:46px; }
.team_box ul li { height:31px; line-height:31px; background-image:url(../pics/team_box_bg.gif); background-position: 2px 12px; }
.team_box ul li:hover { background-image:url(../pics/content_box_active_bg.gif); }
.team_box .text { padding-top:20px; height:120px; }
.blue_box ul li { background-image:url(../pics/blue_box_bg.png); }
.blue_box ul li:hover { background-image:url(../pics/content_box_active_bg.gif); }


.screenshot_box { background-image:url(../pics/solutions/screenshots_bg.gif); background-repeat:no-repeat; height:353px; margin-top:15px; }
.screenshot_box img { margin:6px 6px; }
.screenshot_text { padding:6px 6px; }
.screenshot_counter { background-image:url(../pics/solutions/screenshot_counter_bg_gray.gif); background-repeat:no-repeat; width:14px; height:19px; padding-left:5px; line-height:17px; float:right; margin-left:10px; }
.screenshot_counter.active { background-image:url(../pics/solutions/screenshot_counter_bg_blue.gif); }
.citation_box { background-image:url(../pics/solutions/citation_bg.gif); background-repeat:no-repeat; height:210px; margin-top:15px; }

.gradient_home { background-image:url(../pics/home/g_home.png); background-repeat:no-repeat; height:127px; }

#history_content p { padding-bottom:20px; }

/* FOOTER */
#footer { height:47px; line-height:47px; border-style:solid; border-width:1px 0 1px 0; }
#footer a { margin-right:10px; }

.cursor_link { cursor:pointer; }