/**
 *
 *  default green 409800
 *  default red   FF0000
 *  default blue  0055D4
 *
 *  50%     green 9FCB7F
 *  50%     red   FF7F7F
 *  50%     blue  7FAAE9
 *
 */




html { height:100%; }
body { text-align:center; margin:0; font-family:verdana,tahoma,arial,helvetica; font-size:12px; background-color:#f3f3f3; height:100%; }


/**
 *  standard-elemente
 **/
h1 { margin:0; padding:0 0 15px 0; color:#5c5c5c; font-size:20px; font-style:italic; }
h2 { margin:0; padding:0 0 10px 0; color:#5c5c5c; font-size:16px; font-style:italic; }
h3 { margin:0; padding:0 0 5px 0; color:#5c5c5c; font-size:14px; font-style:italic; }
h4 { margin:0; padding:0 0 3px 0; color:#5c5c5c; font-size:12px; }
h5 { margin:0; padding:0 0 2px 0; color:#5c5c5c; font-size:11px; }
p { margin:0; padding:0 0 1em 0; }
ul { margin:0; padding:0 0 15px 0; }
ul li { margin:0; padding:0 0 0 10px; list-style-type:none; background:url('../images/icon_li_sbp.png') no-repeat 2px 6px; }
a { color:#9e9e9e; text-decoration:none; }
a:hover { color:#3d3d3d; }


/**
 *  formulare (standard-classen)
 **/
form { margin:0; padding:0; }
input.text { font-family:courier new, courier; font-size:11px; color:#000000; vertical-align:middle; }
textarea { font-family:courier new, courier; font-size:11px; color:#000000; vertical-align:middle; }
select { font-family:courier new, courier; font-size:11px; color:#000000; vertical-align:middle; }
input.submit { font-family:courier new, courier; font-size:11px; color:#000000; vertical-align:middle; }
button { font-family:courier new, courier; font-size:11px; color:#000000; vertical-align:middle; }


/**
 *  layout-classen
 **/
#page_body { width:1000px; margin:0px auto 0px auto; }
	#page_header { height:122px; background:url('../images/header_bg.png') no-repeat top center; }
		#header { margin:0px auto 0px auto; width:984px; height:122px; text-align:left; }
		    #header_servicenavi { height:18px; }
			    #header_servicenavi_wrapper { margin:0px; padding:3px 0 0 5px; color:#727272; font-size:10px; font-weight:bold; }
				#header_servicenavi_wrapper a { color:#727272; }
		    #header_frame { height:104px; background:url('../images/leitbild_sbp.png') no-repeat 500px 2px; }
		        #header_frame_left { padding:13px 0 0 13px; float:left; }
		        #header_frame_right { padding:2px 1px 0 0; float:right; }
			        #header_frame_right a { margin-right:2px; }
	#page_main { background:url('../images/main_bg.png') repeat-y top center; }
		#main { margin:0px auto 0px auto; width:984px; text-align:left; }
		    #topnavi {}
		        ul#buttons { margin:0; padding:0; float:left; }
		            ul#buttons li { margin:0; padding:0; float:left; list-style-type:none; background:url('../images/bigbutton_normal.png') no-repeat top left; width:93px; height:27px; }
			            ul#buttons li span { display:block; padding:5px 0 0 0; text-align:center; font-weight:bold; color:#7e7e7e; }
			            	ul#buttons li span a { color:#7e7e7e; }
		            ul#buttons li.active { background:url('../images/bigbutton_active.png'); }
		            	ul#buttons li.active span { color:#ffffff; }
			            	ul#buttons li.active span a { color:#ffffff; }
				ul#rootline { margin:0; padding:5px 0 0 15px; float:left; font-size:10px; }
		            ul#rootline li { margin:0; padding:0; float:left; list-style-type:none; color:#9a9a9a; background:transparent; }
		            	ul#rootline li span { display:block; padding:2px 0 0 .7em; }
			            	ul#rootline li span a { text-decoration:underline; }
			#main_wrapper { clear:both; }
		    	#main_left { float:left; width:170px; }
		    	    #main_left .hr { background:#ff0000; margin:0; padding:0; border:0; font-size:1px; height:2px; background:url('../images/hr.png') repeat-x top left; }
		    	        #searchform { padding:5px 15px 10px 15px; }
		    	        #searchform .text { width:114px; }
		    	#main_center { float:left; width:671px; }
		    	    #content_wrapper { margin:0; padding:15px; font-size:11px; color:#808080; }
		    	#main_right { float:left; width:142px; }
		    	    #right_wrapper { margin:0; padding:15px 15px 15px 0; font-size:11px; color:#808080; }
	#page_footer { height:122px; background:url('../images/footer_bg.png') no-repeat top center; }
		#footer { margin:0px auto 0px auto; width:984px; height:27; text-align:left; }
		    #footer_wrapper { margin:0px; padding: 4px 0 0 5px; color:#5c5c5c; font-size:10px; }

#piclayer  { visibility:hidden;
             position:fixed;
             left:20%;
             right:20%;
             top:5%;
             bottom:5%;
             background-color:#ffffff;
             padding-top:20px;
             padding-bottom:20px;
             padding-left:20px;
             padding-right:20px;
             text-align:center;
           }

body.sbp #piclayer { border:2px solid #ff0000; }
body.sop #piclayer { border:2px solid #409800; }
body.sdp #piclayer { border:2px solid #0055d4; }

#piclayer_bigimg { margin-bottom:20px; }
#piclayer_desc { margin-bottom:20px; }

/**
 *  hauptnavigation
 **/
.navi_l1 { font-size:14px; font-weight:bold; color:#727272; padding:5px 10px 5px 15px; }
.navi_l1 a { color:#727272; }
.navi_l2_wrapper { padding:0 0 5px 0; }
.navi_l2 .navi_l2_item { color:#727272; padding:2px 10px 2px 33px; background:url('../images/navi_pfeil_l2.gif') no-repeat 16px 5px; }
.navi_l2 a { color:#727272; }
.current { background:url('../images/navi_bg_active.png') repeat-y top left; }


/**
 *  sonstige styles
 **/
.left_margin { margin-left:15px; }
.right { text-align:right; }
.font_ultrasmall { font-size:10px; }
.font_small { font-size:11px; }
.font_middle { font-size:12px; }
.font_large { font-size:13px; }
.color_light { color:#808080; }
.color_medium { color:#5c5c5c; }
.color_dark { color:#2d2d2d; }

/**
 *  spezielle shop-elemente
 **/
.shop_preview_item { margin-bottom:35px; }
.shop_preview_item .image { border:1px solid #c0c0c0; float:left; margin-right:10px; }
.shop_preview_item .image a { display:block; text-align:center; width:71px; height:71px; }
.shop_preview_item h3.headline { margin:0; padding:0 0 5px 0; color:#2d2d2d; font-style:italic; font-size:14px; }
.shop_preview_item .text { margin:0; padding:0 0 9px 0; color:#808080; font-size:11px; }
.shop_preview_item .buttons { margin:0; padding:0; }

.shop_page_list { margin-bottom:35px; }

.shop_detail_item { color:#5c5c5c; }
.shop_detail_item h2.headline { margin:0; padding:0 0 15px 0; font-style:italic; font-size:20px; }
.shop_detail_item .image { float:left; width:310px; margin-right:15px; text-align:center; }
.shop_detail_item .bigimg { margin-bottom:20px; }
.shop_detail_item .biggerimg_button { margin-bottom:20px; }
.shop_detail_item .text { float:left; width:310px; }
.shop_detail_item .more_imgs { text-align:left; }
.shop_detail_item .more_imgs .item { border:1px solid #c0c0c0; float:left; margin-right:4px; margin-bottom:4px; }
.shop_detail_item .more_imgs .item a { display:block; text-align:center; width:71px; height:71px; }

.shop_preis { background:#ffffff; padding:5px; text-align:right; margin:0 0 10px 0; }
.shop_preis .preis { font-size:16px; font-weight:bold; font-style:italic; }
.shop_preis .text { }

/**
 *  Warenkorb Überschrift
 **/
.wkorb_header { background:url('../images/wkorb_reiter_0.png') no-repeat left top; height:17px; width:618px; padding:0; margin:0; }
.wkorb_header .link_step_0 { display:block; float:left; text-decoration:none; padding:0 0 0 65px; }
.wkorb_header .link_step_1 { display:block; float:left; text-decoration:none; padding:0 0 0 53px; }
.wkorb_header .link_step_2 { display:block; float:left; text-decoration:none; padding:0 0 0 49px; }
.wkorb_header .link_step_3 { display:block; float:left; text-decoration:none; padding:0 0 0 42px; }
.wkorb_header .link_step_0 a { display:block; float:left; /*background:#ff0000;*/ width:80px; }
.wkorb_header .link_step_1 a { display:block; float:left; /*background:#00ff00;*/ width:62px; }
.wkorb_header .link_step_2 a { display:block; float:left; /*background:#0000ff;*/ width:94px; }
.wkorb_header .link_step_3 a { display:block; float:left; /*background:#ffff00;*/ width:109px; }
.wkorb_header a { text-align:center; font-size:13px; font-style:italic; font-weight:bold; }

.wkorb_header_step_0 .link_step_0 a { }
.wkorb_header_step_0 .link_step_1 a { }
.wkorb_header_step_0 .link_step_2 a { }
.wkorb_header_step_0 .link_step_3 a { }
.wkorb_header_step_1 .link_step_0 a { color:#333333; }
.wkorb_header_step_1 .link_step_1 a { }
.wkorb_header_step_1 .link_step_2 a { }
.wkorb_header_step_1 .link_step_3 a { }
.wkorb_header_step_2 .link_step_0 a { color:#333333; }
.wkorb_header_step_2 .link_step_1 a { color:#333333; }
.wkorb_header_step_2 .link_step_2 a { }
.wkorb_header_step_2 .link_step_3 a { }
.wkorb_header_step_3 .link_step_0 a { color:#333333; }
.wkorb_header_step_3 .link_step_1 a { color:#333333; }
.wkorb_header_step_3 .link_step_2 a { color:#333333; }
.wkorb_header_step_3 .link_step_3 a { }
.wkorb_header_step_4 .link_step_0 a { color:#333333; }
.wkorb_header_step_4 .link_step_1 a { color:#333333; }
.wkorb_header_step_4 .link_step_2 a { color:#333333; }
.wkorb_header_step_4 .link_step_3 a { color:#333333; }


/**
 *  body-class abhängige styles
 **/
body.sbp #header_frame { background:url('../images/leitbild_sbp.png') no-repeat 500px 2px; }
body.sop #header_frame { background:url('../images/leitbild_sop.png') no-repeat 450px 2px; }
body.sdp #header_frame { background:url('../images/leitbild_sdp.png') no-repeat 450px 2px; }

body.sbp input.text { border-left:1px solid #6b0000; border-top:1px solid #6b0000; border-right:1px solid #ff9292; border-bottom:1px solid #ff9292; }
body.sop input.text { border-left:1px solid #1b4000; border-top:1px solid #1b4000; border-right:1px solid #67ad34; border-bottom:1px solid #67ad34; }
body.sdp input.text { border-left:1px solid #003b94; border-top:1px solid #003b94; border-right:1px solid #0055d4; border-bottom:1px solid #0055d4; }

body.sbp textarea { border-left:1px solid #6b0000; border-top:1px solid #6b0000; border-right:1px solid #ff9292; border-bottom:1px solid #ff9292; }
body.sop textarea { border-left:1px solid #1b4000; border-top:1px solid #1b4000; border-right:1px solid #67ad34; border-bottom:1px solid #67ad34; }
body.sdp textarea { border-left:1px solid #003b94; border-top:1px solid #003b94; border-right:1px solid #0055d4; border-bottom:1px solid #0055d4; }

body.sbp select { border-left:1px solid #6b0000; border-top:1px solid #6b0000; border-right:1px solid #ff9292; border-bottom:1px solid #ff9292; }
body.sop select { border-left:1px solid #1b4000; border-top:1px solid #1b4000; border-right:1px solid #67ad34; border-bottom:1px solid #67ad34; }
body.sdp select { border-left:1px solid #003b94; border-top:1px solid #003b94; border-right:1px solid #0055d4; border-bottom:1px solid #0055d4; }

body.sbp input.submit { border-left:1px solid #6b0000; border-top:1px solid #6b0000; border-right:1px solid #ff9292; border-bottom:1px solid #ff9292; background-color:#ff0000; color:#ffffff; }
body.sop input.submit { border-left:1px solid #1b4000; border-top:1px solid #1b4000; border-right:1px solid #67ad34; border-bottom:1px solid #67ad34; background-color:#409800; color:#ffffff; }
body.sdp input.submit { border-left:1px solid #003b94; border-top:1px solid #003b94; border-right:1px solid #0055d4; border-bottom:1px solid #0055d4; background-color:#0055d4; color:#ffffff; }

body.sbp button { border-left:1px solid #6b0000; border-top:1px solid #6b0000; border-right:1px solid #ff9292; border-bottom:1px solid #ff9292; background-color:#ff0000; color:#ffffff; }
body.sop button { border-left:1px solid #1b4000; border-top:1px solid #1b4000; border-right:1px solid #67ad34; border-bottom:1px solid #67ad34; background-color:#409800; color:#ffffff; }
body.sdp button { border-left:1px solid #003b94; border-top:1px solid #003b94; border-right:1px solid #0055d4; border-bottom:1px solid #0055d4; background-color:#0055d4; color:#ffffff; }

body.sbp .active { color:#ff0000; }
body.sbp .active .navi_l2_item { color:#ff0000; background:url('../images/navi_pfeil_l2_active_sbp.gif') no-repeat 16px 5px; }
body.sbp .active a { color:#ff0000; }

body.sop .active { color:#409800; }
body.sop .active .navi_l2_item { color:#409800; background:url('../images/navi_pfeil_l2_active_sop.gif') no-repeat 16px 5px; }
body.sop .active a { color:#409800; }

body.sdp .active { color:#0055d4; }
body.sdp .active .navi_l2_item { color:#0055d4; background:url('../images/navi_pfeil_l2_active_sdp.gif') no-repeat 16px 5px; }
body.sdp .active a { color:#0055d4; }

body.sbp .colored { color:#ff0000; }
body.sop .colored { color:#409800; }
body.sdp .colored { color:#0055d4; }

body.sbp .shop_detail_item .more_imgs .active { border:1px solid #ff0000; }
body.sop .shop_detail_item .more_imgs .active { border:1px solid #409800; }
body.sdp .shop_detail_item .more_imgs .active { border:1px solid #0055d4; }

body.sbp ul li { background:url('../images/icon_li_sbp.png') no-repeat 2px 6px; }
body.sop ul li { background:url('../images/icon_li_sop.png') no-repeat 2px 6px; }
body.sdp ul li { background:url('../images/icon_li_sdp.png') no-repeat 2px 6px; }

body.sbp .wkorb_header_step_0 { background:url('../images/wkorb_reiter_0_sbp.png'); }
body.sbp .wkorb_header_step_1 { background:url('../images/wkorb_reiter_1_sbp.png'); }
body.sbp .wkorb_header_step_2 { background:url('../images/wkorb_reiter_2_sbp.png'); }
body.sbp .wkorb_header_step_3 { background:url('../images/wkorb_reiter_3_sbp.png'); }
body.sbp .wkorb_header_step_4 { background:url('../images/wkorb_reiter_4_sbp.png'); }

body.sop .wkorb_header_step_0 { background:url('../images/wkorb_reiter_0_sop.png'); }
body.sop .wkorb_header_step_1 { background:url('../images/wkorb_reiter_1_sop.png'); }
body.sop .wkorb_header_step_2 { background:url('../images/wkorb_reiter_2_sop.png'); }
body.sop .wkorb_header_step_3 { background:url('../images/wkorb_reiter_3_sop.png'); }
body.sop .wkorb_header_step_4 { background:url('../images/wkorb_reiter_4_sop.png'); }

body.sdp .wkorb_header_step_0 { background:url('../images/wkorb_reiter_0_sdp.png'); }
body.sdp .wkorb_header_step_1 { background:url('../images/wkorb_reiter_1_sdp.png'); }
body.sdp .wkorb_header_step_2 { background:url('../images/wkorb_reiter_2_sdp.png'); }
body.sdp .wkorb_header_step_3 { background:url('../images/wkorb_reiter_3_sdp.png'); }
body.sdp .wkorb_header_step_4 { background:url('../images/wkorb_reiter_4_sdp.png'); }

table.techTable { border-collapse:collapse; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.techTable tr td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:1px 5px 1px 5px; }