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

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

/* Formatierung der Kopfbereiches */
#header {
	color:#88c;
	position:relative;
	/*padding: 10px;*/
	background-color: #ddd;
	/*background-image: url(../../01_bistum_mainz/03_bilder/head5.jpg);*/
	background-repeat: no-repeat;
	background-position: 0px 26px;
}
#nav { color:#fff; background:#888; padding: 1em; }

#nav div.nav_normal {width: 290px; float: right; text-align: left;}
#nav div.nav_addon {width: 583px; float:left; margin-top:1px;}
#nav div.nav_addon div.left {text-align: left; margin-left: 8px;}
#nav div.nav_addon div.right {text-align: right;}

/* Formatierung der Fußzeile */
#footer { color:#888; background:#ddd; padding: 10px;}
#footer a, #footer a:hover{
  background-color: none;
  color: #666;
}
/* ##################################################################
** ### Formatierung der Inhaltsspalten #####################################################################
** ##################################################################
*/
#main { color: #000; background: #fff ; margin: 0; padding: 0; } 

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

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

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

#col3_content { padding-top:1.5em; margin-left: 10px; margin-right: 0px; }

/* ######################################################################
** ### Farbschema für Browsertests ######################################################################
** ######################################################################
*/
	#col1 {
	background-color: #FFFFFF;
}
	#col1_content {
	background-color: #FCFCFC;
}
	#col2 {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
}
	#col2_content {
	background-color: transparent;
}

	#col3 {
	background-color: #FFFFFF;
	/*border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;*/
}
	#col3_content {background: #FCFCFC; }
	
	#main {background: #fff; }
	
}