/* CSS Document */

body {
	padding: 10px;
	margin: 0px;
	font-size: 10pt;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:12px;
	background-color:#FFFFFF;
	}

img {
	behavior: url(pngbehavior.htc);
}

/* HEADER */

div#schriftzug_logo {
	background-image: url(img/struktur/header/schriftzug.gif);	
	left: 50%;
	width: 270px;
	height: 45px;
	margin: 20px 0 0 -270px;	
	background-repeat:no-repeat;
	position:absolute;	
	z-index: 1;	
	}
	
div#logo {
	background-image: url(img/struktur/header/logo.gif);	
	left: 50%;
	width: 129px;
	height: 130px;
	margin: 10px 0 0 -470px;	
	background-repeat:no-repeat;
	position:absolute;	
	z-index: 1;	
	}
	
div#rote_linie {
	background-color: #FF0000;
	width: 100%;
	height: 8px;
	margin: 100px 0 0 0;
	z-index: 0;
	left: 0px;
	position:absolute;
	}
	
div#big_teaser {
	left: 50%;	
	width: 285px;
	height: 115px;
	margin: 20px 0 0 22px;
	position: absolute;
	z-index: 3;
	}
	
div#main {	
	left: 50%;	
	width: 663px;
	height: 534px;
	margin: 130px 0 0 -341px;
	padding: 15px;
	position: absolute;
	z-index: 2;	
	}
div#main div#content {			
	width: 619px;
	height: 488px;	
	z-index: 2;
		
	overflow: auto;		
	}
	
div#navi {
	width: 130px;
	height: 280px;
	left: 50%;
	position: absolute;
	margin: 153px 0px 0px -500px;
	z-index: 2;
	padding: 10px;
	
}

div#subnavi {	
	left: 50%;	
	width: 331px;
	height: 30px;
	margin: 670px 0 0 138px;
	padding: 10px;
	position: absolute;
	z-index: 3;		
}

div#modul_rechts {
	width: 150px;
	height: 180px;
	left: 50%;
	position: absolute;
	margin: 153px 0px 0px 335px;
	z-index:2;
	padding: 10px;
		
	font-size: 12pt;
	font-weight:bold;
	color: #f00;
	line-height: 9pt;
}

div#sponsoren {
	width: 150px;	
	left: 50%;
	position: absolute;
	margin: 380px 0px 0px 335px;
	z-index:2;
	padding: 10px;
	background-color:#FFF;
		
	font-size: 12pt;
	font-weight:bold;
	color: #f00;
	line-height: 9pt;
}

div#sponsoren img {
	float:left;
	margin-bottom: 20px;	
}

div#sponsoren div#lernhelfer {
	float:left;		
	background-color:#666;
}


div#archiv {
	width: 120px;
	height: 20px;
	left: 50%;
	position: absolute;
	margin: 355px 0px 0px 335px;
	z-index:2;
	padding: 10px;	

}

div#main div#content div.anfahrt {
	margin-top: 20px;
	margin-left: 30px;		
	
	width: 550px;
	height: 50px;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
	line-height: 12pt;
}


div#main div#content div.news_block {
	width: 600px;
	padding: 0px;		
	height: auto;
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

div#main div#content div.headline {
	width: 100px;
	height: 30px;
	padding: 0px;			
	margin: 10px 0px 0px 10px;
	overflow: auto;
	
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	
}


div#main div#content div.news_block2 {
	width: 600px;
	padding: 0px;		
	height: 450px;;
	
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

div#main div#content div.news_bild {
	margin: 15px 0px 20px 20px;
	width: 110px;
	height: 110px;
	clear: left;
	float: left;
	
}

div#main div#content div.news_datum {
	margin-top: 10px;
	margin-left: 30px;	
	float: left;	
	
	font-style: italic;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;			
}


div#main div#content div.news_titel {
	margin-top: 10px;
	margin-left: 170px;	
	
	height: 20px;
	width: 400px;
	
	text-transform: uppercase;
	font-family: Verdana, Arial, Tahoma, sans serif;	
	font-weight: bold;
	font-size: 8pt;
	color: #f00;	
}

div#main div#content div.news_text {
	margin-top: 15px;
	margin-left: 40px;	
	margin-bottom: 10px;
	float: left;
	width: 400px;
	height: 200px;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
	line-height: 12pt;
}

div#main div#content div.news_text div.zurueck {
	margin-top: 5px;
	margin-left: 300px;	
	margin-bottom: 20px;
	float: left;
	width: 70px;
	height: 30px;	
	line-height: 12pt;
}

div#main div#content div.gruppen_ziele {
	margin-top: 20px;
	margin-left: 30px;		
	
	width: 400px;
	height: 50px;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
	line-height: 12pt;
}

div#main div#content div.gruppen_news {
	width: 600px;
	padding: 0px;		
	height: auto;	
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

div#main div#content div.gruppen_news_titel {
	margin-top: 30px;
	margin-left: 20px;
	float: left;
	height: 30px;
	width: 400px;
	
	text-transform: uppercase;
	font-family: Verdana, Arial, Tahoma, sans serif;	
	font-weight: bold;
	font-size: 8pt;
	color: #f00;	
}

div#main div#content div.gruppen_news_text {
	margin-top: 20px;
	margin-left: 30px;		
	
	width: 400px;
	height: auto;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
	line-height: 12pt;
}

