/* ================================================
Stylesheet fuer die Screenversion
css-File zum Template: folgende.html
Autor: E. Rakaj comix mediapool gmbh
Media: Screen
Erstellt am: 13.04.07 und 02.05.07
=================================================== */ 

html {
	height: 101%;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited, a:hover, a:active, a:focus { 
text-decoration: none; 
}

a:link, a:visited {
color: #002e5c;
}

body { 
	height: 101%;
	background-color: #ffffff;
	}
	
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

table, tr, td { 
	text-align: left; 
	vertical-align: top;
	border-spacing: 2px;
	border: separate;
	padding: 3px;
	margin: 0px;
}


/* -- Eigenschaften des Umschalgs -- */
.clwrapper { 
	position:absolute; 
	/* overflow: hidden; */
	left: 0px;
	top: 0px;
	width: 791px;
	height: 999px;
	margin: auto;
	z-index: 0;
	display: inline;
	}
	
/* -- Eigenschaften des Containers fuer das Logo -- */

.cllogo { 
	position:absolute; 
	/* overflow:hidden; */
	border-top-width:0px; 
	border-left-width:0px;  
	border-bottom-width:0px; 
	border-right-width:0px; 
	border-color:#ffffff; 
	border-style:solid; 
	background-position: center;
	background-repeat: no-repeat;
	left: -1px;
	top: -1px;
	width: 159px;
	height: 123px;
	z-index: 0;
	}
	
	
/* -- Eigenschaften des Footers 1 fuer die Druckversion und evtl. noch mehr -- */

.clfooter1 { 
	position:absolute; 
	/* overflow:hidden;  
	border-top-width:1px; 
	border-left-width:1px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-color:#ffffff; 
	border-style:solid; */
	left: 162px;
	width: 632px;
	top: 88%;
	height: 21.5px;
	line-height: 21.5px;
	color: #4a4a4a;
	z-index: 12; 
	}
	
#footer1 {
	
}

.clfooter1_2 { 
	position:absolute; 
	overflow:hidden;
	left: 174px;
	top: 88%;
	width: 618px;
	height: 20px;
	vertical-align: middle; 
	background-color: transparent; 
	line-height: 20px;
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	z-index: 17; 
	}
	
	

/* -- Eigenschaften des Containers fuer die Flash-Animation -- */

.clflashani { 
	position:absolute; 
	/* overflow:hidden; */
	left: 160px;
	top: 0px;
	width: 210px;
	height: 123px;
	z-index: 1; 
	}
	
#flashani {

}
/* -- Eigenschaften des Containers fuer die obere Hilsnavigation: Startseite, Sitemap, etc. -- */

.clhilfsnavi { 
	position:absolute; 
	overflow:hidden;
	background-color:#002e5c;
	color: white; 
	left: 371px;
	top: -1px;
	width: 210px;
	height: 124px;
	z-index: 2;
	}

#hilfsnavi {
  margin: 0px;
  padding: 0px;

}

.clhilfsnavi_2 { 
	position: absolute; 
	overflow: hidden;
	background-color:#002e5c; 
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	line-height: 16px;
  	font-style: normal; 
  	list-style: none;
	color: white;
	left: 380px;
	top: 8px;
	width: 190px;
	height: 109px;
	z-index: 2;
	}
	
#hilfsnavi_2 a:link {
	color: white;
}

#hilfsnavi_2 a:visited {
	color: white;
}

#hilfsnavi_2 a:hover {
	color: #4F9E81;
}

#hilfsnavi_2 a:active {
	color: #4F9E81;
}

/* 
ul#hilfsnavi a {
	display: block;
}

ul#hilfsnavi a:link {
	color: white;
}

ul#hilfsnavi a:visited {
	color: white;
}

ul#hilfsnavi a:hover {
	color: #4F9E81;
}

ul#hilfsnavi a:active {
	color: white;
	border: none;
}
 */
