/****** © 2010 Volker Haßlinger ******/


body {
	background-color: #FFCC66; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;
	}
#corpus {
	background-color: transparent; position: relative; top: 10px; height: 670px; width: 900px;
	}


/* Kopfleiste */	
#titel {
	position: relative; top: 0px; height: 128px; width: 100%; background: url(grafik/bannervha.jpg); border: 2px solid #006699;
	}
#text {
	position: absolute; top: 10px; left: 20px; font-family: arial, helvetica, sans-serif; color: #006699; font-size: 30px;
	}
#text a { 
	font-weight: bold; text-decoration: none; color: #006699;
	}	
#text a:hover { 
	color: #FFCC66;
	}	
#utitel {
	position: relative; background-color: #006699; height: 25px; width: 100%; top: 0px; border: 2px solid #008080; border-top: 0px; text-align: left;
	}
#utitel1 {
	position: absolute; background-color: transparent; height: 15px; width: 145px; top: 2px; left: 3px; text-align: left;	
	}
#utitel2 {
	position: absolute; background-color: transparent; height: 15px; width: 740px; top: 4px; right: 0px; text-align: right;	font-size: 12; color: white; font-weight: bold; 
	}
#utitel a {
	font-size: 12px; color: white; font-weight: bold; text-decoration: none; margin-right: 40px;
	}
#utitel a:hover {
    color: #FFCC66; 
	}
	

	
/* Menüspalte */	
#menu {
	position: absolute; background: url(grafik/menuhg.jpg); top: 162px; left: 0px; height: 100%; width: 170px; border: 2px solid #006699;
	}
#menu1 {
	position: absolute; top: 0px; left: 0px; height: 100%; width: 170px; text-align: left;
	}	
#menu1 a { 
	display: block; font-weight: bold; text-decoration: none; padding: 4px; margin: 5px 8px 5px 5px; font-size: 14px; background-color: #006699; color: white; border: 1px solid #006699;
	}	
#menu1 a:hover { 
	 color: #006699; background-color: #FFCC66;
	}	
#copyfuss {
	position: absolute; bottom: 0px; left: 5px; height: 55px; width: 165px; background-color: transparent; font-size: 10px; text-align: center;  color: white;
	}


/* Hauptfenster */	
#main {
	position: absolute; top: 162px; left: 179px; height: 100%; width: 721px; background-color: white; text-align: left;  border: 2px solid #006699; overflow: auto;
	}
#inhalt {
	position: absolute; top: 0px; left: 0px; width: 570px; background-color: transparent; text-align: left; padding: 20px
	}
#meldung {
	position: relative; width: 90%; padding: 5px; margin: 5px; line-height: 1.7; text-align: justify;
	}		
#side {
	position: absolute; top: 165px; right: 15px; width: 130px; background-color: transparent; padding: 5px;  border-left: 1px solid #F2F2F2;
	}

	

/* Layout */		
a { 
	color: #006699; font-weight: normal; text-decoration: none; 
	}
a:hover { 
	text-decoration: underline; 
	}
H1 {
	font-size: 18px; color: #006699; font-weight: bold; letter-spacing: 1pt; margin: 20px 0px 0px 12px;
	}
H2 { 
	font-size: 16px; color: #006699; font-weight: bold;
    }
H3 { 
	font-size: 16px; color: #000000; font-weight: bold;
	}
H4 {
	font-size: 14px; color: #000000; font-weight: bold;
	}
.g10 {
	font-size: 10px;
	}
.g11 {
	font-size: 11px;
	}
.g12 {
	font-size: 12px;
	}	
.g14 {
	font-size: 14px;
	}
.g20 {
	font-size: 20px;
	}
.ar {
	text-align: right;
	}	
.za15 {
	line-height: 1.5;
	}
.za20 {
	line-height: 2;
	}
.mb- {
	margin-bottom: -10px;
	}	
.gelb {
	color: #FFCC66;
	}
.blau {
	color: #006699;
	}
.red {
	color: red;
	}	
.ft {
	font-weight: bold;
	}
.img {
	color: #006699; border: 1px solid #006699; margin: 20px;
	}
.imgr {
	color: #006699; border: 1px solid #006699; margin: 20px; align: right;
	}	
.date {
	background-color: #F2F2F2; border: 1px solid #CFCBC3; text-align: right; padding-right: 5px;
	}
.zit {
	color: #006699; font-style: italic;  margin: 20px 40px 20px 40px; border: 1px solid #D4D0C8; padding: 5px
	}
.tab {
	font-size: 12px; line-height: 1.7; text-align: left; width: 510px;
	}
#twitter {
	position:absolute; background: url(grafik/twitter-b.png); height: 80px; width: 30px; right:0; top:140px;
}
#twitter:hover {
	background: url(grafik/twitter-b_0.png); 
}
#facebook {
	position:absolute; background: url(grafik/fuo-facebook-a.png); height: 100px; width: 30px; right:0; top:250px;
}
#facebook:hover {
	background: url(grafik/fuo-facebook-a_0.png);
}
#xing {
	position:absolute; background: url(grafik/xing.png); height: 85px; width: 30px; right:0; top:380px;
}
#xing:hover {
	background: url(grafik/xing_0.png);
}