/***********************************************/
/* styles.css     kgb-site              */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	background: #000033;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
		/*Scrollbar formatieren - funktioniert für Internet-Explorer, nicht für Mozilla und Netscape*/
	scrollbar-base-color:#a5bfda;
	scrollbar-3dlight-color:#a5bfda;/*linker oberer äußerer Schattenrand des Scrollbalkens und der Pfeilfelder*/
	scrollbar-arrow-color:#000033;/*Farbe der Pfeile*/
	scrollbar-darkshadow-color:#a5bfda;/*rechter unterer Schattenrand des Scrollbalkens und der 	Pfeilfelder*/
	scrollbar-face-color:#a5bfda;/*Farbe Pfeilfelder und Scrollbalken*/
	scrollbar-highlight-color:#a5bfda;/*linker oberer innerer Schattenrand des Scrollbalkens und der Pfeilfelder*/
	scrollbar-shadow-color:#98a2de;/*Rand des Scrollbalkens und der Pfeilfelder*/
	scrollbar-track-color:#1a1a4c;/*Hintergund der Schiebeleiste*/
	}
	
html, body {
	min-height: 100%;
	margin:2px auto; /* main-Box zentrieren in IE 5 und hoeher */
	text-align: center; /* main-Box zentrieren in IE 5 und hoeher */

}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #000033;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
	color: #000033;
}
/************ naviLinks styles **************/

a.navi:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	text-decoration: none;
    }

a.navi:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	text-decoration: none;

    }
a.navi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
    }

a.navi:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993333;
	text-decoration: none;
    }
a.imp, a.imp:visited{
  	font-size: 12px;
  	color: #a5a9da;
	font-weight: bold;
	margin: 0px;
	}

a.imp:hover{
	text-decoration: none;
	color: #BFBFBF;
}

a.anfang, a.anfang:visited {
  	font-size: 12px;
  	color: #000033;
	font-weight: bold;
	margin: 0px;
	text-decoration: none;
	/*padding: 2px 5px 4px 5px;*/
	}
a.anfang:hover{
	text-decoration:none;
}
a.weiss:link, a.weiss:visited {color:#ffffff; text-decoration: none;}
a.weiss:hover, a.weiss:focus, a.weiss:active {color:#ffffff; text-decoration: underline;}
/************** header tag styles **************/
.versteckt {
	display: none;
}
.klein {
	font-size: 7px;
	letter-spacing: 1px;
	}
.kleiner {
	font-size: 10px;
	}

h1{
 font: bold 100% Verdana, Arial, Helvetica, sans-serif;
 color: #2f5275;
 font-size:30px;
 line-height: 120%; margin:0px;
 }

h2{
 font: bold 100% Verdana, Arial, Helvetica, sans-serif;
 color: #2f5275;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Verdana, Arial, Helvetica, sans-serif;
 color: #B11827;
 margin: 0px;
 padding: 0px 0px 5px;
}
p {
	font: normal 95% Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	line-height: 145%; margin: 0px; padding: 0px 0px 5px;
	}
p.weiss, p.druck  {color: #ffffff;}
a.druck, a.weiss {color: #ffffff; font-weight: bold;}
li {
	font: normal 95% Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	line-height: 135%;	margin:0px; padding: 0px;
	}
/*************** list tag styles ***************/

ul{
	list-style-type: disc;
	list-style-position: outside;

}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}
				
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#screen{
	/*
	ist zentriert in IE und Mozilla durch body-Kriterum: text-align:center
	und die relative Positionierung*/
	position:relative;
	width: 700px; height:450px; 
	margin: 50px auto;
	text-align: left; /*main-Box vertikal zentrieren in Opera, NN, Mozilla */
	z-index:3;
	overflow: visible;
	}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#navi{
	position: absolute;
	top:96px;
	left:10px; 
	width: 140px;
	height: 300px;
	color: #0033ff;
	padding: 0px;
	z-index:100;
	text-align:left;
	vertical-align: top;
}
#logo{
	position: absolute;
	top:0px;
	left:0px; 
	width:140px;
	height:80px;
	color: #0033ff;
	padding: 0px;
	z-index:2;
	text-align:left;
	overflow:visible;
}

#content{
	position: absolute;
	top:85px;
	left:150px; 
	width: 500px;
	height: 340px;
	padding: 0px;
	z-index:2;
	overflow:visible;
	text-align:left;
	}
#content_scroll{
	position: absolute;
	top:100px;
	left:150px; 
	width: 530px;
	height: 320px;
	padding: 5px;
	z-index:4;
	overflow:auto;
	text-align:left;
	}
#ueberschrift {
	position: absolute;
	top:30px;
	left:150px; 
	width: 530px;
	height: 70px;
	padding: 0px; margin: 0px;
	z-index:5;
	overflow: visible;
	vertical-align:top;
}
#bild {
	position: absolute;
	top:30px;
	left:370px;
	width: 278px;
	height: 390px;
	padding: 0px;
	z-index:3;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	background-color: transparent;
}

#bild2 {
	position: absolute;
	top:165px;
	left:300px;
	width: 360px;
	height: 280px;
	padding: 0px;
	z-index:3;
	overflow: hidden;
	text-align:center;
	vertical-align:middle;
	background-color: transparent;
}

#ueberschrift2 {
	position: absolute;
	top:80px;
	left:155px; 
	width: 505px;
	height: 20px;
	padding: 0px;
	z-index:3;
	overflow: hidden;
	vertical-align:top;
	background-color:  #c1d2e6;
}

#kgb {
	position: absolute;
	top: 70px;
	left: 8px;
	height: 20px;
	padding: 0px;
	width: 120px;
	z-index: 100;
	}
#navi_anfang {
	position: absolute;
	top: 380px;	
	left: 130px;
	height: 80px;
	padding: 0px;
	width: 520px;
	z-index: 2;
}
#impressum {
	position: absolute;
	top: 410px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 2;
	width: 120px;
}

/*Navigation Hintergrund*/
td.back{
	background-color: #a5a9da;
	}
	
/*Navigation*/

td.navi{
background-color:  #6a93c4;
}
td.navi1{
background-color:  #a5bfda;
}