/* #############################################################################
** # "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
**  Stand       : 03.04.07 Kalle
*/

@media all
{

/* Formatierung der Seite */
body {
 background: #000000 url(/files/gras.jpg) repeat-x;
 padding: 10px;
}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page {
 border: 1px #224A10 solid;
 background-color: #DEEEDB;
}
#page_margins {
 min-width: 760px;
 max-width: 1030px;
 min-height: 650px;
 margin: auto;
}

/* Formatierung der Kopfbereiches */
#header {
 height: 160px;
 color: #224A10;
 background-color: #B6C6B3;
}
#header #logo {
 float: left;
 width: 200px;
 height: 160px;
 background-color: #B6C6B3;
}
#header #logo2 {
 float: right;
 width: 200px;
 height: 160px;
 background-color: #B6C6B3;
}

/* Formatierung der Fußzeile */
#footer {
 color:#224A10;
 background:#DEEEDB;
 margin: 0 1em;
 padding: 1em 0;
 border-top: 1px #224A10 solid;
 line-height: 2em;
}

/* #############################################################################
** ### Formatierung der Inhaltsspalten #########################################
** #############################################################################
*/
#main {
 background: #DEEEDB url(/files/bg_nav.gif) repeat-y;
 padding: 0;
} 

/* linke Spalte */
#col1 {
 width: 250px;
}
#col1_content {
 margin-top: 20px;
 margin-left: 1em;
 margin-right: 1em;
 background: inherit;
}

/* Rechte Spalte abschalten */
#col2 {
 display:none;
}
#col2_content {
 display: none;
}

/* Mittlere Spalte */
#col3 {
 margin-left: 250px;
 margin-right: 0; 
}

#col3_content {
 padding-top: 20px;
 margin-left: 20px;
 margin-right: 40px;
}

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

#teaser { 
 margin: 0em 1em 0em 1em; 
 background: #f4f4f4; 
 border-bottom: 1px #ccc solid; 
 padding: 0.5em 0em 0em 30px; 
 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; 
}

}