/* ######################################################################################################
** # "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: #E2E7EB;
	padding: 0px 10px 0px 10px;
}

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

/* Formatierung der Kopfbereiches */
/*#header { position:relative; height: 140px; color: #fff; background: #1f1e2e url(../../img/yaml_bg.gif) repeat-x top; }*/
/* Formatierung der Kopfbereiches */
#header {
	height: 90px;
	color:white; 
/*	background:#ddd; */
	background-color: #25386F;
/*	position:relative; */
	padding: 0px; 
	background-image: url(../../pix/headbg.jpg);
	background-repeat: repeat-x;
}


#header img {
	position:absolute; 
	top: 0px; 
/*	left: 0px; */
/*	font-size:208%;*/
	}

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

#topnav {
	position:relative;
	top: 0px;
	right: 5px;
}


#footer { 
	color:white; 
	padding: 2px 0px 2px 0px;
	background-color: #25386F;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size: 0.9em;
}

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

#bgl{
	background-image: url(../../pix/bgl.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
#bgr{
	background-image: url(../../pix/bgr.gif);
	background-position: top right;
	background-repeat: repeat-y;
}




/* linke Spalte */
#col1 {	width: 22.5%; 
	background-image: url(../../pix/bgl.gif);
	background-position: top left;
	background-repeat: repeat-y;
}	
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 25%; 
	background-image: url(../../pix/bgr.gif);
	background-position: top right;
	background-repeat: repeat-y;
}
#col2_content {	margin-left: 1em; margin-right: 1em; }

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

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

#header_rootline {
	background-color: #25386F;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	color:white; 
}

#searchbox{
	height: 66px;
}

#breadcrumbs{
/*	border-bottom: 1px solid #e2e7eb;
	padding-left: 10px;*/

	color:white; 
	padding: 0px 0px 0px 30px;
	background-color: #25386F;
	background-image: url(../../pix/bcbg.gif);
	background-repeat: repeat-x;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
/*	font-size: 0.9em;*/
}
#breadcrumbs a {
	color: #FFCC00;
}

#showtime{
	text-align: center;
	float: right;
	width: 200px;	
}

#loginbox{
/*	border: 1px solid #e2e7eb;*/
}

#sponsoring{
	margin-top: 10px;
	margin-bottom: 10px;
/*	width:150px;*/
	padding: 0;
	border: 1px solid #25386f;
	background-color: #fff;
/*	margin-left: 1em; */
/*	margin-right: 1em;*/

}

#sponsoring h3 {
	background-color: #25386f;
	color: white;
	padding: 4px;
	margin-bottom: 0;
	font-size:10pt;
	font-weight: bold;
}
#sponsoring img {
	border-top: 1px solid #f4f4f4;
}

#footerCol1 {
	float: left;
	width: 183px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#footerCol2 {
	float:right; 
	width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}

#footerCol3
{
	width:auto;
   	margin-left: 183px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
   	margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
}


/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
** dem Spaltenhintergrund erscheinen. */
#footerCol1 {z-index: 3;}
#footerCol2 {z-index: 5;}
#footerCol3 {z-index: 1;}
#footerCol1_content {
	z-index: 4;
	margin-left: 10px;
	margin-right: 10px;
}
#footerCol2_content {
	z-index: 6;
	margin-left: 10px;
	margin-right: 10px;
}
#footerCol3_content {
	z-index: 2;
	margin-left: 10px;
	margin-right: 10px;
}

#footerCol1, #footerCol2, #footerCol3 { position: relative; }
#footerCol1_content, #footerCol2_content, #footerCol3_content { position: relative; }



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

}