/*#######################################################################
**#######################################################################
**  (c) by Janda KG (http://www.mueckenschloesschen.de/) 
** 
** 
**  Author:            rene berger (www.creators-network.de)
**
**
**  Projektbeginn:        07.02.2007
**  Letzte Aenderung:  09.02.2007  
**  Datei:                    style.css
**  Funktion:               Basis-Stylesheet
**
**
*/





html, body {
  margin-top: 20px;
  text-align: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #645B50;
 } 


/*#######################################################################
**  Allgemeines
**
**######################################################################*/
 
#container {
  width:800px; 
  text-align:left;  
  margin-left:auto; 
  margin-right:auto;
 } 
 
/*#header {
  position: relative;
  height: 90px;
  width: 100%;
  background: url(../image/header.gif) no-repeat top;
 }*/

#header {
  position: relative;
  height: 90px;
  width: 100%;
  background: url(../images/bg-header.gif) repeat-x top;
 }

#logo {
  float: left;
  width: 250px;
/*  margin: 49px 0px 0px 25px; */
  padding: 49px 0px 0px 25px;
} 

 
#content {
  background: url(../images/bg-content.gif) repeat;
 }
 
#leftcolumn {
  float: left;
  position: relative;
  width: 325px;
/*  margin: 25px 0 25px 30px; */
  padding: 25px 0 25px 30px;  
}

#maincolumncontainer {
  float: right;
  display: inline;
  position: relative;
  width: 415px;
  height: 414px;
  background: url(../images/bg-maincolumn.gif) no-repeat bottom right;
  margin: 21px 22px 15px 0;
/*  padding: 0; */
  position: relative;
}
 
#maincolumn {
  width: 382px;
  height: 386px;
  overflow: auto;
  margin: 15px 20px 10px 15px;
  padding-right: 6px;
}
 
#footer {
  height: 33px;
  clear: both;
  background: url(../images/bg-footer.gif) repeat-x top;
 } 

/*#######################################################################
**  Navigation
**
**######################################################################*/

#navcontainer {
  float: right;
  width: 413px;
/*  margin: 50px 25px 0px 0px; */
  padding: 50px 25px 0px 0px;
/*   border-right: 1px solid #C96F40; */
}

* html #navcontainer {
  /* Breitenangaben nur fuer IE */

 } 
 
#navlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
 }

#navlist li {
  float: left;
 }

#navlist li.after {
  float: left;
  border-right: 1px solid #C96F40;
} 
 
#navlist li a {
  display: block;
  width: 102px;
  height: 30px;
  padding: 10px 0 0 0;
  border-left: 1px solid #C96F40;
  font-family: Garamond, "Times New Roman", Arial;
  font-size: 15px;
  font-weight: bold;
  color: #645B50;
  text-align: center;
  text-decoration: none;
}

* html #navlist li a {
  /* Breitenangaben nur fuer IE */
  width: 102px;
  w\idth: 102px;
  
  height: 40px;
  he\ight: 30px;   
 } 
 
#navlist li a:hover {
  color: #C96F40;
 }

#navlist li a.active {
  display: block;
  width: 102px;
  height: 30px; 
  padding: 10px 0 0 0;
  font-size: 15px;
  font-weight: bold;
  color: #C96F40;
  text-align: center;
  text-decoration: none; 
 }

* html #navlist li a.act {
  /* Breitenangaben nur fuer IE */
  width: 102px;
  w\idth: 102px;
  
  height: 40px;
  he\ight: 30px;    
 }

 
/*#######################################################################
**  Content
**
**######################################################################*/

/* Ueberschriften */
h1,h2,h3,h4 {
  font-family: Garamond, "Times New Roman", Arial;
  display: block;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #C96F40;
  background: inherit;
  margin: 0 0 1.5em 0;
}

h2 {
  font-size: 1.0em;
  font-weight: bold;
  color: #645B50;
  margin: 0 0 0.5em 0;
}
 
h3 {
  font-size: 1.0em;
  font-weight: bold;
  color: #645B50;
  margin: 0 0 0.1em 0;
}
 
h4 {
  font-size: 1.0em;
  font-weight: bold;
  color: #645B50;
  margin: 0 0 0.1em 0;
}

/* Texte */
p, ul, form {
  line-height: 1.3em;
  margin: 0 0 1em 0;
}

strong,b {
  font-weight: bold;
}

em,i {
  font-style: italic;
}

hr {
  color: #fff;
  background: transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border-bottom: 1px solid #6D6E71;
}

a {
  color: #C96F40;	
}


div.img-wrapper {
  background: url('../images/shadow.gif') no-repeat bottom right;
  clear: left;
  float: left;

  padding: 0;
  position: relative;
 }

div.img-wrapper img {
  background-color: #fff;
  border: 0px solid #a9a9a9;
  display: block;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  position: relative;
 }
 
 
 /* *** Float containers fix: *** */ 
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
 }
 
.clearfix {
  display: inline-block;
 }

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}