/*  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 */
/*  Hintergrungfarbe */
body { background: #fff; padding: 10px; }

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{ border: 0px #000 solid; background: #fff; min-height: 800px; }
#page_margins {border: 0px #889 solid; min-width: 1000px; max-width: 1006px; margin:auto; min-height: 800px;}

/* Formatierung der Kopfbereiches */
#header { height: 140px; color: #fff; background: url("../../Bilder/Banner-Scheld.jpg") no-repeat ; position:relative ; }
#headerbild { height: 140px; color: #fff; background: url("../../Bilder/Banner-Bilder.jpg") no-repeat ; position:relative ;}
#headerkirmes { height: 140px; color: #fff; background: url("../../Bilder/Banner-Kirmes.jpg") no-repeat ; position:relative ;}
#headerverein { height: 140px; color: #fff; background: url("../../Bilder/Banner-Verein.jpg") no-repeat ; position:relative ;}
#headergeschaeft { height: 140px; color: #fff; background: url("../../Bilder/Banner-Geschaefte.jpg") no-repeat ; position:relative ;}
#headerfreizeit { height: 140px; color: #fff; background: url("../../Bilder/Banner-Freizeit.jpg") no-repeat ; position:relative ;}
#headerfakten { height: 140px; color: #fff; background: url("../../Bilder/Banner-Fakten.jpg") no-repeat ; position:relative ;}
#headergaeste { height: 140px; color: #fff; background: url("../../Bilder/Banner-Gaestebuch.jpg") no-repeat ; position:relative ;}

#header img {margin: 0px 0 0 0px; font-size:208%;}

/* Formatierung der Fußzeile */
#footer { color:#000; background:#ddd; margin: 0 0em; padding: 1em 0; border-top: 0px #ddd solid; line-height: 1em; height:30px;
          background: url("../../Bilder/footer18.jpg") no-repeat top right; clear:both; }

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

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

/* Rechte Spalte */
#col2 {	width: 300px; }
#col2_content {	margin-left: 1em; margin-right: 1em; }

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

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

#ansicht {  color:#334;
    font-weight:bold;
  padding-bottom:4px;
  font-size: 20px;
  margin-top: 10px; }

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

#teaser {
	margin: 0em 1em 0em 1em;
	background: #c1c1c1;
	border-bottom: 1px #ccc solid;
	padding: 0.5em 0em 0em 30px;
	color: #5f5d75;
}
/* Der Teaser verschiebt das Objekt um 55Pixel */
#teaser1 { 
	margin: 0em 6px 0em 0em; 
	background: #fff; 
	border: 1px #ccc solid; 
	padding: 0.5em 1em 0em 2px; 
	color: #5f5d75; 
	
}

#teaser div {float:left; width: auto; margin-right: 1em; }
#teaser .block1 {padding-top:1em; font-size: 0.82em; }
#teaser .block3 {width: 50%; padding-top:0.5em; font-size: 0.82em; }

#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 0 0.5em 0; 
}

}