/*
Frutiger Schriften
font-family:'FrutigerLTW01-45Light';
font-family:'FrutigerLTW01-46LightIt';
font-family:'FrutigerLTW01-55Roman';
font-family:'FrutigerLTW01-56Italic';
font-family:'Frutiger LT W01 65 Bold';
font-family:'FrutigerLTW01-66BoldIta';
font-family:'FrutigerLTW01-75Black';
font-family:'FrutigerLTW01-76BlackIt';
font-family:'FrutigerLTW01-95UltraBl';
font-family:'FrutigerLTW01-47LightCn';
font-family:'FrutigerLTW01-48LightCn';
font-family:'FrutigerLTW01-67BoldCn';
font-family:'FrutigerLTW01-68BoldCnI';
font-family:'FrutigerLTW01-87ExtraBk';
font-family:'FrutigerLTW01-88XBkCnIt';
*/


body {
    font-family: 'FrutigerLTW01-55Roman', Verdana, Arial, Helvetica, sans-serif;
}
    

img {border: 0px;}

sup {line-height:0px; font-size: 50%; top: 1px; position:relative;}
.header {
    width: 1080px;
    margin: 0px auto auto auto;
    height: 70px;
    background: #fff;
    }
    
.header .headline {
    /*    float:left;;*/
    margin: 10px 0px 0px 80px;
    width:650px;
    font-size:21px;
    color:#000;
    text-transform: uppercase;
    }
.header .headline-thin {
    /*float:left;*/
    margin: 12px 0px 0px 160px;
    float:left;
    width:550px;
    font-size:21px;
    color:#000;
    text-transform: uppercase;
    }
.header .logo_produkt {
    float:right;
    margin: 0px 0px 0px 0px;
    max-height: 65px;
    }

.header .logo_produkt img {
    max-height: 55px;
    }

    
#posbanner {
    margin:-10px;
    width: auto;
    min-width: 1280px;
    height: 290px;
    background: #fff;
    border: 1px solid #99cc66;
/*box-shadow: inset 5px 5px 20px #999;*/
    }

#posbanner .startbanner {
    width: 1280px;
    height: 290px; 
    /*#0055a0 */
    margin: 0px auto auto auto;
    background: #fff;
    border: 0px solid #000000;
    }
    
#posbanner .banner {
    width: 1280px;
    height: 290px; 
    margin: -1px auto auto auto;
    /*background: transparent url() no-repeat;  */
    }

#posbanner .banner_produkt {
    width: 1280px;
    height: 290px; 
    margin: 0px auto auto auto;
    /*box-shadow: inset 0px 0px 5px 20px #999;  */
    background: transparent url(/images/big_picture_all.png) no-repeat;
    }
        
.bigpicture {
    /*float:left;*/
    position:absolute;
    margin: -20px 0px 0px 100px;
    height: 300px;
    z-index:30;
    }
    
.bigpicture img{
    height: 300px;
    }
    
* + html .bigpicture {position:absolute; margin: -20px 0px 0px -730px;}     
    
.ani {
    position:absolute;
    margin: -0px 0px 0px 0px;
    border:0px solid #0000ff;
    height:300px;
    width:1047px;
    z-index:30;
    }
    
.bigpicture_start {    
    position:absolute;
    margin: -75px 0px 0px -75px;
    z-index:40;
    }    
    
.bigpicture_start img {    
    height: 370px;
    margin: 0px 0px 0px 0px;
    border: 0px solid #000;
    }
    
* + html .bigpicture_start {margin:0px 0px 0px 0px;} 
.bigpicture_produkt {
    /*float:left;*/
    position:absolute;
    margin: -95px 0px 0px 0px;
    height: 365px;
    z-index:30;
    }
    
.bigpicture_produkt img{
    height: 365px;
    }
h1 {
    font-weight: normal;
    color: #999;
    }
#main {
    width: 1080px;
    margin: 0px auto auto auto;
    }
    
#layer {
    position:absolute;
    z-index:999;
    width: 1080px;
    }
    
.navi-reiter {
    float:left;
    /*position:absolute;
    z-index:99;*/
    margin: -40px 0 0 160px;
    height: 50px;
    width: 950px;
    }
    
.navi-reiter ul {    
    margin:0 0 0 -48px;
    padding-top: 0px;
    background: url(navreiter_hg.png) no-repeat 42px 0px;
    list-style-type:none;
    height: 50px;
    }    
    
.navi-reiter ul li {
    float:left;    
    width: 171px;
    height: 50px;
    margin-right: -23px;
	/*background: url(navreiterhover.png) no-repeat 0px 0px;*/
    }   
    
.navi-reiter ul li a {
    display: block;
    padding: 15px 0 12px 20px;
    color: #000;
    width: 171px;
    height: 50px;
    font-size: 22px;
    text-decoration: none;
    border: 0px solid #ff00ff;
    font-family: 'FrutigerLTW01-47LightCn', Arial, Helvetica, sans-serif;
    }
    