/* -- Eigenschaften des Containers fuer das Bild oben rechts mit den Sonnenpannels -- */

.clbildobenrechts { 
	position:absolute; 
	overflow:hidden; 
	background-repeat: no-repeat;
	/* border-top-width:0px; 
	border-left-width:0px; 
	border-bottom-width:0px; 
	border-right-width:0px; 
	border-color:#b2b2b2; 
	border-style:solid; */
	left: 582px;
	top: -1px;
	width: 210px;
	height: 124px;
	z-index: 3;
	}
	
/* -- Eigenschaften der Hauptnavigation, im linken Bereich der Seite, der grosse Container -- */

.clnavi { 
	position:absolute; 
	overflow:hidden; 
	color: white;
	background-color:#3e4649; 
	height: 180px;
	width: 160px;
	top: 124px;
	left: -1px;
	line-height: 25px;
	z-index: 4;
	}

#navi {
	/* padding-left: 10px;
	padding-top: 10px; */
	}
	
/* -- Eigenschaften der Hauptnavigation, im linken Bereich der Seite, der Container mit der tatsaechlichen Navigation -- */

.clnavi_2 { 
	position:absolute;
	color: white;
	background-color:#3e4649; 
    line-height: 16px;
	width: 159px;
	max-width: 159px;
	height: 180px;
	max-height: 180px;
	overflow: hidden;
	top: 124px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 71%;
	font-style: normal;
	z-index: 19;
	}
	
.clnavi_2 ul, .clnavi_2 li{
padding: 0;
margin: 0;
}

.clnavi_2 ul{
list-style-image: url(karo_bullet_9x9.gif);
vertical-align: middle;
padding: 17px 0 0 23px;
}

.clnavi_2 ul ul{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding: 0;
}

.clnavi_2 li{
padding: 0 0 0 0px;
}

div.clnavi_2 ul ul a{ padding-left: 8px;}


