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

html {
	height: 101%;
}

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, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin: 0px;
	padding: 0px;
}

li {    
	list-style-type: none;
}


/* -- Eigenschaften des Umschlags -- */
.clwrapper { 
	position:absolute; 
	/* overflow:hidden; */
	left: 0px;
	top: 0px;
	width: 791px;
	height: 101%;
	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: 159px;
	top: 644px;
	width: 632px;
	height: 20px;
	vertical-align: middle; 
	background-color: #ffffff; 
	line-height: 20px;
	color: #4a4a4a;
	z-index: 12; 
	}
	
#footer1 {
	/* font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	 padding-left: 22px; */
	}

.clfooter1_2 { 
	position:absolute; 
	overflow:hidden;
	left: 174px;
	top: 644px;
	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 statische Flash-Animation -- */

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

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

.clhilfsnavi { 
	position: absolute; 
	overflow: hidden;
	background-color:#002e5c; 
	/* font-family: Arial, Helvetica, sans-serif;
  	font-size: 8pt;
  	line-height: 23px;
  	font-style: normal; 
  	list-style: none;
	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: white;
}

/* -- 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: 209px;
	height: 124px;
	z-index: 3;
	}
	
/* -- Eigenschaften der Hauptnavigation, im linken Bereich der Seite -- */

.clnavi_2 { 
	position:absolute; 
	overflow:hidden; 
	color: white;
	background-color:#3e4649; 
	line-height: 16px;
	width: 159px;
	max-width: 159px;
	height: 180px;
	max-height: 180px;
	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);
padding: 17px 0 0 23px;
}

.clnavi_2 ul ul{
list-style-image: none;
list-style: none;
padding: 0 0 0 10px;
}

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


#navi_2 a:link {
	color: white;
	display: block;
}

#navi_2 a:visited {
	color: white;
}

#navi_2 a:hover {
	color: #3E4649;
	color: #4F9E81;
	display: block;
}

#navi_2 a:active {
	color: white;
	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: white;
	border: dotted;
}	
	
.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 -- */

.clmenu { 
	position: absolute; 
	left: 610px;
	top: 665px;
	width: 185px;
	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; */
	}
	
#menu {
	/* position: absolute; 
	background-color: #3E4649;
	color: white;
	left: 606px;
	top: 665px;
	width: 185px;
	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; */
	
	
	/* background-image: url(spkslogo_hg.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 0px; */
}

/* -- Eigenschaften des Sparkassenlogos im Footer2, neben den Sponsoren-- */
/* 
.clsparkassenlogo {
	position:absolute;
	background-color: #3E4649;
	background-image: url(spkslogo_5.png);
	left: 581px;
	top: 665px;
	width: 22px; 
	height: 28px;
	line-height: 28px;
	z-index: 16;
	line-height: 28px;
}

 #sparkassenlogo { 
 background-repeat: no-repeat;
 background-position: right;
 padding: 0px;
 margin: 0px;
}

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

.clnews { 
	position:absolute; 
	/* overflow:hidden; */
	background-color:#afb8bc;
	background-repeat: no-repeat;
	background-image: url(news_container2.gif);
	color: #4A4A4A; 
	left: 160px;
	top: 124px;
	width: 210px;
	height: 180px;
	z-index: 5;
	}

#news {
	/* padding-top: 30px;
	padding-left: 14px;
	padding-right: 5px;
	padding-bottom: 10px; */
}

.clnews_2 { 
	position:absolute; 
	/* overflow:hidden; */
	background-color: transparent;
	color: #3e4649;
	left: 174px;
	top: 149px;
	width: 191px;
	height: 147px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	z-index: 9;
	}
/* -- Eigenschaften des Containers fuer die Projekte -- */

.clprojekte { 
	position:absolute;
	overflow:hidden;
	color: #4a4a4a;
	background-color:#afb8bc;
	background-repeat: no-repeat;
	background-image: url(proj_container2.gif);
	left: 371px;
	top: 124px;
	width: 210px;
	height: 180px;
	margin: 0px;
	z-index: 6;
	}

