/* 

	yellowhummer.de CSS
	=======================
	
	1. ALLGEMEINE ANGABEN
	2. LAYOUT
	3. SCHRIFT
	4. TEXTAUSRICHTUNG
	5. TABELLEN
	6. BILDER
	7. NAVIGATION
	8. FORMULARE

*/


/* 
	1. ALLGEMEINE ANGABEN
*/

* {
	margin: 0;
	padding: 0;
	}

html, body, th, td, input, select, textarea {
	font: 11px/150% Verdana, Helvetica, Geneva, Arial, sans-serif;
	}

body.popup {
	margin: 20px;
	}

img {
	border: none;
	}

a, a:active, a:visited {
	color: #000000;
	}
	
a:hover {
	text-decoration: none;
	}
	
.clear {
	clear: both;
	}
	
.links {
	float: left;
	width: 50%;
	}
	
.rechts {
	float: left;
	width: 50%;
	text-align: right;
	}

p.trenner {
	padding: 0;
	margin: 20px 0;
	width: 100%;
	border-bottom: 1px solid black;
	}
	
p.gray {
	color:#9d9b9b;
}

/* 
	2. LAYOUT
*/

div#main {  
	width: 960px;
	margin: 0px auto 0px auto;
	}

div#top_navi {
	padding: 5px 20px 5px 20px;
	font-size: 10px;
	}
	
div#logo {
	background: #ffd619;
	padding: 15px 20px 15px 20px;
	}

div#navigation {
	padding: 0 20px 0 20px;
	margin: 2px 0 2px 0;
	background: #000;
	height: 30px;
	}
	
div#navi {
	float: left;
	width: 85%;	
	}

div#kunden {
	float: left;
	width: 15%;
	padding-top: 6px;
	text-align: right;
	}

div#image {
	padding-bottom: 2px;
	}

div#bild {
	float: left;
	width: 680px;
	height: 200px;
	}

div#bild img {
	display: block;
	}

div#teaser {
	float: left;
	width: 240px;
	height: 180px;
	background: #000;
	color: #fff;
	font-size: 10px;
	padding: 10px 20px 10px 20px;
	}

div#navi_pfad {
	padding: 6px 20px 6px 20px;
	margin-bottom: 2px;
	background: #000;
	color: #fff;
	}

div#oben_links {
	width: 70%;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #fff;
	}
	
div#icons {
	width: 30%;
	float: left;
	padding: 0px;
	margin: 0px;
	color: #fff;
	text-align: right;
	}
	
div#icons a {
	color: #fff;
	}

div#konfig {
	background: url(../img/grafiken/bg_konfig.gif) repeat-y;
	width: 960px;
	overflow: auto;
	}

div#konfigurator {
	float: left;
	width: 640px;
	padding: 10px 20px 10px 20px;
	}
	
div#konfigurator2 {
	float: left;
	width: 660px;
	padding: 10px 0px 10px 20px;
	}

div#kundenlogin {
	float: left;
	width: 238px;
	padding: 10px 20px 10px 20px;
	}
	
div#content {
	margin: 40px 20px 40px 20px;
	}
	
div#content div.spalte_l {
	float: left;
	width: 640px;
	padding-right: 20px;
	}	
	
div#content div.spalte_l_kl {
	float: left;
	width: 300px;
	padding-right: 20px;
	}

div#content div.spalte_r_kl {
	float: left;
	width: 300px;
	padding-left: 20px;
	}
	
div#content div.spalte_l_kl_2 {
	float: left;
	width: 150px;
	padding-right: 20px;
	}

div#content div.spalte_r_kl_2 {
	float: left;
	width: 450px;
	padding-left: 20px;
	}

div#content div.spalte_r {
	float: left;
	padding-left: 20px;
	width: 238px;
	}
	
div.machplatz {
	padding: 30px 0 20px 0;
	}
	
div#footer {
	font-size: 10px;
	border-top: 1px solid #000;
	padding: 5px 20px 0 20px;
	}

div#kalender {
	}

div#kalender div.oben {
	background: #ffd619;
	padding: 5px;
	}

