/* ######################################################################################################
** # "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 all
{

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

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 8px #fff solid; background: #fff;}
#page_margins {border: 1px #66A2DE solid; width:860px;  margin:2em auto;}
#site_auswahl_margins {margin:auto;}

/* Formatierung der Kopfbereiches */
#header { height: 90px; color: #333; border-bottom:1px dotted #ccc; margin-bottom:1em;}
#header img{
	float:left;
	display:block;
	margin-top:2.25em;
}

/* Formatierung der Kopfbereiches */
#topnav{
	margin:-18px;
	padding:0;
}

#subnav {
	margin:-0.25em 0 0 0;
	padding:0;
}

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

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

/* linke Spalte */
#col1 {	width: 22.5%;height:20em; }	
#col1_content { margin-left: 1em; margin-right: 1em; color: #444; background:inherit; }

/* Rechte Spalte */
#col2 {	width: 288; }
#col2_content {	margin:0;}

/* Mittlere Spalte */
#col3-2
{
  margin-left: 78%; 
  /*margin-right: 280px; */
	border-left: 1px dotted #ccc;
	border-right: 0px dotted #ddd;
}

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


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/

#site-auswahl{
  text-align: center;
  position:relative;
  vertical-align:middle;
  display:table-cell;
}

#site-auswahl div{
  width: 647px;
  text-align: center;
  margin:auto;
} 

#site-auswahl div ul{
  list-style-type: none;
} 

}