/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;
    left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0; 
    width: 983px;
}

#focus-stealer {
 position: absolute;
 left: -9999px;
}


#leftcol {
 width:240px;
 float:left;
}

#xleftcol {
 padding:0 20px 0 20px;
}

#logoprint {
 display:none;
}

#rightcol {
 width:596px;
 float:left;
}

#logo {
 margin-bottom:20px;
 border:1px solid #ffffff;
}

#nav {
 margin-bottom:20px;
}

#kalender {
 margin-bottom:20px;
}

#karte {
 margin-bottom:20px;
}

#header {
 background:#ffffff url(/img/shared/rote_quadrate_fuer_header.png) top left no-repeat;
 height:144px;
 width:596px;
 border:1px solid #ffffff;
}

#header .headline {
 padding:52px 0 0 27px;
 color:#fff;
 font-size:1.2em;
 opacity:0.99;
}

#klickpfad {
 margin:22px 0 20px 27px;
 height:29px;
 line-height:29px;
 background:#ffffff;
 color:#1d1d1d;
 font-size:0.8em;
}

#klickpfad a {
 line-height:29px;
 font-size:0.9em;
 color:#1d1d1d;
 text-decoration:none;
 font-family:Arial,Verdana,sans-serif;
}


#klickpfad a.fontsmaller {
 line-height:29px;
 font-size:0.8em;
 color:#1d1d1d;
 text-decoration:none;
 font-family:Arial,Verdana,sans-serif;
}

#klickpfad a.fontnormal {
 line-height:29px;
 font-size:0.9em;
 color:#1d1d1d;
 text-decoration:none;
 font-family:Arial,Verdana,sans-serif;
}

#klickpfad a.fontbigger {
 line-height:29px;
 font-size:1.0em;
 color:#1d1d1d;
 text-decoration:none;
 font-family:Arial,Verdana,sans-serif;
}


#content {
 width:596px;
 margin-bottom:20px;
 margin-top:20px;
 border:1px solid #ffffff;
 background:#ffffff;
}

#content td {
 line-height:16px;
}

#xcontent {
 padding:20px;
}

#footer {
 width:596px;
 height:43px;
 line-height:1.1em;
 background:#ffffff;
 color:#1D1D1D;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.7em;
}

#footer a {
 color:#1D1D1D;
 font-family:Arial,Verdana,sans-serif;
 text-decoration:none;
}

.copy {
 color:#000000;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:1.4em;
}

.copyred {
 color:#D72120;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:1.4em;
}

.error {
 color:#a6001e;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:1.4em;
}


a.copylink {
 color:#D72120;
 font-family:Arial,Verdana,sans-serif;
 font-size:12px;
 line-height:18px;
 text-decoration:underline;
}

h1 {
 color:#D72120;
 font-family:Arial,Verdana,sans-serif;
 font-size:1em;
 line-height:1.2em;
 font-weight:bold;
}

h1.nostyle {
 display:none;
}


h2 {
 color:#000000;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.9em;
 font-weight:bold;
}

h3 {
 color:#000000;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 font-weight:bold;
}

h4 {
 color:#1d1d1d;
 font-family:Arial,Verdana,sans-serif;
 font-size:1.2em;
 font-weight:bold;
}

.navtab {
 color:#ffffff;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.2em;
 font-weight:bold;
 background: #d72120;
 padding:10px 0 0 0;
 border:1px solid #ffffff;
}

.kalendertab {
 color:#ffffff;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 font-weight:bold;
 background: #649db2;
 padding:10px;
}

.kartetab {
 color:#ffffff;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 font-weight:bold;
 background: #D72120;
 padding:5px 0 5px 10px;
 border:1px solid #fff;
}

#kalendergrid {
 color:#000000;
 font-size:0.6em;
 font-family:Arial,Verdana,sans-serif;
 text-align:center;
 background:#ffffff;
}

#kalendergrid a {
 color:#ffffff;
 font-size:1.0em;
 padding:0.2em;
 font-family:Arial,Verdana,sans-serif;
 text-decoration:underline;
 background:#649db2;
}

#navcontainer {
 width: 198px;
 border:1px solid #ffffff;
}

#navcontainer ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 font-family:Arial,Verdana,sans-serif;
}

#navcontainer a {
 display: block;
 padding: 0 3px 0 10px;
 border-bottom: 1px solid #d8d8d8;
 font-size:0.8em;
 line-height:2.0em;
}

#navcontainer a:link, #navlist a:visited {
 background-color: #ffffff;
 color: #1e1e1e;
 text-decoration: none;
}

#active a:link, #active a:visited, #active a:hover {
 background-color: #d8d8d8;
 color: #1e1e1e;
 text-decoration: none;
}

#navcontainer a:hover {
 background-color: #d8d8d8;
 color: #505050;
}

#headlinediv td {
 vertical-align:top;
}

.teaserlink {
 color:#1D1D1D;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:1.5em;
 font-weight:bold;
 text-decoration:underline;
}

.teaserlink2 {
 color:#1D1D1D;
 font-family:Arial,Verdana,sans-serif;
 font-size:1.0em;
 line-height:1.5em;
 font-weight:bold;
 text-decoration:underline;
}


.mapslink {
 color:#1D1D1D;
 font-family:Arial,Verdana,sans-serif;
 font-size:1.0em;
 line-height:1.2em;
 font-weight:bold;
 text-decoration:none;
}


.karteteaser {
 padding:5px;
 background:#ffffff;
}

.zeitplanteaser {
 padding:5px 5px 5px 10px;
 background:#ffffff;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:1.2em;
}

.theader {
 padding:6px 20px 6px 20px;
 border-bottom:1px solid #ffffff;
 //background:#dadada;
 background:#ffffff;
 font-family:Arial,Verdana,sans-serif;
 font-weight:bold;
}

.tselect {
 padding:7px 20px 7px 20px;
 border-bottom:1px solid #ffffff;
 background:#eeeeee;
}

.monatsleiste {
 padding:7px 0 7px 20px;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.8em;
 line-height:0.8em;
 font-weight:bold;
 color:#ffffff;
 background:#D72120;
}

.tdliste {
 border-bottom:1px solid #dadada;
 padding:10px 0 10px 0;
 vertical-align:top;
}

.tdliste_1 {
 border-bottom:1px solid #dadada;
 padding:10px 0 10px 0;
 vertical-align:top;
 background:#f1f1f1;
}

.tdliste_2 {
 border-bottom:1px solid #dadada;
 padding:10px 0 10px 0;
 vertical-align:top;
 background:#ffffff;
}


.inputfilter {
 font-family:Arial,Verdana,sans-serif;
 font-size:0.7em;
 font-weight:normal;
 color:#000000; 
 height:20px;
 margin-right:20px;
}

.detailsdatum {
 padding:12px 0 12px 0;
 background:#dadada;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.7em;
 line-height:1.4em;
 font-weight:normal;
}

.detailstext {
 padding:12px 0 12px 0;
 font-family:Arial,Verdana,sans-serif;
 font-size:0.7em;
 line-height:1.4em;
 font-weight:normal;
 border-bottom:1px solid #dadada;
 vertical-align:top;
}

a.backlink {
 font-family:Arial,Verdana,sans-serif;
 font-size:1.0em;
 line-height:1.0em;
 font-weight:bold;
 tex-decoration:underline;
 color:#1D1D1D;
}