div#kalender div.unten {
	margin-top: 10px;
	}

.linie {
	width: 100%;
	height: 1px;
	background-color: black;
	margin-top: 5px;
	padding: 0px;
}

.linie2 {
	width: 100%;
	height: 1px;
	background-color: black;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

/* 
	3. SCHRIFT
*/


h1 {
	padding-bottom: 2px;
	border-bottom: 1px solid black;
	margin-bottom: 20px;
	}

h1.unten {
	padding-bottom: 2px;
	border-bottom: 1px solid black;
	margin: 40px 0 20px 0;
	}

h2 {
	padding-bottom: 2px;
	border-bottom: 1px solid black;
	margin-top: 10px;
	}

h3 {
   margin-bottom: 20px;
   font-size: 12px;
   }
   
h4 {
	margin: 0px;
	padding: 0px;
   font-size: 12px;
   }

a.gelb, a.gelb:active, a.gelb:visited {
	color: #ffd619;
	}
	
a.gelb:hover {
	text-decoration: none;
	}

a.weiss, a.weiss:active, a.weiss:visited {
	color: #fff;
	}
	
a.weiss:hover {
	text-decoration: none;
	}

.green {
	color: #006600;
	}
	
.red {
	color: #b91b1b;
	}
	
.anmerkung {
	width: 100%;
	text-align: right;
	font-size: 9px;
	}
	


/* 
	4. AUSRICHTUNG
*/

p {
	margin-bottom: 15px;
	}
	
.mittig {
	vertical-align: middle;
	}
	
ul {
	list-style-type: square;
	margin: 0 0 0 13px;
	padding: 0;
	}
	
ul#rotate {
	list-style:none;
	margin: 0 0 0 0;
}
	
li {
	margin-bottom: 5px;
	}

ul.quer {
	margin: 0;
	padding: 2px 0 0 13px;
	border-top: 1px solid black;
	}
	
ul.quer li {
	float: left;
	margin-right: 30px;
	}

ul.angebot {
	margin-top: 10px;
	}
	
.links {
	float: left;
	width: 50%;
	}

.rechts {
	float: left;
	width: 50%;
	text-align: right;
	}

.links7 {
	float: left;
	width: 70%;
	}

.links7 .standort_l {
	float: left;
	
	}

.links7 .standort_r {
	float: left;
	}


.rechts3 {
	float: left;
	width: 30%;
	text-align: right;
	}

.rechtsbuendig {
	width: 100%;
	text-align: right;
	}



/*
	5. TABELLEN
*/

table {
	border-collapse: collapse;
	width: 100%;
	}
	
table.ref td {
	padding: 5px;;
	margin: 0px;;
	}
	
table.klein {
	border-collapse: collapse;
	width: 100%;
	}
	
table.klein td {
	font: 9px/150% Verdana, Helvetica, Geneva, Arial, sans-serif;
}
	
table.yh td, th {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000;	
	}
	
table.yh td.hintergrund {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #000;
	background-color: #ffd619;
	}
	
td.tab_rechts {
	text-align: right;
}

table.yh td.bild {
	width: 100px;
	}
	
table.table_innen {
	width:280px;
	margin:0px;
	padding:0px;
	}

table.table_innen td{
	margin:0px;
	padding:0px;
	}

table.kalender td, th {
	padding: 1px
	}
	
table.kalender th {
	font-weight: bold;
	text-align: left;
	border: none;
	}

table.kalender img {
	border: 1px solid #000;
	}

table.kalender img.heute {
	border: 1px solid #4db937; 
	}

td.b_154 {
	width: 154px;
	}


/*
	6. BILDER
*/

img.border {
	border: 1px solid black;
	}
	
div.no_img {
	width: 90px;
	padding: 5px;
	border: 1px solid black;
	text-align: center;
	font-size: 9px;
	}
	

/*
	7. NAVIGATION
*/

div#navi a { 
	display: block;
	float: left;
	margin-right: 16px;	
	text-decoration: none; 
	border: 0; 
	padding: 0; 
	display: block; 
	text-indent: -9999px; 
	letter-spacing: -9999px; 
	font-size:0; 
	}
	
