/* CSS-Definitionsdatei, die SiteStyle -Stylesheets enthält */
BODY {margin:0px;padding:0px;background-color:#f4f8e6;font-size:10pt;font-family:Arial;color:#c9c9c9;background-color:#2c2b2a;background: url(../img/hintergrund.jpg);}
#all-outer{margin:0px auto;text-align:center;width:998px;}
center{margin:0px auto;text-align:center;width:998px;}
#logo{background-color:#000;background: url(../img/bg-header.png);height:80px;}
#logo A.logo-top{position:relative;left:47px;margin:0px 10px 10px 0px;}
#logo .symbol-top{position:relative;}
#logo .symbol-top IMG{position:relative;left:660px;top:10px;}


#logo.start .hausdach{position:relative;text-align:center;}
#logo.start A.logo-top{position:relative;left:47px;margin:0px 10px 10px 0px;top:-80px;}
#logo.start .symbol-top{position:relative;}
#logo.start .symbol-top IMG{position:relative;left:660px;top:-70px;}


#slogan-service-nav{clear:both;height:42px;}
#slogan-service-nav #slogan{float:left;margin:9px 10px 9px 47px;}

#slogan-service-nav #service-nav{float:right;margin:9px 0px 9px 0px;}
#slogan-service-nav #service-nav UL{padding:0px 0px 0px 17px;list-style-type:none;} 
#slogan-service-nav #service-nav UL LI{display:inline;margin:0px 19px 0px 0px;}
#slogan-service-nav #service-nav UL LI.lang-changer{margin:0px 6px 0px 0px;}
#slogan-service-nav #service-nav UL LI.lang-changer A {}
#slogan-service-nav #service-nav UL LI A{color:#c9c9c9;}
#slogan-service-nav #service-nav UL LI A:hover,
#slogan-service-nav #service-nav UL LI A.act{color:#e2003b;}


#header-eyecatcher{clear:both;border-bottom:1px solid #EEEEEE;padding-bottom:10px;width: 998px;height: 239px;line-height:1.5em;}
#header-eyecatcher.start{border-top:4px solid #373b3a;}
#header-eyecatcher #content-header{background: url(../img/titelbild.jpg) no-repeat;width: 998px;height: 239px;}
#header-eyecatcher #content-header .trenner{position:absolute;top:100px;margin:0px 0px 0px 480px;width:1px;}
#header-eyecatcher #image-eyecatcher{position:absolute;left:700px;top:-200px;}
#header-eyecatcher TABLE{position:absolute;top:123px;margin:10px 13px 0px 132px;height:235px;}
#header-eyecatcher TABLE TR TD{vertical-align:middle;}
#header-eyecatcher TABLE TR TD.left{width:313px;padding:0px 16px 0px 10px;opacity:1;color:#FFF;}
#header-eyecatcher TABLE TR TD.right{width:303px;padding:0px 10px 0px 30px;opacity:1;color:#FFF;}
#header-eyecatcher P{text-align:justify;}
#bottom-content{clear:both;margin-top:20px;}
#bottom-content #main-nav{width:195px;margin:0px 0px 10px -50px;padding:0px 0px 50px 50px;float:left;background-image: url(../img/bg-nav-left.png); background-position:left bottom; background-repeat:no-repeat;}

#bottom-content .thema{background-image:url(../img/bg-nav-top.png);width: 194px;height: 42px;}

#bottom-content #main-nav .thema H2{padding:8px 0px 0px 16px;margin:0px;color:#333;}
#bottom-content #main-nav UL{margin:0px;padding:0px 0px 0px 0px;list-style-type:none;background: url(../img/bg-mainnav.png);}
#bottom-content #main-nav UL LI{padding:0px;margin:0px 0px 0px 0px;}
#bottom-content #main-nav UL LI A{font-size:13pt;background-image: url(../img/icons/berlin.png);background-repeat: no-repeat;background-position:left bottom;padding:5px 0px 10px 57px;display:block;}
#bottom-content #main-nav UL LI.berlin A{padding-top:10px;}
#bottom-content #main-nav UL LI.orlando A{background-image: url(../img/icons/orlando.png);}
#bottom-content #main-nav UL LI.rio A{background-image: url(../img/icons/rio.png);}
#bottom-content #main-nav UL LI.oslo A{background-image: url(../img/icons/oslo.png);}
#bottom-content #main-nav UL LI.galerie A{background-image: url(../img/icons/galerie.png);}
#bottom-content #main-nav UL LI.sydney A{background-image: url(../img/icons/sydney.png);}
#bottom-content #main-nav UL LI.frankfurt A{background-image: url(../img/icons/frankfurt.png);}
#bottom-content #main-nav UL LI.madrid A{background-image: url(../img/icons/madrid.png);}
#bottom-content #main-nav UL LI.maxway A{background-image: url(../img/icons/maxway.png);}
#bottom-content #main-nav UL LI.cliptrick A{background-image: url(../img/icons/cliptrick.png);}
#bottom-content #main-nav UL LI.maximini A{background-image: url(../img/icons/maximini.png);}
#bottom-content #main-nav UL LI.schaukaesten A{background-image: url(../img/icons/schaukaesten.png);}
#bottom-content #main-nav UL LI.braille A{background-image: url(../img/icons/braille.png);}
#bottom-content #main-nav UL LI.torino A{background-image: url(../img/icons/torino.png);}
#bottom-content #main-nav UL LI.farben A,
#bottom-content #main-nav UL LI.programm A{background-image: url(../img/icons/proginfo.png);}
#bottom-content #main-nav UL LI.programm A{margin-bottom:10px;}
#bottom-content #main-nav UL LI.katalog{position:absolute;}
#bottom-content #main-nav UL LI.katalog A{position:relative;background:transparent;left:-45px;top:16px;}

#bottom-content #right-content{float:left;margin:0px 0px 0px 10px;line-height:1.6em;}
#bottom-content #right-content .thema{float:left;margin:0px 5px 0px 0px;padding:0px;}
#bottom-content #right-content .thema H2{padding:13px 0px 0px 10px;margin:0px;}
#bottom-content #right-content .thema H2 SPAN{float:left;}
.en #bottom-content #right-content .thema H2{padding:0px 0px 0px 10px;}
.en #bottom-content #right-content .thema{line-height:1.5em;}

#bottom-content #main-content{clear:both; }
/*#bottom-content #main-content #content-inner{}*/
#bottom-content #main-content #content-inner{position:relative;width:730px;height:auto;padding:50px 0px 0px 60px;}
#bottom-content #main-content #content-inner.modell{padding-left:1px;width:780px;}
/*ZWEISPALTIGES LAYOUT*/
#bottom-content #main-content #content-inner.only-text{width:700px;}
#bottom-content #main-content #content-inner .left{float:left;width:315px;padding:0px 40px 10px 3px;border-right:1px solid #CCC;}
#bottom-content #main-content #content-inner .right{float:left;width:310px;padding:35px 0px 10px 23px;}
#bottom-content #main-content #content-inner .right.top{padding-top:0px;}
#bottom-content #main-content #content-inner #content{float:left;}
#bottom-content #main-content #content-inner.start{margin:50px 0px 0px 0px;width:900px;}

#bottom-content #main-content #content-inner.start .left{width:405px;}
#bottom-content #main-content #content-inner.start .right{width:405px;padding:0px 0px 10px 23px;font-style:italic;color:#b3b3b3;}
#bottom-content #main-content #content-inner .right.top{padding-top:0px;}
#bottom-content #main-content #content-inner P.images IMG{margin:0px 2px 0px 0px; border:1px solid #FFF;}
#bottom-content #main-content #content-inner .right P.images IMG.img-right{position:relative;top:-20px;left:130px;}
#bottom-content #main-content #content-inner .left P.images IMG.img-left{position:relative;top:20px;left:130px;}

#bottom-content #main-content #content-inner.produkte{}
#bottom-content #main-content #content-inner.produkte P{margin-top:20px;}
#bottom-content #main-content #content-inner.produkte .left{border:none;}

DIV.details-view{position:absolute;left:100px;top:-200px;display:none;}
DIV.details-view A.close-details{color:#AAAAAA;position:relative; top:-30px;left:10px;padding:4px 0px 4px 30px;background: url(../img/lupe-close.png) no-repeat;}

#information{position:relative;border-top:1px solid #999;padding:0px 0px 0px 0px;clear:both;font-size:.7em;}
#information .bottomshadow {position:absolute;width:998px;height:45px;background: url(../img/horizontaldividor.png) no-repeat center -7px;}
#information P{margin:20px;text-align:center;}
#information P a{color:#CCC;}
.absolute{position:absolute;}

.separator {clear:both;position:relative;margin-left:-234px;left:50%;width:468px;height:8px;background:url(../img/separator-bullets.png) no-repeat;}