/* Funktion : Basis-Modifikation für das Layout */

@media all
{

/* Formatierung der Seite */
body { background: #ccc; padding: 0px;}

#page{ border: 0px #FFF solid; background: #FFF; width: 75.75em;}
#page_margins {border-left: 0px #FFF solid;
 width: 75.75em; margin:auto;
border-left: 0px #FFF solid;
border-right: 0px #999 solid;
border-top: 0px #FFF solid;
border-bottom: 0px #FFF solid;
 } 

#header {
 position:relative;
 width: 100%;
 height: 9.5925em;
 line-height: 1.5075em !important;
 font-size: 0.9045em !important;
 overflow: hidden;
}

.DGK_LOGO {
 margin: 0em 0em 0em 0em;
 padding: 0em 0em 0em 0em;
 float: left;
 width: 16.525em;
 height: 9.0877em;
}

* html .DGK_LOGO  {
 height: 9.157em;
 width: 16.625em;
}

.DGK_Titelbild {
 margin: 0em 0em 0em 0em;
 padding: 0em 0em 0em 0em;
 border-left: solid #FFFFFF 0.425em;
 float: left;
 height: 9.0877em;
 width: 51.1914em;
}

* html .DGK_Titelbild {
 height: 9.175em;
 width: 51.425em;
}

.Sektion_Titelbild{
 margin: 0em 0em 0em 0em;
 padding: 0em 0em 0em 0em;
 border-left: solid #FFFFFF 0.425em;
 float: left;
 height: 9.0877em;
 width: 66.7822em;
}
* html .Sektion_Titelbild{
 height: 9.175em;
 width: 67.087012em;
}

/* # Formatierung Menü oben Rechts # */
div.sp_Mo3{
 BACKGROUND-COLOR: #FFFFFF;
 color: #000000 !important;
 padding: 0em 0em 0em 0em;
 margin: 0.37675em 0em 0em 0em;
 white-space:nowrap;
 Text-Align: right;
 float: right;
 line-height: 1.5075em !important;
 font-size: 1.175em !important;
 height: 7.537312em;
}

div.sp_Mo3 a{
 BACKGROUND-COLOR: #FFFFFF !important;
 color: #4B4C4B !important;
 text-decoration:none;
 padding: 0em 0em 0em 0em;
 margin: 0em 1em 0em 0em;
 line-height: 1.5075em !important;
 font-size: 0.9045em  !important;
 font-weight:bold;
}

.sp_Mo3 a:hover {
 text-decoration:none;
 BACKGROUND-COLOR: #FFF !important;
 color: #609D26 !important;
}

/* Kästen Rechts */
#col2 div#rechte_spalte_oben { margin: 0.37675em 0em 0em 0em;}
#col2 div.kasten_rechts .csc-textpic-clear{visibility:hidden;}
#col2 div.kasten_rechts, div.tx-jkpoll-pi1 {
 width: 13.65em;
 margin: 0px 0px 0.37675em 0.37675em;
 padding:0px 0px 0px 0px;
 border: 0.07537em solid #609D26;
 background: #FFF;
 color: #4B4C4B;
}
.tx-onetrandomcontent-pi1{margin:0px; padding:0px;}

#col2 div.kasten_rechts h1, div.tx-jkpoll-pi1 h1, .tx-onetrandomcontent-pi1 div h1.csc-firstHeader {
 margin:  0em 0em 0em 0em;
 padding: 0px 3px 0px 3px;
 border: 0px solid #609D26;
 background: #609D26;
 color: #FFF;
 line-height: 20px !important;
 font-size: 12px !important;
 font-weight:normal;
}

#col2 div.kasten_rechts p, div.tx-jkpoll-pi1 p {
 line-height: 13px !important;
 font-size: 11px !important;
 padding: 0px 3px 0px 3px;
 margin:  0em 0em 0em 0em;
}

#col2 div.col2_wetter {
 width: 13.825em;
 margin: 0em 0em 0.37675em 0.37675em;
 padding: 0em 0em 0em 0em ;
 border: 0 solid #FFF;
}

