html {
 overflow-y: scroll;
}

body {
	font-family: Cochin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;
	background: #DFE3BA; margin: 5px 0 5px 50%;
}


input, select, textarea { 
	font-family: Cochin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:#000000; 
	background-color: #DFE3BA; 
	border: 1px solid #DFE3BA;
}

input.submit { 
	font-weight: normal;
	background-color: #EEE; 
	border: 1px solid #DFE3BA;
	font-size: 8pt;
	cursor: pointer;
}

img {
	border-width:0;
	}


form {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 100%;
}


a:link, a:visited {
	font-family: Cochin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
a:hover, a:active {
	font-family: Cochin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #DBC053;
}

#container {
	position: relative;
	width: 700px;
	min-height: 590px;
	background: #ADB583 url(header4.jpg) no-repeat top left;
	margin: 0 0 0 -350px;
	border: 5px solid #FFF;
}

* html #container
{ 
	height:590px; 
} 


#ieimage { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 700px; /* width of reactive image */
     height: 200px; /* height of reactive image */
     background-image: url(header5.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
#ieimage a { /* definition of the "image" class for <a> tag when hovered onto */
     display: block; /* a tag must be a block */
     width: 700px; /* width of reactive image */
     height: 200px; /* height of reactive image */
     background-image: url(header4.jpg); /* source for start image */
     background-repeat: no-repeat;
     } 

#ieimage a:hover {	/* masking the image when hovering */
	background: transparent none;
} 


#ieluft { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 400px; /* width of reactive image */
     height: 263px; /* height of reactive image */
     background-image: url(luft1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
#ieluft a { /* definition of the "image" class for <a> tag when hovered onto */
     display: block; /* a tag must be a block */
     width: 400px; /* width of reactive image */
     height: 263px; /* height of reactive image */
     background-image: url(luft0.jpg); /* source for start image */
     background-repeat: no-repeat;
     } 

#ieluft a:hover {	/* masking the image when hovering */
	background: transparent none;
} 

#ieost { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 400px; /* width of reactive image */
     height: 289px; /* height of reactive image */
     background-image: url(ost1.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 
#ieost a { /* definition of the "image" class for <a> tag when hovered onto */
     display: block; /* a tag must be a block */
     width: 400px; /* width of reactive image */
     height: 289px; /* height of reactive image */
     background-image: url(ost0.jpg); /* source for start image */
     background-repeat: no-repeat;
     } 

#ieost a:hover {	/* masking the image when hovering */
	background: transparent none;
} 


#pageHeader:hover {
 	background-image: url(header5.jpg);
	}

#pageHeader h1 {background: url(logo.gif) 0 0 no-repeat;
  height: 130px; width: 250px; position: absolute; z-index: 101;
  top: 6px; right:550px; margin: 0;}
html>body #pageHeader h1 {background-image: url(logo.png);}
#pageHeader h1 span {visibility: hidden; font-size: 1px;}


#pageHeader h3 {background: url(thermo_akt.gif) 0 0 no-repeat;
  height: 400px; width: 100px; position: absolute; z-index: 102;
  top: 140px; right:710px; margin: 0;}
html>body #pageHeader h3 {background-image: url(thermo_akt.png);}
#pageHeader h3 span {visibility: hidden; font-size: 1px;}


h1 {
	color: #D36519;
	font: 22px "Trebuchet MS", Verdana;
	font-style: bold;
	margin: 0;
}


h2 {
	color: #42443A;
	border-bottom: 1px solid #42443A;
	font: 16px "Trebuchet MS", Verdana;
	margin: 0;
}

h3 {
	color: #A03E19;
	font: 21px "Trebuchet MS", Verdana;
	margin: 0;
}

acronym {
	border: 0;
	font-style: normal;
}

/* Header - just provides space */
#pageHeader {
	height: 200px;
}
#pageHeader span {
	display: none;
}

/* Content */
#quickSummary {
	margin-top: 50px;
	width: 430px;
	margin-left: 250px;
	color: #42443A;
}

/* This .p1 info is in the header image... */
#quickSummary .p1 {
	display: none;
}
#preamble, #supportingText {
	width: 430px;
	margin-left: 200px;
	margin-top: 15px;
	background: #ADB583 url(footer.jpg) no-repeat top left; 
}
#preamble .p4, #supportingText .p4 {
	padding-left: 25px;
	padding-top: 5px;
	background: #ADB583 url(bullet_yellow.png) no-repeat top left; 
}
* html #preamble .p4, #supportingText .p4 {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='bullet_yellow.png')
}


