/* Allgemeines */

body { margin: 0; padding: 0; background: #fff; }
* { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5e6266; }
p { font-size: 12px; line-height: 18px; }
p a, td a { text-decoration: none; color: #e0061c; }
p a:hover, td a:hover { text-decoration: underline; }
small { font-size: 10px; color: #969c9f; }
fieldset { display: block; padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
hr { border: 0px; border-top: solid 1px #d3d6d8; border-bottom: solid 1px #fff; }
td, th { font-size: 12px; line-height: 18px; }
th { padding: 5px; text-align:center; }
th.red { background: #df061c; font-weight: bold; color: #fff; padding: 5px; }
th.gray { background: #797e82; font-weight: bold; color: #fff; padding: 5px; }
td.light { background: #f1f2f3; color: #3e4145; padding: 5px; }
td.dark { background: #e4e6e8; color: #3e4145; padding: 5px; }
td.error { background: #df061c; color: #fff; padding: 5px; }
a img { border: none; }

.clear { clear: both; }
.spacer { height: 10px; }
.spacer2 { height: 30px; }
.vspacer { width: 4px; padding: 0; margin: 0; }
.invisible {display:none; }

/* Layout */

#frame { position: absolute; left: 50%; width: 957px; margin-left: -478px; }

#logo { display: block; position: absolute; top: 42px; width: 328px; height: 67px; background: url(../grafiken/logo.gif) no-repeat; }
#logo span { display: none; }

#main_menu { padding: 0; margin: 0; display: block; position: absolute; top: 15px; left: 433px; width: 524px; list-style: none; }
#main_menu li { padding: 0; margin: 0; float: left; }
#main_menu li a span { display: none; }
#main_menu li a { display: block; height: 33px; background-image: url(../grafiken/mainmenu.gif); background-repeat: no-repeat; background-position: 0 0; }
#main_menu li a#main_menu_loesungen 	{ background-position: 0px 		0px; 	width: 80px; }
#main_menu li a#main_menu_highlights 	{ background-position: -80px 	0px; 	width: 84px; }
#main_menu li a#main_menu_technologie 	{ background-position: -164px 	0px; 	width: 96px; }
#main_menu li a#main_menu_service 		{ background-position: -260px 	0px; 	width: 64px; }
#main_menu li a#main_menu_kunden 		{ background-position: -324px 	0px; 	width: 68px; }
#main_menu li a#main_menu_kosten 		{ background-position: -392px 	0px; 	width: 64px; }
#main_menu li a#main_menu_kontakt		{ background-position: -456px 	0px; 	width: 68px; }
#main_menu li a#main_menu_loesungen:hover 	{ background-position: 0px 		-33px; }
#main_menu li a#main_menu_highlights:hover 	{ background-position: -80px 	-33px; }
#main_menu li a#main_menu_technologie:hover { background-position: -164px 	-33px; }
#main_menu li a#main_menu_service:hover 	{ background-position: -260px 	-33px; }
#main_menu li a#main_menu_kunden:hover 		{ background-position: -324px 	-33px; }
#main_menu li a#main_menu_kosten:hover		{ background-position: -392px 	-33px; }
#main_menu li a#main_menu_kontakt:hover		{ background-position: -456px 	-33px; }
#main_menu li a#main_menu_loesungen.current 	{ background-position: 0px 		-66px; }
#main_menu li a#main_menu_highlights.current 	{ background-position: -80px 	-66px; }
#main_menu li a#main_menu_technologie.current 	{ background-position: -164px 	-66px; }
#main_menu li a#main_menu_service.current 		{ background-position: -260px 	-66px; }
#main_menu li a#main_menu_kunden.current 		{ background-position: -324px 	-66px; }
#main_menu li a#main_menu_kosten.current		{ background-position: -392px 	-66px; }
#main_menu li a#main_menu_kontakt.current		{ background-position: -456px 	-66px; }

#sub_menu { padding: 0px; margin: 0px; z-index: 30; width: 172px; background: #fff; padding-top: 6px; padding-bottom: 12px; margin-bottom: 25px; border-top: #cbcfd1 1px solid; border-bottom: #cbcfd1 1px solid; }
#sub_menu * { line-height: 16px; }
#sub_menu li { display: block; list-style-type: none; padding: 0px; margin: 0px; background: transparent; margin-bottom: 6px; }
#sub_menu li a { display: block; text-decoration: none; font-size: 12px; width: 161px; padding-top: 10px; padding-left: 11px; color: #969b9f; font-weight: normal; }
#sub_menu li a:hover { color: #e0061c; }
#sub_menu li a.current { background: #ffffff url(../grafiken/marker_submenu.gif) 0px 5px no-repeat; color: #5e6266; font-weight: bold; }

#sub_menu ul { display: block; padding: 0px; margin: 0px; width: 160px; margin-bottom: 16px; margin-top: 0px; margin-left: 12px; margin-right: -12px; }
#sub_menu ul li { display: block; list-style-type: none; padding: 0px; margin: 0px; font-weight: bold; padding-top: 0px; margin-bottom: -2px; }
#sub_menu ul li a { display: block; text-decoration: none; font-size: 12px; width: 160px; height: 100%; color: #969b9f; }
#sub_menu ul li a:hover { color: #e0061c; }
#sub_menu ul li a.current { background: transparent; font-weight: normal; color: #5e6266; }

#sub_menu ul ul { padding: 0px; margin: 0px; width: 160px; background: transparent; margin-top: -2px; margin-bottom: 7px;}
#sub_menu ul ul li { display: block; list-style-type: none; padding: 0px; margin: 0px; font-weight: normal; padding-top: 5px; margin-bottom: -2px; }
#sub_menu ul ul li a { display: block; text-decoration: none; font-size: 12px; width: 108px; height: 100%; padding-left: 52px; color: #969b9f; }
#sub_menu ul ul li a:hover { color: #e0061c; }
#sub_menu ul ul li a.current { background: transparent; font-weight: normal; color: #5e6266; }

#sub_menu_funktionsueberblick span { display: none; }
#sub_menu_funktionsueberblick { display: block; width: 172px; height: 32px; background: url(../grafiken/funktionsueberblick.gif) no-repeat 0 0; }

#footer { float: left; height: 20px; padding-left: 188px; width: 768px; margin-top: 6px; margin-bottom: 20px; }
#footer #copyright { display: block; float: left; width: 89px; height: 12px; background: url(../grafiken/copyright_oe_konzept.gif) no-repeat; }
#footer #copyright span { display: none; }
#footer #footer_menu { padding: 0; margin: 0; display: block; float: left; width: 679px; list-style: none; }
#footer #footer_menu li { display: block; float: right; padding: 0; margin: 0; margin-left: 23px; font-size: 11px; }
#footer #footer_menu li a { color: #969ba0; text-decoration: none; }
#footer #footer_menu li a:hover { color: #e0061c; }

/* Inhalt */

#content { position: absolute; top: 128px; }
#content_left { float: left; width: 188px; }
#content_right { float: left; width: 768px; }

#content_right h2 { padding: 0; margin: 0; font-size: 18px; margin-top: 25px; color: #E2001A; }
#content_right p { padding: 0; margin: 0; margin-top: 10px; }
#content_right strong { font-size: 12px; }
#content_right ul { margin-left: 0; padding-left: 0px; margin-bottom: 25px; }
#content_right ul li { list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 10px; font-size: 12px; padding-left: 15px; line-height: 18px; background: transparent url(../grafiken/list_circle.gif) no-repeat -3px 3px; }
#content_right ul ul { margin-top: 10px; margin-bottom: 10px; padding-left: 10px; }

#stage_outer { position: relative; background: #cbcfd1 url(../grafiken/stage_outer_bg.gif) no-repeat 0 0; }
#stage_inner { padding: 15px; padding-bottom: 55px; width: 738px; background: transparent url(../grafiken/stage_inner_bg.gif) no-repeat 0 bottom; }
#stage_inner * { cursor: default; } 
#stage_inner a { cursor: pointer; } 

#stage_inner h1 { padding: 0; margin: 0; font-size: 32px; margin-top: 65px; font-weight: bold; }
#stage_inner p { padding: 0; margin: 0; font-size: 16px; margin-bottom: 15px; }
#stage_inner .wrapper { padding: 15px; width: 708px; background: #fff; }
#stage_inner .box_left { float: left; width: 228px; }
#stage_inner .box_left h2 { padding: 0; margin: 0; font-size: 17px; margin-top: 45px; margin-bottom: 10px; font-weight: bold; }
#stage_inner .box_left p { padding: 0; margin: 0; font-size: 12px; font-weight: bold; margin-right: 10px; }
#stage_inner .box_right { float: left; }

#videotour_ansehen { display: inline-block; margin-top: 5px; font-size: 12px; color: #e0061c; text-decoration: none; background: url(../grafiken/link_intern.gif) right 3px no-repeat; padding-right: 12px; }
#videotour_ansehen:hover { text-decoration: underline; }

#videotour_close_btn span { display: none; }
#videotour_close_btn { display: block; width: 15px; height: 15px; position: absolute; left: 753px; background: url(../grafiken/stage/close_btn.gif) no-repeat 0 0; visibility: hidden; }
#videotour_close_btn:hover { background-position: 0 -15px; }

#content_right .item_c1 { float: left; width: 758px; padding-top: 10px; padding-right: 10px; border-bottom: #d3d6d8 1px solid; }
#content_right .item_c1 h3 { padding: 0; margin: 0; font-size: 12px; margin-top: 15px; font-weight: bold; }
#content_right .item_c1 p { margin-bottom: 10px; }

#content_right .item_c2_first { float: left; padding-right: 30px; width: 354px; }
#content_right .item_c2 { float: left; width: 384px; }
#content_right .item_c2_first h3, #content_right .item_c2 h3 { padding: 0; margin: 0; font-size: 12px; margin-top: 15px; font-weight: bold; }
#content_right .item_c2_first p, #content_right .item_c2 p { padding: 0; margin: 0; margin-top: 5px; margin-bottom: 20px; }

#content_right .item_c2a { padding-top: 10px; padding-right: 10px; float: left; font-size: 12px; margin-top: 15px; position: relative; }
#content_right .c2a_big { padding-left: 0px; padding-right: 20px; width: 490px;  border-right: 1px solid #D3D6D8; }
#content_right .c2a_small { padding-left: 20px; width: 217px; }
#content_right .item_c2a h3 { padding: 0; margin: 0; font-size: 12px; margin-top: 15px; font-weight: bold; }
#content_right .item_c2a p { margin-bottom: 10px; }

#content_right .item_c3 { float: left; width: 236px; height: 248px; padding-top: 10px; padding-right: 20px; border-bottom: #d3d6d8 1px solid; }
#content_right .xt { height: 258px; }
#content_right .item_c3 h3 { padding: 0; margin: 0; font-size: 12px; margin-top: 15px; font-weight: bold; }
#content_right .item_c3 p { margin-bottom: 10px; }
#content_right .item_c3 .icon { border: none; margin-top: 12px; }

#content_right .item_thumbnails { float: left; width: 768px; padding: 28px 0; border: none;}
.thumbnail { margin-right: 30px; float: left; }
#content_right .item_thumbnails .thumbnail { border: #d3d6d8 1px solid; }

#content_right .item_thumbnails span { display: block; font-size: 12px; color: #e0061c; text-decoration: none; background: url(../grafiken/link_intern.gif) no-repeat; padding-right: 12px; }

#content_right .iconhead_left { padding: 0; margin: 0; width: 528px; position: relative; float: left; }
#content_right .iconhead_left h3 { padding: 0; margin: 0; font-size: 12px; margin-top: 15px; font-weight: bold; }
#content_right .iconhead_left p { margin-bottom: 10px; }
#content_right .iconhead_right { padding: 0; margin: 0 30px; width: 150px; position: relative; float: left; }

a.more { display: inline-block; font-size: 12px; color: #e0061c; text-decoration: none; background: url(../grafiken/link_intern.gif) right 3px no-repeat; padding-right: 12px; }
a.more:hover { text-decoration: underline; }


#content_right .box_1, #content_right .box_2, #content_right .box_3 { float: left; width: 228px; padding-left: 13px; padding-right: 13px; height: 225px; margin-top: 22px; border-left: #d3d6d8 1px solid; border-bottom: #d3d6d8 1px solid; }
#content_right .box_3 { border-right: #d3d6d8 1px solid; }
#content_right .box_1 .headline { display: block; width: 194px; height: 40px; background: url(../grafiken/header_intranetloesung.gif) no-repeat; }
#content_right .box_2 .headline { display: block; width: 224px; height: 40px; background: url(../grafiken/header_bedarfscheck.gif) no-repeat; }
#content_right .box_1 .headline span, #content_right .box_2 .headline span { display: none; }
#content_right .intro { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
#content_right .intro a { color: #e0061c; text-decoration: none; background: url(../grafiken/link_intern.gif) right 3px no-repeat; padding-right: 12px; }
#content_right .intro a:hover { text-decoration: underline; }

#content_right .headline_text { padding-top: 30px; padding-left: 10px; font-size: 18px; font-weight: bold; margin-top: 25px; color: #E2001A; }
#content_right .headline_text a { text-decoration: none; color: #E2001A; }
.line_container { position: relative; float: left; }


#call_back { padding: 0; margin: 0; border: none; }
#call_back #call_back_form_fields { margin-top: 10px; }
#call_back a.legend { display: block; width: 225px; height: 40px; background: url(../grafiken/startseite/call_back.gif) no-repeat; }
#call_back a.legend span { display: none; }
#call_back label { display: block; float: left; width: 75px; font-size: 12px; line-height: 18px; margin-top: 7px; }
#call_back input, #call_back select { display: block; float: left; width: 145px; font-size: 12px; line-height: 18px; margin-top: 7px; }
#call_back input { height: 14px; }
#call_back select { height: 20px; }
#call_back #date_input { width: 120px; }
#call_back #calendar_img { display: block; float: left; margin-top: 9px; margin-left: 7px; cursor: pointer; }
#call_back #submit_form { display: block; float: left; margin-top: 15px; font-size: 12px; line-height: 18px; color: #e0061c; text-decoration: none; background: url(../grafiken/link_intern.gif) right 3px no-repeat; padding-right: 12px; }
#call_back #submit_form:hover { text-decoration: underline; }

.button { padding-top: 2px; display: inline-block; color: #fff; font-size: 12px; font-weight: bold; border: none; background: #979c9f url(../grafiken/hintergrund_button.gif) repeat-x; padding-bottom: 4px; padding-top: 3px; text-decoration: none; text-align: center; cursor: pointer; }
input.button { color: #fff; }
.button:hover { text-decoration: none; color: #fff; background: #979c9f url(../grafiken/hintergrund_button_over.gif) repeat-x; }