div.clnavi_2 a:link {
	color: white;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.clnavi_2 a:visited {
	color: white;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.clnavi_2 a:hover {
	color: #4F9E81;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.clnavi_2 a:active {
	color: #4F9E81;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

div.clnavi_2 a:focus {
	color: #4F9E81;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
	
div.clnavi_2 a.clnavi_3:link {
	color: #4F9E81;
	background: url(bullet_weiss.gif) -3px 4px no-repeat;
	display: block;
}

div.clnavi_2 a.clnavi_3:visited {
	color: #4F9E81;
	background: url(bullet_weiss.gif) -3px 4px no-repeat;
	display: block;
}

div.clnavi_2 a.clnavi_3:hover {
	color: #4F9E81;
	display: block;
}

div.clnavi_2 a.clnavi_3:active {
	color: #4F9E81;
	background: url(bullet_weiss.gif) -3px 4px no-repeat;
	display: block;
}

div.clnavi_2 a.clnavi_3:focus {
	color: #4F9E81;
	background: url(bullet_weiss.gif) -3px 4px no-repeat;
	display: block;
}

/* 	
	
ul#navi_2 a {
	
}

ul#navi_2 a:link {
	color: white;
}

ul#navi_2 a:visited {
	color: white;
}

ul#navi_2 a:hover {
	color: #4F9E81;
}

ul#navi_2 a:active {
	color: #4F9E81;
	border: none;
}	
	*/
.clmenu { 
	position: absolute; 
	left: 610px;
	top: 90%;
	width: 175px;
	height: 28px;
	z-index: 11;
	line-height: 28px;
	/* 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal;
	text-decoration: none; */
	/* padding-left: 5px; */
	}
	

/* -- Eigenschaften des Containers fuer die kleine JavaScript Navi zu den Sponsoren - Sparkassen -- */

.clsponsoren { 
	position: absolute; 
	background-color: #3E4649;
	color:#ffffff; 
	left: 606px;
	top: 83%;
	width: 185px;
	height: 28px;
	line-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal;
	text-decoration: none; 
	z-index: 11;
	/* padding-left: 5px; */
	}
	
#sponsoren {
	/* background-image: url(spkslogo_hg.png);
	background-position: left;
	background-repeat: no-repeat; */
}

/* -- Eigenschaften des Sparkassenlogos im Footer2, neben den Sponsoren-- */
/*
.clsparkassenlogo {
	position:absolute;
	background-color: #3E4649;
	left: 581px;
	top: 83%;
	width: 25px; 
	height: 28px;
	line-height: 28px;
	z-index: 16;
}

#sparkassenlogo {
 	background-repeat: no-repeat;
 	background-position: right;
}
 */
/* -- Eigenschaften des Containers fuer GIS Flaechenatlas, etc, unterhalb des Containers Bildobenrechts -- */

.clboxrechts { 
	position:absolute; 
	/* overflow:hidden; */
	background-color:#afb8bc;
	color: white; 
	left: 582px;
	top: 124px;
	width: 210px;
	height: 180px;
	z-index: 7;
	}
	
#boxrechts {
	/* padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px; */
}

.clboxrechts_2 { 
	position:absolute; 
	background-color:#afb8bc;
	left: 582px;
	top: 124px;
	width: 210px;
	height: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	z-index: 11;
	}
	
/* -- Einegschaften des statischen Containers, nur fuer C WiN EMscher -- */

.clfooter2 { 
	position:absolute; 
	/* overflow:hidden; */
	background-color:#828282; 
	left: -1px;
	width: 160px;
	top: 90%;
	height: 28px;
	z-index: 10; 
	}

#footer2 {
	height: 28px;
	line-height: 28px;
	text-align: right;
	/* padding-left: 23px; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal;
	color:#f0f0f0; 
	text-decoration: none;
}

/* -- Eigenschaften des Containers im unteren Footer, nur fuer Impressum und Datenschutz -- */

.clhilfsnavi2 {
	position:absolute; 
	overflow:hidden;
	background-color:#828282;
	left: 159px;
	top: 90%;
	width: 301px;
	height: 28px;
	z-index: 14;
}

#hilfsnavi2 {
	height: 28px;
	line-height: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	
	/* padding-left: 14px; */
	color:#f0f0f0;
	text-decoration: none;
}

.clhilfsnavi2_3 {
	position:absolute; 
	overflow:hidden;
	background-color:#828282;
	font-size: 8pt;
	font-style: normal;
	vertical-align: top;
	left: 174px;
	top: 90%;
	width: 170px;
	height: 28px;
	z-index: 18;
	line-height: 28px;
	max-height: 28px;
	min-height: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color:#f0f0f0;
	text-decoration: none;
}


#hilfsnavi2_3 a:link {
	color: white;
}

#hilfsnavi2_3 a:visited {
	color: white;
}

#hilfsnavi2_3 a:hover {
	color: #3E4649;
}

#hilfsnavi2_3 a:active {
	color: white;
}

/* -- Eigenschaften des Containers lediglich fuer das Wort "Sponsoren" -- */

.clgesponsort {
	position:absolute; 
	/* overflow:hidden; */
	background-color:#828282;
	left: 460px;
	top: 90%;
	width: 120px;
	height: 28px;
	z-index: 15;
}

#gesponsort {
	height: 28px;
	line-height: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-align: right;
	color:#f0f0f0;
	text-decoration: none;
}

/* -- Eigenschaften des Inhaltscontainers -- */

.clinhalt { 
	position:absolute; 
	overflow:auto;
	line-height: 15px;
	left: 160px;
	top: 124px;
	width: 421px;
	height: 78%;
	z-index: 13;
	}
	
#inhalt {
	
	/* padding-left: 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px; */
}

.clinhalt_2 { 
	position:absolute; 
	overflow:auto;
	background-color: transparent;
	line-height: 15px;
	left: 176px;
	top: 140px;
	width: 396px;
	height: 74%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #4A4A4A;
	z-index: 14;
	}
	
