/* CSS Document bb70_1 en-em.de*/

/*v1
body {
	background-color: #EEF8F7;
	background-image: url(bilder/layout/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: center -1px;
	margin: 0 0 0 30px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}*/

body.start {
	/*background-color:#5A6C2E;*/
	background-color: #efefef;
	background-image: url(bilder/layout/bg_body.jpg);
	background-repeat: repeat-y;
	background-position: -2px top;
	margin: 0 0 0 0px;
	padding: 0 0 0 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body.internet {
	background-color: #BBBED0;
	background-image: url(bilder/layout/bg_body_32b_transp.png);
	background-repeat: repeat-y;
	background-position: -2px top;
	margin: 0 0 0 0px;
	padding: 0 0 0 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color: #FF9934;
}

a:hover {
	text-decoration:underline; 
}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight: normal;
	letter-spacing:normal;
	color: #636665;
	margin: 75px 0 15px 0;
	/*background-color:#FF0000;
	text-indent: -5000px;*/
}


#main_content.widehead h1 {
	margin: 0px 0 15px 0;
}

h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	letter-spacing: 0.05em;
	color: #636665;
	margin: 0;
}


h2.sitemap {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #636665;
	letter-spacing: normal;
	margin: 0 50px 3px 0;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	font-weight:bold;
}

h2.sitemap a {
	color: #636665;
}

/* Layout Elemente */

/* v1
#wrapper_box { 
	background-image: url(bilder/layout/bg_wrapper.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width:1024px;
	height: 9999px;
}*/

#wrapper_box { /* Linksbündiges Layout!!*/
/*	background-image: url(bilder/layout/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: center -1px;
	width:1280px;*/
}

#header_box {
	height: 115px;
	background-image: url(bilder/layout/bg_header_grad.jpg);
	background-repeat:no-repeat;
	background-position: 0 bottom;
	text-align:left;
	margin-left: -30px
}

#header_box img.homelink {
/*	visibility: hidden;*/
	position: absolute;
	margin: 50px 0 0 25px;
	behavior: url("pngbehavior.htc"); /*einmal mehr ein hack für Alphatransparenz im IE 5.5+  */
}

#breadcrumbs, #breadcrumbs.bc_sitemap {
	position:absolute;
	top: 119px;
	left: 293px;
	/*margin: 98px 0 0 60px;*/
	font-family: 	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color:#FF9934;
	z-index:50;
	visibility: hidden;
	background-color:#FFFFFF;
	padding: 0 3px 0 3px;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90;
	
}

#breadcrumbs ul {
	display: inline;
	padding: 0;
	margin: 0;
}

#breadcrumbs ul li{
	display: inline;
}

#breadcrumbs a{
	color: #666;
}

#breadcrumbs a:hover{
	color: #FF9934;
	text-decoration:none;
}

#breadcrumbs ul li.navi_hi a {
	color:#000;
	background-image:url(bilder/layout/dotted_line_hi.png);
	background-position:bottom;
	background-repeat:repeat-x;
}


#navi_box {
	/*width:115px;
	position:absolute;*/
	height: 366px;
	margin: -6px 0 0 -30px;
	padding:0 0 0 30px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/layout/bg_navibox_32b.png',sizingMethod='scale'); /*Transp. BG für IE */
	background-repeat: repeat-x;
	background-position: left 6px;
}

#navi_box[id] {
	margin: -12px 0 0 -30px;
	background-image: url(bilder/layout/bg_navibox_32b.png);
}

#navi_box ul {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	width:115px;
	top:140px;
	position:absolute;
	list-style-type: none;
	padding: 0;
	margin:12px 0 0 0;
	z-index:100;
}

#navi_box ul li {
	margin: 0 0 1px 0;
	padding: 4px 0 4px 0px;
	/*width: 120px;*/
}

#navi_box ul li a{
	color: #999;
}

#navi_box ul li.navi_hi {
	background-image:url(bilder/layout/dotted_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
	/*width: 252px;*/
}

#navi_box ul li.navi_hi a{
	color: #333;
	font-weight: bold;
}

#subnavi_box {
	/*visibility:hidden;*/
	width:143px;
	position:absolute;
/*	top: 120px;
	left: 140px;*/
	margin: -323px 0 0 109px;
	padding:0;
	z-index:2;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#subnavi_box ul {
	list-style-type: none;
	padding: 0;
	margin:0 0 0 12px;
}

#subnavi_box ul li {
	margin: 5px 0 2px 0;
	padding: 0;
	font-weight: bold;
}

#subnavi_box ul ul{
	margin: 4px 0 12px 8px;
	padding:0;
}

