/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@media all
{

/* Formatierung der Seite */
body {background: #fff; padding:0px;	margin:0px;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border-left: 20px #fff solid; border-right: 20px #fff solid; background: #fff; }
#page_margins {border: px #889 solid; /*min-width: 756px;*/min-width: 1000px; max-width: 100em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { margin:0;padding:0; /*height: 86px;*/  color: #fff; background:#fff url(../img/header_bg.gif) repeat-x top; }
#header img {/*margin: 48px 0 0 40px;*/ margin:0; font-size:208%;}

/* Formatierung der Fußzeile */
#footer { color:#888; background:#fff; margin: 0 ; padding: 0; border-top: 1px #ddd solid; line-height: 2em;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/ 
#main {/*height: 75em; */background: #fff ; padding: 0; margin:0;} 

/* linke Spalte */
#col1 {width: 200px; /*height: 546px;*/ height:100%; background:#37468e url(../img/leftbox_bg.gif) repeat-y top; ;  /*border-right:1px solid #37468e;*/}	
#col1_content {/*margin-right: 1em;*/  color: #444; background-color: #37468e;}

/* Rechte Spalte */
#col2 {height:100%; margin-right:0; padding: 0; width: 186px; background-color: #37468e;	}
#col2_content {margin:0; padding: 0; /*margin-left: 1em; margin-right: 1em;*/ }


/* Mittlere Spalte */
#col3
{
  	margin-left: 220px; 
   margin-right: 200px; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
	min-width:500px;
}

#col3_content { margin-left: 1em; margin-right: 1em; }

#adress{	
	position: absolute; 
	top: 420px;  
	left: 10px;
	color: #37468e;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	}


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

#teaser { 
	margin: 0em 1em 0em 1em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0em 0em 30px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#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 0 0.5em 0; 
}

}