/* ===============================================================================
Stylesheet für angihenn.com - Stand November 09
Aufbau 1. Kalibrierung und allgemeine Styles
       2. Styles für Layoutbereiche
	   3. Sonstige Styles
================================================================================= */

/* =======================================
Kalibrierung und allgemeine Styles
========================================= */

/* Kalibrierung der wichtigsten Abstände */
* { padding: 0; margin: 0; }
h1, h2, p, ul, ol { margin-bottom: 1em; }
li { margin-left: 1em; }

/* Allgemeine Selektoren */
body { 
   color: black; /* Schriftfarbe */
   background-image:url(images/pattern.jpg); /* Hintergrundbild */
   font-family: Arial, Helvetica, sans-serif; 
   font-size: small; /* Schriftgröße */ 
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 100%;
margin: 0 0 0.5em 0;
}
h1, h2 { color: #666666; font-family: Georgia, Times, serif; font-weight: normal;
}

address {
text-align: center;
font-style: normal;
font-size: 80%;
letter-spacing: 2px;
line-height: 1.5em;
}

/* Hyperlinks allgemein */
a {text-decoration: none; border-bottom: 1px solid #660000 ; outline: none; }
a:link {color: #660000; }

a:hover, a:focus, a:active {
color: white;
background-color: #d90000;
}

/* Allgemeine Klassen und IDs */
.skiplink {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#logo {
color: black;
background-color: #ede8cb;
}

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

#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: black; 
   background: #ede8cb url(images/hg_margin.gif) repeat-y top left;
   width: 940px;
   margin-top: 10px;
   margin-right: auto;
   margin-bottom: auto;
   margin-left: auto;
   text-align: center;
   border: 1px solid #666;
}
#kopfbereich {
position:relative;
background-color: #ede8cb;
}
#kopfbereich a, a img, a:visited, a:hover, a:focus {
text-decoration: none;
border-bottom: none;
display: inline;
border: 0;
}
#navibereich{
float: left;
width: 300px;
padding-left: 0px;
padding-top: 0px;
}
#navibereich ul { 
width: 300px;
}
#navibereich li {
list-style-type: none;
border-left: 10px solid #660000;
margin: 0;
text-align: left;
}
#navibereich a { 
display: block; /*ganze Fläche klickbar*/
background-color: #d5cca3;
font-family: Georgia, Times, serif;
font-weight: bold;
text-decoration: none;
color: #333;
padding: 4px;
border-bottom: 1px solid #595544;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a,
#kompetenzen #navi02 a,
#referenzen #navi03 a,
#profilseite #navi04 a,
#kontaktseite #navi05 a,
#impressum #navi06 a{
color: white;
background-color: #660000;
}
#navibereich a:active {
color: white;
background-color: #660000;
}
#textbereich{
padding-top: 20px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
margin-left: 320px;
text-align: left;
}

/* ======================
Sonstige Styles
======================= */

/* Kontaktformular */
form {
background-color: #d5cca3;
width: 380px;
padding: 10px 15px 10px 20px;
border: 1px solid #666;
}
label {
display: block;
cursor: pointer;
margin: 0 0 2px 0;
}
input#name, input#firma, input#telefon, input#e-mail,
textarea {
width: 360px;
border: 1px solid #666;
margin-bottom: 1em;
}
textarea {
height: 10em;
}
input#absender:focus,
textarea:focus {
background-color: #ede8cb;
}

.button {
	padding:0;
	margin:0 0 0 283px;
	width:80px;
	font-family: Georgia, Times, serif;
	border: 1px solid #666;
	background-color: #ede8cb;
	color:#000;
	}
.button:hover{
color:#FFF;
background-color:#660000;
}


/* Galerie */
div.galerie {
overflow: hidden;
padding: 10px;
margin: 0 3px 10px 0;
border: 1px solid #666;
}
* html div.galerie { height: 1%; } /* IE6 */

div.galerie img {
float: left;
border: 1px solid #666;
margin-left: 0px;
margin-right: 10px;
}

.unsichtbar {
position: absolute;
left:-5000px;
top:-5000px;
display:inline;
height:0;
width:0;
}