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

@media all
{

/* Formatierung der Seite */
body {
	background: #fff;
	padding: 10px;	
	font-size: 11px;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 0px #ccc solid; background: #fff; }
#page_margins {border: 0px #eee solid; min-width: 756px; max-width: 968px; margin:auto;}


/* Formatierung der Kopfbereiches */
#header {
	color:#88c;
	position:relative;
	height:138px;
	background-image: url(../../img/blaugesamt.jpg);
	padding-left:40px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#nav {
	color:#FFFFFF;
	/*background:#888; */
	/*padding: 0.6em;*/
	/*background-image: url(../../img/pfadblau.jpg); 
	text-decoration:none;
	height: 23px;
	padding-left: -10px;
	padding-top: 25px; */
	position:absolute;
	left: 25px;
	top: 114px;	
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10px; 

}



#logo {
	position:absolute;
	left: 11px;
	top: 53px;	
}
#nav a {
	color:#FFFFFF;
}
#nav a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

#pdf {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10px; 
	color:#FFFFFF;
	/*padding: 0.6em;
	text-decoration:none;
	height: 23px;	*/
	position:absolute;
	left: 560px;
	top: 114px;
	width: 400px;
	text-align: right;	
	
}
#pdf a {
	font-family: Verdana, Arial, Sans-Serif; 
	font-size: 10px; 
	color:#FFFFFF;
	padding-left: 12px;
	background-image: url('../../img/kastenweiss.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#pdf a:hover {
	color:#CCCCCC;
	text-decoration:none;
}


#topnav {
		position:relative;
		top: 4px;
		color: #fff;
		background: transparent;
		left:-25px;
		text-decoration: none;
		text-align: left; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}

#topnav a  {
	padding-right: 10px;
		}

#topnav a:hover {
	color: #000000;
		}

	
/* Formatierung der Fußzeile */
#footer {
	color:#888;
	padding: 0px;
/*	margin-left: 3px;
	margin-right: 3px;*/
	background-color: #FFFFFF;
	text-align: center;
}
.lebensgrundlage{
	position:relative;
	top:12px; 
	clear:left;	
	padding:20px 0 0 0;
	
	z-index: 8;

	}
.lebensgrundlage img{
margin-left: 0px;
/*margin-top:20px; */
width:300px;
}
.rahmen100{
	position:relative;
	clear:left;	
	z-index: 7;
}
.awilogo{
	position:relative;
	float:left;
}
.awilogo img{
padding-top:15px;
width:63px;
}
.awiadresse{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	/* top:5px; */
	float:left;
	vertical-align:bottom;
	z-index: 10;
	font-size: 10px; 

	}
.minilogo{

	position:relative;
	top:-3px; 
	float:right;
	z-index: 9;

}



/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { color: #000; background: #fff ; margin: 0; padding: 0; } 

/* linke Spalte */
#col1 {	width: 20%; }	
#col1_content {	padding-top:0.5em; margin-left: 10px; margin-right: 10px; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 30%; }	
#col2_content {	padding-top:0.5em; margin-left: 10px; margin-right: 9px; }

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

#col3_content {
	padding-top:10px;
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 17px;

}

/* ######################################################################################################
** ### Farbschema für Browsertests ######################################################################
** ######################################################################################################
*/
	#col1 {background: #E9EAEA;}
	#col1_content {background: #E9EAEA; }
	#col2 {background: #E9EAEA; }
	#col2_content {background: #E9EAEA; }
	#col3 {
	background-color: #FFFFFF;
} 
	#col3_content {
	background: #FFFFFF;

}
	#main {background-color: #E9EAEA;
}
	#rand {
	background: #FFFFFF;
	border-left: 2px solid #E9EAEA;
	border-right: 2px solid #E9EAEA;
	border-top: 2px solid #E9EAEA;
	margin: 0px 3px 0px 3px;
}
	
.voll {
	padding-top: 0px;
}

/* #col1 wird zur linken Spalte */
#footerleft {
width: 238px;
float: left; 
background: #E9EAEA;


 }	

/* #col2 wird zur rechten Spalte */
#footercenter {

	width:auto;
	background: #4d98d9;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin-left: 239px; 
	margin-right: 196px;

}

/* #col3 wird zur mittleren Spalte */
#footerright {
    color:#E9EAEA;
	float: right; 
	width: 195px; 
	background: #E9EAEA;
	}

}