div#inhalt_2 h1 {
	font-size: 12pt;
	color: #002e5c;
	font-weight: bolder;
	line-height: 10px;
}

div#inhalt_2 h2 {
	font-size: 11pt;
	font-weight: lighter;
	line-height: 7px;
}

div#inhalt_2 h3 {
	font-size: 8pt;
	font-weight: bolder;
}

div#inhalt_2 h4 {
	font-size: 8pt;
	color: #002e5c;
	line-height: 8px;
}


/* -- Eigenschaften des Containers fuer die Suche -- */

.clsuche { 
	position:absolute;
	overflow: hidden; 
	left: 28px;
	top: 350px;
	width: 156px;
	height: 54px;
	color: #4a4a4a;
	z-index: 8;
	}

#suche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	/* padding-left: 10px; */
}

/* -- Eigenschaften des Containers fuer die Adresse unten links, unterhalb der Suche -- */

.clpermanent { 
	position:absolute; 
	overflow:hidden;
	left: -1px;
	top: 42%;
	width: 152px;
	height: 160px;
	text-align: right;
	/* padding-top: 10px; */
	padding-right: 5px;
	padding-bottom: 2px;
	line-height:11.5px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:7.5pt; 
	font-style:normal; 
	font-weight:normal;
	color:#828282; 
	text-decoration:none; 
	z-index: 9;
	}
	
/* -- Eigenschaften des Containers rechts, wo die Links und Logos der Partnerfirmen reinkommen -- */

.clpartner {
	position:absolute; 
	/* overflow:hidden; */
	left: 583px;
	top: 310px;
	width: 208px;
	height: 565px;
	z-index: 14;
}

#partner {
	
}

.clpartner_2 {
	position:absolute; 
	/* overflow:hidden; */
	left: 596px;
	top:320px;
	width: 191px;
	height: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #4A4A4A;
	z-index: 14;
}

#menu { 

	position: absolute; 
	background-color: #3E4649;
	color: white;
	padding-left: 4px;
	margin-left: -1px;
	left: 578px;
	top: 90%;
	width: 211px;
	height: 28px;
	line-height: 28px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt; 
	font-style: normal; 
	font-weight: normal;
	text-decoration: none; 

}

h2 {
 font-family: Arial; Helvetica, sans-serif;
}

#menu ul { list-style: none; margin: 0px; padding: 0px; left: 0px; top: 0px; background-color: #3E4649; width: 213px; float: left; text-align: left; }

#menu a, #menu h2
  { font-size: 11px/16px; 
  display: block; 
  border-width: 1px; border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  top: 0px;
  margin: 0; 
  padding: 0px 4px; 
  text-align: left; 
   color: #000;
   background: #efefef;
   text-decoration: none;
   text-align: left;
   width: 203px;
   max-width: 203px;
   min-width: 203px;

  }

#menu h2 { color: #FF0000; background: #96D12C; text-align: left; margin: 0px; padding: 0px;}

/* #menu a { color: #000; background: #efefef; text-decoration: none; text-align: left; }

#menu a:hover { color: #ff0000; background: #fff; text-align: left; background-image: url(spkslogo_5.png); background-repeat: no-repeat;}  */

#menu li {position: relative; float: left; margin: 0px; padding: 0px; left: 0px; top: 0px; background-image: url(spkslogo_5.png); background-repeat: no-repeat;}

#menu li:hover { color: #ffffff; margin: 0px; padding: 0px; top: 0px; width: 213px; background-color:#ff0000; text-align: left; background-image: url(spkslogo_5.png); background-repeat: no-repeat;}

#menu ul ul { position: relative; margin: 0px; padding: 0px; left: 0px; top: 0px;}

#menu ul ul ul { position: relative; top: 0px; left: 100%; }

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}
  
/* ===========================================
	ENDE DES STYLESHEETS FUER DIE FOLGESEITEN
============================================= */