/* -- Allgemeines -- */
body{background:url(../img/bg_kachel.gif );/* Hier sollte man,auch wenn man ein Bild als Hintergrund hat,nicht vergessen die Hintergrundfarbe zu setzen. Es könnte nämlich sein dass man aus versehen für den Text die gleiche Farbe hat wie für den Hintergrund wobei die Leute mit ausgeschalteten Bildern nichts erkennen können. */
    color:black;
	margin:0;
	padding:1%;
	min-width:640px;
	font-size:100.01%;/* umgeht den Font-Size-Bug im Safari,älteren Operas und IE */
	font-family:Verdana, Geneva, sans-serif;
	background-image: url(../img/bg_kachel.gif);
	background-repeat: repeat;
}
a{color:#0B4D8C;text-decoration:underline;}
a:visited{color:black;text-decoration:underline;}
.skip{/
		position:absolute;margin-left:-999px;width:990px;
	 }
h1{font-size:2.7em;font-weight:normal;line-height:0.8em;padding:0.6em 0 0.2em 2%;margin:;margin-bottom:0,3em;}
h2,h3,h4{font-weight:normal;}
h1,h2,h3,h4,h5,h6{color:#002182;padding:0.6em 0 0.2em 2%;font-family:comix,sans-serif;text-align:left;}
img{border:solid 1px #aaa;padding:1px;max-width:95%;}
.fleft{
		float:left;margin:0 1em 0.2em 0;
	   }
.fright{float:right;margin:0 0 0.2em 1em;padding:1px;}
.clearfix {clear:both;}

/* -- Layoutspezifisches -- */
#container{/* Ist dafür gedacht dass die viele Formatierungen einfacher werden,und auch ein gemeinsammer Rand entstehen kann,der nicht ganz außen am Fenster ist. */
			font-size:0.7em;
			max-width:70em;
			margin:auto;/* Hiermit zentrieren wir unsere Seite. */
			border:1px solid #aaa;
			border-top:0;
			background:white;
		}
#footer{clear:both;/* Damit #main mindestens so hoch ausgedehnt wird wie #subnav,falls #subnav länger sein sollte. */
		padding:0 20px;}


/* - Logo bzw. Kopf - */
#logo{	background:url(../img/logo.jpg) 0 0 no-repeat;
		height:90px;padding:10 0px;text-indent:430px;line-height:130px;font-size:35px;
		overflow:hidden;
		letter-spacing:-2px;
		margin:0;
		font-family:Charcoal,Chicago,sans-serif;font-weight:600;border:solid 3px #C4BEC8;
	 }
#logo a{color:#C4BEC8;text-decoration:underline;}
#menu {background:url(../img/b_metalsilver.png) ;padding:3px 3%; margin:0;text-align:right; height: 18px; }
#menu li{font-size:1.0em;display:inline;
		list-style-type:none;
		border-left:1px solid white;
		padding:0 10px 0 15px;font-weight:bold;
	  }
#menu li a{color:black;text-decoration:none;}


/* - Subnavigation,Rechte Spalte - */
#subnav{width:26%;
		min-width:10em;
		float:right;
		padding:20px 1% 1em 1%;margin:1em 1% 0 1%;border-left:1px dotted #aaa;
		font-size:0.85em;
		line-height:1,5em;
		}
#subnav dt{
font-size:1.1em;font-family:verdana;font-weight:bold;border-bottom:1px dotted #aaa;margin-top:2em;}
#subnav dd{
padding-top:0,2em;padding-bottom:0,2em;margin:0.6em 0;}
#subnav a{font-size:1,1em;}


/* - Der Hauptinhaltsteil - */
#main{background:url(../img/.jpg) no-repeat 100% 0 white;
		padding:0 31% 0 20px;
		line-height:1.5em;
	 }
#main h1,h2,h3,h4{color:#002182;text-align:left;}
#new {font-weight:bold;font-size:1.5em;}

/* - Tabellen - */
table{
	line-height:25px;
	width:100%;
	margin-bottom:25px;
	text-align:center;
	background-color:#CCC;
	
}
th{
	background-color:#CCC;
	font-weight:bold;
	text-align:center;
}
tr{text-align:center; background-color:#FFF;}
td{background-color:#FFF; padding:5px;}


/* - Liste Archiv - */
#history ul{font-weight:bold;text-align:left;list-style-type:none;}
#history h3,h1,h2{color:#002182;text-align:left;}
#contact{margin:2em; width:50%;display:block}
#hp{color:#0B4D8C;font-size:1.0em;}
#angebote1{list-style-type:circle;}
#angebote2{list-style-type:circle;}
#angebote3{list-style-type:circle;}
#anmeldung{
	background-color:#CCC;
	border:solid 1px #000000;
	height:45px;
	padding:1px;
}
#anmeldung a{font-size:1.2em;line-height:40px;font-family:comix,sans-serif;}
#impressum{list-style-type:none;}
#anmelden{padding-left:1.5em;max-width:70em;width:60%;}
#footer{text-align:right;}
#footer li{font-size:0.8em;display:inline;/* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
list-style-type:none;/* Die Bullets vor den Menüpunkten schalten wir ab. */
padding:50px 0 15px;color:#000000;}
#bildquellen ul{list-style-type:none;}
#carina{border:solid 1px #aaa; padding: 1em 3em 1em 1em; line-height:35%; min-height:11em;background-image: url(../img/b_metalwhite2.png);}
#gesucht{border:solid 1px #aaa; padding: 3em;}
#bianka{border:solid 1px #aaa; padding: 1em 3em 1em 1em; line-height:35%; min-height:11em;background-image: url(../img/b_metalwhite2.png);}
#alexander{border:solid 1px #aaa; padding: 1em 3em 1em 1em; line-height:35%; min-height:11em;background-image: url(../img/b_metalwhite2.png);}