/*
=================================
Bildschirm CSS Format
erstellt Oktober 07
Rita Keel 
=================================
*/

/* Grundeinstellungen */

* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336600;
	line-height:1.3em;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
/*erzwungene Scrollbar in Firefox*/
html {
	height:100%;
	margin-bottom:1px; 
}
body {
	color:#000000;
	background-color:#FFFFCC;
	background-image:url(../bilder/bg_logo_gran.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
p,ul,ol	{
	margin-bottom:1em;
}
ul ul	{
	margin-bottom:0;
}
li	{
	margin-left:1em;
}
h1 {
	font-size:150%;
	margin-bottom:18px;
}
h2 {
	font-size:130%;
	margin-bottom:12px;
}
h3 {
	font-size:105%;
	margin-bottom:1px;
	color:#FF0000;
}
h4 {
	font-size:130%;
	margin-bottom:1px;
	color:#FF0000;
	text-align:center;
}


 /*Adresse im Fussbereich*/
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}								
a	{
	color:#336600;
	text-decoration:none;
}
a:link	{
	color:#336600;
}
a:visited	{
	color:#339900;
}
a:hover, a:focus, a:active	{
	color:#33CC00;
}
/* Formate der Bereiche*/
#container {
	width:800px;
	height:600px;
	background-position:0px 0px; /* links - oben */
	background-color:#ffffcc;
	margin:0px auto 0px auto;
	border: 1px solid #FFFF99;
}
#sitemap #container {
	width:800px;
	height:1405px;
	background-position:0px 0px; /* links - oben */
	background-color:#ffffcc;
	margin:0px auto 0px auto;
	border: 1px solid #FFFF99;
}
#disclaimer #container {
	width:800px;
	height:1405px;
	background-position:0px 0px; /* links - oben */
	background-color:#ffffcc;
	margin:0px auto 0px auto;
	border: 1px solid #FFFF99;
}
#kopfbereich	{
	width:760px; 
	height:110px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;	
	background-image:url(../bilder/bg_top.png);
	background-repeat:repeat-y;
}
#adresse1	{
	color:#FFCC33;
	font-weight:bold;
	font-size:18px;
	padding-left: 10px;
}
#adresse2	{
	color:#FFCC33;
	font-size:11px;
	padding-left: 10px;
}
#adresse3	{
	color:#FFCC33;
	float:left;
	width:70px;
	height:50px;
	font-size:11px;
	padding-left: 10px;
}
#adresse4	{
	color:#FFCC33;
	float:left;
	width:350px;
	height:50px;
	font-size:11px;
	padding-left: 10px;
}

#kopfbereich img	{
	float:right;
}
/* Logo rechts */

/*adresse im Kopf */


/*horizontale Navi im Kopf*/
#h_navibereich	{
	width:790px; 
	height:15px;
	background-image:url(../bilder/bg_top.png);
	background-repeat: repeat-y;
	border-bottom-style:solid;
	border-bottom-color:#336633;
	border-bottom-width:1px;
	padding: 5px 0px 4px 10px;
	text-align:right;
}
#h_navibereich ul	{
	margin-bottom:0;
}
#h_navibereich li	{
	display:inline;
	list-style-type:none;
	margin:0;
}
#h_navibereich a	{
	color:#336600;
	background-color:#FFFF99;
	padding:4px 8px 4px 8px;
	border:1px solid #333300;
}
#h_navibereich a:hover, a:focus	{
	text-decoration:underline;
}
#h_aktuell a	{
	color:#336600;
	background-color:#FFFFCC;
	border-bottom-color:#FFFFCC;
}
/*vertikale Navi links*/
#v_navibereich	{
	width:199px;
	height:385px;
	text-align:center;
	float: left;
	margin-top:0px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFF99;
	border-bottom-color: #BBBB00;
	border-top-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-left-style:solid;
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
}
#sitemap #v_navibereich	{
	width:199px;
	height:1240px;
	text-align:center;
	float: left;
	margin-top:0px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFF99;
	border-bottom-color: #BBBB00;
	border-top-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-left-style:solid;
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
}
#disclaimer #v_navibereich	{
	width:199px;
	height:1040px;
	text-align:center;
	float: left;
	margin-top:0px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFF99;
	border-bottom-color: #BBBB00;
	border-top-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-left-style:solid;
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
}
#v_navibereich li	{
	list-style-type:none;
	line-height:200%;	
}
#v_aktuell a{
	border:3px solid #FFFF99;
	background-color: #FFFF99;
	line-height:600%;
}
/*Textbereich */
#textbereich	{
	width:570px; 
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#336633;
	padding-top:15px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	float:right;
}
#textbereich h1	{
	margin-bottom:0px;
	text-align: center;
	font-size:18px;
}
#textbereich h6  {
	margin-bottom:0px;
	text-align: center;
	font-size:14px;
}