div#navi a.n1, div#navi a.o1 { 
	width: 51px; 
	height: 30px; 
	background: url(../img/navi/aktuell.gif) 0 0 no-repeat;
	}
div#navi a.n1:hover, div#navi a.o1  { 
	background-position: -51px 0;
	}

div#navi a.n2, div#navi a.o2 { 
	width: 90px; 
	height: 30px; 
	background: url(../img/navi/unternehmen.gif) 0 0 no-repeat;
	}
div#navi a.n2:hover, div#navi a.o2  { 
	background-position: -90px 0;
	}
	
div#navi a.n3, div#navi a.o3 { 
	width: 69px; 
	height: 30px;  
	background: url(../img/navi/standorte.gif) 0 0 no-repeat;
	}
div#navi a.n3:hover, div#navi a.o3  { 
	background-position: -69px 0;
	}

	
div#navi a.n4, div#navi a.o4 { 
	width: 68px; 
	height: 30px;  
	background: url(../img/navi/fahrzeuge.gif) 0 0 no-repeat;
	}
div#navi a.n4:hover, div#navi a.o4 { 
	background-position: -68px 0;
	}

div#navi a.n5, div#navi a.o5 { 
	width: 38px; 
	height: 30px;  
	background: url(../img/navi/preise.gif) 0 0 no-repeat;
	}
div#navi a.n5:hover, div#navi a.o5 { 
	background-position: -38px 0;
	}
	
div#navi a.n6, div#navi a.o6 { 
	width: 43px; 
	height: 30px;  
	background: url(../img/navi/events.gif) 0 0 no-repeat;
	}
div#navi a.n6:hover, div#navi a.o6  { 
	background-position: -43px 0;
	}
	
	
div#navi a.n7, div#navi a.o7 { 
	width: 35px; 
	height: 30px;  
	background: url(../img/navi/fotos.gif) 0 0 no-repeat;
	}
div#navi a.n7:hover, div#navi a.o7  { 
	background-position: -35px 0;
	}

div#navi a.n8, div#navi a.o8 { 
	width: 32px; 
	height: 30px;  
	background: url(../img/navi/shop.gif) 0 0 no-repeat;
	}
div#navi a.n8:hover, div#navi a.o8  { 
	background-position: -32px 0;
	}
	
div#navi a.n9, div#navi a.o9 { 
	width: 73px; 
	height: 30px; 
	background: url(../img/navi/referenzen.gif) 0 0 no-repeat;
	}
div#navi a.n9:hover, div#navi a.o9  { 
	background-position: -73px 0;
	}

div#navi a.n10, div#navi a.o10 { 
	width: 52px; 
	height: 30px; 
	background: url(../img/navi/partner.gif) 0 0 no-repeat;
	}
div#navi a.n10:hover, div#navi a.o10  { 
	background-position: -52px 0;
	}

div#navi a.n11, div#navi a.o11 { 
	width: 54px; 
	height: 30px; 
	background: url(../img/navi/kontakt.gif) 0 0 no-repeat;
	}
div#navi a.n11:hover, div#navi a.o11  { 
	background-position: -54px 0;
	}
	
div#fahrzeuge {
	padding-bottom: 2px;
	}
	
div#fahrzeuge a { 
	display: block;
	float: left;
	text-decoration: none; 
	border: 0; 
	padding: 0; 
	display: block; 
	text-indent: -9999px; 
	letter-spacing: -9999px; 
	font-size:0; 
	}
	
div#fahrzeuge a.n1, div#fahrzeuge a.o1 { 
	width: 160px; 
	height: 200px; 
	background: url(../img/grafiken/fahrzeuge1.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n1:hover, div#fahrzeuge a.o1  { 
	background-position: 0 -200px;
	}

div#fahrzeuge a.n2, div#fahrzeuge a.o2 { 
	width: 122px; 
	height: 200px; 
	background: url(../img/grafiken/fahrzeuge2.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n2:hover, div#fahrzeuge a.o2  { 
	background-position: 0 -200px;
	}
	
