body {
	font-size: 101%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 0  ;
	}
	
.gruen {
	background-color: #51600c;
	background-image: url(bilder-layout/schatten_gruen.png);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center; 
	}
.pink {
	background-color: #880352;
	background-image: url(bilder-layout/schatten_pink.png);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center; 
	}

.blau {
	background-color: #06657b;
	background-image: url(bilder-layout/schatten_blau.png);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center; 
	}

.orange {
	background-color: #824703;
	background-image: url(bilder-layout/schatten_orange.png);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center; 
	}
.gelb {
	background-color: #a79b0e;
	background-image: url(bilder-layout/schatten_gelb.png);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align: center; 
	}
#verlauf_gruen {
	background-image: url(bilder-layout/verlauf_gruen.png);
	background-repeat: repeat-x;
	width: 100%; 
	}
#verlauf_pink {
	background-image: url(bilder-layout/verlauf_pink.png);
	background-repeat: repeat-x;
	width: 100%; 
	}
#verlauf_blau {
	background-image: url(bilder-layout/verlauf_blau.png);
	background-repeat: repeat-x;
	width: 100%; 
	}
#verlauf_orange {
	background-image: url(bilder-layout/verlauf_orange.png);
	background-repeat: repeat-x;
	width: 100%; 
	}
#verlauf_gelb {
	background-image: url(bilder-layout/verlauf_gelb.png);
	background-repeat: repeat-x;
	width: 100%; 
	}
#kreise_gruen {
	background-image: url(bilder-layout/kreise_gruen.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
	width: 100%; 
	}
#kreise_pink {
	background-image: url(bilder-layout/kreise_pink.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
	width: 100%; 
	}

#kreise_blau {
	background-image: url(bilder-layout/kreise_blau.png);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 100%; 
	}
#kreise_orange {
	background-image: url(bilder-layout/kreise_orange.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
	width: 100%; 
	}
#kreise_gelb {
	background-image: url(bilder-layout/kreise_gelb.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center;
	width: 100%; 
	}
#strichgruen {
	width: 680px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #bdd630; 
	}
#strichpink {
	margin: 0;
	padding: 0;
	width: 680px;
	border-top: 1px solid #ec008c; }

#strichblau {
	margin: 0;
	padding: 0;
	width: 680px;
	border-top: 1px solid #00afd7; 
	}

#strichorange {
	margin: 0;
	padding: 0;
	width: 680px;
	border-top: 1px solid #f6921e; 
	}
#strichgelb {
	margin: 0;
	padding: 0;
	width: 680px;
	border-top: 1px solid #eada1f; 
	}

#wrapper {
	background-color: #fff;
	text-align: center;
	width: 798px;
	margin: 0 auto; 
	}
#wrapperinnen {
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	width: 680px; }

#header {
	background-image: url(bilder-layout/flaschen.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	width: 680px;
	height: 170px;
	padding: 0; }
#header img {
	background-position: left 0;
	margin-top: 10px; }

#box {
	text-align: left;
	margin-top: 15px; }
#contentbild {
	background-image: url(bilder-layout/bild1.jpg);
	background-repeat: no-repeat;
	background-position: 12px 0;
	width: 350px;
	height: 305px;
	float: left;
	margin-bottom: 10px; }
#contentindex {
	background-image: url(bilder-layout/cooler-index.jpg);
	background-repeat: no-repeat;
	background-position: 12px 0;
	margin-bottom: 10px;
	width: 350px;
	height: 305px;
	float: left; }
#kontaktbild {
	background-image: url(bilder-layout/bild2.jpg);
	background-repeat: no-repeat;
	background-position: 12px 0;
	width: 350px;
	height: 305px;
	float: left; }

/*Bei content Aussenabstand verändern (Abstand zwischen "Karten" und footer verändert sich dann)*/
#index-bild {
	background-image: url(bilder-layout/cooler-index.jpg);
	background-repeat: no-repeat;
	background-position: 30px 20px;
	width: 680px;
	height: 450px; }
#content            /* aussenabstand in Prozent */ {
	background-image: url(bilder-layout/schatten_seiten.gif);
	background-repeat: repeat-y;
	width: 680px;
	margin-top: 10px;
	margin-bottom: 10%; 
	}
#content p {
	color: #666;
	font-size: 80%;
	line-height: 150%;
	background-repeat: no-repeat;
	margin-right: 30px;
	margin-left: 35px; }
