/*
   ######################################################
   ##
   ##  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 230px 20px 220px;
}


#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;
    list-style-type:square;
}

#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;
}

#aktivIn {
	color: #777;
	margin-top: 80px;
	font-size: 0.9em;
}

.submenu {
    margin-top: 40px;
}

.submenu ul {
    float: left;
    margin-right: 20px;
    padding-left: 15px;
    list-style-type:square;

}

.submenu li {
    font-size: 0.8em;
    line-height: 0.8em;
}



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

#hotline {
    float: left;
    width: 195px;
    position: absolute;
    top: 150px;
    left: 0;
    text-align: center;
}

.hotline-link {
    text-decoration: none;
    font: bold 2.0em/1.3em Verdana;
    color: #f00;
}

#zitate {
    margin: 10px;
    font-style: italic;
}

.design {
    margin-top: 10px;
    font: normal 0.6em/1.3em Arial;
    color: #000;
}

.design a {
    color: #000;
}

.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 basiert auf dem Tabs 6 Template von
    ##  http://www.highdots.com/css-tab-designer/
    ##  Ergänzt mit dem Tipp "Tab individualisieren von
    ##  http://www.thestyleworks.de/tut-art/listnav4.shtml
*/

#menu {
     position: absolute;
     top: 87px;
     float:left;
     width:100%;
     font: bold 93% Verdana,Arial,Helvetica,sans-serif;
     line-height:normal;
     border-bottom:1px solid #666;
     background-image:url(/images/menu-background.png);
     background-repeat:repeat-x;
}

#menu ul {
     margin:0;
     padding:10px 10px 0 100px;
     list-style:none;
}

#menu li {
     display:inline;
     margin:0;
     padding:0;
}

#menu a {
     float:left;
     background:url("/images/menu-left.gif") no-repeat left top;
     margin:0;
     padding:0 0 0 4px;
     text-decoration:none;
}


#menu a span {
     float:left;
     display:block;
     background:url("/images/menu-right.gif") no-repeat right top;
     padding:5px 15px 4px 6px;
     color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {
     color:#FFF;
}
#menu a:hover {
     background-position:0% -42px;
}

#menu a:hover span {
     background-position:100% -42px;
}

#home #menu-home a,
#ueberuns #menu-ueberuns a,
#leistungen #menu-leistungen a,
#notdienst #menu-notdienst a,
#service #menu-service a,
#kontakt #menu-kontakt a {
     background-position:0% -42px;
}


#home #menu-home a span,
#ueberuns #menu-ueberuns a span,
#leistungen #menu-leistungen a span,
#notdienst #menu-notdienst a span,
#service #menu-service a span,
#kontakt #menu-kontakt a span {
     background-position:100% -42px;
}