/*** (c) GK-Mediendesign ***/

html {  min-height: 100.05%; }


body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  background-image: url(images/allbackground.jpg);
  background-color: #636463;
  background-repeat: repeat-x;
  width: 100%;
  color: #DDDDDD;
  text-align: center;
  border: none;
  margin: 0px;
  padding: 0px;
}

* {
margin: 0;
padding: 0;
}

/* IDīs */


#huelle {
margin: 0 auto;
width: 980px;
text-align: left;
background-color: #080909;
margin-bottom: 15px;
}

#preloader {
position:absolute;
top:-3150px;
width:100px;
}


#kopf {
  background-image: url(images/header/head_background.jpg);
  width: 980px;
  height: 315px;
}


#navigation {
  clear: both;
  height: 230px;
  margin-left: 20px;
  padding-top: 10px;
}


#content {
  background-image: url(images/background.jpg);
  background-repeat: repeat-x;
  background-color: #080909;
  width: 980px;
  float: left;
  margin-bottom: 25px;
}

#content a:hover {
color: #8B0C0C;
}


#contentfeld1 {
  width: 610px;
  min-height: 600px;
  height:auto !important;
	height:600px;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  float: left;  
}

#contentfeld1_intro {
  width: 700px;
  min-height: 600px;
  height:auto !important;
	height:600px;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  float: left; 
  font-size: 11px; 
}

#contentfeld_breit {
  width: 910px;
  min-height: 600px;
  height:auto !important;
	height:600px;
  margin-left: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: center;
  float: left;  
}

#contentfeld2 {
  background-image: url(images/content/background_rechts.jpg);
  background-repeat: repeat-x;
  background-color: #131313;
  min-height: 300px;
  height:auto;
  width: 255px;
  float: left;
}

#contentfeld2_breit {
  background-image: url(images/content/background_rechts.jpg);
  background-repeat: repeat-x;
  background-color: #131313;
  min-height: 600px;
  height:auto !important;
  height:600px;
  width: 350px;
  float: left;
}

#contentfeld1_schmal {
  width: 525px;
  height: 568px;
  margin-left: 20px;
  padding-left: 20px;
  float: left;  
}



#contentfeld2_breit {
  background-image: url(images/content/background_rechts.jpg);
  width: 360px;
  height: 341px;
  float: left;
}



a.bild1 {
 background-image: url(filmproduktion/referenz/ueberuns/bild1_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;
  margin-bottom: 21px;
}

a.bild2 {
 background-image: url(filmproduktion/referenz/ueberuns/bild2_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  margin-left: 21px;
  margin-right: 21px;
  border: 1px solid white;
  margin-bottom: 21px;
}

a.bild3 {
 background-image: url(filmproduktion/referenz/ueberuns/bild3_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
  margin-bottom: 21px;  
}

a.bild4 {
 background-image: url(filmproduktion/referenz/ueberuns/bild4_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
  margin-bottom: 21px;  
}

a.bild5 {
 background-image: url(filmproduktion/referenz/ueberuns/bild5_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
  margin-left: 21px;
  margin-right: 21px;  
  margin-bottom: 21px;  
}

a.bild6 {
 background-image: url(filmproduktion/referenz/ueberuns/bild6_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
  margin-bottom: 21px;  
}

a.bild7 {
 background-image: url(filmproduktion/referenz/ueberuns/bild7_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
}

a.bild8 {
 background-image: url(filmproduktion/referenz/ueberuns/bild8_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
  margin-left: 21px;
  margin-right: 21px;  
}

a.bild9 {
 background-image: url(filmproduktion/referenz/ueberuns/bild9_klein.jpg);
  width: 180px;
  height: 120px;
  float: left;
  border: 1px solid white;  
}


#fusszeile {
  clear: both;
  background-image: url(images/fusszeile.jpg);
  width: 980px;
  height: 42px;
  margin-top: 10px;
  text-align: center;
}

#fusszeile p {
padding-top: 13px;
}

#fusszeile p a {
color: white;
}

#fusszeile p a:hover {
color: #8B0C0C;
}

#panoramastrich {
 border: 1px solid #4e4f4f;
 width: 358px;
}

#kopfzeile {
width: 980px;
float: left;
}

#strich {
  background-image: url(images/header/streifen.jpg);
  background-repeat:repeat-x;
  height: 7px;
  width: 585px;
  float: left;
  margin-top: 5px;
}

#strich2 {
  background-image: url(images/header/streifen.jpg);
  background-repeat:repeat-x;
  height: 7px;
  width: 23px;
  float: left;
  margin-top: 5px;
}


#reiter {
float: left;
margin-top: -21px;
}

#reiter a.fotografie {
  background-image: url(images/header/fotografie_button.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}

#reiter a.fotografie_aktiv {
  background-image: url(images/header/fotografie_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}

#reiter a.fotografie:hover {
  background-image: url(images/header/fotografie_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}

#reiter a.kontakt {
  background-image: url(images/header/kontakt_button.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}

#reiter a.kontakt_aktiv {
  background-image: url(images/header/kontakt_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}

#reiter a.kontakt:hover {
  background-image: url(images/header/kontakt_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 85px;
  display: block;
  float: left;
}


#reiter a.startseite {
  background-image: url(images/header/startseite_button.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 86px;
  display: block;
  float: left;
}

#reiter a.startseite_aktiv {
  background-image: url(images/header/startseite_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 86px;
  display: block;
  float: left;
}

#reiter a.startseite:hover {
  background-image: url(images/header/startseite_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 86px;
  display: block;
  float: left;
}

 #logo a.logo {
  background-image: url(images/header/bestzoom_logo.jpg);
  background-repeat:no-repeat;
  height: 42px;
  width: 191px;
  display: block;
  float: left;
}


