/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
** 
**  YAML Version: 2.1.1
**  Dateiversion: 04.02.06  
**  Datei       : basemod.css
**  Funktion    : Basis-Modifikation
**
*/

@media all
{

/* Formatierung der Seite */
body {
	background: #99a;
	padding: 10px;	
	font-size: small;
}

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

/* Formatierung der Kopfbereiches */
#header { position:relative; height: 113px; color: #fff; background: #1f1e2e url("../images/mvsh_logo.jpg") repeat-x top; }
#header img {position:absolute; top: 0px; left: 0px; font-size:208%;}

/* Formatierung der Fußzeile */
#footer { 
	color:#F6CA00;; 
	background:#003366; 
	margin: 0em; 
	padding: 0.5em 0 0 0; 
	border-top: 2px #F7C800 solid; 
	border-bottom: 2px #F7C800 solid; 
	line-height: 1.1em;
	text-align:center;
}

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

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

/* Rechte Spalte */
#col2 {	width: 25%; background: #DBEEF9; }
#col2_content {	padding-top:0.2em; margin-left: 0.5em; margin-right: 0.2em; }

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

#col3_content { padding-top:0.2em; margin-left: 0.5em; margin-right: 0.5em; }


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

#teaser { 
	margin: 0 1em 0em 1em; 
	font-size: 0.82em; 
	background: #f4f4f4; 
	border-bottom: 1px #ccc solid; 
	padding: 0.5em 0 1em 40px; 
	color: #5f5d75; 
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em;}
#teaser .block3 {width: 45%; padding-top:0.5em;}
#teaser .block3 .title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	display:block;
	font-size: 1.2em; 
	font-weight:bold; 
	color: #336699;  
	background:inherit;  
	margin:0.4em 0 0.5em 0; 
}

#playercard {
	-moz-border-radius:15px;
	width:500px;
	background: #fff;
	color:#666;
	border:solid 1px #111;
	padding:0.5em;
}
#playercard td.data {font-size:1.1em; color:#336699;padding-left:0.5em;}
#playercard td.title {font-size:0.8em; color:#888; border-top:solid 1px #666;}
#playercard a { color:#336699; }
/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors" von A List Apart ################################################
** ######################################################################################################
*/

#nav_main {
	width:100%;
	float:left;
	color: #fff;
	padding:0px;
    padding-top:0.2em;
    padding-bottom:0.3em;
	background: #003366 ;
	border-top:solid 2px #F7C800; 
	border-bottom:solid 2px #F7C800; 
}

#nav_main ul {
  white-space: nowrap;
  line-height: 0.7em;
  margin:0;
  padding:0 0 0 150px;
  list-style:none;
}
  
#nav_main li {
  float:left;
  background: #003366 url("../images/sliding_door/nav_rund/button-l.png") no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0 0 0 3px;
  margin: 0;
}

#nav_main a {
  float:left;
  display:block;
  color:#003366;
  background: transparent;
	background: url("../images/sliding_door/nav_rund/button-r.png") no-repeat top right;
  padding:1px 11px 0px 8px;
  text-transform: none;
  text-decoration:none;
  font-weight:bold;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover { 
    color:#003366;
		text-decoration: underline;
    background-color: transparent;
	background: url("../images/sliding_door/nav_rund/button-r.png") no-repeat top right;
  }

.newstop {
	text-align:left;
	background: #81B1DB;
	border-top: solid 2px #F7C800;
	border-bottom: solid 2px #F7C800;
	padding: 0.2em 0em;
	margin: 0.2em 0em 0.5em 0em;
}
.newsbottom {
	text-align:right;
	background: #81B1DB;
	border-top: solid 2px #F7C800;
	border-bottom: solid 2px #F7C800;
	padding: 0.2em 0em;
}

}