/* Lightbox */
#cboxOverlay {     background: none repeat scroll 0 0 transparent !important;}


/* Navigation */
#Navigation { left: 165px;     position: absolute;    text-transform: uppercase;    top: 20px; }
#Navigation ul {float:left;}
#Navigation li { display: inline; font-size: 15px;  text-decoration: none;}
#Navigation li a:hover { color:#54fe57;}
#Navigation a {  height: 31px;    margin-right: 16px;  display: inline-block; }
#Navigation li.last a {  } 
.lowercase {text-transform: lowercase; }
#Navigation li #LinkVideoNavi:hover, #Navigation li #LinkVideoNavi { color: #f88506; }

#Navigation .aktiv #navi2 { background: url(images/bgnaviBlau.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi2, #Navigation li #navi2:hover {color: #0065a4; }

#Navigation .aktiv #navi3 { background: url(images/bgnaviOrange.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi3, #Navigation li #navi3:hover {color: #f88506; }

#Navigation .aktiv #navi4 { background: url(images/bgnaviRot.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi4, #Navigation li #navi4:hover {color: #ff000b; }

#Navigation .aktiv #navi5 { background: url(images/bgnaviGruen.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi5, #Navigation li #navi5:hover {color: #03ff14; }

#Navigation .aktiv #navi6 { background: url(images/bgnaviGrau.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi6, #Navigation li #navi6:hover {color: #4d4946; }

#Navigation .aktiv #navi7 { background: url(images/bgnaviRosa.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi7, #Navigation li #navi7:hover {color: #ff0f7f; }

#Navigation .aktiv #navi8 { background: url(images/bgnaviViolett.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi8, #Navigation li #navi8:hover {color: #b900fc; }

#Navigation .aktiv #navi9 { background: url(images/bgnaviViolettDunkel.jpg) bottom left repeat-x; }
#Navigation .aktiv #navi9, #Navigation li #navi9:hover {color: #6900ff; }