div#main div#content div.gruppen_news_datum {
	margin-top: 15px;
	margin-left: 20px;
	height: 15px;
	float: left;	
	color: #FF0000;
	font-style: italic;
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;			
}

div#main div#content div.gruppen_bilder {
	margin: 0px 0px 0px 20px;
	width: 250px;
	height: 1050px;
	clear: left;	
	float: left;
	overflow: auto;
}

div#main div#content div.gruppen_bilder2 {
	margin: 0px 0px 0px 20px;
	width: 550px;
	height: 650px;
	clear: left;	
	float: left;
	overflow: auto;
}

div#main div#content div.gruppen_bilder div.portraet {	
	width: 100px;
	height: 140px;
	margin-top: 30px;
	clear: left;
	float: left;	
}

div#main div#content div.gruppen_bilder div.portraet2 {	
	width: 100px;
	height: 140px;
	margin-top: 30px;
	margin-left: 20px;	
	float: left;	
}

div#main div#content div.gruppen_bilder2 div.portraet3 {	
	width: 100px;
	height: 140px;
	margin-top: 50px;	
	margin-left: 30px;	
	float: left;
	text-align: center;	
}

div#main div#content div.gruppen_bilder2 div.portraet3 a:link{	
	text-decoration: none;
	color: #d00;	
}

div#main div#content div.gruppen_bilder2 div.portraet3 a:visited{	
	text-decoration: none;
	color: #990000;	
}

div#main div#content div.steckbrief_portraet {
	width: 100px;
	height: 140px;	
	margin-left: 250px;
	margin-top: 0px;
	background-color: #bbb;
}

div#main div#content div.steckbrief {
	width: 100px;
	height: 140px;	
	margin-left: 300px;
	margin-top: 0px;
	background-color: #bbb;
}

div.daten {
	width: 560px;
	height: 400px;
	margin-top: 20px;
	background-color: #fff;
	padding: 20px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 15pt;
}


div#main div#content div.gruppen_beschreibung {
	width: 300px;
	height: 140px;
	float: left;
	margin-left: 10px;
	margin-top: 30px;	
}

div#main div#content div.gruppen_beschreibung  div.gruppen_text {
	margin-top: 10px;
	margin-left: 0px;	
	height: 80px;
	width: 290px;	
}

div#main div#content div.gruppen_beschreibung div.gruppen_navi {
	margin-top: 30px;
	margin-left: 70px;	
	height: 20px;
	width: 200px;
}

div#main div#content div.galerie_auswahl {
	width: 535px;
	height: 30px;
	padding: 20px;		
	margin: 10px 0px 0px 20px;
	/*border: solid 2px #f00;*/
	
	
}

div#main div#content div.galerie {
	width: 580px;	
	padding: 0px;		
	margin: 30px 0px 0px 20px;
	overflow: auto;
	height: auto;
	clear: left;	
	float: left;	
}

div#main div#content div.galerie galerie_bilder {
	
	margin: 30px 0px 0px 20px;
	width: 200px;
	height: auto;		
	clear: left;
	float: left;
	overflow: auto;
}

div#main div#content div.galerie div.galerie_bilder2 {
	
	margin: 30px 0px 0px 80px;
	width: auto;
	height: auto;
	clear: left;	
	
}

div#main div#content div.galerie div.galerie_bilder3 {
	
	margin: 30px 0px 0px 50px;
	width: auto;
	height: auto;
	clear: left;	
	
}

div#main div#content div.galerie div.galerie_bilder div.thumbnail {	
	width: 150px;
	height: 150px;
	margin: 20px 0px 20px 0px;	
	clear: left;
	float: left;	
}


div#main div#content div.galerie div.galerie_text {
	width: 250px;
	height: 170px;			
	margin: 20px 0px 20px 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;		
	font-size: 11px;
}

div#main div#content div.galerie div.galerie_buttons {
	width: 350px;
	height: 50px;			
	margin: 30px 0px 0px 190px;
	
}

div#main div#content div.galerie div.vorschaubilder {
	width: 150px;
	height: 150px;
	margin-top: 15px;	
	margin-left: 15px;	
	float: left;
	
}

span {
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
}

p {
	font-size: 8pt;	
	font-family: Verdana, Arial, Tahoma, sans serif;
	line-height: 12pt;
}

span.titel {
	font-size: 8pt;
	color: #f00;
	font-weight: bold;	
	font-family: Verdana, Arial, Tahoma, sans serif;
}

span.big_red {
	font-size: 12pt;
	color: #f00;
	font-weight: bold;	
	font-family: Verdana, Arial, Tahoma, sans serif;
}

span.bold {
	font-size: 8pt;	
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

span.red {
	font-size: 8pt;	
	color: #FF0000;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

span.bold_red {
	font-size: 8pt;	
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

img {
	border: 0px;
}

a {	
	color: #FF0000;
	size: 8pt;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

a:link {
	text-decoration: none;
	color: #FF0000;
	size: 8pt;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

a:hover {
	text-decoration: underline;
	color: #990000;
	size: 8pt;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

a:visited {
	text-decoration: none;
	color: #990000;
	size: 8pt;
	font-family: Verdana, Arial, Tahoma, sans serif;
}

:focus {
  outline: 0;
}

input, textarea, select {
	border: 1px red dotted;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #eee;
}

td {
	vertical-align:top;
}