#subnavi_box ul ul li {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	font-weight: normal;
	background-image:url(bilder/layout/dotted_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#subnavi_box ul ul li.subnavi_hi {
	background-image:url(bilder/layout/dotted_line_snhi.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-left: 5px solid #FF9933;
	margin-left: -10px;
	padding-left: 5px;

}

#subnavi_box ul li.subnavi_lo a, #subnavi_box ul ul li.subnavi_lo a, #subnavi_box ul li.subhead_lo{
	color: #aaa;
}

#subnavi_box ul li.subhead_lo, #subnavi_box ul li.subhead_hi {
	font-weight: bold;
}

#subnavi_box ul li.subnavi_hi a, #subnavi_box ul li.subhead_hi, #subnavi_box ul ul li.subnavi_hi a, #subnavi_box ul ul li a:hover, #subnavi_box ul li a:hover{
	color: #000;
	text-decoration: none;
}

#main_box {
	position: absolute;
	/*height: 375px;*/
	min-height: 375px;
	top:114px;
	width:560px;
	margin-left:232px;
	background-image: url(bilder/layout/bg_main.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	z-index: 1;
}

#main_box_bg_loesungen {
	position: absolute;
	/*height: 375px;*/
	min-height: 375px;
	top:114px;
	width:560px;
	margin-left:232px;
	background-image: url(bilder/layout/header_grafik_loesungen.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	z-index: 1;
}

#main_box_bg_produkte {
	position: absolute;
	/*height: 375px;*/
	min-height: 375px;
	top:114px;
	width:560px;
	margin-left:232px;
	background-image: url(bilder/fotos/header_grafik_produkteballs.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	z-index: 1;
	
}

#main_box h2, #main_box_bg_loesungen h2, #main_box_bg_produkte h2 {
	padding-right: 45px;
}

#main_content{
	position: absolute;
	width: 480px;
	margin: 1px 30px 0 60px;
	font-size: 70%;
	top: 0px;
}

#main_content_halfpic_marge { 
	position: absolute;
	width: 480px;
	margin: 1px 30px 0 60px;
	font-size: 70%;
	top: 64px; /* für Headerbilder in ca. halber Höhe */
}

#main_content_fullpic_marge { 
	position: absolute;
	width: 480px;
	margin: 1px 30px 0 60px;
	font-size: 70%;
	top: 288px; /* für Headerbilder in voller Höhe */
}


#main_content .border {
	border: 1px solid #000000;
}


.widehead { /* #main_content mit breitem Headerbild */
	padding-top: 362px;
}

#main_content.widehead h1 {
	margin: 0px 0 15px 0;
}


p{
	line-height: 120%;
	text-align: justify;
	padding-right: 45px;
	color: #333;
	margin: 5px 0 10px 0;
}

#main_content ol, #main_content ul{
	line-height: 120%;
	color: #333;
	padding-right: 45px;
}

/* Produktboxen auf der Seite LÖSUNGEN  */

div.product_box {
	background-color:#fff;
	border: 1px solid #FF9934;
	margin: -5px 25px 10px 0px;
	padding: 10px 10px 0 10px;
}

h2.prodbox{
	color:#FF9934;
	z-index:999;
	margin: 10px 0 0 0px;
	font-size:200%;
	letter-spacing: 0.1em;
	font-variant:small-caps;
	text-indent:-2px;
}

div.referenz_box {
	background-color:#fff;
	border: 1px solid #FF9934;
	margin: -3px 25px 10px 0px;
	padding: 5px 10px 5px 10px;
}

h3.referenz_box{
	color:#FF9934;
	z-index:999;
	margin: 10px 0 0 -1px;
	font-size:140%;
	letter-spacing: 0.1em;
	font-variant:small-caps;
}

#pb01 {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.80;
}

#pb02 {
	filter:alpha(opacity=80); 
	-moz-opacity: 0.80;
}


dl {
	margin: 0;
}

