/*	-------------------------------------------------------------
GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* Margin und Padding werden auf 0 gesetzt*/
  * {
    margin: 0;
    padding: 0;
    }

body{
  background-color:#cbcbcb;
  }    

.floatleft{
  float:left;
  }
  
.floatright{
  float:right;
  } 

.clearfloat{
  clear:both;
  }
  
.websitebox{
  margin:auto;
  margin-top:70px;
  width:990px;
  background-image: url(../bilder/trenner_weiss.jpg);
  }
  

.headerbox{
  background-image: url(../bilder/flaschelmedia_header.jpg);
  width:990px;
  height:170px;
  }
  
.headlineglobal{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlineglobal.jpg);
  }
  
.headlineorange{
  width:990px;
  height:20px;
  background-image: url(../bilder/headlineorange.jpg);
  }
  
.headlinehellglobal{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal.jpg);
  }
  
.headlinehellglobal_leistungen{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_leistungen.jpg);
  }
  
.headlinehellglobal_referenzen{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_referenzen.jpg);
  }
  
.headlinehellglobal_kunden{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_kunden.jpg);
  }
  
.headlinehellglobal_vita{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_vita.jpg);
  }
  
.headlinehellglobal_kontakt{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_kontakt.jpg);
  }
  
.headlinehellglobal_impressum{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_impressum.jpg);
  }

.headlinehellglobal_suche{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_suche.jpg);
  }
  
.headlinehellglobal_projekte{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_projekte.jpg);
  }

.headlinehellglobal_faq{
  width:990px;
  height:30px;
  background-image: url(../bilder/headlinehellglobal_faq.jpg);
  }  
 
  
.menuboxglobal{
  width:990px;
  height:110px;
  background-image: url(../bilder/trenner_weiss.jpg);
  }

.menubox{
  margin-left:55px;
  width:880px;
  height:110px;
  }
  
.referenzenboxglobal{
  width:990px;
  height:110px;
  background-image: url(../bilder/trenner_weiss.jpg);
  }
  
.referenzenbox{
  margin-left:55px;
  width:880px;
  height:110px;
  background-image: url(../bilder/trenner_weiss.jpg);
  }
  
.kundenboxglobal{
  width:990px;
  height:111px;
  }
  
.kundenbox{
  margin-left:55px;
  width:880px;
  height:110px;
  }
  
.leistungenboxglobal{

  width:990px;
  height:445px;
  }
  
.leistungenbox{
  margin-left:55px;
  width:880px;
  height:230px;
  }
  
.leistungenbildbox{

  text-align:center;
  line-height:14px;
  float:left;
  margin-bottom:0px;
  width:110px;
  height:110px;
  }  

.leistungenbildbox img:hover{
  margin-top:16px;
  }
  

.aktionenboxglobal{
  width:990px;
  height:111px;
  margin-top:30px;
  margin-bottom:90px;
  background-image: url(../bilder/trenner_weiss.jpg);
  }
  
.aktionenbox{
  margin-left:55px;
  width:880px;
  height:250px;
  }
  
.aktionenbox img{
  border:0px;
  }
  
.aktionenbox01{
  float:left;
  margin-left:0px;
  width:300px;
  height:250px;
  }
  
.aktionenbox02{
  float:left;
  margin-left:15px;
  width:300px;
  height:250px;
  }
  
.aktionenbox03{
  float:left;
  margin-left:15px;
  width:250px;
  height:250px;
  }

.bilderauswahlbox{
  overflow: scroll;
  height:300px;
  margin-top:30px;
  margin-left:50px;
  width:465px;
  }

.verarbeitung{
  margin-left:50px;
  margin-top:20px;
  margin-bottom:5px;
  font-family:Verdana;
  font-size:14px;
  }

  
.radiobuttonbild85box{
  margin-bottom:10px;
  float:left;
  margin-left:2px;
  background-color:#d7d7d7;
  width:85px;
  height:85px;
  }
  
.content{
  width:990px;
  }
  
.leftboxglobal{
  width:495px;
  margin-bottom:20px;
  }
  
.themenboxlinks{
  background-image:url(../bilder/bg_lc.png);
  background-repeat:no-repeat;
  margin-top:80px;
  width:495px;
  float:left;
  }
  
.themenboxlinksheader{
  width:495px;
  height:30px;
  background-image: url(../bilder/bg_headlineleft.jpg);
  }


.themenboxlinksbild{
  float:left;
  margin-top:36px;
  width:165px;
  }
  
.themenboxlinksbild img{
  margin-left:65px;
  }

  
.themenboxlinkstext{
  margin-left:187px;
  margin-top:36px;
  width:305px;
  }
    
    
.leistungenreferenzenbox{
  float:right;
  margin-top:36px;
  width:320px;
  }
  
  
.refleistbox{
  width:310px;
  margin-left:187px;
  margin-top:20px;
  }  
  
.refleistbox_referenzen{
  width:430px;
  margin-left:70px;
  margin-top:20px;
  } 



.rightboxglobal{
  float:right;
  width:385px;
  }  
  
