/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; border:0;
    list-style:none;
}
 
h2, h3, p { margin-bottom: 1em; } 

h1 { margin-bottom: 0.7em; } 

ul { margin-bottom: 0; } 
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */       
   
body { 
  background: #393939 url(css_img/bg.jpg); 
  color: black; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  height: 99%;   
}

h1 { font-size: 150%; color: white; }
h2 { font-size: 130%; color: white; }
h3 { font-size: 110%; color: white; }
h4 { font-size: 80%; color: white; }

/* ==================================
   2. Navigation 
   =============================== */   
	
#menu {	
	height:88px;
	padding:22px 42px 10px 42px;
	width:676px;
}
#menu ul {
	list-style:none;
}
#menu ul li {
	float:left;
	height:88px;
	list-style:none;
}
#menu ul li a {
	background:url('css_img/button.jpg') no-repeat;
	color: #E1E1E1;
	display: block;
	height: 88px;
	text-align: center;
	width: 95px;
	text-decoration:none;
	border: none;
}
#menu ul li a:hover,
#menu ul li a:focus {
	background:url('css_img/button_hover.jpg') no-repeat;
	color:#ABADAC;
	outline:none;
	border: none;
}
#menu ul li a.active {
	background:url('css_img/button_hover.jpg') no-repeat;
	color:#AAACAB;
	border: none;
}
#startseite #menu01 span,
#leistungen #menu02 span,
#wmedia #menu03 span,
#referenzen #menu04 span,
#kontaktseite #menu05 span {
	background:url('css_img/button_hover.jpg') no-repeat;
	color: #000;
	display: block;
	height: 88px;
	text-align: center;
	width: 95px;
	text-decoration:none;
	border: none;	
}


/* ==================================
   3. Layoutbereiche 
   =============================== */   
   
#wrapper {
	background: url(css_img/wrapper.jpg) no-repeat;
	width: 760px;
	padding: 0;
	height: 560px;	
	left:50%;
	margin:-280px 0 0 -380px;
	position:absolute;
	top:50%;

}

#content {
	height:406px;
	overflow:auto;
	padding:0px 12px;
	margin: 0px 30px;
	width: 676px;
}

#startcontent {
	height:406px;
	padding:0px 42px;
	width: 676px;
}

#news {
	overflow: auto;
	height: 216px;
	padding-right: 10px;
}

#footer {
	height:22px;
	margin-top: 10px;
	padding:4px 42px;
	font-size:smaller;
	color: #ABADAD;
	width: 676px;
}

/* ================
   Hyperlinks    */  

a {
	text-decoration: none;
	outline: none;
	border-bottom: 1px dotted #000;
} 

a:link { color: #111; } 
a:visited { color: #111; } 

a:hover, 
a:focus { 
  border-bottom: 1px solid #fff; 
} 
a:active { 
  background-color: #7180AB; 
  color: white; 
}  

/* ======================
   Das Kontaktformular */
.kontaktlinks {
  float: left;
  width: 50%;
}   
form {
  color: black; 
  padding: 0; 
  margin-top: 2em; 
}       
label {
  display: block; 
  cursor: pointer; 
}
input#name,
input#absender, textarea {
  width: 290px;
  padding: 4px;
  border: 1px solid #8c8c8c; 
  margin-bottom: 1em;
}
textarea { height: 8em; }

input#absender:focus,
input#name:focus, 
textarea:focus {
  background-color: #A4ADCA; 
  color: black; 
}

/* ==================================
   4. Klassen 
   =============================== */   

.bildlinks {
  float: left; 
  margin-right: 10px; 
  margin-bottom: 10px; 
}

.bildrechts {
  float: right; 
  margin-left: 10px; 
  margin-bottom: 10px; 
	-moz-box-shadow: 4px 4px 8px #333;
	-webkit-box-shadow: 4px 4px 8px #333;
	filter:progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=10);		
}

.bildbox {
  margin: 10px 0;
  padding: 8px;
}

.bildbox ul li {
	list-style:square;
	margin-left: 2em;
	color: #393939;
}

.wmedialiste ul li {
	list-style:square;
	margin-bottom: 1em;
	margin-left: 2em;
	color: #393939;
}

.wmedialiste {
	margin-bottom: 1em;
	margin-left: 12em;
}

.bildbox2 {
  padding: 8px;
  border-bottom: 1px solid #393939;
  margin-bottom: 2em;
}

.bildbox2 p {
	margin-bottom: 1em;
	margin-top: 1em;
}

.bildbox2 img {
  padding: 6px; 
  border-top: 1px solid #F1CEAB;
  border-left: 1px solid #F1CEAB; 
  border-right: 1px solid #F1CEAB; 
  border-bottom: 1px solid #F1CEAB;  
}

.absatz2
{ margin-bottom: 2.5em; }

.zitat
{
	font-style: italic;
}

.hinweis {
  padding: 4px;
  margin: 10px 3px;
  border: 1px solid #393939;
  background-color: #F1CEAB; 
}

.hinweis a {
  outline: none;
  color: black;
  display: block;
  text-align: center;
  text-decoration: none;
  border: none;
}

.hinweis a:link,
.hinweis a:visited,
.hinweis a:active {
  outline: none;
  color: black;  
  display: block;
  text-align: center;
  text-decoration: none;
  border: none;
}

.hinweis a:hover,
.hinweis a:focus {
  outline: none;
  color: #393939;  
  display: block;
  text-align: center;
  text-decoration: none;
  border: none;
  background-color: #fff;   
}
#refimg img {
	float: left;
	margin: 0 12px 30px 12px;
	-moz-box-shadow: 4px 4px 8px #333;
	-webkit-box-shadow: 4px 4px 8px #333;
	filter:progid:DXImageTransform.Microsoft.Glow(color=#999999,strength=10);		
}