@charset "utf-8";
/* ######################################################################################################

** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #

** ######################################################################################################

** 

**  YAML Version: 2.3

**  Dateiversion: 09.04.06  

**  Datei       : basemod.css

**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials

**

*/

@media print {
#page {
background-image:none;
}
#col1 {
display:none;
}
}

@media screen
{
/* Formatierung der Seite */

body {
	background: #DEE0E9;
	padding:0;	
	font-size: small;
}



/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */

#page_margins {
	border: 0; 
	min-width:955px;
	max-width:100em;
}

#page{ 
	border: 0; 
	background-image:url(../../Bilder/Nav_Bilder/hintergrund.jpg);
	min-height:716px;
	background-repeat:no-repeat;
}



/* Formatierung der Kopfbereiches */

#header {
	position:relative; 
	height: 70px; 
	color: #fff; 
	background: transparent; 
}



/* Formatierung der Fußzeile */

#footer { 
	color:#888; 
	margin: 1em; 
	padding: 1em 0 0 5em; 
	line-height: 2em;
}



/* ######################################################################################################

** ### Formatierung der Inhaltsspalten ##################################################################

** ######################################################################################################

*/

#nav { display:none;}

#main {
	color: #000; 
	border:0;
}

/* linke Spalte */

#col1 {	
	width: 350px;

}	

#col1_content {	
	margin:0px;
	padding:0px;
	border:1px solid transparent;
}



/* Rechte Spalte */

#col2 {	

	width: 25%; }

#col2_content {	

	padding-top:1.5em; 

	margin-left: 1em; 

	margin-right: 1em;

}



/* Mittlere Spalte */

#col3

{

  	margin-left:350px; 

	width:auto;

	min-height:600px;

	border:none;

}



#col3_content { 

	padding-top:1.5em; 

	margin-left: 1em; 

	margin-right: 1em; }





/* ######################################################################################################

** ### Formatierung des Teasers der Startseite ##########################################################

** ######################################################################################################

*/



#teaser { 

	margin: 0 1em 0em 1em; 

	font-size: 0.82em; 

	background: #f4f4f4; 

	border-bottom: 1px #ccc solid; 

	padding: 0.5em 0 1em 40px; 

	color: #5f5d75; 

}



#teaser div {float:left; width: auto; margin-right: 1em; }

#teaser .block1 {padding-top:1em;}

#teaser .block3 {width: 45%; padding-top:0.5em;}

#teaser .block3 .title {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 

	display:block;

	font-size: 1.2em; 

	font-weight:bold; 

	color: #336699;  

	background:inherit;  

	margin:0.4em 0 0.5em 0; 

}





}