/****** © 2010 BAPP e.V. - Volker Haßlinger ******/

body {
	background: url(grafik/bg-metallic.jpg) repeat-y; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;
	}
#corpus {
	background-color: transparent; position: relative; top: 10px; height: 650px; width: 900px;
	}
	
	
/* Kopfleiste */	
#titel {
	position: relative; top: 0px; height: 100px; width: 100%; background: url(grafik/titelbg.jpg) repeat-x;	border: 1px solid #008080;
	}
#logo {
	position: absolute; background: url(grafik/bapp-neu-m.jpg); height: 80px; width: 128px; top: 10px; left: 20px; border: 1px solid #008080;
	}
#text {
	position: absolute; background: url(grafik/bapp-ban2b.gif); height: 40px; width: 600px; top: 35px; right: 80px;
	}
#utitel {
	position: relative; background: url(grafik/utitelbg.jpg) repeat-x; height: 25px; width: 100%; top: 0px; border: 1px 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;	
	}
#utitel a {
	font-size: 12px; color: #000000; font-weight: normal; text-decoration: none; margin-right: 40px;
	}
#utitel a:hover {
    color: white; 
	}
	
	
/* Menüspalte */	
#menu {
	position: absolute; background: url(grafik/menubg.jpg) repeat-y; top: 134px; left: 0px; height: 100%; width: 170px; text-align: left; border: 1px solid #008080;
	}
#menuifrm {
	background: url(grafik/menubg.jpg) repeat-y; text-align: left;
	}	
#menuifrm a { 
	display: block; font-weight: normal; text-decoration: none; padding: 4px; margin: 5px 0px 5px 0px; color: white; 
	}
#menuifrm a:hover { 
	background: url(grafik/menu.jpg) repeat-y;
	}


/* Hauptfenster */	
#main {
	position: absolute; top: 134px; left: 179px; height: 100%; width: 721px; background-color: white; text-align: left; border: 1px solid #008080; overflow: auto;
	}
#bild {
	position: absolute; top: 0px; left: 0px; height: 100px; width: 150px; background-color: transparent; border: 1px solid #AAAAAA; 
	}
#seite {
	position: absolute; top: 30px; left: 151px; height: 30px; width: 400px; background-color: transparent;
	}
#inhalt {
	position: absolute; top: 100px; left: 0px; width: 560px; background-color: transparent; text-align: left; padding-left: 5px; 
	}
#info {
	position: relative; top: 0px; left: 0px; width: 550px; background-color: transparent; text-align: left;
	}
#info1 {
	position: absolute; top: 0px; left: 0px; width: 255px; background-color: transparent; text-align: left; padding: 15px;
	}
#info2 {
	position: absolute; top: 0px; left: 305px; width: 255px; background-color: transparent; text-align: left; padding: 15px;
	}	
#meldung {
	position: relative; width: 77%; padding: 5px; margin: 0px 5px 0px 5px;			
	}

/* Infospalte */	
#right {
	position: absolute; top: 200px; right: 15px; width: 100px; background-color: transparent; border-left: 1px solid #D4D0C8;
	}
#foot {
	position: absolute; top: 550px; right: 15px; height: 120px; width: 100px; background-color: #F2F2F2; font-size: 10px; color: #7F7F7F; text-align: center; border: 1px solid #D4D0C8;
	} 		


/* Layout */
a { 
	color: #000000; font-weight: normal; text-decoration: none; 
	}
a:hover { 
	text-decoration: underline; 
	}
H1 {
	font-size: 16px; color: #e9e9e9; font-weight: bold; font-variant: small-caps; letter-spacing: 2pt; background-color: #5b9998; text-align: left; padding: 2px; border: 2px solid #AAAAAA;
	}
H2 { font-size: 12px; font-weight: normal; color: #008080; background-color: #CeCeCe; margin-top: 6px; 
    }
H3 { font-size: 14px; color: #008080; font-weight: bold;
	}
H4 {
	font-size: 14px; color: #e9e9e9; font-weight: bold; letter-spacing: 1pt; background-color: #5b9998; text-align: left; padding: 1px;
	}
.g08 {
	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;
	}	
.fb1 {
	color: #008080;
	}
.red {
	color: #FF0000;
	}
.ft {
	font-weight: bold;
	}
.button
      {
      color: white; font-size: 16px; font-weight: bold; background-Color: #5b9998; border-style: outset; text-decoration: none; padding: 3px; 
      }
.button:hover
      {
      text-decoration: none; border-style: inset;
      }
.date {
	background-color: #F2F2F2; border: 1px solid #D4D0C8; text-align: right; padding-right: 5px;
	}
.img {
	border: 1px solid #008080;
	}
#twitter {
	position:absolute; background: url(grafik/twitter-b.png); height: 80px; width: 30px; right:0; top:147px;
}
#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);
}