/* Generelles */
body {
	background-color: #B5B5B5;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}
#homebutton {
	position: absolute;
	top: 85px;
	width: 280px;
	height: 60px;}
a:link, a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;}
a:hover, a:active {
	color: #fff;
	text-decoration: none}
.text {
	font-size: 12px;}
img, a img {
	border: 0px
}
	
/* Layoutvorgaben für Logo, Status, Navigation und Content */
#logo {
	width: 100%;
	height: 154px;
	background-image: url('../nav_bilder/oben.jpg');
	background-position:  left bottom;
	background-repeat: no-repeat}
#status {
	position: absolute;
	left: 320px;
	padding: 112 0 0 0px;
	font-size: 12px;}
#nav {
	position: absolute;
	left: 0px;
	width: 291px;
	height: 70%;
	padding: 0px;
	background-image: url('../nav_bilder/links.jpg');
	background-position:  right top;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 18px}
#content {
	position: absolute;
	left:290px;
	width: 680px;
	padding: 30 0 20 30px;
	text-align:left}
#nav li {
	list-style-type: none;
	text-align: right;
	padding: 25 30 0 0px;}
#nav a:link, #nav a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal}
#nav a:hover, #nav a:active {
	color: #000;
	text-decoration: none}

/* Projektwahl Level 1*/
.auswahl {
	float: left; position: relative;
	width: 80px; height: 330px;
	margin: 0 15 0 0px;
	text-align: center}
.auswahl img {
	position: absolute;
	bottom: 0px;
	left: 15px;}
	
/* Projektwahl Level 2*/
.thumbs {
	float: left;
	width: 300px;
	margin: 0 20 20 0px;
	padding: 0 10 0 0px;}
.thumbs img {
	float: left;
	margin: 0 15 0 0px;
	padding: 0 15 0 0px;}

/* Bildershow */
/* grosses Bild */
#bild-gross {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 400px;
	overflow: hidden;}
	
/* Thumbbox mit kleinen Bildern */
#thumbbox {
	position: absolute;
	left: 460px;
	top: 30px;
	padding: 0px;
	text-align:left;
	width: 210px;
	height: 376px;
}
#bildschalter {
	position: relative;
	width: 190px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}	
.bild-zurueck{
	position: absolute;
	left: 0px;	
	/*border-right: 1px solid;*/
}
.bild-vor{
	position: absolute;
	right: 0px;
	text-align: right;
}	
.beschreibung {
	width: 205px /* bißchen breiter als thumbbox */}
.bildtitel {
    font-weight: bold;}
.bildtext {
	height: 86px;
	padding: 0px;
	margin: 0px;}
.bildtext_leuchten {
	height: 117px;
	padding: 0px;
	margin: 0px;}
.pdf {
	margin: 10 0 10 0px;
}
.pdf img{
	 margin: 0 10 0 0px}
#thumbnails {
	/* hierin nur die Thumbnails, Definitionen inline */
}
#thumbnails img {
	width: 50px;
	height: 50px;
	margin: 0 20 20 0px;
	padding: 0px;
}



	
/* News */
#news { 
	width:220px;; margin-left:0; margin-right:0; margin-top:30; margin-bottom:0}
#news-schlagzeile {
	position: absolute; z-index:2;
	left: 138px;
	top: 60px;
	width: 220px;
	height: 376px;
	padding: 0px;}
	
/* Anfahrt, wie News, Thumbbox und so... */
#anfahrt_rechts {
	position: absolute;
	left: 460px;
	top: 30px;
	width: 200px;
	height: 376px;
	padding: 0px;}
	
.formulare { /* regelt bei "Aktuelles" die Formulare */
	position: absolute;
	bottom: 0px;
	width: 250px;}
	
/* Standards der Textformatierung */
h1, h2 {
	margin: 16 0 0 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 12px;}
h3 { /* für die news */
	margin: 16 0 0 0px;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	border-left: 15px solid #b5b5b5}
p {
	margin: 7 0 7 0px;
	padding: 0px;}
	
/* senkrechte Streifen, die die Artikel enthalten. Oben links gibt es ein Bild als Teaser */
.main { 
	position: relative;
	width: 400px;
	margin-bottom:30px;
	background-color:#ccc;
	padding: 10 10 10 70px;
	overflow: hidden}
.main-bild {
	position:absolute; 
	left:0px; 
	top:0px;
	height: 1000px;
	background-color:#D6D6D6;}
	
	
	
	
	
/* Ab hier die Angaben zum Druck einarbeiten! */
#drucklogo { display:none }
@media print {

body { /* Hintergrundfarbe setzen und Schrift in Schwarz plotten */
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000 }
#homebutton, #nav, .bild-zurueck, .bild-vor { 
	/* diese Container sollen nicht gedruckt werden */
	display: none }
#drucklogo { 
	position:absolute; 
	left:0px; 
	top: 20px; 
	display: block; 
	font-size: 14px; 
	font-weight: bold;
	text-transform: uppercase; }
#status {
	position:absolute;
	left:280px !important;
	top:22px !important; 
	width: 600px;
	padding:3 0 0 0px;
	margin:0px;
	font-size: 10px;
	text-align:right;}
#content { /* den Content auf der Seite ausrichten */
	position: absolute;
	width: 100% !important;
	height:auto !important;
	left:0px !important;
	top:50px !important;
	margin: 0px !important; 
	padding: 20 0 20 0px !important;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;}
#bild-gross {
	position: relative !important;
	height: auto !important;
	width: 400px !important;
	padding:0px !important;
	margin:0px !important; 
	/* die Positionierung bleibt DOCH absolut, daher hat dieser Parameter keine Wirkung*/ 
	overflow: visible;
	left:20px !important; 
	/* vorher absolut gesetzte Werte müssen auch bei nachheriger 
	relativer Position mit "left"- und "top"-Werten ausgestattet sein! */
	top: 0px !important}
#thumbbox {
	position: absolute;
	height:auto !important;
	left: 460px;
	top: 30px;
	width: 200px;
	padding: 0px;}
#anfahrt_rechts img { /* die normale Positionierung macht Ärger, daher diese Definition */
	bottom:25px !important;}
#anfahrt_rechts { /* die normale Positionierung macht Ärger, daher diese Definition */
	left: 450px !important;}
.main {
	max-height:300px;
	background-color:#fff !important;}
	}