#mainnavi .headline a	{ text-transform:uppercase; font-weight:bold; font-size:14px; background-color:#649BD4; text-align:center;  }

#content #planerbereich  				{ padding-bottom:20px; float:left;  }
#content #planerbereich  p				{ padding-bottom:20px;  }
#content #planerbereich  p.box			{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  margin:0 0 0 30px; padding-left:10px; }
#content #planerbereich  a span		{ font-size:12px; line-height:14px; }
#content #planerbereich h2				{ padding:0 0 0 30px; background:none; border:none; margin:0; line-height:20px; font-size:18px; font-weight:normal; height:50px; }
#content #planerbereich h2.no-teaser	{ height:30px; }
#content #planerbereich h2.bg			{ font-size:14px; line-height:18px; background-image:url(../de/karl-gaertner/service/planerbereich/images/bg-h2-bg.jpg); background-repeat:repeat-y; color:#FFF; height:22px; padding:3px 0 0 12px !important; }
#content #planerbereich h3				{color:#000; }
#content #planerbereich label input	{ border:none; } 


#content #planerbereich .grey-border-box					{ border:1px solid #e5e5e5; xmargin:0 0 0 30px; padding:10px 20px 0px 0; width:563px; }
#content #planerbereich .grey-border-box p				{ padding:0; margin:0; }
#content #planerbereich .grey-border-box h1				{ padding:0 0 10px 0; margin:0; }
#content #planerbereich .grey-border-box h2				{ padding:0; }
#content #planerbereich .grey-border-box h3				{ padding:0; margin:0; color:#245493; }
#content #planerbereich .grey-border-box img				{ padding-bottom:20px; padding-top:20px; }
#content #planerbereich .grey-border-box .left			{ width:276px; }
#content #planerbereich .grey-border-box .left p		{ width:100px; }
#content #planerbereich .grey-border-box .right			{ width:280px; padding:0; }

#content #planerbereich .v1 h2,
#content #planerbereich .v1 p,								{ padding:0 0 0 20px; }
#content #planerbereich .v1 									{ padding:10px 0 20px 20px; }

#content #planerbereich .v2									{ padding:0 0 20px 0; width:583px; margin-bottom:20px; }
#content #planerbereich .v2 .left							{ padding:0 0 0 10px; width:280px; }
#content #planerbereich .v2 .right							{ padding:0 0 0 10px; width:280px; }
#content #planerbereich .v2 h3								{ padding:0 0 7px 0; }

#content #planerbereich .v3									{ padding-top:35px; padding-right:0; width:583px; }
#content #planerbereich .v3 .left							{ padding:0; width:370px; }
#content #planerbereich .v3 .right							{ text-align:left; padding-top:50px; width:213px; }
#content #planerbereich .v3 .right ul						{ text-align:left; padding-left:20px; }
#content #planerbereich .v3 .right ul.ausklappbar li 			{ height:35px; }
#content #planerbereich .v3 .right ul.ausklappbar span 		{ display:inline; color:#000; }

#content #planerbereich .v4									{ width:563px; padding:20px 20px 10px 20px; }

#content #planerbereich .v5									{ border:none; background:url(../de/karl-gaertner/service/planerbereich/images/bg-v5.jpg) no-repeat; padding-top:161px; width:565px; height:521px; }
#content #planerbereich .v5 img								{ padding-left:3px; }
#content #planerbereich .v5 p								{ padding:10px 0 0 20px; background:none; }
#content #planerbereich .v5 ul								{ padding:20px 0 0 33px; }
#content #planerbereich .v5 h1								{ padding-left:20px; height:25px; }


#content #planerbereich .left				{ float:left; width:400px; }
#content #planerbereich .left h2			{ padding:20px 0 0 0; margin:0; height:30px; }
#content #planerbereich .left p			{ padding:0; margin:0; width:300px; }
#content #planerbereich .left .descrcontainer		{ margin:0; }
#content #planerbereich .left	.cols				{ padding:0; margin:0; }
#content #planerbereich .left	.cols	.col		{ padding:0; margin:0; }
#content #planerbereich .left.border 			{ border-right:1px solid #e5e5e5; }
#content #planerbereich .left .cols				{ padding:20px 0 0 0; }
#content #planerbereich .left .cols	.col		{ width:100px; padding:0 20px 0 0; }
#content #planerbereich .left .cols	.last		{ padding:0 0 0 20px; }
#content #planerbereich .left	.col				{ padding:0; margin:0; }
#content #planerbereich .left	.col a			{ margin:0; padding:0; }
#content #planerbereich .left	.col a img		{ padding:0 0 10px 15px;}