.navi-reiter ul li a:hover, .navi-reiter ul li a:focus,  .navi-reiter ul li a:active {
    color: #99cc66;
    background: url(navreiterhover.png) no-repeat 1px 0px;
    }
    
.navi-reiter ul li.current a {
    color: #99cc66;
    background: url(navreiterhover.png) no-repeat 1px 0px;
    }          
        
.navi-reiter ul li.currentride a {
    color: #99cc66;
    background: url(navreiterhover.png) no-repeat 1px 0px;    }
    
/**ContentBereich**/
    
#contentbox {
    /*float:left;
    position:absolute;
    z-index:999;*/
    min-height: 450px;
    height: auto;
    width: 900px;
    margin-top: 10px;/*-235px*/;
    margin-left: 160px;
    margin-bottom:30px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-shadow: 3px 3px 10px #666;
    }
    
#content {
    margin-top: 0px;
    }
.contentinhalt { 
    width: 900px;
    min-height:450px;
    height: auto;
    margin-bottom: 20px;
    /*background: transparent url(Bilder/bg_content.png) repeat-y;*/
    }
    
/* Startseite Gestaltung */
    
.contentinhalt_start_bg {
    float:left;
    margin: -50px 0px 50px 30px;
    min-height:320px;
    width:900px;
    }
.contentinhalt_start_bg div.startbutton {
    float:left;
    margin-right: 12px;
    width:auto;
    height:auto;
    background: transparent;
    border: 0px solid #4691c8;
    }
    
/* Allgemeine Inhalte*/    
    
.contentinhalt_w {
    /**/float:left;
    margin: 10px 0px 0px 30px;
    width: 800px;
    min-height: 450px;
    }
    
.contentinhalt_w .ref {
    /*float:left;*/
    margin: 10px 0px 0px 30px;
    width: 770px;
    min-height: 450px;
	border-bottom: 1px solid #cccccc;
    }
	
.ref span a {
	display:block;
	width:200px;
	height: 40px;
	background: url(btn_up.png) no-repeat 0 0;
	padding-left: 50px;
	padding-top: 8px;
	text-decoration:none;
	color:#999999;
	}
	
.contentinhalt_w h1 {
    font-size: 30px;
    color:#99cc66;
    height: 35px;
    margin-bottom: -5px;
    font-weight:normal;
	font-family:'FrutigerLTW01-45Light';
    }
    
.contentinhalt_w h2 {
    font-size: 18px;
    margin-bottom: -5px;
    font-weight:normal;
	font-family:'FrutigerLTW01-55Roman';
    }
	
.contentinhalt_w h2 a {
    font-size: 18px;
    margin-bottom: -5px;
    font-weight:normal;
	color: #999999;
	text-decoration: none;
	font-family:'FrutigerLTW01-55Roman';
    }

	
.contentinhalt_w h2 a:hover {
	text-decoration:underline;
	}
	
.contentinhalt_w h3 {
    font-size: 16px;
    color:#000000;
    margin-top: 20px;
    margin-bottom: -10px;
    font-weight:normal;
	font-family:'FrutigerLTW01-55Roman';
    }
    
.contentinhalt_w p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: -5px;
	font-family:'FrutigerLTW01-55Roman';
    }
    
.contentinhalt ul  {
    list-style-image:url(/create/images/listenpunkt.jpg);
    }
    
.contentinhalt ul li {
    font-size: 13px;
    line-height: 18px;
    margin-top: 3px;
    }
.contentinhalt_right {
    float:left;
    margin: 5px 0px 0px 10px;
    width: 500px;
    font-size: 13px;
    line-height: 18px;
    }
    
* + html .contentinhalt_right {
    margin-top: 5px;
    }
        
.contentinhalt_right_impressum {
    float:left;
    margin: 0px 0px 0px 25px;
    width: 375px;
    }
        
.contentinhalt_right_impressum p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: -5px;
    }
    

	
/**SERVICE**/        
    
    
.contentinhalt_service {
    float:left;
    width: 930px;
    min-height:450px;
    margin: -120px 0px 30px 30px;
    /*float:left;height:400px;
    width:930px;background: transparent url(Bilder/big_picture_start.png) no-repeat;*/
    }
/*.contentinhalt_service ul {
    margin: 0px 0px 0px 0px;
    width:900px;
    height:auto;
    list-style-type: none;
    }*/
.contentinhalt_service div.serv-teaser {
    float:left;
    margin-top: 10px;
    margin-right: 50px;
    font-size: 13px;
    line-height:17px;
    width:250px;
    min-height: 400px;
    height: auto;
    background: transparent;
    border: 0px solid #000000;
    }
    
.contentinhalt_service h3 {
    font-size: 19px;
    margin-bottom: -15px;
    color:#99cc66;
    line-height: 23px;
    font-weight:normal;
    }
    
.contentinhalt_service h4 {
    font-size: 15px;
    font-weight:bold;
    }
    
    
/***Videoinhalt***/
    
.videopanel {
   /* float:left;*/
    margin: 50px 0px 80px 0px;
    background: #cccccc /*url(Bilder/videopanel.png) no-repeat*/;
    /*width: 502px;
    height: 310px;*/
    border: 10px solid #cccccc;
    border-radius: 10px;
    }
    