/* ************************* Global ************************* */
body, html {margin:0; padding: 0;}
body {font-size:16px; color:#000; font-family: arial; line-height: 19px; }

body
{font-family: 'Open Sans', sans-serif; font-weight: 400; }

/* ************************* Content ************************* */
#wrapper {background: url(images/bgContentNeu.jpg) no-repeat #f0f9ff; height: 635px;  overflow: hidden; position: relative; width: 1120px;}
#Logo {}

#box {height: 635px; left: 50%; margin-left: -560px; margin-top: -318px; position: absolute; top: 50%; width: 1120px;}
a {text-decoration:none; color: #0065a4;}
a:hover { color:#54fe57; }
p {   font-size: 14px;    font-weight: 400;    letter-spacing: 0.03em;    line-height: 27px;  }

.clear { clear:both;}

#Logo { height: 115px;    position: absolute;    top: 16px;    width: 104px;}


/* Link HOmeseite */
.LinkSpezielles { background-color: #0065a4;    color: #FFFFFF;    display: inline-block;    margin-top: 5px;    padding: 3px 7px;    position: relative;  }
.LinkSpezielles:hover {color: #fff;}

/* Startseite */
.StartseiteBox { background: url(images/bgStartseite.jpg) no-repeat top left !important; }
#VideoLinkIcon {  position: relative;   top: 2px; }

/* content */
.titelbox { height: 35px; color: #0065a4; }
.titelbox  h1, .titelbox  h2 { font-style: italic;  font-weight: 600; font-size: 16px; }

#links {/*background-color: white;*/ height: 173px; left: 122px; position: absolute; top: 190px; width: 455px; padding: 4px; font-weight: 300px;}
#rechts {/*background-color: white;*/ height: 173px; left: 600px; position: absolute; top: 190px; width: 455px; padding: 4px;}

#DeteilBild { border: 6px solid #e6f5ff ;    height: 121px;    left: 264px;    position: absolute;    top: 393px;    width: 853px; }


/* ************************* Ende Global ************************* */




/* ************************* Spalten ************************* */

.EinSpalter { width: 800px !important; }

#Spalte1 {  left: 122px; }
#Spalte2 {  left: 432px; }
#Spalte3 {  left: 754px; }

#Spalte1, #Spalte2, #Spalte3 {position: absolute; top: 194px; width: 290px;  height: 350px;} 

#Spalte1 h1, #Spalte1 h2, #Spalte2 h1, #Spalte2 h2, #Spalte3 h2, #Spalte3 h3
 { font-style: italic;  font-weight: 600; color: #0065a4; font-size: 16px;}

/* ************************* Ende English Spalten ************************* */

/* Animation Startseite */
#Balken1, #Balken2, #Balken3, #Balken4 {position: absolute; width: 85px; height: 634px; left: -85px;}
#Balken1 {  background-color: #0065a4;   }
#Balken2 {  background-color: #00ff00;  }
#Balken3 { background-color: #ffff00;  }
#Balken4 {  background-color: #0065a4;  }

#Logo1, #Logo2, #Logo3 {   height: 284px;    left: 430px;    position: absolute;    top: 145px;  }
#Logo1 { background: url(images/level1.jpg) no-repeat; background-color: #cff; }
#Logo2 { background: url(images/level2.jpg) no-repeat; }
#Logo3 { background: url(images/level3.jpg) no-repeat; }

#SloganStartseite { background: url("images/TitelStartseite.jpg") repeat scroll 0 0 transparent;    height: 48px;    left: 259px;    position: absolute;    top: 465px;   width: 0px; }
#IntroOut {  bottom: 15px;    font-size: 13px;    position: absolute;    right: 15px;    z-index: 9999;  }

/* Offerte */
#OfferteBox { font-size: 13px;    left: 211px;    position: absolute;    top: 131px;}
#OfferteBox h1 { color: #0065a4;    font-size: 16px;    font-style: italic;    font-weight: 600;    left: -87px;    position: absolute;    top: 63px; }
.label {float: left;    width: 115px;}
.Input-Eform { width: 290px; float: left; }
.Input-Mitteilung { height: 50px;    width: 722px;  }
.FormBox { float: left;     height: 28px;   width: 432px; }
.FormBoxMitteilung { margin: 8px 0;  height: 55px; } 
#ButtonAbsenden { bottom: 41px;    position: absolute;    right: 203px; }
.EFormFehlerMeldung { color: #FF0000;     position: absolute;    right: 16px;    width: 180px; }
#AntispamCode {float:left; margin-left: 10px; height: 40px;}
.FormFeldText { float: left; }
#FormDanke {position: absolute;    top: 64px;    width: 250px;  }
#infoTop {display: block; margin-bottom: 7px;}

.ProduktBox { display: inline-block;     float: none;    height: 28px; }
.AnzahlInput {float:left; width: 65px;}
.AnzahlInput input {width: 50px;}
.ProduktName {float:left; width: 150px;}
.ProduktName h2 {font-weight: 600; }
.tplShoptvBox { float:left; width: 100px; }


/* Footer */
#footer {   bottom: 16px;     font-size: 15px;    left: 116px;    position: absolute;  }
#footer ul {}
#footer li { display: inline; color: #0065a4;  margin-right: 19px; }

/* AnimationDetail */
#AnimationDetailBox {     bottom: 109px;    height: 275px;    left: 14px;    position: absolute;    width: 84px;}
#AnimationDetailBoxInner {position: relative; height: 275px; width: 84px; }
#Boden {width: 84px; height: 3px; background: #000; position: absolute; bottom: 0;}
#blatt1, #blatt2, #blatt3, #blatt4, #blatt5, #blatt6, #blatt7, #blatt8, #blatt9, #blatt10, #blatt11 {position: absolute; top:0;}

/* Aktuell Seite */
.Aktuell {   position: absolute;     right: 30px;    top: 98px; }