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

@media all
{

/* Formatierung der Seite */
body { background: #E6E6E6; padding: 20px 0px;	}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #fff solid; background: #fff; }
#page_margins {border: 6px #fff solid; min-width: 756px; max-width: 80em; margin:auto;}

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 160px; color: #fff;}
#header img {position:relative; top: 0px; left: 0px; font-size:208%;}
/*#banner { display: none; position:absolute; top:20px; right:0px; z-index:10; }*/
/*#banner img { display: none; position:relative; top:0px; left:0px; font-size:100%; }*/
#topnav { top:100px; }

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

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #E6E6E6 ; padding-top: 0;} 

/* linke Spalte */
#col1 {width: 22.5%; }	
#col1_content { margin-left: 0; margin-right: 1em; color: #444; background:inherit; padding-top: 0px;}

/* Rechte Spalte */
#col2 {	width: 25%; }
#col2 .col2Header img{margin-top: 0; padding: 0;}
#col2_content {	margin-left: 1em; margin-right: 1em; margin-top: 0px; padding-top: 45px;}

/* Mittlere Spalte */
#col3
{
  	margin-left: 22.5%; 
   	margin-right: 25%;
        padding-top: 12px; 
	border-left: 0px dotted #ddd;
	border-right: 0px dotted #ddd;
}

#col3_content { margin-left: 38px; margin-right: 16px; margin-top: 0px}


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

#teaser { 
	margin:0; 
	padding: 24px 0px 10px 0px ; 
	background: ; 
	color: #765;
        width: 142px;
 
}

#teaser div {float:left; width: auto; height: 20px;margin-right: 1em; }
#teaser .block1 {display: none; padding:0.5em 0 0.4em 1em; font-size: 0.82em; }
#teaser .block1 a {color:#334;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width: 45%; padding-top:0.5em; font-size: 0.82em; }
#teaser .langMenu {display: none; float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:left; padding-top:0.4em; padding-left:10px;}
#teaser .selectFontSize a {color:#334;}
#teaser .print {float:left; padding-top:0.4em; padding-left:0px;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {display: none; float:right; font-size: 0.82em; padding-top:0.5em; padding-right:1em;}

#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; 
}

}