html,body{
	font: normal 13px Verdana;
	margin: 0;
	padding: 0;
	height: 100%;
	width:100%;
	overflow: hidden;
}
div.scroll {
	position: relative;
	z-index:1;
	height: 100%;
	width: 100%;
	overflow: auto;
}
#logo_bg{
	background-image:url('images/logo_bg2.gif');
  	background-repeat: repeat-x;
  	background-position: 0 15px;
}
#logo_netz{
	position:relative;
	width:363px;
	height:24px;
	background-image:url('images/logo_netz2.gif');
  	background-repeat: repeat-x;
  	background-position: top;
}
#logo_sol{
	position:relative;
	width:190px;
	height:67px;
	background-image:url('images/logo_sol2.gif');
  	background-repeat: no-repeat;
  	background-position: 0px 22px;
}
#logo_inst{
	position:relative;
	width:363px;
	height:24px;
	background-image:url('images/logo_admin2.gif');
  	background-repeat: repeat-x;
  	background-position: top;
}
#papier { 
	position:relative; 
	top:150px; 
	left:0px;
	width:701px;
	z-index:1; 
}
#contentbox {	
	position:absolute;
	top:28px;
	left:26px;
	width:650px;
	padding: 0 ;
	color: #000000; 
	font: normal 13px Verdana;
	text-align:left;
}
h1{	
	color: #2898D2; 
	font: bold 18px Verdana;
	text-align: center;
}
h2{	
	color: #2898D2; 
	font: bold 14px Verdana;
}
h2.centered {
	text-align: center;
}
#contentbox .bp{	
	color: #2898D2; 
	font: bold 14px Verdana;
}
#contentbox .solutions{	
	color: #393939; 
	font: bold 14px Verdana;
}
#contentbox .zitat{	
	color: #909090; 
	font: normal 13px Verdana;
}
#contentbox .wichtig{	
	background-color: #FFE3B8; 
}
#contentbox ul.txt {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contentbox ul.txt li {
	margin-bottom: 15px;
	padding: 0;
	padding-left: 10px;
	background: url('images/list.gif') no-repeat 0 7px;
}
.copyright{	
	color: #909090; 
	font: normal 12px Verdana;
}
a:link { color: #909090; text-decoration: none; font: normal 12px Verdana;}
a:visited { color: #909090; text-decoration: none; font: normal 12px Verdana;}
a:hover { color: #E00000; text-decoration: none; font: normal 12px Verdana;}
a:active { color: #909090; text-decoration: none; font: normal 12px Verdana;}

.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.textblue{
	color: #2898D2;
}

.textbluebold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2898D2;
	font-weight: bold;
}

.textbold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.textklein{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

.bp{	
	color: #2898D2; 
	font: bold 12px Verdana;
}
.solutions{	
	color: #393939; 
	font: bold 12px Verdana;
}

input.name { 
	border: 1px solid #255C7B; 
	font: 11px Arial, Helvetica; 
	width: 195px; 
	background: #CDEDFF; 
	padding: 2px;  
	line-height: 14px; }
input:focus { background: #eee; }
textarea.name { 
	border: 1px solid #255C7B; 
	font: 11px Arial, 
	Helvetica; 
	width: 195px; 
	background: #CDEDFF; 
	padding: 2px;  
	line-height: 14px; }
textarea:focus { background: #eee;  }
input.submit {
	border: 1px solid #2AA1DE; 
	font: 12px Verdona, Arial, Helvetica; 
	background: #255C7B; 
	line-height: 15px; 
	font-weight: bold; 
	color: #fff;}
.richtig { background-color:#FFFFFF;}
.falsch { background-color:#FF0000;}


/* WEBDESIGN By Johann Prestel*/

.bilder {
	border: 0px solid;
	margin: 0px;
}
.text_ref {
	line-height: 17px;
	width: 100%;
	height: 100px;
	overflow: hidden;
	font-size: 12px;
	background-color: white;
	position: relative;
	top: 150px;
	color: black;
	display: none;
	text-align:left;
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #909090;
}
.text_ref  h2 {
	font-size: 14px;
	color: #2898D2;
	margin: 0px;
	margin-bottom: 10px;
}
.text_ebene {
	width: 400px;
}

.screen {
	width: 400px;
	height: 300px;
	margin-left: 10px;
}

.Elternteil {
	position: relative;
	width: 565px;
	height: 255px;
	overflow: hidden;
	margin: 0px;
}
.Elternteil ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 250px;
	width: 1340px;
}
.Elternteil ul li {
	float: left;
	margin-left: -10px;
	border: 1px solid #D9D9D9;
	border-left: 0px solid;
	overflow: hidden;
}
.Elternteil ul li.franken, .Elternteil ul li.lohkamp{
	background: none;
	margin-left: 0px;
	padding-left: 0px;
	border-left: 1px solid #D9D9D9;
}

.Elternteil ul li a {
	background: transparent url(images/shader.png) no-repeat 0 0;
	border: 0px solid;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:50px;
	height: 100%;
}

.Elternteil ul li.franken a div.screen {
	background: url(images/img1.jpg) no-repeat 0px 0px;
	margin-left: 0px;
}
.Elternteil ul li.gs a div.screen {
	background: transparent url(images/img2.jpg) no-repeat 0px 0px;
}
.Elternteil ul li.mader a div.screen {
	background: transparent url(images/img3.jpg) no-repeat 0px 0px;
}
.Elternteil ul li.energie a {
	min-width: 400px;
}
.Elternteil ul li.energie a div.screen {
	background: transparent url(images/img4.jpg) no-repeat 0px 0px;
}


.Elternteil ul li.lohkamp a div.screen {
	background: url(images/img5.jpg) no-repeat 0px 0px;
	margin-left: 0px;
}
.Elternteil ul li.schneider a div.screen {
	background: url(images/img6.jpg) no-repeat 0px 0px;
}
.Elternteil ul li.raumconcept a div.screen {
	background: url(images/img7.jpg) no-repeat 0px 0px;
}
.Elternteil ul li.waldorf a {
	min-width: 400px;
}
.Elternteil ul li.waldorf a div.screen {
	background: url(images/img8.jpg) no-repeat 0px 0px;
}