/* CSS Document */
/* overflow:auto;  für div scrollbalken*/
	body {font: x-small Verdana, Arial, Helvetica, sans-serif; margin: 1em; padding: 0; background-color: #000;}

	#center {width: 931px; margin:auto; padding:0; background-color: #000; border: 1px solid #fff; text-align:left; z-index:0; }
	
	#head{ height:1.5em;  background-color: #000;  text-align:right; padding: 5px 15% 0 0 ; color:#FFF;}
	#head #sizer{display:none;}
	#head a:link, #head a:visited{ color:#FFF; text-decoration: underline;}
	#head a:hover { text-decoration: none;} 
		a#large, a#medium, a#small { position:relative; right:0; z-index: 1000; }
	
	

	 #main { height: 400px;}
				
		 #mainleft{background-color: #CCC;  width: 154px; height: 100%; float:left; }
		
		 #maincenter{background-color: #CCC; width: 636px; height: 400px; float:left; overflow:auto;}
						
		 #mainright{background-color: #CCC; width: 141px;  height: 100%; float:left; }	
		 #mainright #links {margin:270px 30px 0 0; text-align:right;}
		 
		 #mainright #links a:link, #mainright #links a:visited {color:#FFF; text-decoration: underline;}
		 #mainright #links a:hover { text-decoration: none;}
		
		
	#footer{ height:1.5em; padding-top:4px; background-color: #000; border-top: 1px solid #FFF; color:#FFFFFF; }
	#footer a:link, #footer a:visited{ color:#FFF; text-decoration: none; }
	#footer a:hover { text-decoration:none; color:#F00;} 
		
	#pers #footer #pers0{color:#F00;}
	#stud #footer #stud0{color:#F00;}
	#arb #footer #arb0{color:#F00;}
	#ausb #footer #ausb0{color:#F00;}
	#bewerb #footer #bewerb0{color:#F00;}
	#beleg #footer #beleg0{color:#F00;}
	#web #footer #web0{color:#F00;}
	

	body.small { font-size:x-small;}
	body.medium {font-size:small;}
	body.large {font-size: 14px;}
	
	body.large .element {height:122px;}
	body.large .pic {height:122px;}
	body.large .text {height:122px;}
	body.large .textlast {height:122px;}
	
	
	.headline {			font-size:larger;
						font-weight: bold;
											
			  }
	
	.subhead {
						font-weight: bold;	
						text-align:right;
						margin:70px 10px 0 0 ;						
			 }			
			 span.subhead {display:block; margin-bottom:1.2em;}	
			 		  			 
				  
    .text {
						font-weight: normal;
		  }
		  
	.center{text-align:center;}		  
		  
	.note{ font-size:smaller; }		
	
	 #mainright a:link, #main #mainright a:visited {color:#FFF; text-decoration: underline;}
	 #mainright a:hover {color:#FFF; text-decoration: none;}

	#colorbanner { height:17px;  border-top: 1px solid #FFF;  background-color: #FFF;}
		#colorbanner div {height:17px; width:153px; border-left: 1px solid #FFF; float:left;}
		
		#colorbanner div#color0 {  background-color: #663300;  border-left:0; width: 154px; }
		#colorbanner div#color1 {  background-color: #999966; }
		#colorbanner div#color2 {  background-color: #FFCC00; }
		#colorbanner div#color3 {  background-color: #666633; }
		#colorbanner div#color4 {  background-color: #FF9900; }
		#colorbanner div#color5 {  background-color:#FFF;  }
	
	#nav {height:60px; border-top: 1px solid #FFF; z-index: 1001;}
	
		#nav div {width: 153px; background-color: #000; border-left: 1px solid #FFF; float:left;}
		
		#nav div#icon0 {border-left: 0 solid #FFF;  width: 154px;}		
		#nav div#icon5 {}
			
		#icon0 a:link, #icon0 a:visited  {background: transparent url(#) repeat; display:block; }	
		#icon1 a:link, #icon1 a:visited { background: transparent url(../images/home1.gif)  no-repeat center ; height:60px; display:block; }	
		#icon2 a:link, #icon2 a:visited { background: transparent url(../images/person1.gif)  no-repeat center ; height:60px; display:block;}	
		#icon3 a:link, #icon3 a:visited { background: transparent url(../images/studium1.gif)  no-repeat center ; height:60px; display:block; }
		#icon4 a:link, #icon4 a:visited { background: transparent url(../images/arbeit1.gif)  no-repeat center ; height:60px; display:block; }	
		#icon5 a:link, #icon5 a:visited { background: transparent url(../images/mail1.gif)  no-repeat center ; height:60px; display:block;	}
	
		#icon0 a:hover {background: transparent  url(#)  no-repeat center ; height: 60px; }	
		#icon1 a:hover {background: transparent  url(../images/home2.gif)  no-repeat center ; height:60px;}
		#icon2 a:hover {background: transparent  url(../images/person2.gif)  no-repeat center ; height:60px;}
		#icon3 a:hover {background: transparent  url(../images/studium2.gif)  no-repeat center ; height:60px;}
		#icon4 a:hover {background: transparent  url(../images/arbeit2.gif)  no-repeat center ; height:60px;}		
		#icon5 a:hover {background: transparent  url(../images/mail2.gif)  no-repeat center ; height:60px;}
						

	#klKreis {width:1px; height:280px;    z-index: 2; border: 0; display:inline; position:relative; top:-220px; left:-320px;}
		#klKreis img { width: 283px; height: 280px}
	#grKreis { width:1px; height:246px;   z-index:1; border: 0;  display:inline; position:relative; top:-570px; left:285px;}	
		#grKreis img { width: 238px; height: 246px}

	.submenu1{ }
	.submenu2{padding-left: 381px;}
	.submenu3{padding-left: 540px;}
	.submenu4{padding-left: 695px;}
	
	/* index*/	
	
	 #ind #mainleft  {left:0;   width: 15%; }	
	 #ind #maincenter{left:15%; width: 75%; }					
	 #ind #mainright {left:90%; width: 10%; }	 
	 #ind #maincenter #pic{margin: 220px 10px 0 10px;}
	 
		
	/*person*/
	
	#pers #mainleft  {width: 309px; }
	#pers #mainleft .subhead{ margin-top:230px;}
	
	#pers #maincenter{width: 460px; }
	#pers #maincenter p{ margin-top:250px;}
					
	#pers #mainright {width: 162px; }
	
	
	/*studium*/
	
	#stud #mainleft  {width: 309px; }
	#stud #mainleft .subhead{ margin-top:130px;}
	
	#stud #maincenter{width: 450px;  }
	#stud #maincenter p{ margin:140px 10px 5px 0;}
						
	#stud #mainright {width: 172px; }
	
	
	
	/*ausbildung*/
	#ausb #mainleft {width: 309px;}
	#ausb #mainleft .subhead{ margin-top:120px;}
	
	#ausb #maincenter{width: 460px;}
	#ausb #maincenter table{margin:130px 0 0 0;}
	#ausb #maincenter td{padding:7px 0 0 0;}
						
	#ausb #mainright {width: 162px;}
	
	
	/*bewerbung*/
	#bewerb #mainleft {width: 309px;}
	#bewerb #mainleft .subhead{ margin-top:150px;}
	
	#bewerb #maincenter{width: 460px;}
	#bewerb #maincenter form{margin:180px 0 0 0;}
						
	#bewerb #mainright {width: 162px;} 
	
	
	/*belege*/
	#beleg #mainleft {}
	#beleg #mainleft .subhead{ margin-top:20px;}
	
	#beleg #maincenter{}
	#beleg #maincenter #beschreib .subhead{ margin:5px 0 5px 0 ; text-align:left;}	
	#beleg #beschreib{margin: 5px 0 5px 0; padding:0 15px 0 5px; }
	#beleg .container1 { margin: 15px 0 3.8em 0; }
						
	#beleg #mainright {} 
	
	/*arbeit*/	
	#arb #mainleft .subhead{ margin-top:10px;}	
	#arb #maincenter #beschreib { margin: 5px 0 5px 0; padding:0 15px 0 5px;}
	#arb .container1{ margin: 5px 0 5px 0; }			
	#arb .container{ margin: 5px 0 5px 0;}	
			
	#arb #mainright {} 
	
	/*web*/
	#web #mainleft .subhead{ margin-top:20px;}
	
	#web #maincenter #beschreib .subhead{ margin: 0 0 5px 0; padding:0 15px 0 0; text-align:left;}
	#web #maincenter #beschreib { margin: 5px 0 5px 0; padding:0 15px 0 5px;}
	#web .container1{ margin: 15px 0 50px 0;}
	#web #mainright {} 
	
	
	/*video*/
	#video #head{ text-align:center; padding: 5px 5px 0 0 ; color:#FFF;  border-bottom: 1px solid #FFF;}
	#video #close{text-align:center;  color:#FFF; }
	#video #main { width: 100%; height:440px; background: transparent url(../images/marvin_kino2.jpg) no-repeat left bottom;  background-color:#000;}
	#video #mainleft {width: 309px;}
	#video #mainleft .subhead{ margin-top:150px;}
	
	#video #maincenter{width: 460px;}
	#video #maincenter form{margin:180px 0 0 0;}
						
	#video #mainright {width: 162px;} 
	
	#video	#filmtext{float:left; width: 450px; height:315px; padding: 20px 30px; color:#FFFFFF; border:0px solid #FF0;}
		#video	#film {float:right; padding:100px 30px 0 0 ; background-color:#000000; border:0px solid #F00;}			
		#video	object, embed {background-color:#000000; width:315px; height:255px; }
		
		
	/*entering*/																
	#enter #mainleft  {width: 309px; }
	
	#enter #maincenter{width: 460px; height:400px;}	
	#enter #maincenter h3 {margin:45% 0 0 18%; color:#FF0000; font-size:large; }	
					
	#enter #mainright {width: 162px; }		

	
	/*galerie*/
	/*#gallery table { table-layout:fixed; width:100%; height:100%; margin:0; padding: 0; }*/
	
	#gallery #center{ width: 886px; height:591px; background-color: #000; border: 1px solid #fff; text-align:left;}
	
	#gallery #head{ height:20px; background-color: #000; text-align:right; padding: 5px 5px 0 0 ; color:#FFF; border-bottom: 1px  solid #fff;}
	
	 #gallery #main { margin: 0; background-color:#000;  text-align:center; }
				
			#gallery #mainleft{ margin:0; padding:10px; background-color:#CCC; width:135px; height:520px; text-align:center; float:left; text-align:center; border-right: 1px solid #fff;}
			
						#psicon{ margin:10px 0 0 0; }
						#text{  width: 100%; background-color:#CCC; margin:0 10px 0 0px; border: 1px solid #fff; border-width: 1px 0px 1px 0;}
						#overview{ margin-top:10px;  width: 120px;  }
							#overview img{ padding:0px 5px 5px 5px; border: 0; }
					
			#gallery #maincenter{ margin:0; padding: 10px; height:520px; width: 700px; text-align:center; text-align:center; background-color:#000;} 			
								
			
		#gallery #footer{clear:both; height:20px; border-top: 1px solid #FFF; }
		
	#gallery #text{padding:5px 0 5px 0 ;}
	#gallery .subhead {font-weight: bold; text-align:center; margin:0 0 5px 0 ;}			
	#gallery span.subhead {display:block; margin-bottom:5px;}