#textbereich em	{
	font-size:12px;
	font-weight:bold;
}
#textbereich #fettunter	{
	font-weight:bold;
	border-bottom:1px solid #336600;
}
#gold01 #textbereich h4	{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	text-align:center;
}
#gold02 #textbereich h4	{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	text-align:center;
}
#gold03 #textbereich h4	{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	text-align:center;
}
#gold04 #textbereich h4	{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	text-align:center;
}
#gold05 #textbereich h4	{
	font-size:14px;
	font-weight:bold;
	color:#000099;
	text-align:center;
}
#textbereich h2	{
	font-weight:bold;
	color:#FF0000;
	margin-bottom:10px;
	text-align: center;
	font-size:18px;
}
#zentralstaubsauger #textbereich p	{
	text-align:justify;
}
#zentralstaubsauger2 #textbereich p	{
	text-align:center;
}
#zs_mu_off #textbereich a	{
	font-size:14px;
}
#zs_mu_off #textbereich a:hover	{
	border-bottom:1px;
	border-bottom-color:#FF0000;
	border-bottom-style:dashed;
}

#zahlen #textbereich h5	{
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#000099;
	text-align:center;
	margin:5px 0px 10px 0px;
}
#textbereich li {
	list-style-type:none;
}
#textbereich li a{
	color:#336600;
}
#textbereich li a:hover{
	border-bottom:1px solid #3333CC;
	color:#3333CC;
}
#zs_geraete #textbereich td	{
	font-size:11px;
	text-align:left;
}

#startseite #textbereich span	{
	text-align:center;
}
#passwort #textbereich span	{
	text-align:center;
}
#regenwassernutzung #textbereich span {
	text-align:center;
}

#regenwassernutzung #textbereich li {
	list-style-type:square;
}
#textbereich #zs_liste  li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-type:square;
	margin-bottom:0;
}
#textbereich #zs_liste  td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#auswahl	{
	text-align: center;
}
#tanktitel	{
	margin-top:0px;
	font-size:10px;
	font-weight: bold;	
}
#preisliste	{
	position:absolute;
	top:520px;
	float:left;
}
#phil  a	{
	font-size:18px;
	color:#FF0000;
}
#phil p	{
	text-align:center;
}
#zehn01 table	{
	width:300px;
	text-align:center;
	margin:5px auto 5px auto;
}
#zahlen table	{
	width:300px;
	text-align:center;
	margin:5px auto 5px auto;
}

#preisliste a	{
	text-decoration:none;
}
#kontakt_links	{
	width:280px; 
	height:360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336633;
	padding-right:10px;
	float:left;
}
#auswahl_kontakt_li	{
	width:160px; 
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336600;
	padding-right:10px;
	float:left;
}
#auswahl_kontakt_re	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#336600;
}
#links_links	{
	width:280px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336633;
	padding-right:10px;
	float:left;
}
#passwort_text	{
	text-align:center;
}
#sitemap #textbereich ul li a{
	list-style:circle;
	font-weight:bold;
}
#sitemap #textbereich ul ul	li a{
	color:#000066;
}
#sitemap #textbereich ul ul	ul li a{
	color:#0000CC;
}
#sitemap #textbereich ul ul	ul ul li a{
	color:#0033FF;
}
#sitemap #textbereich a:hover{
	color:#FF6600;
	border-bottom:1px;
	border-bottom-color:#FF3300;
	border-bottom-style:solid;
}
#map a	{
	line-height:16000%;
}	
#fussbereich	{
	clear:both;
	padding-top:5px; /* unterhalb Rahmenlinie*/
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px; /* Rahmenlinie oben*/
	margin-top:0px; /* aussenabstand oben, oberhalb Linie, war vorher 400px */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006600;
}
/* Klassen - class */
.skiplink {
	position: absolute;
	left: -3000px;
	top: -2000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: visible;
}
.bildlinks	{
	float:left;
	padding:3px;
	margin-right:10px;
	margin-bottom:0px;
}
.bildrechts	{
	float:right;
	padding:3px;
	margin-left:10px;
	margin-bottom:10px;
}
.rotfett	{
	color:#FF0000;
	font-weight:bold;
}
.blaufett	{
	color:#000099;
	font-weight:bold;
}
.aktuell {
	color:#336600;
	background-color:#FFFFCC;
	border-bottom-color:#FFFFCC;
}