/* CSS Document  
* Hauptdatei www.salatgurken.net
* @author: nca
* @version: 1.3 - 7/2011
*/

@media screen {
	html, body {
		background-color:#330000;
		/*background-image:url(../Bild/ground_right2.jpg);*/
		background-repeat:repeat-y;
		text-align:center;
	}
/*********************Seiten-Bereiche***************************/

#site {
	background-color:#ffffcc;
	max-width:1200px;
	margin:auto;
	border-radius:6em 3em;
	-moz-border-top-left-radius: 3em;
	-moz-border-top-right-radius: 3em;
	-moz-border-bottom-left-radius: 3em;
	-moz-border-bottom-right-radius: 3em;
	-webkit-border-top-left-radius: 3em;
	-webkit-border-top-right-radius: 3em;
	-webkit-border-bottom-left-radius: 3em;
	-webkit-border-bottom-right-radius: 3em;
	min-height:1000px;
}

	/*Seitenkopf*/
	#top_section {
		background-color:#ffffcc;
		background-image:url(../Bild/1200_neuGround2.jpg);
		background-repeat:no-repeat;
		height:131px;
		max-width:1200px;
		margin:0px;
		padding:0px;
		border-top-left-radius:3em;
		border-top-right-radius:3em;
	-moz-border-top-left-radius: 3em;
	-moz-border-top-right-radius: 3em;
	
	-webkit-border-top-left-radius: 3em;
	-webkit-border-top-right-radius: 3em;
	
}

	/*Hauptbereich*/
	#main_section {
		margin:0px;
		padding:0px;
		height:105%;
		max-width:1200px;
		text-align:left;
		background-color:#ffffcc;
		border-bottom-left-radius:3em;
		border-bottom-right-radius:3em;
		-moz-border-bottom-left-radius: 3em;
		-moz-border-bottom-right-radius: 3em;	
		-webkit-border-bottom-left-radius: 3em;
		-webkit-border-bottom-right-radius: 3em;
	}
	/*linke Säule Navigationsbereich*/
	#navigation {
		position:absolute;		
		background-color:#ffffcc;
		//left:1%;
		/*top:180px;*/
		width:165px;
		float:left;
		margin:0px;
		padding:0px;
		text-align:center;
	}
	/*Inhaltsbereich*/
	#content {
		margin-left:180px;
		margin-top:0px;
		background-color:#ffffcc;
		max-width:980px;
		text-align:left;
	}


/***********************Layer Galerie ********************/

	/* großes Bild Galerie */
	#LayerDia {
		position:absolute;
		top:300px;
	    left:200px;

		
 	   padding: 3px;
 	   visibility: hidden;
 	   overflow: auto;
	}
	/* kleine Bilder Galerie */
	#Scroller {
		position:absolute;
		top:300px;
		left:200px;

	
	}
/******************Positionierung von Inhalten *********************/

	/*Seiten-Titel (nicht genutzt momentan)*/
	#outtitel {
		color:#330000;
		font-family:Verdana, sans-serif;
		font-weight:bold;
		font-size:36px;
		text-align:center;
	}
	

/**************Design von HTML-Elementen *********************/

	h1, h2, h2, h3, p, ul, ol, li, td, th, a {
		font-family:Arial,sans-serif;
		color:#663333;
		margin-left:5px;
	}

	/* Hervorhebung mittels Linie unten */
	h1 { 	
		font-size:24px;
		border-bottom:solid #663333 2px;
		padding-bottom:10px;
		
	}

	/* mit Hervorhebung durch gepunktete 
	Linie oberhalb und links der Überschrift */
	h2 {
		font-size:20px;
		border-top:dotted #663333 2px;
		border-left:dotted #663333 2px;
		padding-left:5px;
		padding-bottom:10px;
	}
	
	.ohne {
		border:hidden;
		}

	h3 {
		font-size:18px;
		padding-bottom:10px;
	}

	p {	
		font-size:15px;
		margin-left:7px;
	}
	p.klein {
		font-size:12px;
		text-align:center;
	}
	p.kleinSchrift {
		font-size:12px;
	}

	ul, ol {
		padding-left:25px;
		font-size:15px;
	}

	li {
		margin-top:6px;
		margin-bottom:12px;
	}
	table {
		border:solid #663333 2px;
		text-align:center;
		margin:13px;
	}
	td, th {
		border:solid #663333 1px;
		text-align:center;
		padding:5px;
		
	}
	