#content a {
	color: #000;
	text-decoration: none; }

#content h2 {
	color: #e9d235;
	font-size: 18px;
	letter-spacing: 3px;
	padding-left: 35px; 
	}
#content h3 {
	color: #000;
	font-size: 18px;
	padding-left: 35px; 
	}

#content-schatten {
	background-color: white;
	background-image: url(bilder-layout/schatten_unten.gif);
	background-repeat: no-repeat;
	width: 680px;
	height: 40px;
 }

#schatten {
	width: 680px;
	height: 40px;
	margin-left: 60px; 
	}
h1   {
	color: #bdd630;
	font-size: 9px;
	display: none; 
	}
#navi {
	background-image: url(bilder-layout/navi.gif);
	background-repeat: no-repeat;
	width: 680px;
	height: 22px;
	margin-bottom: 15px; 
	}

#navi ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navi li {
float: left;
}

#navi a {
display: block;
width: 136px;
height: 22px;
}
a.stubby:hover {
	background-image: url(bilder-layout/stubby.gif);
	background-repeat: no-repeat; 
	}
a.bottle:hover
{
	background-image: url(bilder-layout/bottle.gif);
	background-repeat: no-repeat; 
	}
a.sekt:hover
{
	background-image: url(bilder-layout/sekt.gif);
	background-repeat: no-repeat; 
	}
a.special:hover
{
	background-image: url(bilder-layout/special.gif);
	background-repeat: no-repeat; 
	}
a.infos:hover
{
	background-image: url(bilder-layout/coolershop.gif);
	background-repeat: no-repeat; 
	}
.stubbyactiv {
	background-image: url(bilder-layout/stubby.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 22px; 
	}
.bottleactiv {
	background-image: url(bilder-layout/bottle.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 22px; 
	}
.sektactiv {
	background-image: url(bilder-layout/sekt.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 22px; 
	}
.specialactiv {
	background-image: url(bilder-layout/special.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 22px; 
	}
.infosactiv {
	background-image: url(bilder-layout/coolershop.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 22px; 
	}
strong {
	font-size: 13px;
	display: block; }
#footer { text-align: left; width: 680px; margin-right: auto; margin-left: auto; }
#footer img { margin-top: 10px; display: inline; }
#footer p { color: black; font-size: 75%; text-align: right; float: right; padding-bottom: 10px; }
#footer a {
	color: black;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	 }
.abstand {
	height: 8%; }

#kartewrapper {
	padding-left: 30px; }
.cooler {
	background-color: #9fcaf0;
	width: 160px;
	height: 112px;
	float: left;
	margin: 0 5px 0 0; }
.anfrage {
	text-align: right;
	height: 20px;
	margin: -15px 0 0;
	padding-right: 15px; }
.thumbs {
	margin-left: 20px;
	border: solid 1px #d7d7d7; }

#karte {
	background-image: url(bilder-layout/vk-seiten.png);
	background-repeat: repeat-y;
	width: 294px;
	height: 280px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0; }
#karte p {
	color: #000;
	font-size: 11px;
	position: absolute;
	width: 90px;
	margin-top: 25px;
	margin-left: 185px; }
#karte a {
	color: #000;
	text-decoration: none;
	float: right; }
#contentanfrage   {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
	width: auto ;
	margin-right: 35px;
	margin-left: 35px; }
#contentanfrage p { font-size: 11px; }
#contentanfrage h3 { font-size: 13px; }
#contentanfrage h4 { font-size: 13px; }
#punkte {
	height: 20px;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom: 2px dotted #ccc; }
form      { background-color: #eee; background-position: 0 center; padding: 15px; border: solid 1px #d4cec6 }
form p  { background-color: #fff8ea; background-repeat: no-repeat; background-position: 0 center; margin-top: 7px; padding: 3px }
label {
	font-size: 11px; }
input, select, textarea   { color: #000; font-size: 12px; font-family: Verdana, sans-serif; margin-top: 7px }
select, input {
	width: 300px; }
textarea {
	width: 299px; }
.Bereich, .Feld    { background-color: #ffeec2; width: 300px; border: solid 3px #f4e47b }
.Auswahl    { background-color: #ffeec2; width: 300px; border: solid 1px #2d2b83 }
.Check, .Radio  { background-color: #ffd567; border: solid 1px #ddd }
.versteckt { display: none}