#content #planerbereich .right			{ float:left; width:370px; padding:0 0 0 30px; }
#content #planerbereich .right h2		{ padding:20px 0 0 0; margin:0; height:30px; }
#content #planerbereich .right .descrcontainer		{ margin:0; background-position:left top; }
#content #planerbereich .right .descrcontainer ul			{ margin:0; padding-top:0; }


#pb-startseite #planerbereich .left				{ padding:0 0 0 30px; width:370px;}
#pb-startseite #planerbereich .left				{ padding:0 20px 0 30px; width:370px;}
#pb-startseite #planerbereich .grey-border-box h3		{ padding:0; margin:0; color:#000; }
#pb-startseite #content #planerbereich .descrcontainer			{ padding:0 10px 30px 96px; }

#info-material #content #planerbereich							{ padding-right:24px; }
#info-material #content #planerbereich h2						{ padding-left:30px !important; }
#info-material #content #planerbereich h2.bg					{ margin-left:30px !important; padding-left:10px !important; width:592px; }
#info-material #content #planerbereich  p.box					{ width:395px; }
#info-material #content #planerbereich .cols					{ padding:0 0 0 30px; }
#info-material #content #planerbereich .cols .col			{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; width:191px; padding:10px 0 0 10px; margin:0 0 0 0;  }
#info-material #content #planerbereich .cols .col img		{ display:block; }
#info-material #content #planerbereich .cols .col p		{ padding:5px 5px; }
#info-material #content #planerbereich .cols .last			{ border-right:1px solid #e5e5e5; width:186px; }
#info-material #content #planerbereich label input			{ width:25px; }
#info-material #content #planerbereich .descrcontainer	{ border:1px solid #e5e5e5; border-bottom:none; margin:0 0 0 30px; padding:10px 0 24px 140px; background-position:30px center; }
#info-material #content #planerbereich .descrcontainer.last	{ border-bottom:1px solid #e5e5e5; }
#info-material #content #planerbereich .descrcontainer label			{  margin:0 0 10px 0; }
#info-material #content #planerbereich label			{ line-height:16px; float:right;  }
#info-material #content #planerbereich #form-step-2 label			{ line-height:16px; float:left;  }
#info-material #content #planerbereich .error		{ color:#F00; }
#info-material #content #planerbereich label input	{ display:inline; vertical-align:bottom; }
#info-material #content #planerbereich a.btn	{ display:block;
												padding:9px 0 0 43px;
												color:#000;
												font-weight:bold;
												}
#info-material #content #planerbereich a.bestellen	{ background:url(../de/karl-gaertner/service/planerbereich/images/bg-bestellbutton.png) no-repeat bottom;
													width:290px;
													height:22px;
													}		
#info-material #content #planerbereich a.absenden	{ background:url(../de/karl-gaertner/service/planerbereich/images/bg-absendebutton.png) no-repeat bottom;
													width:82px;
													height:23px;
													}		
#info-material #content #planerbereich a.btn:hover	{ background-position:top; text-decoration:none; }

#content #planerbereich .suchassistent input	{ display:block; float:left; }


#content #planerbereich .footer			{ clear:both; }
#content #planerbereich .pdf				{ padding:0 0 0 25px; }
#content #planerbereich .bg				{ padding:0 0 0 10px; background:url(/images/icons/pfeil_service_zu.gif) no-repeat left center; }
div#content a.bar						{ font-size:12px; margin-left:30px; }

#content #planerbereich .cols					{ margin:0 0 20px 0; }
#content #planerbereich .cols .col			{ float:left; padding:0 0 0 30px; }
#content #planerbereich .cols .col .pdf			{ float:none; padding-bottom:0; padding-top:3px; margin:0; background-position:left bottom; display:block; }
#content #planerbereich .cols .col .pdf span		{ padding:0; margin:0; color:#0151B0; }


#content #planerbereich .two .col					{ }
#content #planerbereich .two .col a img			{ display:block; padding:0 0 15px 50px; }

#content #planerbereich .three 						{ padding:20px 0 50px 0; }
#content #planerbereich .three .col					{ width:175px; margin:0; padding:0 0 0 30px; border-right:1px solid #e5e5e5; }
#content #planerbereich .three .last				{ border-right:none; }
#content #planerbereich .three .col img			{ display:block; margin:0; padding:10px 0 0 20px; }
#content #planerbereich .three .col a 				{ display:block; margin:0; padding:40px 0 0 0; font-size:10px; width:85px; float:left; }
#content #planerbereich .three .col p				{ color: #0151b0; }


