@charset "UTF-8";
/*------------------------------------------------ 
CSS Dokument für "saarland-sauna.de"
Datei: standard.css
Datum: 18.10.2012
Autor: Thomas Maas

Inhalt:  1. Kalibrierung und Restauration
    2. Allgemeine Styles
    3. Styles für Layoutbereiche
    4. Sonstige Styles
------------------------------------------------*/


/*------------------------------------------------ 
1. Kalibrierung und Restauration
------------------------------------------------*/

* {padding: 0; margin: 0;}
html { overflow-y: scroll;}

/* Abstände von unten und nach links */
 p, ul, ol {margin-bottom: 1em;}

/* Patch für IE7 */
*:first-child+html .clearfix {min-height: 0;}

/* Patch für IE6 */
* html .clearfix {height: 1%;}


/*----------------------------------------------- 
2. Allgemeine Styles
------------------------------------------------*/

body {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-image: url(pics/bg_body_20x135.jpg);
  background-repeat: repeat-x;
}

h1 {font-size: 150%;font-weight: normal;padding: 0;margin: 0;}
h2 {font-size: 135%;font-weight: normal;padding: 0;margin: 0;}
h3 {font-size: 125%;font-weight: normal;padding: 0;margin: 0;}
h4 {font-size: 100%;font-weight: bold;padding: 0;margin: 0;}


a {text-decoration: none; }
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover, a:focus {text-decoration:underline;}
a:active {color: #d4041d;}

.clearing {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


/*------------------------------------------------ 
3. Styles für Layoutbereiche
------------------------------------------------*/

/* -------------- wrapper ----------------- */

div#wrapper {
  background-color:#fff;
  background-image:url(pics/bg_wrapper_1008x10.jpg);
  color: #555;
  line-height: 165%;
  width: 1008px;
  margin: 0px auto 0px auto;
}

/* ---------------- top ------------------- */

div#top {
  background-image: url(pics/bg_top_1008x100neu.jpg);
  height: 100px;
}
  
  div#top a { 
    color: #555;
  font-size: 85%;
    font-style:italic;
}
  
  div#top ul {
    margin-left: 550px;
  }
  
  div#top li { 
    display: inline;
    list-style-type: none;
  margin-right: 25px;
  }
  

/* -------------- top_nav ----------------- */

div#top_nav {
  background-color:#9b9c9e;
  background-image: url(pics/bg_topnav_1008x10.jpg);
  font-size:120%;
  color:#fff;
  height: 25px;
  margin: 0;
  padding: 5px
}

  div#top_nav ul {
    margin: 0px 30px 0 20px;
  }

  div#top_nav li {
    display: inline;
    color:#fff;
    margin: 0px 20px 0 0;
  }


/* -------------- sidebar ----------------- */

div#sidebar {
  float: right;
  width: 183px;
  margin: 0px;
  padding: 0px;
  font-size: 85%;
  line-height: 150%;
}

  div#sidebar h3, h2, h1 {
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 7px;
  margin-left: 10px;
  }


  div#sidebar p {
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 5;
  margin-left: 10px;
  }

  div#sidebar ul {
  list-style-type: none;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 25px;
  margin-left: 10px;
  }

  div#sidebar li {
 
  margin: 0;
  padding: 2px;
  }
  
 div#sidebar a {
    text-decoration: none;
    display: block;
    padding: 3px;
  }
  
  div#sidebar a:link { color: #555; }
  
  div#sidebar a:visited { color: #555; }
  
  div#sidebar a:hover, a:focus {
    text-decoration:underline;
    color: #555;
    }
    
  div#sidebar a:active {background:#fff; color: #333;}
  



/* -------------- side_nav ---------------- */

div#side_nav {
  font-size: 90%;
  /*font-style:italic;*/
  line-height: 150%;
  color: #555;
  width: 185px;
  float: left;
}


  div#side_nav ul {
    margin: 8px 0 20px 24px;
    list-style-type: none;
  }

  div#side_nav li {
    color:#000;
  padding: 3px;
  }
  div#side_nav a {
    text-decoration: none;
    font-style:normal;
    display: block;
  }
  
  div#side_nav a:link { color: #555; }
  
  div#side_nav a:visited { color: #555; }
  
  div#side_nav a:hover, a:focus {
    text-decoration:underline;
    color: #555;
    }
    
  div#side_nav a:active {background:#555; color: #fff;}


/* -------------- side_menu ---------------- */

div#side_menu {
   background-color: #fff;
   height: 380px;
  }

/* -------------- side_aktion ---------------- */

div#side_aktion {
   background-color: #eee;  
  }
div#side_aktion h3{
  /*font-size: 100%;*/
  color: #555;
  /*background: #9b9c9e;*/
  /*padding: 2px 0 0 10px;*/
}

/* --------------- main ------------------ */  

div#main {

  width: 560px;
  margin: 0 0 0 185px;
  padding: 0px 40px;
}

div#main h1 {
  color: #777;
  padding: 20px 0 7px 0;
  margin: 0;
  }

div#main h2 {
  color: #777;
  /*background-color: #eee;
  text-align: left;
  width: 560px; */
  padding: 8px 0;
  margin: 0;
  }
div#main h3 {
  /* color: #222;
  background-color: #e0dcd0;
  text-align: left;
  width: 560px; */
  padding: 6px 0;
  margin: 0;
  }
div#main h4 {
  /* color: #222;
  background-color: #e0dcd0;
  text-align: left;
  width: 560px; */
  padding: 2px 0px 2px 0px;
  margin: 0;
  }
  
div#main p {
   padding: 2px 0;
  }

div#main a {
  color: #777;
    font-style:italic;
  }

div#main ul {

  }

div#main li { 
    display: inline;
    list-style-type: none;
  padding: 0 30px 5px 0;
  }


/* -------------- footer ----------------- */

div#footer {
  background-color:#fff;
  background-image:url(pics/bg_footer_1008x10.jpg);
  height: 50px;
  color:#555;
}

div#footer p {
  font-size:90%;
  font-style:italic;
  letter-spacing:1px;
  margin-left: 16px;
  padding: 8px;
}




/*------------------------------------------------ 
4. Sonstige Styles
------------------------------------------------*/