/*************************Kombinationselemente ***************************/
	.floatLeft {
		float:left;
	}
	.floatRight {
		float:right;
	}
	
	/*ergibt linke Spalte*/
	.links {
		float:left;
		min-width: 50px;
		max-width:450px;
		padding: 5px;
	}
	
	.linksBreit {
		float:left;
		min-width: 50px;
		max-width:600px;
  		margin: 5px; 
		padding: 5px;
	}

	/*ergibt recht Spalte */
	.rechts {
		margin-left: 5px;
  		padding: 5px;
  		min-width: 50px;
		max-width:450px;
		float:right;
		
	}
	
	.rechtsBreit {
		margin-left: 5px;
  		padding: 5px;
  		min-width: 50px;
		max-width:600px;
		float:right;
		
	}
		/*ergibt linke Spalte*/
	
	.links4 {
		vertical-align:baseline;
		min-width:120px;
		max-width:210px;
  		padding: 5px;
		margin: 2px;
		float:left;
	}
 	.mitte {
  		vertical-align:baseline;
		padding: 5px;
		margin: 2px;
  		min-width:120px;
		max-width:210px;
		float:left;
		}

	/*ergibt recht Spalte */
	.rechts4 {
		vertical-align:baseline;
  		padding: 5px;
		margin: 2px;
  		min-width:120px;
		max-width:210px;
	}
	
	.spalte {
		width:400px;
		padding: 5px;
		float:left;
	}
	.spalteRand {
		width:400px;
		padding: 5px;
		margin: 2px;
		float:left;
		border:1px solid #663333;
	}
	.spalteKl {
		width:200px;
		padding: 5px;
		margin: 2px;
		float:left;
	}
	
	.spalteGr {
		width:600px;
		padding: 5px;
		margin: 2px;
		float:left;
	}
	
	/* Elementausrichtung mittig */
	.image {
		text-align:center;
		padding: 5px;
	}
	
	/* Thumbnails fuer Galerie */
	.thumb {
		height:80px;
	}

	/* Elementausrichtung rechts */
	.rechtsbund { 
		text-align:right; 
	}

	/* Elementausrichtung links */
	.linksbund { 
		text-align:left; 
	}

	/* rechtsbündig mit Textflussbereinigung beidseitig*/
	.urheber {
		border-top:solid #663333 2px;
		font-size:12px;
		text-align:center;
		clear:both;
	}
	
	.zitat {
		margin-left: 25px;
		margin-rigth: 25px;
		font-style: italic;
		font-weight: bold;
		} 

	/*Rahmen von 1px Dicke, weißer Hintergrund */
	.kast {
 		background-color:#ffffff;
		color:#000000;
		font-size:12px;
		width:90%;
		padding-left:5px;
		margin:5px;
		border:1px solid #663333;
	}
/*Rahmen von 1px Dicke, weißer Hintergrund */
	.kastPas {
 		background-color:#ffffff;
		color:#000000;
		font-size:12px;
		padding-left:2px;
		margin:5px;
		border:1px solid #663333;
	}
	/*Rahmen von 1px Dicke */
	.rect {
		max-width:90%;
		padding:5px;
		margin:5px;
		border:1px solid #663333;
	}
	/*Schriftart fett */
	.bold {
		font-weight:bold;
	}
	.trborder {
		 border:1px solid #663333;
	}
		
	/* Textausgabe in Großbuchstaben (nicht verwendet) */
	.gross {
		text-transform:uppercase;
		font-weight:bold;
		color:#663333;
	}
	
	/* Textausgabe in Großbuchstaben (nicht verwendet) */
	.breit {
		letter-spacing: 3px;
		font-weight:bold;
		color:#663333;
	}

	/* Schriftgröße und Farbe für Titel */
	.titel {
		font-size:36px;
		font-family:Verdana,Arial,sans-serif;
		color:#663333;
		margin-left:5px;
	}

	/* Textflussbereinigung */
	.clear {
		clear:both;
	}

	.clearRight {
	clear:right;
	}
	
	.clearLeft {
	clear:left;
	}

