/*
   ######################################################
   ##
   ##  css für www.rohrreinigung-dirks.de
   ##
   ##  (C) 2007, by Mike Küster, www.xantiva.de
   ##
   ##  5.8.2007
   ##
   ######################################################
*/


/* Basis Style - Sheet
   -------------------
   Hier werden alle Angaben zunächst "zurueckgesetzt" um dann im eigenen
   CSS explizit gesetzt zu werden!
   Quelle: http://www.grochtdreis.de/adventskalender/advent.php  19 + 20
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100.01%;
    background-color: #fff;
    color: #000;
}

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}


/* Allgemeine Angaben */

body {
    font-weight: normal;
    font-size: 0.9em;
    /* Emu in der unteren rechten Ecke */
    background: #ffffff url(/images/emu-background.png) bottom right no-repeat fixed;
}

img {
    border: none;
}


.clearer{
        height: 1px;
        overflow: hidden;
        margin-top: -1px;
        clear: both;
}


#content {
     margin-top: 150px;
     padding: 0px 20px 20px 20px;
}


#content p {
    margin-bottom: 0.5em;
}

#content a {
   color: #000;
}

#content h1 {
    font: bold 1.5em/1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1.0em;
    margin-bottom: 0.7em;
}

#content h2 {
    font: bold 1.3em/1.0em Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1.0em;
    margin-bottom: 0.7em;
}

#content h3 {
    font: bold 1.1em/1.0em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 1.3em;
    margin-bottom: 0.7em;
}

#content ul {
    margin-left: 20px;
    margin-top: 20px;
}

#content ul h3{
    font: bold 1.2em/1.0em  Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

#content ul li{
    font-size: 0.8em;
    margin-bottom: 0.7em;
}

#content ol {
    margin: 20px;
}

#content ol li{
    margin-bottom: 0.7em;
}


#content img.foto
 {
    padding: 2px;
    border: 1px solid #1a4b28;
    margin: 20px;
}

#content img.fotorechts
 {
    float: right;
    padding: 2px;
    border: 1px solid #1a4b28;
    margin: 0 0 10px 20px;
 }

#content img.fotolinks
 {
    float: left;
    padding: 2px;
    border: 1px solid #1a4b28;
    margin: 0 20px 10px 0;
 }

 #content cite {
    font: italic 1.0em/1.0em "Trebuchet MS", "Times New Roman", Times, serif;
}


.submenu {
    display: none;
}



/*  ##  Linke Spalte mit dem Hotline - Button
    ##  fliessend, aber links fixiert  ;-)
*/

#hotline {
    display: none;
}

.back {
    margin-top: 20px;
    font-style: italic;
}

#staedteliste {
    height: 250px;
    width: 200px;
    overflow: auto;
    color: #333;
    background: #fafafa;
    border: 1px solid #1a4b28;
    padding: 3px;
}

#staedteliste ul {
    margin-top: 0;
    margin-bottom: 10px;
}

#staedteliste ul li {
    margin-top: 0;
    margin-bottom: 0;
}

/*  ##  Header Bereich, oben fixiert  ;-)
*/

#header {
     position: absolute;
     top: 0;
     width: 100%;
     background-image:url(/images/header-background.png);
     background-repeat:repeat-x;
     text-align: center;
}


#menu {
    display: none;
}