/*
################################################################################
Version 10.03.2006, 0.1
################################################################################
Bernd Göbel, <strich-komma />, http://www.strich-komma.de, web@strich-komma.de
################################################################################
################################################################################
- CSS für den Internetexplorer/alle "main_ie.css"
- CSS für den Druck, "print.css"
################################################################################
Farben:
gelb; Links: #D2C054;
dunkelblau; Hintergrund: #374E65;
dunkelblau-heller; Hintergrund; Navigation, Footer: #476580
blau; Text: #476580
link-blau Footer: #71889D


################################################################################
*/
body {
  background-color:#374E65;
  background-image: url(../images/bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 136px;
  font-size: 100.1%;
  margin: 0px;
  padding: 0 0 40px 0; }
  
body.home {
  background-image: url(../images/bg-home.gif);
}  

table , p  , h2 , h3 , h4 , ul , address , select , input , textarea { font-size: 0.9em; }
 
body , div , table , p  , h2 , h3 , h4 ,  li , a , label, td, span, address , select , input , textarea {
  font-family: Arial , Helvitica , Verdana,  sans-serif;
  color: #476580;
  font-style: normal; }
  
h2 , h3 , h4 , h5 , p , ul , table , fieldset.kontaktformular { margin: 0px 74px 0px 94px; }

h1 { margin: 0; padding: 0; }
h1 span { display: none; }

h2 { color: #D2C054; font-size: 1.25em; }

h3 {  font-size: 1em; margin-top: 3em;}
h4 {  font-size: 1em; margin-top: 1em;}

p.first , form.first { margin-top: 3em; }

a { text-decoration: none;  }
#page-content a { border-bottom: 1px dotted #88b1d3; }
#page-content a:hover { border-bottom: 1px solid #476580; }
a:focus { outline: none!important; }

a:hover { text-decoration: none; }
  
img { border:none; } 

  
/*Navigation*/
/*menue.css*/
  
/*Inhalt
*************************************************************************************************/
#page-wrapper {
    width: 782px;
    background: url(../images/bg-page-wrapper-default.gif) no-repeat 0 0;
    padding-left: 188px;
}

body.home #page-wrapper { background: url(../images/bg-page-wrapper-home.png) no-repeat 0 0; }
body.aktuelles #page-wrapper { background: url(../images/bg-page-wrapper-aktuelles.png) no-repeat 0 0; }
body.team #page-wrapper { background: url(../images/bg-page-wrapper-team.png) no-repeat 0 0; }
body.philosophie #page-wrapper { background: url(../images/bg-page-wrapper-team.png) no-repeat 0 0; }
body.referenzen #page-wrapper { background: url(../images/bg-page-wrapper-referenzen.png) no-repeat 0 0; }
body.kontakt #page-wrapper { background: url(../images/bg-page-wrapper-kontakt.png) no-repeat 0 0; }
body.sitemap #page-wrapper { background: url(../images/bg-page-wrapper-kontakt.png) no-repeat 0 0; }

body#mediation #page-wrapper { background: url(../images/bg-page-wrapper-mediation.png) no-repeat 0 0; }
body#beratung #page-wrapper { background: url(../images/bg-page-wrapper-beratung.png) no-repeat 0 0; }
body#energie #page-wrapper { background: url(../images/bg-page-wrapper-energie.png) no-repeat 0 0; }


#page-content , #page-content-home {
  border: none;
  position: relative;
  top: 45px;
  left: -9px;
  z-index: 3;
  width: 773px;
  min-height: 462px;
  background-image: url(../images/bg-content.gif);
  background-repeat: repeat-y;
  padding-bottom: 40px;
  margin-bottom: 46px; }
  
#page-content-home {
  height: 502px;
  background-image: url(../images/bg-home-content.jpg);
  background-repeat: no-repeat;
  background-position: 24px 0px;
  padding-bottom: 0px;
  margin-bottom: 46px; }
 
 
#page-content p , #page-content ul { margin-top: 0.75em; } 
#page-content p.first { margin-top: 3em; }

#page-content ul { padding: 0; }

#page-content  ul li {
  list-style: none;
  margin-left: 20px;
  padding: 0 0 4px 20px;
  position: relative;
  left: -20px;
  background-image: url(../images/list-quad.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;} 
  
#page-content ul ul { font-size: 100%; margin: 0.5em 0 1em 0; }

#page-content ul ul li{
  background-image: url(../images/list-dot.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;} 


#page-content address { margin: 0.75em 74px 0px 94px; }

#page-content address span{
  margin-top: 0.25em;
  display: block; } 
  
/*#page-content  a { text-decoration: underline; }*/


.portrait { float: right; margin-right: 74px;}

/*homepage
*************************************************************************************************/
#page-content-home h2 { margin-bottom: 0.4em; }
#page-content-home h3 {  font-size: 1em; font-weight: normal; margin-top: 0;}


#page-content-home #zitat {
  position: absolute;
  left: 93px;
  top: 408px; 
  width: 265px;
  height: 60px; }

/*Seitenbild, Schatten, Adresse
*************************************************************************************************/   
#page-address {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 1200px;
  height: 800px; 
  font-size: 93%;}
  
#page-address address{
  display: block;
  position: absolute;
  top: 346px;
  left: 982px;
  color: #FFFFFF; } 
  
#page-address address span{
  color: #FFFFFF;
  margin-top: 0.25em;
  display: block; } 
  
#page-address address a{
  color: #FFFFFF; }
  
#page-address address.home , #page-address address.home span , #page-address address.home a{
  color: #71889D; }      
/*Seitenbild, Zitat
*************************************************************************************************/  
#page-marginal { 
  position: absolute;
  top: 300px;
  left: 0px;
  width: 233px;
  height: 231px;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: 0 0;
   }

  
/*Footer
*************************************************************************************************/  
#page-footer {
  border: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: -1px;
  left: 15px;
  z-index: 3;
  height: 27px;
  width: 749px;
  background-color: #476580;
  background-image: url(../images/spacer-yellow.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;}

#page-footer ul {
  margin: 0 0 0 74px;
  padding: 5px 0 0 0; }

#page-footer ul li {
  margin: 0 16px 0 0;
  padding: 0;
  display: inline; }

#page-footer a {
  color: #71889D;
  font-weight: normal;
  text-decoration: none; }

#page-footer a:hover {
  color: #FFFFFF;
  text-decoration: none; }