/*************************Aussehen von Links *************************/

	/* Aussehen unbesuchter Links im Text */
	a:link {
		font-size:15px;
		color:#663333;
		text-decoration:underline;
	}

	/* Aussehen besuchter Links im Text */
	a:visited {
		font-size:15px;
		color:gray;
		text-decoration:underline;
	}

	/* Aussehen aktiver Links im Text */
	a:hover, a:active {
		font-weight:bold;
		font-size:15px;
		color:#663333;
		text-decoration:underline;
	}
	a.rbb {
		text-decoration:none;
	}

/****************** Links im Navigationsblock erste Ebene *******************/

	/*allgemein*/
	a.navi, a.navi_self, a.navi_tot, a.navi_first {
		display:block;
		white-space:nowrap;
		overflow:hidden;
		/*border-bottom:2px solid #663333;
		border-left:2px solid #663333;
		border-right:2px solid #663333;*/
		border-top:1px solid #663333;
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#663333;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:3px;
		text-align:center;
	}
	a.navi_first {
		border:none;
		}
	/* aktuell betrachtet */
	a.navi:link, a.navi:visited, a.navi_first:link, a.navi_first:visited {
		background-color:#ffffcc;		
	}

	/* aktuell, betrachtet selbe Seite*/
	a.navi_self:link, a.navi_self:visited {
 		background-color:#CCCC99;
	}

	/*Positionsmarker */
	a.navi:hover, a.navi_first:hover {
		background-color:white;
	}

/***************** Links im Navigationsblock zweite Ebene**********************/

	/* allgemein */
	a.unavi, a.unavi_self, a.unavi_tot, a.unavi_last {
		display:block;
		white-space:nowrap;
		overflow:hidden;
	/*	border-top:1px solid #663333;*/
		border-left:2px solid #ffffcc;
		border-right:2px solid #ffffcc;
	/*	border-bottom:1px solid #663333;*/
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;
		color:#663333;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:2px;
		text-align:center;
	}

	/* vorhandene Navi */
	a.unavi:link, a.unavi:visited, a.unavi_last:link, a.unavi_last:visited {
		background-color:#ffffcc;
	}

	/* aktuell, betrachtet selbe Seite*/
	 a.unavi_self:link, a.unavi_self:visited  {
 		background-color:#CCCC99;
	}
	a.unavi_last {
	/*	border-bottom:2px dotted #663333;*/
		}

	/* Positionsmarker */
	a.unavi:hover {
		background-color:white;
		color:#663333;
	}

/********************* tote Links beide Ebenen ****************************/
	a.unavi_tot, a.navi_tot {
		background-color:#ffccff
	}
} 

/* --------------------Screen - Ende --------------------------------------*/

@media print {
	html, body {
		background-color:white;
		color:black;	
	}
/*************** Seiten-Bereiche für Druck **********************/

	/*Seitenkopf*/
	#top_section {
		height:0px;
		width:0%;
		margin:0px;
		padding:0px;
	}

	/*Hauptbereich*/
	#main_section {
		margin:0px;
		padding:0px;
		height:100%;
		width:100%;
		
	}

	/*Inhaltsbereich*/
	#content {
		height:100%;		
	}


/******************* Layer Galerie Druck **********************/

	/* großes Bild Galerie */
	#LayerDia {
		/*position:absolute;*/
	    left:200px;
	    top:250px;
	
	    padding: 3px;
	    visibility: hidden;
	    overflow: auto;
	}
	
	/* kleine Bilder Galerie */
	#Scroller {
		/*position:absolute;*/
		left:200px;
	    top:250px;
	
	}
	
