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


@media screen, handheld, projection
{

html {height: 100%; overflow: auto; overflow-y: scroll;}
/* Formatierung der Seite */
body { background: #fff;width: 990px; margin: 0px auto; }

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{}
#page_margins {width: 990px; margin: 0px auto;padding-bottom: 3em;}

/* Formatierung der Kopfbereiches */
/* #header { height: 100px; background-color: #EAE000; text-align:center; font-size:200%; padding-top:20px;} */
#header { height: 50px; font-size:200%; padding-top:20px;}
#headerPartner { height: 100px; font-size:200%; padding-top:20px;}
	
	#header2 { height: 180px; color: #fff; background:url(../../img/header2.jpg) repeat-x top; }
#header3 { height: 115px; color: #fff; background:url(../../img/header3.jpg) repeat-x top; }
#header img {margin: 48px 0 0 40px; font-size:208%;}

#userinfo {width:180px;position:absolute;top:40px;left:10px;font-size: 95%;}
#header2 #userinfo {top:100px;}
#userinfo div {padding: 0px 6px;}
#userinfo div.userinfo_inner {background-color: #3e3d40; padding: 5px 6px 15px;min-height:30px; }
#userinfo div.userinfo_inner span {	display: block; }
#userinfo a {position: absolute;margin-top: -11px;margin-left: 85px;}
#logo {position: absolute;top:-20px; cursor:pointer;}
#logoPartner {position: absolute;top:20px; cursor:pointer;}
#logo2 {width:110px;height:40px;position:absolute;top:180px;right:20px;cursor:pointer;}
#headerlink {width:160px;height:38px;position:absolute;top:28px;left:230px;cursor:pointer;}



/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff ; }


/* Content Spalte */
#col1 {}
#col1_content { }

/* Rechte Spalte */
#col2 {}
#col2_content {padding:0px 15px 0px 30px;}

/* Linke Spalte */
#col3 {
	z-index: 100;
}
#col3_content {
	position:relative;
	z-index:101;
}
.subcl {padding-right:5px;}
.subcr {padding-left:5px;}



/* ######################################################################################################
** ### Added by Web Arts (DD) ###########################################################################
** ######################################################################################################
*/



#headline {
	clear:both;
	width: auto;
	padding-left: 225px;
	padding-top:4.4em;
	padding-bottom:2em;

}

#headline2 {
	clear:both;
	width: auto;
	padding-left: 220px;
	padding-top:1em;
	padding-bottom:2em;

}

#headline2 p {
	font-size: 0.8em; 
	color: #333333; 
	margin:0px 25px 4px 25px; 
	padding: 0;
}

#headline2 a {
	background: none; 
	padding: 0px;
}

body.footer {
	background-image:url(../../img/footer_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	text-align:right;
	margin: 6px 32px 0px 0px;
	color: #fff;
}
} /* @media */

.prtlBody {
    background: #fff;
    width: 990px;
    margin: 0px auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}