#preamble .p5, #supportingText .p5 {
	padding-left: 30px;
	padding-top: 5px;
	background: #ADB583 url(bullet_ball_yellow.png) no-repeat top left; 
}
* html #preamble .p5, #supportingText .p5 {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='bullet_ball_yellow.png')
}

#footer { 
	position: relative; 
	left: -250px; 
	width: 400px;
	height: 20px; 
	padding: 78px 0 0 50px; 
	background: #ADB583 url(footer.jpg) no-repeat top left; 
}
#footer a:link, #footer a:visited {
	color: #61A7BC;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #61A7BC;
	font-weight: bold;
	text-decoration: underline;
}
#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
}

/* Left Bar */
#container #linkList {
	position: absolute;
	left: 18px;
	top: 200px;
	width: 120px;
	font-family: Cochin, Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
#linkList h3 {
	width: 198px;
	height: 30px;
	margin-top: 0px;
}
#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.select {
	background: url(verein.png) no-repeat top left;
}
* html #linkList h3.select {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='info.png')
}

#linkList h3.archives {
	background: url(archiv.png) no-repeat top left;
}
* html #linkList h3.archives {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='archiv.png')
}

#linkList h3.resources {
	background: url(kontakt.png) no-repeat top left;
}
* html #linkList h3.resources {
 background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='kontakt.png')
}

#linkList h3.favorites {
	background: url(left_favorites.gif) no-repeat top left;
}

#linkList ul {
	list-style: none;
	padding: 0 0 4px 0;
	margin: 0;
	background: url(left_footer.jpg) no-repeat bottom left;
}
#linkList ul li {
	padding: 5px 10px 3px 10px;
	background: url(li_bg.png) bottom left;
	border-bottom: 1px dotted #1A4861;
	margin: 0;
}
/* li:hover style... have to replace the BG so the color will show up. */
#linkList ul li:hover {
	filter:alpha(opacity=70); -moz-opacity: 0.70;
	background: #375E68 url(spacer.gif);
	font-style: bold;
	color: #FFFFFF;
}


#lresources .sresources{
	display:none;		
}
#lresources:hover .sresources{
	position: absolute;z-index:3;display:inline;
	width:120px;
}

#lfavorites ul li {
	padding: 5px 10px 3px 10px;
	background: url(li_bg.png) bottom left;
	border-bottom: 0px;
	margin: 0;
}	
.rightpiccie {
	margin: 4px 0px 4px 10px;
	padding: 9px;
	float: right;
	}

.rightpiccie h4 {
	font-size: 7pt; 
	text-align: center;
	margin-top: 3px;
	margin-bottom: 0px;
	line-height: 8pt;
	text-align: center;
	border: 0px solid #444444;
	}



.rightbox {
	margin: 4px 0px 4px 10px;
	padding: 9px;
	float: right;
	width: 200px;
	background-color: #efefaf;
	border: 1px solid #444444;
	}

	.rightbox h4 {
		font-size: 1.2em; 
		font-weight: 100;
		margin-top: 9px;
		margin-bottom: 0px;
		line-height: 11pt;
		text-align: left;
		border: 0px solid #444444;
		}

.leftbox {
		text-align: left;
	}
.leftbox img {
		background: #dfdfdf;
		border: 1px solid #ccc;
		display: block;
		margin: 4px auto;
		}	

#piccontainer {
	clear: both;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	overflow: hidden !important;
	overflow: visible;
	text-align: left;
	width: 400px;
	}
#wrapper {
	font: 11px Cochin, Calibri, Tahoma, Helvetica, sans-serif;
	clear: both;
	float: left;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	width: 100%;
	}

.thumbnail {
	float: left;
	font-size: 70%;
	line-height: 1.4em;
	margin: 4px 0px 4px 10px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	height: 80px;
	width: 110px;
	}
	.thumbnail a img {
		background: #dfdfdf;
		border: 1px solid #ccc;
		clear: both;
		display: block;
		margin: 4px auto;
		}	
	.thumbnail a:hover img {
		border-color: rgb(179,63,96);
		}