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

@media all
{

/* Formatierung der Seite */
body { background: #D5D0BA; padding: 10px;	}

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

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 189px; color: #fff; background: #1f1e2e url(../../user_upload/Kundenbilder/logo.jpg) top; }
#header img {position:absolute; top: 23px; left: 10px; font-size:208%;}
#banner { position:absolute; top:20px; right:0px; z-index:10; }
#banner img { position:relative; top:0px; left:0px; font-size:100%; }
#topnav { color: #000000; top: 20px; }

/* Formatierung der Fußzeile */
#footer { color:#888; background: #D5D0BA; margin: 1em; padding: 0.5em 0 0 0; border-top: 1px #ddd solid; line-height: 2em; text-align: center; font-size: 0.9em; }
#footer a { font-size: 0.9em; }

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

#teaser { 
	margin: 0em 1em 0em 1em; 
	margin: 0 0 0 0; 
	background: #D5D0BA; 
	padding: 0; 
	color: #765; 
}

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

#teaser .block3 .title {
	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin: 0 0 0.5em 0; 
}

}