.video {
    margin: 11px 0px 0px 12px;
        }
        
        
/*Sprachauswahl*/
    
.langchoice {
    float:right;
    margin: 0px -5px 0px 0px;
    width: 50px;
    height: 120px;
    }
    
    
.langchoice ul {
    width: 50px;
    list-style-type: none;
    }
    
.langchoice ul li {
    margin-bottom: 5px;
    height:20px;
    }
.langchoice ul li a {
    display:block;
    width:24px;
    border: 1px solid #fff;
    }
    
.langchoice ul li a:hover {
    display:block;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px #999;
    }
    
.langchoice ul li img {
    width:24px;
    height: 16px;
    }
/********Navigation********/
.navigation {
    float:left;
    margin: 0px 0px 0px -80px;
    
    }
    
.navigation ul {
    list-style-type: none;
    border: 0px solid #000000;
    width: 180px;
    }
    
    
.navigation ul ul ul {
    width: 120px;
    }
    
    
.navigation ul li {
    font-size: 16px;
    line-height: 18px;
    margin-top: 12px;
    text-transform: uppercase;
    }
    
.navigation ul ul li {
    font-size: 14px;
    text-transform: uppercase;
    }    
    
.navigation ul li ul  {
    margin: 10px 0px 15px -20px;
    display: none;
    }
.navigation ul li li li {
    font-size: 14px;
    margin: 10px 0px 12px -20px;
    text-transform: uppercase;
    display:none;
    }    
    
    
.navigation ul li ul li.current ul li.current {    
    display: block;
    }
    
.navigation ul li li.current ul li {    
    display: block;
    }
    
.navigation ul li.current a {
    color: #000000;
    }
    
.navigation ul li.current ul a {
    color: #000;
    }
    
.navigation ul li.current ul  {
    display: block;
    }
    
.navigation ul ul li.current ul  {
    display: block;
    }
    
.navigation ul li ul li.current ul li a {
    display: block;
    color:#000;
    }
    
.navigation ul li li li.current {
    display: block;
    color:#000;
    }
    
.navigation ul li li.current li {
    display: block;
    color:#000;
    }
    
    
.navigation ul li ul li a:hover{
    color: #000000;
    }
    
.navigation ul li ul li ul li a:hover{
    color: #000000;
    }
    
.navigation ul li ul li {
line-height: 17px;
margin: 5px 0px 8px 0px;
    }
.navigation ul li ul li ul li a {
    color: #000;
    }
    
.navigation ul li ul li ul li a:hover {
    color: #000000;
    }
    
.navigation ul li ul li.current a {
    display: block;
    color: #000000;
    }
    
.navigation ul li ul li ul li.current a{
    display: block;
    color: #99cc66;
    }
    
.navigation ul li.current2 ul {
    display: block;
    color: #000;
    }
/*2.Ebene aktiv*/    
.navigation ul li.current2 ul li.current a {
    display: block;
    color: #000000;
    }
    
/*2.Ebene inaktiv*/    
.navigation ul li.current2 ul li.current2 a {
    display: block;
    color: #000;
    }
    
.navigation ul li.current2 ul li.current ul li a {
    color: #000;
    }
    
.navigation ul li.current2 ul li.current2 ul li  {
    display: block;
    color: #000;
    }
    
.navigation ul li.current2 ul li.current ul li a:hover {
    color: #000000;
    }
    
.navigation ul li.current ul li.current2 a {
    display: block;
    color: #000;
    }
    
.navigation ul li.current2 ul li.current ul li.current a {
    display: block;
    color: #000000;
    }
    
.navigation ul li.current2 ul li.current2 ul li.current a {
    display: block;
    color: #000000;
    }
    
.navigation ul li.current2 ul li.current2 ul li a {
    display: block;
    color: #000;
    }
    
li.current2 a {
    color: #000000;
    }
.navigation ul li a {
    color: #000000;
    text-decoration: none;
    }
.navigation ul li a:hover {
    color: #000000;
    }
.contentbottom {
    float:left;
    margin: -50px 0px 0px -15px;
    height: 32px;
    width: 900px;
    /*background: transparent url(Bilder/bg_content_bottom.png) no-repeat;*/
    }
    
.contentbottom .logo {
    margin-left:15px;
    width: 150px;
    height: 20px;
    border-bottom: 1px solid #000;
    padding-left: 700px;
    }
    
    
.contentbottom .logo a img {
    margin: -16px 0px 0px 5px;
    width: 150px;/**/
    height: 32px;
    padding: 5px 20px 5px 10px;    
    background: #fff;
    }
    
.footer {
    float:right;
    z-index: 999;
    margin: -40px 0px 0px 0px;
    text-transform:uppercase;
    }
    
.footer a {    
    font-size: 14px;
    margin-right: 15px;
    color: #333;
    text-decoration:none;
    }
 

.kontakt-left {
    width: 100px;
}

.kontakt-right {
    width: 200px;
}