.themenboxrechts{
  background-image:url(../bilder/bg_rc.png);
  background-repeat:no-repeat;
  margin-top:80px;
  margin-bottom:40px;
  width:385px;
  float:right;
  }
  
.themenboxrechtsheader{
  width:385px;
  height:30px;
  background-image: url(../bilder/bg_headlineright.jpg);
  }

  
.tabelle{
  margin-top:30px;
  }
 




    

  
.footer{
  clear:both;
  width:990px;
  height:126px;
  padding-top:50px;
  margin-bottom:30px;
  background-image: url(../bilder/footer.jpg);
  background-repeat:no-repeat;
  background-position:bottom;
  }
  

  
  
/* ------------- Menu horizontal -------------------- */
/* -------------------------------------------------- */

.menu_horizontal{
  margin-right:5px;
  width:200px;
  height:60px;
  }

.header_kontakt_schrift{
  position:absolute;
  padding-top:10px;
  margin-left:352px;
  font-family:Arial;
  font-weight:bold;
  text-decoration:none;
  font-size:16px;
  color:#ffffff;
  }

.horizmenue {
  margin-top:13px;
  margin-left:0px;
  width: 350px; 
}
.horizmenue li {
  display: inline;
  padding-left:0px; 
}

.horizmenue a {
  font-family:Arial;
  font-size:14px;
  text-decoration:none;
  font-weight:bold;
  padding: 2px 6px 5px;
  color:#696969;
}

.horizmenue a:hover{
  color:#ee7d1d;
  }
  
  
  
  
  

 
  