div#fahrzeuge a.n3, div#fahrzeuge a.o3 { 
	width: 122px; 
	height: 200px;  
	background: url(../img/grafiken/fahrzeuge3.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n3:hover, div#fahrzeuge a.o3 { 
	background-position: 0 -200px;
	}

div#fahrzeuge a.n4, div#fahrzeuge a.o4 { 
	width: 118px; 
	height: 200px;  
	background: url(../img/grafiken/fahrzeuge4.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n4:hover, div#fahrzeuge a.o4 { 
	background-position: 0 -200px;
	}

div#fahrzeuge a.n5, div#fahrzeuge a.o5 { 
	width: 114px; 
	height: 200px;  
	background: url(../img/grafiken/fahrzeuge5.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n5:hover, div#fahrzeuge a.o5 { 
	background-position: 0 -200px;
	}

div#fahrzeuge a.n6, div#fahrzeuge a.o6 { 
	width: 122px; 
	height: 200px;  
	background: url(../img/grafiken/fahrzeuge6.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n6:hover, div#fahrzeuge a.o6 { 
	background-position: 0 -200px;
	}

div#fahrzeuge a.n7, div#fahrzeuge a.o7 { 
	width: 196px; 
	height: 200px;  
	background: url(../img/grafiken/fahrzeuge7.jpg) 0 0 no-repeat;
	}
div#fahrzeuge a.n7:hover, div#fahrzeuge a.o7 { 
	background-position: 0 -200px;
	}
	
div#subnavi {
	width: 100%;
	background-color:#000;
	}

div#subnavi a {
	display:block;
	border-bottom: 1px solid #fff;
	padding: 3px;
	color: #ffd619;
	font-weight: bold;
	text-decoration: none;
	}

div#subnavi a.active {
	color: #fff;
	}

div#subnavi a:hover {
	color: #000;
	background-color: #ffd619;
	}


/*
 	8. FORMULARE
*/

input, textarea, select {
	background-color: #fff;
	border: 1px solid #000;
	padding: 1px;
	margin: 0;
	}

input.feld, textarea.feld {
	width: 178px;
	}

input.no_border {
	border: none;
	vertical-align: middle;
	}

textarea.best {
	width: 100%;
	}

select.feld {
	width: 184px;
	}
	
input.feld2 {
	width: 136px;
	}

input.feld_plz {
	width: 44px;
	}
	
input.input_gkl {
	width: 20px;
	}

input.feld_ort {
	width: 128px;
	}
	
input.button {
	background: #000;
	color: #ffd619;
	font-weight: bold;
	padding: 1px;
	margin-top: 20px;
	}
	
input.button_kl {
	background: #000;
	color: #ffd619;
	font-weight: bold;
	padding: 1px;
	margin-top: 5px;
	}

input.button2 {
	background: #000;
	color: #ffd619;
	font-weight: bold;
	padding: 1px;
	}

input.button3 {
	background: #000;
	color: #ffd619;
	font-weight: bold;
	padding: 1px;
	margin-bottom: 20px;
	}

input.button:hover, input.button2:hover, input.button3:hover {
	background: #fff;
	color: #000;
	}

input.grafik {
	padding: 0;
	border: none;
	vertical-align: middle;
	}
 
input.kalender {
  padding: 0;
  border: none;
  vertical-align: middle;
  background: none;
  }
		
textarea.textfeld {
	height: 300px;
	}
	
fieldset {
	margin-left: 0px;
	padding-left: 0px;
 	border: 0px solid #fff;
	}

fieldset.konfigurator {
	float: left;
	margin-right: 15px;
	width: 180px;
	}	
	
fieldset label {
	width: 100px;
	float: left;
	cursor: pointer;
	}

form.anmelden fieldset label {
	width: 170px;
	}

select.kalender {
	width: 168px;
	}

select.monat {
	width: 50px;
	}

select.jahr {
	width: 70px;
	}