#content #planerbereich .four							{ padding:10px 0 0 0; margin:0 0 0 30px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
#content #planerbereich .four .col					{ padding:0 10px 0 0; margin:0 45px 0 0;  width:150px; }

#content #planerbereich .col p				{ padding:0; margin:0; }
#content #planerbereich .col h2				{ padding:0; }
#content #planerbereich .col img				{ padding:0; }

#content #planerbereich .col a img			{ display:block; margin:0; padding:0 0 10px 0; }
#content #planerbereich .col a span			{ display:block; margin:0 0 15px 0; }
#content #planerbereich .col a span:hover	{ text-decoration:underline; }

#content #planerbereich ul li a img				{ display:block; }
#content #planerbereich ul li a span			{ display:block; }
#content #planerbereich ul.ausklappbar li 	{ height:20px; }

#content #planerbereich .horizontal 			{ list-style:inside; margin:0; padding:0; }
#content #planerbereich .horizontal li			{ display:block; float:left; width:160px; padding-right:20px !important; height:20px; }

#content #planerbereich .hr		{ border-top:1px solid #e5e5e5; height:2px;  }
#content #planerbereich .hr hr	{ display:none; }

#content #planerbereich .gaeb		{ background:url(../de/karl-gaertner/service/planerbereich/images/bg-gaeb.jpg) no-repeat left top; }
#content #planerbereich .word		{ background:url(../de/karl-gaertner/service/planerbereich/images/bg-word.jpg) no-repeat left top; }

#content #planerbereich .btn-blue-dot			{ display:block; font-size:10px; line-height:12px; background:url(../de/karl-gaertner/service/planerbereich/images/btn-blue-dot.gif) no-repeat right top; }
#content #planerbereich span.btn-blue-dot		{ float:left; display:block; padding:0 25px 0 0; }
#content #planerbereich a:hover .btn-blue-dot	{ text-decoration:underline; }
#content #planerbereich a.pdf						{ float:left; display:block; color:#9b9b9c; background-position:left center; line-height: 20px; }



#content #planerbereich #garantieurkunde			{ background:url(../de/karl-gaertner/service/planerbereich/images/bg-garantieurkunde.jpg) no-repeat right; height:300px; width:500px; }
#content #planerbereich ul#garantieurkunde li		{ height:20px !important; }

#content #planerbereich .descrcontainer					{ margin:0 0 30px 30px; padding:0 25px 0 96px; background-position:left center; background-repeat:no-repeat; }
#content #planerbereich .descrcontainer p				{ margin:0; padding:0; }
#content #planerbereich .descrcontainer h2				{ margin:0; padding:0; height:20px; }
#content #planerbereich .descrcontainer h3				{ margin:0; padding:0 0 5px 0; }
#content #planerbereich .descrcontainer ul				{ margin:0; padding:14px 0 0 14px; }

#content #planerbereich a.btn													{ float:right;  }
#loadContent a.btn																{ float:left;  }
#content #planerbereich a.btn, #loadContent a.btn						{ font-size:12px; line-height:14px; padding:5px 10px; display:block; height:15px; margin:5px 0; color:#fff; background-color:#9a9a9a; }
#content #planerbereich a.btn:hover, #loadContent a.btn:hover		{ background-color:#cccccc; color:#000; }

#content #planerbereich .senden		{ height:20px; padding:0 0 6px 0; }
.hideme { display:none !important; }
#content #planerbereich	form						{ padding-left:0; } 
#content #planerbereich #form-step-2			{  margin:0 0 0 30px; }
#content #planerbereich #form-step-2 label	{  width:80px; }
#content #planerbereich  .information 							{ padding:20px 0; }
#content #planerbereich  #form-step-2 .information label					{ display:block; float:left; margin-top:10px; width:300px; }
#content #planerbereich  .information label input			{ width:30px; float:left; }
#content #planerbereich  input			{ float:none; margin-top:5px;}