.menuboxstart{
  float:left;
  background-image: url(../bilder/menu_01_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxstart:hover{
  background-image: url(../bilder/menu_01_hover.jpg);
  }


.menuboxleistungen{
  float:left;
  background-image: url(../bilder/menu_02_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxleistungen:hover{
  background-image: url(../bilder/menu_02_hover.jpg);
  }
  
  
.menuboxreferenzen{
  float:left;
  background-image: url(../bilder/menu_03_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxreferenzen:hover{
  background-image: url(../bilder/menu_03_hover.jpg);
  }
  
  
.menuboxkunden{
  float:left;
  background-image: url(../bilder/menu_04_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxkunden:hover{
  background-image: url(../bilder/menu_04_hover.jpg);
  }
  
.menuboxkontakt{
  float:left;
  background-image: url(../bilder/menu_05_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxkontakt:hover{
  background-image: url(../bilder/menu_05_hover.jpg);
  }

.menuboxprojekte{
  float:left;
  background-image: url(../bilder/menu_06_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxprojekte:hover{
  background-image: url(../bilder/menu_06_hover.jpg);
  }
    
  
.menuboxleer1{
  float:left;
  background-image: url(../bilder/menu_07_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxleer1:hover{
  background-image: url(../bilder/menu_07_hover.jpg);
  }
  
.menuboxleer2{
  float:left;
  background-image: url(../bilder/menu_08_normal.jpg);
  width:110px;
  height:110px;
  }

.menuboxleer2:hover{
  background-image: url(../bilder/menu_08_hover.jpg);
  }
  

  
.menulinkstart{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:35px;
  padding-right:33px;
  }
  
.menulinkstart:hover{
  color:#6e6e6e;
  }

.menulinkleistungen{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:13px;
  padding-right:9px;
  }
  
.menulinkleistungen:hover{
  color:#6e6e6e;
  }

.menulinkreferenzen{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:10px;
  padding-right:12px;
  }
  
.menulinkreferenzen:hover{
  color:#6e6e6e;
  }

.menulinkkunden{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:30px;
  padding-right:22px;
  }
  
.menulinkkunden:hover{
  color:#6e6e6e;
  }
  
.menulinkvita{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:40px;
  padding-right:37px;
  }
  
.menulinkvita:hover{
  color:#6e6e6e;
  }
  
.menulinkkontakt{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:24px;
  padding-right:21px;
  }  

.menulinkkontakt:hover{
  color:#6e6e6e;
  }
  
.menulinkimpressum{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:15px;
  padding-right:13px;
  }
  
.menulinkimpressum:hover{
  color:#6e6e6e;
  }
  
.menulinkprojekte{
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  text-transform: uppercase;
  text-decoration:none;
  top: 45px;
  left: 0px;
  position: relative;
  color:black;
  padding-top:45px;
  padding-bottom:45px;
  padding-left:21px;
  padding-right:30px;
  }
  
.menulinkprojekte:hover{
  color:#6e6e6e;
  }
  
.referenzenbildbox{
  float:left;
  width:110px;
  height:110px;
  }
  
.referenzenbildbox:hover{
  border-top:1px solid #8e8e8e;
  }
  
.bereichsheadline{
  margin-left:55px;
  padding-top:7px;
  font-family:Verdana;
  font-size:13px;
  font-weight:bold;
  color:#ffffff;
  }
  
.bereichsheadline_rc{
  margin-left:40px;
  padding-top:7px;
  font-family:Verdana;
  font-size:13px;
  font-weight:bold;
  color:#ffffff;
  }
  
.kundenbildbox{
  float:left;
  width:110px;
  height:110px;
  }  
  
.kundenbildbox:hover{
  border-top:1px solid #ffffff;
  }
  
  
.rc_textspalte_box{
  float:right;
  margin-right:50px;
  width:300px;
  height:600px;
  }
  

  
  
  
/* ----- Schrift ---- */

.bold{
  font-weight:bold;
  }

.text{
  font-family:Verdana;
  font-size:12px;
  line-height:22px;
  color:#777777;
  }


.leistungen_link{
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  line-height:45px;
  color:#9b9b9b;
  text-decoration:none;
  }
  
.leistungen_link:hover{
  text-decoration:underline;
  }
  
.leistungen_link_startseite{


  text-align:center;
  font-family:Verdana;
  font-size:10px;
  font-weight:bold;
  color:#9b9b9b;
  text-decoration:none;
  }
  
.leistungen_link_startseite:hover{
  text-decoration:underline;
  }
  
  
table{
  float:left;
  margin-top:36px;
  margin-left:55px;
  }

td{
  vertical-align: top;
  }
  
.tabelleprojekt{
  width:500px;
  margin-left:0px;
  }

.texttabelle{
  width:210px;
  font-family:Verdana;
  font-size:12px;
  line-height:22px;
  color:#777777;
  }
  
.kontaktformularschrift{
  font-family:Verdana;
  font-size:12px;
  line-height:22px;
  color:#777777;
  margin-right:10px;
}

.bildunterschrift_rc{
  width:300px;
  font-family:Arial;
  font-weight:bold;
  font-size:11px;
  color:#8e8e8e;
  }
  
.bildbeschreibungsbutton{
  text-transform:uppercase;
  font-size:8px;
  text-decoration:none;
  color:#8e8e8e;
  background-color:#dddddd;
  padding-left:5px;
  padding-right:5px;
  }
  
.bildbeschreibungsbutton:hover{
  color:#000000;
  }

.faq_linkschrift{
  font-family:Verdana;
  font-size:12px;
  font-weight:bold;
  line-height:22px;
  color:#9b9b9b;
  text-decoration:none;
  }
  
.faq_linkschrift:hover{
  color:#ff8516;
  text-decoration:underline;
  }

  
  
/* ----- Abstände ---- */  

.abstand_bild_neueste_referenz{
  margin-left:15px;
  margin-top:7px;
  }

.abstand_rc_galeriebild{
  margin-left:35px;
  margin-top:50px;
  }

.abstand_unten3{
  margin-bottom:3px;
  }   
  
.abstand_unten10{
  margin-bottom:10px;
  }
  
.abstand_oben10{
  margin-top:10px;
  } 
  
.abstand_unten15{
  margin-bottom:15px;
  }
  
.abstand_unten5{
  margin-bottom:5px;
  }  

.lc_textabstand{
  margin-left:70px;
  }

.lc_textabstand50{
  margin-left:50px;
  }
  
.lc_abstand15{
  margin-left:15px;
  }

.lc_abstandoben15{
  margin-top:15px;
  }  
  
.lc_textabstandoben25{
  margin-top:25px;
  }
  
.abstandoben30{
  margin-top:30px;
  }
  
.rc_bildlisteabstand{
  margin-left:35px;
  }
  
.impressumbild{
  margin-top:50px;
  margin-left:35px;
  }
  
.rc_textabstand{
  margin-left:40px;
  width:300px;
  }
  
.rc_textabstand_index{
  width:300px;
  }
  

.fileupload{
  margin-left:55px;
  }  
  
.neuestereferenztextformatierung{
  width:220px;
  height:180px;
  margin-left:700px;
  padding-top:25px;
  }
  
.neuestereferenzkundenicon{
  float:left;
  margin-left:600px;
  padding-top:30px;
  }
  
.abstandleistungenstartseite{
  margin-left:0px;
  margin-top:15px;
  }
  
/* ---- Suche ----- */

.suchebox{
  margin-top:-1px;
  width:375px;
  height:20px;
  float:right;
  }

.suchestartseitebutton{
    position: relative;
    top: 5px;
    margin-left: 2px;
    }
    
.bg_suchefeld{
  background-color:#d6d6d6;
  }
  
.bg_suchefeld:focus{
  background-color:#ffffff;
  }
    
.orange{
  color:#ff8516;
  }
  
  
  
/* ---- z index ----- */

.zindex1{
  position:absolute;
  z-index: 1;
  }
  
.neuestereferenztext{
  height:250px;
  width:960px;
  margin-left:15px;
  margin-top:7px;
  margin-bottom:7px;
  background-image:url(../bilder/bg_neueste_referenz.png);
  background-repeat:no-repeat;
  position:relative;
  z-index: 2;
  }
  
  
  
/* ---- Breiten ----- */

.breite442{
  width:442px;
  }
  
  
/* ----- Border ---- */

.border_top_orange{
border-top-width:4px;
color:#ffa242;
}

.border_top_orange:hover{
color:#8e8e8e;
}



/* ----- Tools ---- */


.facebook{
  margin-left:406px;
  margin-top:5px;
  }