/* ######################################################################################################
** # "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
{
/* Modul Klasse */
#col1 .modul h3, #col2 .modul h3
{

}
#col1 .modul, #col2 .modul
{
	width:22%%;
}
#col1 .modul legend, #col1 .modul label, #col1 .modul h2.ignoresuch,
#col2 .modul legend, #col2 .modul label, #col2 .modul h2.ignoresuch
{
	display:none;
}
* html #col3 { margin-left: 3%; margin-right: 3%; }
/* Formatierung der Seite */
body { padding:10px;background:#F5F9E7;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 1px #003F00 solid; background:#fff url(img/bg.JPG) no-repeat top center fixed;}
#page_margins {border: 1px #F6FAE9 solid;  margin:auto;}

/* Formatierung der Kopfbereiches */
#head { position:relative; height: 160px; background:transparent url(img/logo1.gif);background-repeat:no-repeat;background-position:20px 5px; }
#head img {}

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

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main {background:transparent; padding-top: 0.5em; }

/* linke Spalte */
#col1 {	width: 5%;margin-top:15px;margin-left:-1em; }
#col1_content { margin-left: 0.2em; margin-right: 0.2em;height:450px; color: #444; background:transparent;padding:5px; }

/* Rechte Spalte */
#col2 {	width: 2%; }
#col2_content {	margin-left: 1em; margin-right: 1em; }

/* Mittlere Spalte */
#col3
{	margin-top:1em;
  	margin-left: 5%;
   	margin-right: 5%;
	border-left: 1px dotted #fff;
	border-right: 1px dotted #fff;
}

#col3_content { margin-left: 1em; margin-right: 1em; }
#col3 #inhalt_sitemap
{
	margin-top:20px;
}
#col3 #inhalt_sitemap h2
{
	color: #000;
	border:0px;
	margin:3px;
	padding:0px;

}
#col3 #inhalt_sitemap h2 a
{
	text-decoration: none;
	color: #000;
	border:0px;
	font-size:80%;
}
#col3 #inhalt_sitemap h2 a:hover
{
	text-decoration: underline;
	color: #000;
	border:0px;
	font-size:80%;
}
#col3 #inhalt_sitemap ul, #col3 #inhalt_sitemap li
{
	list-style-type:none;
}


/* ######################################################################################################
** ### 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: 45%; 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;
}

}