#hovermap {width:242px; height:328px; position:relative;}
#hovermap ul li {display:inline; width:0; height:0;} /* IE */
#hovermap ul li a {position:absolute; display:block; width:12px; height:11px; z-index:100;}
#hovermap ul li.p1 a {left:48px; top:5px;}
#hovermap ul li.p2 a {left:96px; top:59px;}
#hovermap ul li.p3 a {left:181px; top:103px;}
#hovermap ul li.p4 a {left:90px; top:108px;}
#hovermap ul li.p5 a {left:132px; top:119px;}
#hovermap ul li.p6 a {left:108px; top:131px;}
#hovermap ul li.p7 a {left:20px; top:150px;}
#hovermap ul li.p8 a {left:57px; top:199px;}
#hovermap ul li.p9 a {left:52px; top:249px;}
#hovermap ul li.p10 a {left:74px; top:260px;}
#hovermap ul li.p11 a {left:140px; top:279px;}
#hovermap ul li.p12 a {left:85px; top:301px;}
#hovermap ul li.p13 a {left:170px; top:153px;}
#hovermap ul li.p14 a {left:20px; top:150px;}
#hovermap ul li a strong {display:none;}
#hovermap ul li a:hover {background:#000;}
#hovermap ul li a:hover {position:static; display:block; background:transparent; width:0; height:0; text-decoration:none;}
#hovermap ul li a:hover strong {position:absolute; left:0; top:0; display:block; background:transparent; width:242px; height:328px; z-index:0;}
#hovermap ul li a:hover strong em {display:block; position:absolute; left:100px; top:170px; color:#000; border:1px solid #000; background:#ffd619; padding:3px; font-style:normal;}

/*Karte_klein*/
div#karte_links {
	float: left;
	margin-right: 15px;
	width: 180px;	
}

div#karte_rechts {
	float: left;
	margin-right: 10px;
	width: 435px;
}

div#konfig_rechts {
	margin-right: 10px;
	width: 435px;
	text-align:right;
}

/*Bildvergrößerung*/
div.floater2 {
	float: left;
	width: 116px;
	padding: 0px 12px 10px 0px;
}

p.preview {
	margin: 0px 0px 10px 0px;
	padding: 3px;
	border: 1px solid #000000;
	float: left;
	width: 110px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
}

p.preview img {
	vertical-align: middle;
}

p.preview:hover {
	border: 1px solid #ffe500;
	}

/*
	Aktuellboxen
*/
#aktuellboxen {
	width: 100%;
	min-height: 200px;
	background: url(../img/grafiken/bildboxen_hg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	font: 10px/140% Verdana, Helvetica, Geneva, Arial, sans-serif;
}

div#box123 {
	float: left;
	width: 680px;
	padding: 0px;
	color: #fff;
	}

div#box4 {
	float: left;
	width: 238px;
	padding: 10px 20px 10px 20px;
	color: #fff;
	}
	
a.sonder, a.sonder:active, a.sonder:visited {
	color: #ffffff;
	text-decoration: underline;
	}
	
a.sonder:hover {
	text-decoration: none;
	}
	
div#box123 div.box1 {
	width: 196px;
	float: left;
	padding-right: 11px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#box123 div.box2 {
	width: 206px;
	float: left;
	padding-left: 11px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#box123 div.box3 {
	width: 196px;
	float: left;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#box123 div.box_image {
	width: 226px;
	float: left;
	padding-right: 1px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.abstandbild {
	height: 8px;
}

.roller {
	display: none;
}

A.geschenkidee-claim {
	background:url("../img/grafiken/geschenkidee-gutschein.gif");
	background-repeat:no-repeat;
	height:98px;
	width:230px;
	display:block;
	font-size:20px;
	text-decoration:none;
	font-family: Arial Black;
	text-transform:uppercase;
	padding-top:20px;
	padding-left:10px;
	line-height:27px;
}

table.tabellenlook th {
	text-align: left;
}
	
table.tabellenlook tr.top {
	border: 1px solid #000000;
	background: #000000;
	color: #fff;
	}

table.tabellenlook tr.grey {
	background: #445052;
	color: #000;
	}

table.tabellenlook td {
	padding: 10px 5px;
	border: 1px solid #445052;
	}