#reiter a.filmproduktion {
  background-image: url(images/header/filmproduktion_button.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 116px;
  display: block;
  float: left;
}

#reiter a.filmproduktion:hover {
  background-image: url(images/header/filmproduktion_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 116px;
  display: block;
  float: left;
}


#reiter a.filmproduktion_aktiv {
  background-image: url(images/header/filmproduktion_button_hover.jpg);
  background-repeat:no-repeat;
  height: 33px;
  width: 116px;
  display: block;
  float: left;
}

#contentfeld2 a.startseite {
 background-image: url(images/content/start.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
 margin-bottom: 3px;
  }

  
  #contentfeld2 a:hover {
  color: #8B0C0C;
}
  
#contentfeld2 a.telefon {
 background-image: url(images/content/telefon.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 180px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
  margin-bottom: 3px;
}

#contentfeld2 a.email {
 background-image: url(images/content/email.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px; 
  margin-bottom: 3px;
}

#contentfeld2 a.partner {
 background-image: url(images/content/partner.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
  margin-bottom: 3px;
}

#contentfeld2 a.leistungen {
 background-image: url(images/content/leistungen.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
}


#contentfeld2 a.startseite {
 background-image: url(images/content/start.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
 margin-bottom: 3px;
  }

  
  #contentfeld2_breit a:hover {
  color: #8B0C0C;
}
  
  
  #contentfeld2_breit a.startseite {
 background-image: url(images/content/start.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
 margin-bottom: 3px;
  }
  
  
#contentfeld2_breit a.telefon {
 background-image: url(images/content/telefon.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 180px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
  margin-bottom: 3px;
}

#contentfeld2_breit a.email {
 background-image: url(images/content/email.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px; 
  margin-bottom: 3px;
}

#contentfeld2_breit a.partner {
 background-image: url(images/content/partner.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
  margin-bottom: 3px;
}

#contentfeld2_breit a.leistungen {
 background-image: url(images/content/leistungen.jpg);
 background-repeat:no-repeat;
 height: 30px;
 width: 150px;
 display: block;
 padding-left: 40px;
 line-height: 25px;
}


#contentfeld1 img {
border: 1px solid #CBCBCB;
}

#logo {
float: left;
margin-left: 25px;
margin-top: 18px;
}


#clear {
clear: both;
}


span.abstand {
margin-right: 20px;
}

span.abstand2 {
margin-left: 20px;
}

/*** Klassen ***/

#kopfzeile p {
float:right;
margin-top: 24px;
width: 250px;
}

#content #contentfeld1 p {
width: 560px;
}

#content #contentfeld2 p {
width: 230px;
margin-left: 20px;
}


#navigation a.eventfotografie {
background-image: url(fotografie/navi/eventfotografie.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.eventfotografie:hover {
background-image: url(fotografie/navi/eventfotografie_hover.jpg);
}

#navigation a.eventfotografie_aktiv {
background-image: url(fotografie/navi/eventfotografie_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.firmenpraesentation {
background-image: url(fotografie/navi/firmenpraesentation.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.firmenpraesentation:hover {
background-image: url(fotografie/navi/firmenpraesentation_hover.jpg);
}

#navigation a.firmenpraesentation_aktiv {
background-image: url(fotografie/navi/firmenpraesentation_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.panorama {
background-image: url(fotografie/navi/panorama.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.panorama:hover {
background-image: url(fotografie/navi/panorama_hover.jpg);
}

#navigation a.panorama_aktiv {
background-image: url(fotografie/navi/panorama_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}


#navigation a.produktfotos {
background-image: url(fotografie/navi/produktfotos.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.produktfotos:hover {
background-image: url(fotografie/navi/produktfotos_hover.jpg);
}

#navigation a.produktfotos_aktiv {
background-image: url(fotografie/navi/produktfotos_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}


#navigation a.immobilien {
background-image: url(fotografie/navi/immobilien.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.immobilien:hover {
background-image: url(fotografie/navi/immobilien_hover.jpg);
}

#navigation a.immobilien_aktiv {
background-image: url(fotografie/navi/immobilien_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}





#navigation a.eventvideo {
background-image: url(filmproduktion/navi/eventvideo.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.eventvideo:hover {
background-image: url(filmproduktion/navi/eventvideo_hover.jpg);
}

#navigation a.eventvideo_aktiv {
background-image: url(filmproduktion/navi/eventvideo_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.imagefilm {
background-image: url(filmproduktion/navi/imagefilm.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.imagefilm:hover {
background-image: url(filmproduktion/navi/imagefilm_hover.jpg);
}

#navigation a.imagefilm_aktiv {
background-image: url(filmproduktion/navi/imagefilm_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.werbespot {
background-image: url(filmproduktion/navi/werbespot.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.werbespot:hover {
background-image: url(filmproduktion/navi/werbespot_hover.jpg);
}

#navigation a.werbespot_aktiv {
background-image: url(filmproduktion/navi/werbespot_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.ueberuns {
background-image: url(filmproduktion/navi/ueberuns.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.ueberuns:hover {
background-image: url(filmproduktion/navi/ueberuns_hover.jpg);
}

#navigation a.ueberuns_aktiv {
background-image: url(filmproduktion/navi/ueberuns_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}


#navigation a.webtv {
background-image: url(filmproduktion/navi/webtv.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}

#navigation a.webtv:hover {
background-image: url(filmproduktion/navi/webtv_hover.jpg);
}

#navigation a.webtv_aktiv {
background-image: url(filmproduktion/navi/webtv_hover.jpg);
width: 179px;
height: 210px;
display: block;
float: left;
margin-left: 7px;
}



/*** (c) GK-Mediendesign ***/