#projekte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	/* padding-top: 30px;
	padding-left: 14px;
	padding-right: 5px;
	padding-bottom: 10px; */
}

.clprojekte_2 { 
	position:absolute;
	background-color: transparent;
	color: #3e4649;
	left: 385px;
	top: 149px;
	width: 191px;
	height: 147px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	z-index: 10;
	}

/* -- Eigenschaften des Containers fuer GIS Flaechenatlas, etc, unterhalb des Containers Bildobenrechts -- */

.clboxrechts { 
	position:absolute; 
	/* overflow:hidden; */
	color: white;
	background-color:#afb8bc; 
	background-image: url(gis_container.gif);
	background-repeat: no-repeat;
	left: 582px;
	top: 124px;
	width: 209px;
	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: 590px;
	top: 148px;
	width: 194px;
	height: 144px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	z-index: 11;
	}
	
/* -- Einegschaften des statischen Containers, nur fuer das Wort "C WiN Emscher Lippe" -- */

.clfooter2 { 
	position:absolute; 
	/* overflow:hidden; */
	background-color:#828282; 
	left: -1px;
	top: 665px;
	width: 160px;
	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: 665px;
	width: 297px;
	height: 28px;
	z-index: 14;
}

#hilfsnavi2 {
	height: 28px;
	line-height: 28px;
   color:#f0f0f0;
	
}

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


#hilfsnavi2_2 a:link {
	color: white;
}

#hilfsnavi2_2 a:visited {
	color: white;
}

#hilfsnavi2_2 a:hover {
	color: white;
}

#hilfsnavi2_2 a:active {
	color: white;
}


/* -- Eigenschaften des Containers lediglich fuer das Wort "Sponsoren" -- */
.clgesponsort {
	position:absolute; 
	/* overflow:hidden; */
	background-color:#828282;
	left: 443px;
	top: 665px;
	width: 138px;
	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;
	background-color: #ffffff; 
	line-height: 15px;
	left: 159px;
	top: 305px;
	width: 632px;
	height: 336px;
	z-index: 13;
	}

#inhalt {
	
	/* padding-top: 20px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px; */
}

.clinhalt_2 { 
	position:absolute; 
	overflow:auto;
	background-color: transparent;
	line-height: 15px;
	left: 174px;
	top: 313px;
	width: 610px;
	height: 328px;
	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;
}

div#inhalt_2 h2 {
	font-size: 11pt;
	font-weight: lighter;

}

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

div#inhalt_2 h4 {
    font-size: 8pt;
	color: #002e5c;

}

div#inhalt_2 h5 {
    font-size: 9.5pt;
	font-weight: bolder;
	color: #002e5c;
	line-height: 0px;
}

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

.clsuche { 
	position:absolute; 
	overflow:hidden;  
	/* border-top-width:1px; 
	border-left-width:0px; 
	border-bottom-width:1px; 
	border-right-width:1px; 
	border-color:#fffff; 
	border-style:solid; */
	left: 26px;
	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: 425px;
	width: 152px;
	height: 160px;
	z-index: 9;
	text-align: right;
	padding-bottom:2px;
	padding-right: 5px;
	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; 
	}
	
/* vor dem IE fuer Mac verstecken \*/
/* * html #menu { height: 1% }
/* Ende des Versteckspiels */

/* Eigenschaften des CSS-Menus unten im Footer fuer die Sparkassen-Sponsoren */
#menu { 

	position: absolute; 
	background-color: #3E4649;
	color: white;
	padding-left: 4px;
	margin-left: -1px;
	left: 578px;
	top: 665px;
	width: 211px;
	height: 28px;
	z-index: 11;
	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, Helvetiva, 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: 0px; 
  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: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; z-index: 500; }

#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 WILLKOMMENSSEITE
======================================================= */