/* styles fuer: ECC Elmshorn */

* {
margin: 0;
padding: 0;
}
span.klein   { font-size: 85% }

.aktiv       {
border-left:1px solid #000000; border-right:1px solid #CCCCCC; border-top:1px solid #000000; border-bottom:1px solid #CCCCCC; background:#0e679c; color: #FFFFFF;
margin: 5px 5px 5px 5px; 
padding: 5px 5px 5px 5px;
text-align: right;
}

html, body { 
top: 0;
right: 0;
left: 0;
min-height: 100%;
width: 100%;
}
body { 
position: absolute;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100,1%;
font-size: 15px;
background-image: url(../images/hi2.png);
background-repeat:no-repeat;
color: #000000;
}

/* container */

#header {
position: fixed;
padding-left: 30px;
}

#head1 {
margin-left: -30px;
margin-top: 0px;
background-image: url(../images/logo1.gif);
width:220px;
height: 149px;
}

#head2 {
margin-top: -149px;
margin-left: 190px;
height: 176px;
width:750px;
background-image: url(../images/banner.gif);
}

#menue {
position: fixed;
top: 180px;
left: 5px;
width: 160px;
padding: 10px;
}

#contentnews p{
font-size: 14px;
color: black;
}

small {
font-size: 10px;
}

.text {
font-size: 14px;
font-face: Verdana, Helvetica, Arial, sans-serif;
}

td {
text-align: justify;
}

.window  td {
padding: 2px 3px 0 2px;
}

#content {
color:#000000; padding-left:220px; padding-right:0px; padding-top:180px; padding-bottom:50px;
}
#impressum {
color:#000000; padding-left:240px; padding-right:50px; padding-top:20px; padding-bottom:40px; 
}
#newspop {
color:#000000; padding-left:190px; padding-right:50px; padding-top:20px; padding-bottom:10px; 
}

#spiegel {
width: 740px;
padding-left: 5px;
}
#news {
width: 500px;
padding-left: 5px;
}

#footer {
position: fixed;
bottom: -1px;
right: 0;
left: 0;
height: 30px;
}
#foot {
position: relative;
top: 0;
right: 0;
bottom: -1px;
left: 0;
height: 30px;
background: #0e679c;
color: #FFFFFF;
border-top: 1px solid #C9D4DA;
border-bottom: 1px solid #C9D4DA;
z-index: 100
}

#switcher {
position: fixed;
top: -125px;
left: 559px;
z-index: 100; color:#fff; background-color:#transparent
}


/* ==== Formate === */
/* menue und links */

a {
background: #transparent;
color: #0e679c;
}

a:link {
color:  #0e679c;
}

a:hover {
color: #aa0000;
}

#menue li {
list-style: none;
padding: 5px;
}

#menue a {
text-decoration: none;
display: block;
padding: 1px 0 2px 5px;
background: #fff;
color: #0e679c;
border: 1px solid;
border-color: #ccc #000 #000 #ccc;
}



#menue a:hover,
#menue a.aktiv {
border: 1px solid;
border-color: #000 #ccc #ccc #000;
background:#FFFFFF; 
color: #0e679c;
padding: 2px 0 1px 6px;
}

#menue a.aktiv,
#menue a:hover.aktiv {
cursor: default
}

#switcher a {
margin-right: 1px;
background: #transparent;
color: #fff;
font-size:13px;
padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px;
border: 1px solid #0e679c;
}

#switcher a {
text-decoration: none;
}

#switcher a:hover {
border-left:1px solid #000000; border-right:1px solid #CCCCCC; border-top:1px solid #000000; border-bottom:1px solid #CCCCCC; background:#transparent; color: #fff;
padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; 
}

.weiss {
color: #ffffff;
text-decoration: none;
}

/* text */
h1 {
background: ;
color: #0e679c;padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:0
}
h2,
h3,
h4 {
background: ;
color: #0e679c;padding-left:0; padding-right:0; padding-top:10px; padding-bottom:15px
}

p {
text-align: justify;
line-height: 130%;
font-size: 15px;
}

li {
font-size: 80%;
line-height: 130%;
}

#spiegel p {
margin-bottom: 0px;
}
#foot p {
background: ;
font-size: 13px;
color: #FFFFFF;padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:0
}
p.topper {
padding: 20px 0;
}
#switcher p {
padding: 2px 0;
}

/* sonstige */
img {
border: 0px none;
}
.invis {
display: none;
}
code {
font-family: 'Courier New', Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #transparent;
color: #939;
}

.zellen {
height: 70px;
font-size: 14px;
padding: 4px;
}

.zellenl {
height: 70px;
padding: 0px;
}

/*  -------------------------------------
	Extrawuerste fuer IEs
	WICHTIG: IE6 muss in den Quirks-Modus
	gesetzt werden, um die Anweisungen zu
	'position:' richtig auszufuehren!
*/
* html, 
* html body {
overflow: hidden;
bottom: 0;
height: 100%;
}
* html #menue {
position: absolute;
width: 180px;/* wg. boxmodel */
z-index: 30;    
}
* html #header, 
* html #footer {
position: absolute;
width: 100%;
padding-right: 16px;/* fuer scrollbar */
z-index: 20;
}
* html #head,
* html #foot {
height: 100%;
position: static;
z-index: 20;
}
* html #content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
overflow: auto;
z-index: 10;
}
* html #spiegel {
width: 520px;/* statt max-width */
}
* html #switcher {
position: absolute;
z-index: 40;
}
* html #menue a {
width: 150px;
}
* html #menue a:visited.aktiv {
width: 150px;
background: #FFFFFF;
color: #0e679c;
}
.bildli {
margin:0 20px 10px 0;
}
/* IE-Wurst Ende */a:link       {  }
a:link       {  }
address      { background-color: #0e679c }