/* # Formatierung der Fußzeile # */
#footer { color:#4B4C4B;
 background:#DEEAD2;
 margin:  0em 0em 0em 0em;
 padding: 0.425em 0 0 0;
 border-top: 0.3768em #FFF solid;
 line-height: 2em;
 text-align:center;
  width: auto;
}

#footer div { line-height: 14px; }
#footer div strong {font-weight:normal;}
#footer div #copyright { line-height: 14px; font-size:10px;}
#footer div a { color:#4B4C4B; }

/* # Formatierung der Inhaltsspalten # */
#main { background: #FFF; padding-top: 0; }

/* linke Spalte */
#col1 { background:#609D26;}
#col1_content {
 margin: 0em 0em 0em 0em;
 color: #4B4C4B; background:#609D26;
 border-top: 0.3768em solid #FFF;
}

/* Rechte Spalte */
#col2 {  width: 14.0746em;}
#col2_content { margin: 0em 0em 0em 0em; padding: 0em 0em 0.3768em 0.5em;}

#col2_content .csc-header h2{
 font-family: Arial, Verdana, Sans-Serif;
 font-size: 0.8em;
 margin: 0em 0em 0em 0em;
 padding: 0.8em 0em 0em 0em;
 }

#col2_content ul { margin: 0em 0em 0em 0em;}

#col2_content ul.csc-menu li {
 font-family: Arial, Verdana, Sans-Serif;
 font-size: 0.9em;
 margin: 0.5em 0em 0em 0em;
 list-style-type:none;
 }

#col2_content ul.csc-menu li a{ font-weight:normal; }

/* Mittlere Spalte */
#col3 {
 margin-left: 0px;
 margin-right: 15.0746em;
 /* basemod_vlines.css auch.... */
 border-left: 0px solid #609D26;
 border-right: 0px solid #FfF;
 background: #FFF;
 color: #444;
}

#col3_content { margin-left: 10px; margin-right: 10px; padding: 0 0 15px 0;}

/* Formatierung des Teasers */
#teaser {
 margin:0em;
 padding:0em;
 background: #4B4C4B;
 height: 2.2619em;
 width: 100%;
}

#teaser_rechts{
 height: 2.2619em;
 width: 14.9238em;
 margin:0em;
 background: #609D26;
 color: #FFF;
 padding: 0em 0em 0em 0em;
 border-right: solid #FFFFFF 0.3768em;
 float: left;
 text-align: center;
}


#teaser_rechts a{
 width: 14.5470em;
 margin:0em;
 padding: 0em 0em 0em 0em;
 background: #609D26;
 color: #FFF;
 font-size: 0.9044em !important;
 line-height: 2.2619em;
 text-transform:uppercase;
 font-weight:normal;
}

* html #teaser_rechts{
 width: 15.3007em;
 w\idth: 14.9238em;
}

/* teaser links (suche) */
#teaser_links{
 height: 2.2619em;
 width: 13.75em;
 margin:0em;
 background: #609D26;
 color: #FFF;
 padding: 0em 0em 0em 0em;
 border-left: solid #FFF 0.3768em;
 float: right;
}

* html #teaser_links{
 width: 14.2em;
 w\idth: 13.75em;
}

#teaser_links form{
 margin:0em;
 padding: 0.425em 0em 0em 0.25em;
 border: 0em;
 background: #609D26;
 color: #FFF;
 width: 13.125em;}
 
 * html #teaser_links form{
 padding: 0.275em 0em 0em 0.25em;
}
 
#teaser_links form input, #teaser_links form input:focus { 
 margin:0em;
 background: #FFF;
 color: #000;
 padding: 0.0625em;
 width: 6.3em;}
 
#teaser_links form input.teaser_suche-button {
 margin:0em;
 padding: 0em 0em 0em 0em;
 border: 0em;
 background: #609D26;
 color: #FFF;}
 
#teaser_links form input.teaser_suche-button:hover { text-decoration:underline;}

} /* Ende Media all */

@media screen
{
img.auszeichnung{ padding-top: 15em;}
/* =========== Syles für Barierefreiheit ========= */
/* Accesskey */
.hd, .jump, #col1 li dfn, .hidden{
    height: 1em;
    left: -150em;
    overflow: hidden;
    position: absolute;
    width: 100em;
}
}