#suchassistent2					{ background-image:url(../de/karl-gaertner/service/planerbereich/images/suchassistent2.jpg); }
#schraubenzieher-schluessel	{ background-image:url(../de/karl-gaertner/service/planerbereich/images/schraubenzieher-schluessel.jpg); }
#steckdose							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/steckdose.jpg); }
#zeitung								{ background-image:url(../de/karl-gaertner/service/planerbereich/images/zeitung.jpg); }
#schraubenzieher-zange			{ background-image:url(../de/karl-gaertner/service/planerbereich/images/schraubenzieher-zange.jpg); }
#garantie							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/garantie.jpg); }
#suchassistent						{ background-image:url(../de/karl-gaertner/service/planerbereich/images/suchassistent.jpg); }
#onlinekonfiguratoren			{ background-image:url(../de/karl-gaertner/service/planerbereich/images/onlinekonfiguratoren.jpg); }
#veroeffentlichungen				{ background-image:url(../de/karl-gaertner/service/planerbereich/images/veroeffentlichungen.jpg); }
#kataloge							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/kataloge.jpg); }
#produktbroschueren				{ background-image:url(../de/karl-gaertner/service/planerbereich/images/produktbroschueren.jpg); }
#produktvideos						{ background-image:url(../de/karl-gaertner/service/planerbereich/images/produktvideos.jpg); }

#mfp8									{ background-image:url(../de/karl-gaertner/service/planerbereich/images/mfp8.jpg); }
#mhz-komponenten					{ background-image:url(../de/karl-gaertner/service/planerbereich/images/mhz-komponenten.jpg); }
#amj-modul							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/amj-modul.jpg); }
#amj45-ap							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/amj45k.jpg); }
#amjs-modul							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/amjs-modul.jpg); }
#patchkabel							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/patchkabel.jpg); }
#stx-industry						{ background-image:url(../de/karl-gaertner/service/planerbereich/images/stx-industry.jpg); }
#mpd									{ background-image:url(../de/karl-gaertner/service/planerbereich/images/mpd.jpg); }
#modultraeger-flex				{ background-image:url(../de/karl-gaertner/service/planerbereich/images/modultraeger-flex.jpg); }
#amj-kupplung						{ background-image:url(../de/karl-gaertner/service/planerbereich/images/amj-kupplung.jpg); }
#stx-tragschienen					{ background-image:url(../de/karl-gaertner/service/planerbereich/images/stx-tragschienen.jpg); }
#mfp8-video							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/mfp8-video.jpg); background-position: 2px center!important; }
#amjs-video							{ background-image:url(../de/karl-gaertner/service/planerbereich/images/amjs-video.jpg); background-position: 2px center!important; }
#toc								{ background-image:url(../de/karl-gaertner/service/planerbereich/images/toc.jpg); }
#odb								{ background-image:url(../de/karl-gaertner/service/planerbereich/images/ODB54-1.jpg); }



/*Für Tabellen*/

#content #planerbereich .data img{
	padding-right:3px;
}
#content #planerbereich .data em{
}
#content #planerbereich .data strong{
	font-size:11px;
}
#content #planerbereich table.data {
line-height: 1.1em;
	margin:15px 0 10px 30px;
	width:583px;
	background-image:url(/images/bg_service_aufgeklappt.gif);
	background-repeat:repeat-y;		
	border-width:0px;
	border-collapse:collapse;
	border-width:1px;
	border-style:solid;
	border-color:#d0d0d0;
}
#content #planerbereich table.data td, th {
	
	width:20px;
	font-size:11px;
	font-weight:bold;
	padding:4px 4px 4px 5px;
	border:1px solid #d0d0d0;
}
#content #planerbereich table.data tr th {
	font-weight:bold !important;
	font-size:11px;
	background-color:#fff;
	text-align:left;
}
#content #planerbereich dl{
	border-top: 1px solid #d0d0d0;
	border-left: 1px solid #d0d0d0;
	background-image:url(/images/bg_service_aufgeklappt.gif);
	background-repeat:repeat-y;	
	height: 20px;
	width:580px;
	font-size: 11px;
	font-weight: bold;
	margin:15px 0 40px 30px;
	padding: 4px 0 1px 5px;
}
#content #planerbereich dt{
	padding: 0;
	float:left;
}
#content #planerbereich  dd{
float:left;
	line-height: 19px;
	margin: 0 15px 0 5px;
}

.Stil2 {font-size: 24px; padding-left:30px;}
.Stil7 {font-size: 14px}
/**************



#mainnavi		 			{ border:1px solid red; }
#mainnavi ul				{ border:1px solid red; }
#mainnavi ul li			{ border:1px solid red; }
#mainnavi ul li a			{ border:1px solid red; }*/