/***********************************************/

/* styles.css   gabriele-seils.de             */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font: normal 80% Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	background-color: #FFFFCC;

	padding: 0px;	

	text-align: center;

	/*Scrollbar formatieren - funktioniert für Internet-Explorer, nicht für Mozilla und Netscape*/

	scrollbar-base-color:#ffffcc;

  	scrollbar-3dlight-color:#ffffcc;/*linker oberer äußerer Schattenrand des Scrollbalkens und der Pfeilfelder*/

  	scrollbar-arrow-color:#797882;/*Farbe der Pfeile*/

  	scrollbar-darkshadow-color:#ffffcc;/*rechter unterer Schattenrand des Scrollbalkens und der 	Pfeilfelder*/

  	scrollbar-face-color:#cccccc;/*Farbe Pfeilfelder und Scrollbalken*/

  	scrollbar-highlight-color:#ffffcc;/*linker oberer innerer Schattenrand des Scrollbalkens und der Pfeilfelder*/

  	scrollbar-shadow-color:#ffffcc;/*Rand des Scrollbalkens und der Pfeilfelder*/

  	scrollbar-track-color:#ffffff;/*Hintergund der Schiebeleiste*/

}

html, body {

	min-height: 100%;

	margin:2px auto;

	text-align: center;

	vertical-align: middle;

}

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



a:link, a:visited, a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:90%;	

	color: #797882;;

	text-decoration: underline;

	font-weight: normal;

}





/************** header tag styles *************24718d*/

 

h1{

	font: bold 260%/80% Verdana, Arial, Helvetica, sans-serif;

	color: #006699;

	margin: 0px; 

 }



h2{

 font: bold 160% Arial, Verdana, Helvetica, sans-serif;

 color: #ffffcc;

 line-height: 115%;

 margin: 2px;

 padding: 20px 0px 10px 0px;

}



h3{

	font: bold 90% Verdana, Arial, Helvetica, sans-serif;

	color: #006699;

	line-height: 100%;

	text-decoration: none;

	padding-top: 0px;

}



h4{

 font: bold 120% Arial, Verdana, Helvetica, sans-serif;

 color: #ffffcc;

 line-height: 115%;

 margin: 2px;

 padding: 20px 0px 10px 0px;

}



p {padding: 0px 50px 0px 0px;

}

p {

	font: normal 100% Verdana, Arial, Helvetica, sans-serif;

	color: #797882;

	line-height: 150%;

	white-space: normal;

}

li {

	font: normal 90%/150% Verdana, Arial, Helvetica, sans-serif;

	color: #797882;

	white-space: normal;

	list-style-position: outside;

	list-style-type: disc;

	text-indent: -5px;

}



li.an{

	font: bold 0.9em/100% Verdana, Arial, Helvetica, sans-serif;

	color: #ffffcc;

	list-style-type:  disc; padding-top: 5px;

	

}

li.aus{font: bold 0.9em/100%  Verdana, Arial, Helvetica, sans-serif;

		color: #797882; 

		list-style-type: disc; padding-top: 5px;

	 }

td { vertical-align: top;}

img {

	border: 0px;

}

img.text {

	border: 0px;

}

/*************** list tag styles ***************/



ul{

	list-style-type: square;

	list-style-position: outside;

	line-height: 130%;

	font-size:14px;	

}



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



form {

	margin: 20px;

	padding: 0;

}

				

input, textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 1px solid #21266e;

	font-size:14px;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#screen{

	/*

	ist zentriert in IE und Mozilla durch body-Kriterum: text-align:center

	und die relative Positionierung*/

	position:relative;

	width: 950px; 

	margin: 0 auto; /* main-Box vertikal zentrieren, Rand oben + unten 0px */

	text-align: left; /*main-Box vertikal zentrieren in Opera, NN, Mozilla */

	z-index:3;
	}



/***********************************************/

/* Component Divs                              */

/***********************************************/

#top{position: absolute;

	top:0px;

	left:0px;

	width: 1px;

	height: 1px;}

#content{

	position: absolute;

	top:202px;

	left:60px;

	width: 690px;

	background-color: #CCCCCC;

	z-index:6;

	overflow:visible;

	text-align:left;

	padding: 10px 0px 0px 0px;

	border-top: 15px solid #FFFFFF;

	border-right: 0px solid #FFFFFF;

	border-bottom: 15px solid #FFFFFF;

	border-left: 15px solid #FFFFFF;

	color: #CCCCCC;

	}

#content_in{

	position: absolute;

	top: 30px;

	left: 220px;

	width: 360px;

	height: 568px;

	background-color: transparent;

	z-index:8;

	overflow:visible;

	text-align:left;

	padding: 0px;

	background-color: #CCCCCC;

	color: #CCCCCC;

	}



#content_fenster{

	position: absolute;

	top:0px;

	left:0px;

	width:500px;

	height: 360px;

	background-color: #CCCCCC;

	z-index:2;

	overflow:auto;

	text-align:left;

	padding: 10px;

	border: 0px;

	color: #000000;

	}

#bild{

	position: absolute;

	top:55px;

	left: 10px;

	width:160px;overflow:hidden;

	height: 570px;

	background-color: transparent;

	z-index:9;



	text-align:left;

	padding: 0px 0px 10px 20px;

	color: #003399;

	}



#ueberschrift {

	position: absolute;

	top: 114px;

	left: 250px;

	width: 340px;

	height: 75px;

	text-align: center;

	background-color: transparent;

	z-index:5;

	overflow: visible;

	}



#logobild {

	position: absolute;

	top: 0px;

	left: 650px;

	height: 200px;

	padding: 0px;

	width: 200px;

	z-index: 4;

	text-align:left;

	background-color: transparent;

	overflow: hidden;

	background-position: left;

}



#navigation {

	position: absolute;

	top: 202px;	

	left: 650px;

	height:373px;

	padding: 43px 15px 15px;

	width: 180px;

	z-index: 7;

	text-align:left;

	border-top: 15px solid #FFFFFF;

	border-left: 0px solid #FFFFFF;

	border-bottom: 15px solid #FFFFFF;

	border-right: 15px solid #FFFFFF;

	background-color: #FF9933;

	overflow: hidden;

}





/*Navigation*/

a.nav:hover, a.nav:active, a.nav:visited, a.nav:link {

	font: normal 100% Verdana, Arial, sans serif;

	margin: 0px; 

	text-decoration: none;

	color: #FFFFCC;

	background-color: transparent;

	}



.navi {

	font-size: 100%;

	line-height: 15px;

	font-weight: bold;

	color: #FFFFCC;

	text-decoration: underline;

}