dt {
	font-weight:bold;
	margin: 0 0 0 0px;
	padding: 2px 5px 0px 15px;
	/*border-left: 10px solid #F5C8DC;*/
	background-image:url(bilder/layout/bullet_1.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	color: #333;
}

dd {
	margin: 0 0 4px 15px;
}


dl.produkte dt {
	font-weight:normal;
	margin: 0 0 0 0px;
	padding: 2px 5px 0px 15px;
	/*border-left: 10px solid #F5C8DC;*/
	background-image:url(bilder/layout/bullet_1.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	color: #333;
}

dl.produkte dd{
	font-weight:bold;
	font-size: 125%;
	margin: 0 0 4px 15px;
	color: #FF9934;
}

table.produkte td {
	background-image:url(bilder/layout/dotted_line_snhi.png);
	background-position:bottom;
	background-repeat:repeat-x;	
	padding-bottom: 15px;
}

img.wide{ /* img - breites Bild im Headerbereich */
	margin-left:20px;
}

img.wide[id]{ /* img - breites Bild im Headerbereich */
	margin-left:22px;
}

img#start_pic[id] { /* img - Bild im Headerbereich der Startseite */
	margin-left:20px;
}


img.left { /* img - schmales Bild LINKS im Headerbereich - TEST */
/*	width: 150px;
	height: 352px;*/
	position: absolute;
	margin: 1px 0 0 21px;
}

img.right{ /* img - schmales Bild RECHTS im Headerbereich */
/*	width: 150px;
	height: 352px;*/
	float: right;
	margin: 0 0 25px 25px;
}

#showroom {
	position:absolute;
	left: -128px;
	top: 0px;
}


#info_box {
	position:absolute;
	margin: -8px 0 0 762px;
	top: 114px;
	width:200px;
	text-align: left;
	z-index: 300;
	padding: 10px 0px 10px 0px;
	font-size:70%;
	/*background-color:#00f;*/
}

#info_box h2 {
	margin: 0 0 0 10px;
	padding: 2px 5px 2px 15px;
	/*border-left: 10px solid #F5C8DC;*/
	background-image:url(bilder/layout/bullet_1.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	background-color:#eee;
	color: #333;
	font-size:100%;
	letter-spacing:normal;}

#info_box img{
	padding:2px;
	margin-bottom: 3px;
	border: 1px solid #ccc;
	background-color:#FFFFFF;
}


#info_box p{
	margin:3px 0 18px 16px;
	line-height: 120%;
	text-align: left;
	padding: 0px;
	color: #333;
	margin: 5px 0 10px 25px;
	font-size:90%;
}

#info_box p.ref_bez{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:95%;
	padding: 0;
	padding-bottom: 3px;
	background-image:url(bilder/layout/dotted_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#footer_box{
	position:absolute;
	margin:0px 0 0 -10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #aaa;
}

#footer_box a{
	color: #aaa;
}

#footer_box a:hover{
	color: #333;
	text-decoration:none;
}

#footer_box ul {
	list-style-type: none;
	padding: 0;
	margin:0 0 6px 0;
}

#footer_box ul li{
	display:inline;
}

#footer_box ul li.navi_hi a {
	color:#000000;
	background-image:url(bilder/layout/dotted_line_hi.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

/* Transparente "Schiebetüren"  */

#cover_left {
	position:absolute;
	top:111px;
	left:-378px;
	height:364px;
	width:528px;
	z-index: 100;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/layout/bg_cover_left_32b.png',sizingMethod='crop'); /*Transp. BG für IE */
}

#cover_left[id]{ /*Transp. BG für Moz */
	background-image:url(bilder/layout/bg_cover_left_32b.png);
	background-position:right top;
	background-repeat:no-repeat;
}

div#cover_left.closed{
	left:-230px;
}

div#cover_left.open{
	left:-378px;
}

#cover_right{
	position:absolute;
	top:111px;
	left:290px;
	height:364px;
	/*width:528px;*/
	visibility: hidden;
	width:26px;
	z-index: 99;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bilder/layout/bg_cover_right_32b.png',sizingMethod='crop'); /*Transp. BG für IE */
}

#cover_right[id]{ /*Transp. BG für Moz */
	background-image:url(bilder/layout/bg_cover_right_32b.png);
	background-repeat:no-repeat;
}



div#cover_right.open{
	left:787px;
}

div#cover_right.closed{
	left:300px;
}



/* mehr,zurück, top Button
----------------------------------------------*/

#more_button {
	font-size: 90%;
	color: #000;
	width: 240px;
	margin: -13px 0 0 0;
	padding: 0;
	font-weight:bold;
	text-align: left;
}

#more_button a {
	color: #000;
	text-decoration: none;
	background-image:url(bilder/layout/arrow_more.gif);
	background-position: 2px 3px;
	background-repeat:no-repeat;
	padding: 0 5px 2px 8px;
}

a.more {
	background-image:url(bilder/layout/arrow_more.gif);
	background-position: 2px 3px;
	background-repeat:no-repeat;
	padding: 0 5px 2px 8px;
	font-size:90%;
	text-decoration: none;
	color: #000;
}

a:hover.more {
	text-decoration: underline;
}

#back_button {
	text-decoration: none;
	font-size: 90%;
	color: #7C7C7C;
	width: 130px;
	margin: -13px 0 0 0;
	padding: 0;
	text-align: left;
}

