/* Oyen  Oyen - CSS Document */
/* ------------------------------------------------------------------ */

* { /*  UNIVERSAL-SELEKTOR   */ 
  margin: 0px;
  padding: 0px;
  font-family: Muli, Verdana, Arial, Helvetica, sans-serif;  
  outline: none; }
  
  a img { /* NO BORDER FOR IMAGES  */	
  border: 0; }

body {
  color: #000;
  background-color: #ededed;
  font-size: 1.0em;  
  letter-spacing: 0.0px;  }
  
h1 {  float: left;  z-index:999;  position: relative;   width: 500px ;
font-size: 2.7em;  letter-spacing: 5.5px;  color: #000; 
font-weight: normal;  text-transform: uppercase; margin: 0px ; }
h1.headkonzept  { margin-top: 359px; margin-left: 1400px;  }
h1.headtext  { margin-top: 140px; margin-left: 1400px;  }
h1.headgestaltung  { margin-top: 140px; margin-left: 1400px;  }
h1.headfotografie  { margin-top: 243px; margin-left: 1400px; color: #fff;  }

h2 {  float: left;  z-index:999;  position: relative; width: 500px;
font-size: 1.05em;  letter-spacing: 4.2px;  color: #000; 
font-weight: normal;  text-transform: uppercase; margin: 0px ; }
h2.subkonzept  {  margin-top: -9px; margin-left: 1400px;  }
h2.subtext { margin-top: -7px; margin-left: 1400px;  }
h2.subgestaltung { margin-top: -5px; margin-left: 1400px;  }
h2.subfotografie { margin-top: -7px; margin-left: 1400px;  color: #fff; }
h2.subkreation1 { margin-top: 49px; margin-left: 1400px;  }
h2.subkreation2 { margin-top: -169px; margin-left: 1400px;  }
h2.subkreation3 { margin-top: -181px; margin-left: 1400px;  }
h2.subkontakt { margin-top: 87px; margin-left: 1400px;  }

p {  float: left;  display: block; z-index:999;  position: relative;  color: #000;  width: 495px;
  margin: 0px;   padding: 0px; letter-spacing: 0px;  
  font-size: 0.82em;   line-height: 1.3em;   font-weight: normal; } 
p.txkonzept  { border: 0px solid #f00; margin-top: 5px; margin-left: 1400px;  padding:11px 8px 12px 101px;   }   
p.txtext { border: 0px solid #f00; margin-top: 5px; margin-left: 1400px;  padding:11px 16px 12px 101px;  }    
p.txgestaltung { border: 0px solid #f00; margin-top: 6px; margin-left: 1400px;  padding:11px 16px 12px 101px;  }  
p.txfotografie  { border: 0px solid #f00; margin-top: 6px; margin-left: 1400px;  padding:11px 8px 12px 101px;  color: #fff;   width: 503px; }   
p.txkreation1 { margin-top: 6px; margin-left: 1400px;  padding:11px 0px 12px 8px;  width: 198px; }   
p.txkreation2 { margin-top: -142px; margin-left: 1400px;  padding:11px 0px 12px 8px;  width: 198px;}    
p.txkreation3 { margin-top: -154px; margin-left: 1400px;  padding:11px 0px 12px 8px;  width: 198px;}  
p.txkontakt { margin-top: 6px; margin-left: 1400px;  padding:11px 14px 12px 101px;  }    
  
a {   text-decoration: none;  color: #00447b; }  
a:hover {   color: #00b0c9;  text-decoration: underline; }  

.fondkonzept  { border: 0px solid #f00; float: left;  z-index:1;  position: absolute;  width: 610px; height: 190px; margin-top: 457px; margin-left: 0px;  padding:0px; background: #fff; } 
.fondtext { border: 0px solid #f00; float: left;  z-index:1;  position: absolute;  width: 600px; height: 206px; margin-top: 240px; margin-left: 680px;  padding:0px; background: #fff;  } 
.fondgestaltung { border: 0px solid #f00; float: left;  z-index:1;  position: absolute;  width: 600px; height: 240px; margin-top: 240px; margin-left: 680px;  padding:0px; background: #fff;  }
.fondfotografie  { border: 0px solid #f00;  float: left;  z-index:1;  position: absolute;  width: 600px; height: 210px; margin-top: 342px; margin-left: 0px;  padding:0px;  color: #fff;   width: 615px; background: #000; 
opacity: 0.6;     /* modern browser */  
-moz-opacity: 0.6;  /* older Mozilla browser */  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */  
filter:alpha(opacity=60); /* IE5.x -7.0 */ }   /* background: #000; */
.fondkreation1 { border: 0px solid #ff0; float: left;  z-index:1;  position: absolute;  height: 142px; margin-top: 103px; margin-left: 401px;  padding:0px;  width: 199px; background: #fff; 
opacity: 0.6;     /* modern browser */  
-moz-opacity: 0.6;  /* older Mozilla browser */  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */  
filter:alpha(opacity=60); /* IE5.x -7.0 */ }   /* background: #000; */
 
.fondkreation2 { border: 0px solid #f00; float: left;  z-index:1;  position: absolute;  height: 151px; margin-top: 103px; margin-left: 616px;  padding:0px;  width: 199px; background: #fff; 
opacity: 0.6;     /* modern browser */  
-moz-opacity: 0.6;  /* older Mozilla browser */  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */  
filter:alpha(opacity=60); /* IE5.x -7.0 */ }   /* background: #000; */
    
.fondkreation3 { border: 0px solid #0f0; float: left;  z-index:1;  position: absolute;  height: 617px; margin-top: 103px; margin-left: 831px;  padding:0px;  width: 199px; background: #fff; 
opacity: 0.6;     /* modern browser */  
-moz-opacity: 0.6;  /* older Mozilla browser */  
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */  
filter:alpha(opacity=60); /* IE5.x -7.0 */ }   /* background: #000; */




 /* Positionierung des Logos */
#logohome {  float: left;  z-index:1;  position: absolute;  width: 570px;  height: 172px;  margin-top: 134px;  margin-left: 211px; }
#logo  {  float: left;  z-index:1;  position: absolute; width: 170px;  height: 26px; } 
#datenschutz {  z-index:1;  position: absolute;  width: 200px;  height: auto;  margin-top: 730px;  margin-left: 211px; }

.konzept {  margin-top: 392px;  margin-left: 873px;  } 
.text {  margin-top: 634px;  margin-left: 778px;  } 
.gestaltung {  margin-top: 495px;  margin-left: 576px;  } 
.fotografie {  margin-top: 636px;  margin-left: 437px;  } 
.kreation {  margin-top: 645px;  margin-left: 409px;  } 
.award {      margin-top: 646px;  margin-left: 899px;  } 
.kontakt {  margin-top: 434px;  margin-left: 735px;  }
  
   /* ----------------------------------------------------------------------- */
/* Äußerer Begrenzungsrahmen zur Festlegung der Breite */
#wrapper {  border: 0px solid #f0f;  overflow:hidden; 
	margin: 30px auto;
	width: 1280px;  height: 720px;
	box-shadow: 1px 2px 8px #848383;
	-webkit-box-shadow: 1px 2px 8px #848383; /* webkit browser*/ 
  -moz-box-shadow: 1px 2px 8px #848383; /* firefox */ } 
 .bghome{ background: url(images/bg_home.jpg) no-repeat top center; } 
 .bgkonzept { background: url(images/bg_konzept.jpg) no-repeat top center; } 
 .bgtext { background: url(images/bg_text.jpg) no-repeat top center; } 
 .bggestaltung { background: url(images/bg_gestaltung.jpg) no-repeat top center; } 
 .bgfotografie { background: url(images/bg_fotografie.jpg) no-repeat top center; } 
 .bgkreation { background: url(images/bg_kreation.jpg) no-repeat top center; } 
 .bgkontakt { background: url(images/bg_kontakt.jpg) no-repeat top center; } 
  
  /* ----------------------------------------------------------------------- */
/* obere Navigations-Leiste */
#navigation { border: 0px solid #56f; z-index:1;
  float: left;
  height: 27px; 
  width: 100%;
  margin: 0px;
  background: #000; } 
  
 #navigation ul {
  margin-left: 26px; }

#navigation li { border: 0px solid #f0f;
  display: block;
  float: left; } 

#navigation a { border: 0px solid #f0f;
  display: block;
  float: left;  
  color: #fff;
  font-size: 1.05em; letter-spacing:0.0px;
  font-weight: normal;
  text-transform: none;
  padding: 3px 35px 3px 35px; }
    
#navigation a:hover { color: #fff;
  background: #00b0c9;
  text-decoration: none; }

#navigation a.aktiv { color: #fff;
    background: #00b0c9; }  
     
#navigation #aktiv a { color: #fff;
   background: #00b0c9; }  
 
.zeile{
	display:block; height:6px;
}