/*******************Positionierung von Inhalten Druck *********************/

	/*Seiten-Titel (nicht genutzt momentan)*/
	#outtitel {
		position:absolute;
		top:5px;
		left:600px;
		height:80px;
		width:168px;
	}
	
	/*Textfluss rechts am Element vorbei*/
	#rechts {
		width:48%;
		margin-left:0px;
		margin-right:auto;
		float:right;
		padding:0px;
	}

	/*Textfluss links am Element vorbei */
	#links {
		width:48%;
		margin-right:0px;
		margin-left:auto;
		float:left;
		padding:0px;
	}
	
	#bildNavi {
		visibility:hidden;
		}

/*****************Design von HTML-Elementen Druck *******************/

	h1, h2, h2, h3, p, ul, li, td, th, a {
		font-family:Verdana,Arial,sans-serif;
		margin-left:5px;
	}

	/* Hervorhebung mittels durchgezogenen Linien */
	h1 { 	font-size:24px;
		border-bottom:solid black 1px;
		padding-bottom:10px;
		
	}

	/* mit Hervorhebung durch gepunktete 
	Linie oberhalb und links der Überschrift */
	h2 {
		font-size:20px;
		border-top:dotted black 1px;
		border-left:dotted black 1px;
		padding-left:5px;
		padding-bottom:10px;
	}
	.ohne {
		border:hidden;
		}
	h3 {
		font-size:18px;
		padding-bottom:10px;
	}

	p {	
		font-size:15px;
		margin-left:7px;
	}

	ul, ol {
		padding-left:25px;
	}

	li {
		line-height:1.1em;
		margin-top:6px;
		margin-bottom:12px;
	}

/*****************Kombinationselemente Druck ******************/

	/* Elementausrichtung mittig */
	.image {
		text-align:center;
	}

	/* Elementausrichtung rechts */
	.rechtsbund { 
		text-align:right; 
	}

	/* Elementausrichtung links */
	.linksbund { 
		text-align:left; 
	}

	/* rechtsbündig mit Textflussbereinigung beidseitig*/
	.urheber {
		font-size:12px;
		text-align:right;
		clear:both;
	}

	/*Rahmen von 1px Dicke */
	.kast {
		font-size:12px;
		width:90%;
		padding:5px;
		border:1px solid black;
	}

	/*Schriftart fett */
	.bold {
		font-weight:bold;
	}
		
	/* Textausgabe in Großbuchstaben (nicht verwendet) */
	.gross {
		text-transform:uppercase;
		font-weight:bold;
	}

	/* Schriftgröße und Farbe für Titel */
	.titel {
		font-size:36px;
		font-family:Verdana,Arial,sans-serif;
		margin-left:5px;
	}

	/* Textflussbereinigung */
	.clear {
		clear:both;
	}

	.clearRight {
		clear:right;
	}
	
	.clearLeft {
		clear:left;
	}

/******************Aussehen von Links Druck *****************/

	/* Aussehen unbesuchter Links im Text */
	a:link, a:hover, a:active {
		font-size:15px;
		color:black;
		text-decoration:underline;
	}

	/* Aussehen besuchter Links im Text */
	a:visited {
		font-size:15px;
		color:gray;
		text-decoration:underline;
	}


/********* Links erste Ebene Druck *****************/

	a.navi, a.navi_tot, a.navi:link, a.navi:visited, a.navi:hover {
		
		font-family:Verdana,Arial,sans-serif;
		font-size:12px;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:3px;
	}
	
	a.navi_self, a.navi_self:link, a.navi_self:visited {

		font-family:Verdana,Arial,sans-serif;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.1em;
		padding:3px;
	}

/********** Links zweite Ebene Druck*********/

	a.unavi, a.unavi_tot, a.unavi:link, a.unavi:visited,  a.unavi:hover {
		
		font-family:Verdana,Arial,sans-serif;
		font-size:10px;
		text-decoration:none;
		padding:11px;
	}
	
	a.unavi_self:link, a.unavi_self:visited, a.unavi_self {
		
		font-family:Verdana,Arial,sans-serif;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		padding:10px;	
	}
}

/* ------------------------Print - Ende -------------------------------*/