/* CSS Document */
	
body {
	  margin: 0;
	  padding: 0;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  color: #000000;
      background-color: #FFFFFF;
	  line-height:20px;
      }
 
	  
 a:link { text-decoration:none; color:#666666; }
 a:visited { text-decoration:none; color:#666666; }
 a:hover { text-decoration:none; color:#33CCFF; }
 a:active { text-decoration:none; color:#33CCFF; }

.blue {
	color: #33CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	.blueHEAD {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform:uppercase; 
	}
	
	.Titel {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	}
	
	
.schwarz {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.schwarzhead {
	color: #33CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	}

.rot {
	color: #ff00cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.blueunderline {
	color: #336666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	}
		
.yellow {
	color: #ffff33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.cyan {
	color: #33CCFF;
	font-family: Helvetica CE, Arial, Geneva;
	font-size: 12px;
	text-transform:uppercase;
	}	
	
.Jahr {
	color: #000000;
	font-family: Helvetica CE, Arial, Geneva;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	}		
	
	.cyanunder {
	color: #33CCFF;
	font-family: Helvetica CE, Arial, Geneva;
	font-weight: bold;
	font-size: 14px;
	text-transform:uppercase;
	}	
	
.Gruppe {
	color: #000000;
	font-family: Helvetica CE, Arial, Geneva;
	font-size: 14px;
	text-transform:uppercase;
	}	
	
.Gruppe_cyan {
	color: #33CCFF;
	font-family: Helvetica CE, Arial, Geneva;
	font-size: 14px;
	text-transform:uppercase;
	}	
img {
     border: 0;
	 } 

#Arbeittitel {
	 position:absolute; top:150px; left:100px;
	 height: 40px;
	 width: 400px;
	 margin: 0;
	 padding: 0px;
	 }	  
	 
#blogtextfeld {
	 position:absolute; top:150px; left:100px;
	 width: 440px;
	 margin: 0;
	 padding: 0px;
	 line-height:20px;
	 }
	 
#blogtextfeld_index {
	 position:absolute; top:150px; left:100px;
	 width: 500px;
	 margin: 0;
	 padding: 0px;
	 line-height:20px;
	 }	 
	 
#blogtextfeld2 {
	 position:absolute; top:150px; left: 499px;
	 width: 400px;
	 margin: 0;
	 padding: 0px;
	 line-height:20px;
	 }	
#blogtextfeld_2vita {
	position:absolute;
	top:150px;
	left: 570px;
	width: 400px;
	margin: 0;
	padding: 0px;
	line-height:20px;
	height: 109px;
	 }	
	
#blogtextfeld_arbeiten {
	position:absolute;
	top:200px;
	left: 550px;
	width: 400px;
	margin: 0;
	padding: 0px;
	line-height:20px;
	height: 109px;
	 }		
	   	  
#blogtextfeld_3 {
	 position:absolute; top:290px; left: 600px;
	 width: 200px;
	 margin: 0;
	 padding: 0px;
	 line-height:20px;
	 }	

#blog {
	 position:absolute; top:520px; left: 860px;
	 width: 250px;
	 margin: 0;
	 padding: 0px;

	 }	
	
#navigation {	
	 position:absolute; top:34px; left:100px;
	 width: 350px;
	 height: 30px;
     border-bottom: 5px solid #FFFFFF;
	 border:0;
	 }


#bilder_alle {
      position:absolute; top:200px; left:130px;
	  width: 300px;
	  height: 600px;
      margin: 0px;
      padding: 0px;   
     }


	 
#dreier {
      position:absolute; top:200px; left:0px;
	  width: 1000px;
	  height: 600px;
      margin: 0px;
      padding: 0px;   
     }

#bilder {
      position:absolute; top:180px; left:100px;
	  width: 700px;
	  height: 486px;
      margin: 0px;
      padding: 0px; 
	  align: absmiddle; 
	 
     }
	 
#bilderbuch {
      position:absolute; top:180px; left:100px;
	  width: 700px;
	  height: 486px;
      margin: 0px;
      padding: 0px;   
     }
	 
#bildtext {
      position:absolute; top:200px; left:600px;
	  width: 500px;
	  height: 350px;
      margin: 0px;
      padding: 0px;   
     }	 

#footer {
	position:absolute;
	top:732px;
	left:100px;
	background-color: #FFFFFF;
	padding: 0px;
	text-align: left;
	width: 300px;
	 }


#footer2 {
	position:absolute;
	top:660px;
	left:100px;
	background-color: #FFFFFF;
	padding: 0px;
	text-align: left;
	width: 300px;
	 }
	 
#footer3 {
       position:absolute; top:750px; left:600px;
       background-color: #FFFFFF;
       padding: 0px;
       text-align: left;
	 }
	 
#footer4 {
	position:absolute;
	top:800px;
	left:100px;
	background-color: #FFFFFF;
	padding: 0px;
	text-align: left;
	width: 300px;
	 } 

#links {position: absolute; top:150px; left:100px; width:600px; height:400px; font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;  line-height:30px;}
#links a { text-transform:uppercase; text-decoration:none; color:#000000; }
#links a:hover {text-transform:uppercase; text-decoration:none; color:#33CCFF; }	 
#links a img {height:0; width:0; border-width:0;}
#links a:hover img {position:absolute; top:0px; left:450px; width:400px; height:250px;}
