/* ######################################################################################################
** # "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
**  Checked with http://jigsaw.w3.org/css-validator/ 19.1.07 - DB
*/

@media all
{
/* Formatierung der Seite */
body {
 padding:10px;
 background-color: #999;
/*
 background-image: url(../../img/bg_body.png);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-x-position: center;
 background-y-position: top; 
*/
}

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

/* Formatierung der Kopfbereiches */
#header { 
	position:relative;
	/*width: 100%;*/
	height:80px;
	color:#fff; 
	background-color: #fff;
	background-image: url(../../img/background_header.png);
	background-repeat: no-repeat;
	background-position: 200px 0;
}
#header img {position:absolute; top:5px; left:12px; 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 { top:10px; color:#000; }
#header div.tx-macinasearchbox-pi1 {position:absolute; top:130px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

.nav-row {
	background-color:#015ea4;
	background-image: url(../../img/bg_nav_row.png);
	background-repeat: repeat-y;
	color:#fff;
}

/* Formatierung der Fu�zeile */
#footer-image { 
	background: #fff;
	padding-top:0;
	background-image: url(../../img/bg_col1_F4F4F4.png);
	background-position: -50px 0;	
	background-repeat: repeat-y;
	text-align: right;
	padding-right:5px;
}
#footer { color:#fff; background:#b2b2b2; padding: 4px; text-align: center; }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { 
	background: #fff;
	padding-top:0;
	background-image: url(../../img/bg_col1_F4F4F4.png);
	background-position: -50px 0;	
	background-repeat: repeat-y;
	min-height:360px;
}

/* linke Spalte */
#col1 {
	width: 200px; /*22.5%;*/ 
	
}
#col1_content { 
/*	
	margin-left:1em;
	margin-right:1em;
*/
	color:#444;
}

/* Rechte Spalte */
#col2 { width:180px; } /*25%*/
#col2_content {	margin-left:1em; margin-right:1em; padding-top: 25px;}

/* Mittlere Spalte */
#col3 {
	margin-left: 200px; /*22.5%;*/ 
	margin-right: 180px; /*25%;*/
	border-left:0px dotted #ddd;
	border-right:0px dotted #ddd;
}
#col3_content { 
	margin-left: 14px;
	margin-right: 6px;
	padding-bottom: 20px;
}

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {
	margin: 0 0 0 200px;
	/*width:77.5%;*/
	padding:0;
	background:#015ea4;
	color:#fff;
	border-left:0px #fff solid;
}
#teaser div { float:left; width:auto; margin-right:1em; }
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .block1 a {color:#fff;}
#teaser .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 .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {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:#015ea4; background:inherit; margin:0 0 0.5em 0;}

}