/*  =========================================================
Stylesheet für die Website von Vanessa Hallam
Datei:  screen.css
Datum:  03. Juli 2008
Autor:  Fabian Häusler
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */
   
/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
h3 { margin-bottom: 0.5em; }  
ul ul { margin-bottom: 0.5em; } 
li { margin-left: 1em; }

body {
   color: #000000;
   font-family: Tahoma, Helvetica, sans-serif;
   font-size: 14px;
   background: #f1f1f1 url(images/pattern.png) repeat-x center top;
   font-weight: normal;
}
table {
   text-align: left;
   font-weight: lighter;
}
a { border: none; }
img { border: none; }
a img { border: none; }
a:link, 
a:visited { 
   color: #333333;
   text-decoration: none;
   border: none; 
}
a:hover, 
a:focus {
   color: #999999;
   text-decoration: none; 
}
h1 { font-size: 150%; font-weight: normal }
h2 { font-size: 130%; font-weight: normal }
h3 { font-size: 110%; font-weight: normal }  

.table th {
	padding: 10px;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	font-weight: normal;
}	
.trhead th { font-weight: bold; }
.trhead { background-color: #e5e5e5; }
.trline { background-color: #fff;}
.trline2 { background-color: #f0f0f0; }
.imgfl { float: right; }
.table {
	border: 1px solid #dadada;
	border-left: none;
	border-bottom: none;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
.clearing { clear: both; }
.little { font-size: 80%; }
.left { float: left; padding-right: 18px; }
.short { letter-spacing: -1px; }
.big { font-size: 150%; }
.listone { margin: 1.5em; font-size: 120%; }
.listtwo { margin: 1em; font-size: 90%; font-weight: bold; }
.list3 { margin: 0.8em; font-size: 90%; font-weight: normal; }
.list { list-style-type: none; }

   /* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper {
   width: 900px;
   margin: 0 auto;
}
#head {
   margin: 0 0 0 0;
   height: 153px;
   background: url(images/border-top.png) no-repeat center bottom;
   padding: 50px 236px 0 236px;					
}
#navi {
   float: left;
   height: 300px;
   width: 200px;
   position: absolute;
   top: 230px;
   margin: 0 20px 0 25px;
   /*border: 1px solid red;*/

}
   #navi li {
      list-style-type: none;
	  font-size: 200%;
	  border-top: 1px solid #00CC33;
	  line-height: 1.8;
	  padding: 0 5px 0 60px;
   }
   #navi01 { background: url(images/b1.png) no-repeat; }
   #navi02 { background: url(images/b2.png) no-repeat; }
   #navi03 { background: url(images/b3.png) no-repeat; }
   #navi04 { background: url(images/b4.png) no-repeat; }
   
   #aktuell #navi01 { background: url(images/b1c.png) no-repeat; }
   #profil #navi02 { background: url(images/b2c.png) no-repeat; } 
   #galerie #navi03 { background: url(images/b3c.png) no-repeat; } 
   #kontakt #navi04 { background: url(images/b4c.png) no-repeat; } 
   
#content {
   /*background: #FFFFFF url(images/box-middle.png) repeat-y left top;*/
}
   #content h4 {
      background: url(images/box-top.png) no-repeat left top;
      padding: 150px 20px 0 30px;
   }
   #content p.lastone {
      position: relative;
      background: url(images/box-bottom.png) no-repeat left bottom;
      padding: 0 20px 130px 30px;
	  top: -150px;
   }
#text { 
   background: #FFFFFF; 
   position: relative;
   top: -130px;
   /*border: 1px solid red;*/
   min-height: 300px;
   padding: 0 20px 20px 250px;
   margin: 0 7px 0 15px;
}
#footer {
   color: #333333;
   font-size: 9px;
   text-align: center;
   position: relative;
   top: -160px;
}

#img img { padding: 0 0 20px 0; }

/* ==================================== 
   3. Sonstige Styles
   ==================================== */

/* Das Kontaktforumlar */
label {
   display: block;
   cursor: pointer;
}
input#anrede {
   margin: 0 0 1em 0;
}
input#absender,
input#name,
textarea {
   width: 300px;
   border: 1px solid black;
   margin-bottom: 1em;
    background-color: #F5F5F5;
   
}
textarea {
   height: 9em;
}
input#absender:focus,
input#name:focus,
textarea:focus {
   background-color: #d9d9d9;
}