#back_button a {
	background-image: url(bilder/layout/pfeil_back.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 8px;
	text-decoration: none;
	color: #7C7C7C;
	margin: 0;
}

#back_button a:hover {
	text-decoration: underline;
}

#top_button {
	font-size: 90%;
	width: 240px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#top_button a {
	color: #676767;
	text-decoration: none;
	background-image:url(bilder/layout/pfeil_top.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	padding: 0 5px 2px 10px;
}

#top_button a:hover {
	text-decoration: underline;
}

span.tel {
	margin: 0 0 0 0px;
	padding: 2px 5px 0px 15px;
	background-image:url(bilder/layout/bullet_tel.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	color: #333;
}

#printer {
	position: absolute;
	top:119px;
	left: 754px;
	background-color:#FFFFFF;
	margin: 0 0 0 0px;
	padding: 0 3px 0px 15px;
	background-image:url(bilder/layout/bullet_print.gif);
	background-position: 2px 2px;
	background-repeat:no-repeat;
	color: #333;
	font-size:55%;
	z-index: 999;
	filter:alpha(opacity=60); 
	-moz-opacity: 0.60;
}

#printer a{
	color: #666;
	}

#printer a:hover{
	color: #FF9934;
	text-decoration:none;
	}

span.fax {
	margin: 0 0 0 0px;
	padding: 2px 5px 0px 15px;
	background-image:url(bilder/layout/bullet_fax.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	color: #333;
}

a.mail {
	margin: 0 0 0 0px;
	padding: 2px 5px 0px 15px;
	background-image:url(bilder/layout/bullet_mail.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	color: #333;
}


/* easy-edit
----------------------------------------------*/

.body_ee {
	padding: 0 0 5px 5px;
	margin: 5px 10px 0 0;
	/*width: 450px;*/
}

#info_box div.body_ee p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:95%;
	padding: 0;
	margin: 0 5px 5px 13px;
}

#info_box div.body_ee p.ref_bez{ /* Referenzen Bezeichnung */
	padding-bottom: 3px;
	background-image:url(bilder/layout/dotted_line.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

.body_ee_list {
	padding: 0 15px 10px 10px;
	background-color: #FBFBFB;
	border: 1px solid #E5E5E5;
	margin: 0 10px 3px 0;
	font-size:100%;
	/*border-top: 1px solid #ddd;*/
}

#info_box .body_ee {
	width: 200px;
	/*background-color:#FF0000;*/
}

#info_box h3.titel_ee {
	font-size: 95%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
/*	background-image:url(bilder/layout/arrow_more.gif);
	background-position: left 3px;
	background-repeat:no-repeat;*/
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin-left: 5px;
}

#info_box h3.titel_ee a {
	text-decoration: none;
	color: #FF9933;
	/*background-image:url(bilder/layout/dotted_line.png);
	background-position:bottom;
	background-repeat:repeat-x;*/
}

#info_box h3.titel_ee a:hover {
	text-decoration: none;
	color: #000;
	/*background-image:url(bilder/layout/dotted_line_hi.png);
	background-position:bottom;
	background-repeat:repeat-x;*/
}

h3.titel_ee {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 120%;
	padding: 5px 5px 0px 0;
	margin: 0;
	color: #FF9933;
}

h3.titel_ee a {
	color: #FF9933;
	text-decoration:underline;
}

.teaser_ee {
	font-weight: bold;
}

.text_ee {
	font-size: 100%;
}

.picbox {
	width: 200px;
	text-align: center;
}

.picbox_text {
	text-align: center;
	padding: 0 20px;
	font-size: 90%;
	color: #000000;
}
	
.picbox_text a {
	font-size: 90%;
	color: #000000;
}
	
div.picbox_pic img {
	margin: 5px 0 0 0;
	border: 1px solid #000000;
}

.date_ee {
	font-weight: bold;
	font-size: 95%;
	background-color:#FFFFFF;
	display: inline;
	padding: 0 5px 0 4px;
	margin-left: -10px;
	border-left: 8px solid #FF9933;
}


/* tabellen-formatierung
----------------------------------------------*/
.downloadlink {
	display: block;
	background-image: url(bilder/layout/pdf_icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	margin: 10px 0 0 -5px;
	color: #333;
}

table.kontaktform {
	border-collapse: collapse;
	border: 1px solid #BDBDBD;
	font-size: 95%;
	color:#333;
}

table.kontaktform td {
	border: 1px solid #BDBDBD;
}

table.kontaktform th {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF9933;
}

/* Diverse */

hr.dotted {
	background-image:url(bilder/layout/dotted_line_hi.png);
	background-position:bottom;
	background-repeat:repeat-x;
	height: 1px;
	background-color:transparent;
	color:none;
	border:none;

}