/*
-----------------------------------------------------------
        mathiesen & mathiesen AG für Informatik, www.m-m.ag
-----------------------------------------------------------

Used Hacks:
- IEroot hack for all IE > 7
- Star html hack for IE = 6
*/

/*--------------------------
    Seitenaufbau
---------------------------*/

        
body{
        margin: 0;
        padding: 0;
        /*height: 768px; @ng 17.4.2010 */
        text-align:center; /* für Zentrierung um Internet Explorer!!!*/

        font-family: Verdana, Sans-Serif;
        font-size: 11px;
                font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
}

#IERoot {
        
                /*height: 100%; @ng 17.4.2010 */
}

#container0 {
        margin-left: auto; /* Für zentrierung, breite angeben + margin left,right auf auto setzen*/
        margin-right: auto;
        width: 1012px;
       /* height: 768px; @ng 17.4.2010 */
           /* immerso hoch wie browser fenster (wichtig: jedes parent auch body muss 100% definiert haben!!!)*/
        
        text-align: left;
        background-image:url(../Images/background.jpg);
        background-repeat:repeat-y;
        
        position:relative; /* damit child objekte mit position:absolute auf container0 und nicht auf body referenziert werden*/
        
        overflow:auto;
                

}
#container0 p {
        margin:0px; /* um standardwerte global zu deaktivieren. */
}

#head0 {
        background-image:url(../Images/Logo_weiss.png);
        background-repeat:no-repeat;
        margin-left:10px;
        margin-right:10px;
        height:110px;
        float:left;
}

#footer0 {
        height:57px;
        
        margin-top:10px;
        width:1012px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
}
#footer1 {
                height:37px;
        margin-left:10px;
        margin-right:10px;
        text-align:center;
/*        background-image:url(../Images/background.jpg);
        background-repeat:repeat-y;*/
                background:#008FCB;
                border-bottom:10px solid #008FCBC;
}

#container1 {
        margin-left:10px;
        margin-right:10px;
        position:relative;
                width:992px;
        
        /*height: 70%; ng 8.06.09 */
        
        overflow:hidden;  /*ng 8.06.09 */
        height: 600px; /* min-höhe bei 2 toolbars und einem tab und 768px bildschirm - 47px footer -114px header */
}

#language{
        position:absolute;
        right:36px;
        top:60px;
                color:white;
                font-weight:500;
}

#language a{
        width:60px;
        color:#000000;
        border-left: solid 1px white;
                color:white;
                padding:2px 5px 5px 2px;
                font-weight:500;
}

#navi1{
        margin-left:251px;
        margin-top:75px;
        height:36px;
        width:741px;
                color:#CCCCCC;
/*              background-color:#FFFFFF; */
}

/*#IERoot #navi1{
        margin-left:-100px;
        }*/


#navi1 ul{
        padding-left:0px;
                margin-left:-5px;
        }
                
#IEroot #navi1 ul{
                /*margin-left:-10px;*/
                margin-left:0px;
                margin-top:73px;
        }
                
#navi1 ul li{
        height:25px;
        float:left;
        list-style-type:none;
        position:relative;
                margin-left:10px;
        }
                
#IEroot #navi1 li{
                margin-left:5px;
}

#navi1 ul .menusep{
                width:0px;
                margin-left:0px;
}



#navi1 ul li a{
/*        margin-left:-1px;*/
        padding-top:8px;
        color:#000000;
        bottom:4px;
        font-size:15px;
        left:4px;
        display:block;
/*        border: solid 1px #999999;
        border-width: 1px 1px 0px 1px; */
        width:139px;
        display:block;
        height:36px;
        text-align:center;
        text-decoration:none;
                font-weight:700;
                background-color:#FFFFFF;
        }

/*#IEroot #navi1 ul li a{
                margin-left:10px;
        }*/


#navi1 ul li a:hover{
        background:#6699CC;
                color:white;
}

#navi1 ul li a span{
        left:4px;
        bottom:4px;
        position:absolute;
        }

#navi1 li ul li{
        float:none;
        list-style-type:none;
        }

#head0 .ul li a {
}

/*#nav ul{
                margin-left:-5px;
}*/

#tree{
        /*line-height:1.5em;*/
        color:#000000;
/*        font-family:Verdana, Arial, Helvetica, sans-serif;*/
        font-size:11pt;
        width: 226px;
        float:left;
        background-color:#FFFFFF;
        
        border-top: #008FCB solid 6px;
        
        overflow: auto;
        height: 100%;
        padding-top:6px;
        padding-left:10px;
        padding-right:10px;
        
        list-style:none;
        text-align:left;
}

#treeimg{
        font-size:12px;
}

#treeimg img{
        margin-top:10px;
        margin-bottom:10px;
        clear:both;
}

#tree ul li{
        list-style:none;
        font-size:11px;
        line-height:1.2em;
        padding: 4px 0px 4px 0px;
}

#tree .subtext{
        font-size:12px;
        line-height:1.5em;
        padding: 15px 5px 5px 5px;
        border-top: 2px solid #666666;
                position:absolute;
                top:430px;
                
                /*bottom: 30px;*/
                
                width: 216px;
}

#IEroot #tree .subtext{
                margin-top:-6px;
}

/*#tree .subtext img{
                margin-top:10px;
                margin-bottom:10px;
}
*/

#main{
        width: 736px;
        margin-left: 10px;
        float:left;
        background-color:#FFFFFF;
        border-top: #008FCB solid 6px;
/*        overflow: show;*/
                overflow:auto;
        height: 100%;
}

#content {
        /*width: 690px;*/
                /*width:710px;*/
        /*line-height:1.5em;*/
        margin: 6px 10px 10px 10px;    
        /*overflow:hidden; vk - 16.06.2009 - schneidet Text links ab */
            font:bold 1.4em/1.4em "Helvetica Neue",Arial,FreeSans,sans-serif;
                letter-spacing:-1px;
        padding-bottom: 20px;
                border: none;

}

#IEroot #content {
        margin-top: 1px;
}

/*eingefügtes div mit class=normal, für alle anderen Seiten ausser home und products, um schrift auf normal zu setzen*/
.normal{
                font-weight:normal;

}

#homeline{
                border-top: 2px solid #666666;
                position:absolute;
                /*top: 408px;*/
                bottom: 145px;
                /*margin-top:-12px;*/
                /*width:719px; ng 17.4.2010 */
                width:710px;
}
#IEroot #homeline {
        bottom: 150px;
}

#content #hometable{
                font-size:16px;
                }

#content td {
        vertical-align:top;
}

/*--------------------------
   Allgemein
---------------------------*/

p.MsoNormal, li.MsoNormal, div.MsoNormal{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:11pt;
}

h1{
        font-size:22px;
        font-weight:normal;
}

h3{
                font-size:17px;
                padding-left:5px;
}

h4{
                font-size:14px;
                font-weight:bold;
}

a {
        text-decoration: none;
}


#head0 span {
        color:white;
        position:absolute;
        top:80px;
        left:25px;
/*      letter-spacing:-0.05em;*/
        font-weight:600;
        font-size:15px;
}

#tree a {
        color: #6E6E78;
}

#content a:link    {
    color: #333333;
    }

#content a:visited {
    color: #333333;
    text-decoration: none;
    }

#content a:active  {
    color: #6E6E78;
    /*text-decoration: underline; */
    }

#content a:hover   {
    color:#6E6E78;
    /*text-decoration: underline;*/
}

#content li{
        margin-top:5px;
}

img {
        border:none;
}

Table {
/*        font-family: Verdana, Sans-Serif;
        font-size: 11px;*/
        margin:0;
        padding:0;
        border:0;
        border-collapse: collapse;
}

.ul, .ul ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.ul li {
cursor:default;
}




/*--------------------------
   jQuery Slider
   (http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/)
---------------------------*/



  
#slidermain{  
        /*width:710px; 
    /*width:719px;  ng 17.4.2010 */
    position:relative;   
    background:#fff;  
        /*margin:-9px 0px 0px 0px;*/
}    

#slidermain img{
        margin-top:30px;
        width:710px;
}

#slidermain ul.ui-tabs-nav{  
    position:absolute;  
    top:0; left:0px;  
    list-style:none;  
    padding:0; margin:0;  
    width:250px;  
        margin:0px;

}  

#slidermain ul.ui-tabs-nav li{  
    padding:1px 0; padding-left:13px;  
    font-size:12px;  
    color:#666;  
        margin:0px;

}  

#slidermain ul.ui-tabs-nav li span{  
    font-size:11px; font-family:Verdana;  
    line-height:18px;  
}  
  
#slidermain .ui-tabs-panel{  

/*    background:#999; position:relative;  */
    overflow:hidden;  
}  

#slidermain .ui-tabs-hide{  
    display:none;  
}  

 

#slidermain li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;  
}  

#slidermain li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;  
}  

#slidermain ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#ccc;  
}  

#slidermain ul.ui-tabs-nav li img{  
    float:left; margin:2px 5px;  
    background:#fff;  
    padding:2px;  
    border:1px solid #eee;  
}  

#slidermain .ui-tabs-panel .info{  
    position:absolute;  
    top:0; left:0;  
    height:70px;
        /*width: 719px;  */
        width: 710px;
    background: transparent url(../Images/transparent-bg.png) repeat scroll 0 0; 
}  

/* ng neu für text */
#slidermain .ui-tabs-panel .info_text{  
/*    font-size:13px;
        font-weight:600; 
    position:absolute;  */
        letter-spacing:0px;
        color:#666666;
    bottom:0; 
        left:0; 
    padding:3px 3px 3px 6px;     
    height:72px;  
        /*width: 719px;
        width:100%;*/
        margin-top:10px;
        margin-bottom:0px;  
        /*background: #EE7F00;
        background: #FFD093;*/
    background: transparent url(../Images/info_text_background.jpg) repeat scroll 0 0; 
} 
/* ng neu für titlebox */
#slidermain .ui-tabs-panel .info_title{  
    position:absolute;  
    top:0; 
        left:0;  
    height:36px; 
/*      width: 719px; */
        width:100%; 
/*      background: #EE7F00;*/
    background: transparent url(../Images/info_title_bg.jpg) repeat scroll 0 0; 
} 

#IEroot #slidermain .ui-tabs-panel .info_title{ 
        top:5px;
}

#slidermain .info_title h2 a{ 
        color:#F0F0F0;
}

/*style für text unter slider, mh*/

.fett{
                font-weight:bold;
                color:#000000;
}

/* ng neu für title */
#slidermain .info_title h2{  
    font-size:24px;
/*      font-weight:600;*/
    padding:6px 3px 3px 6px;  
        color:#f0f0f0;  
/*      font-family:Georgia, serif; */
        margin:0;  
    overflow:hidden;  

}  



#slidermain .info h2{  
    font-size:24px; font-family:Georgia, serif;  
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;  
}  

#slidermain .info p{  
     margin:0 5px;  
     font-family:Verdana; font-size:13px;  
     line-height:15px; color:#f0f0f0;  
}  

#slidermain .info a{  
     text-decoration:none;  
     color:#fff;  
}  

#slidermain .info a:hover{  
     text-decoration:underline;  
}  



#slidertree{  
    position:relative;  
    height:250px;  
    background:#fff;  
        margin:0 -7px 0 -5px;
        font-size:12px;
        font-weight:600;
        padding-top:10px;
        padding-left:0px;
        padding-right:10px;
                

}  

.treetitle{
        color:#F0F0F0;
        font-weight:600;
        font-size:24px;
        margin-bottom: 5px;
        background:url("../Images/info_title_bg.jpg") repeat scroll 0 0;
        height:27px;
        width:220px;
        vertical-align:bottom;
        padding: 1px 0px 8px 6px;
}


#slidertree ul.ui-tabs-nav{  
    position:absolute;  
    top:0; left:0px;  
    list-style:none;  
    padding:0; margin:0;  
        margin:0px;

}  

#slidertree ul.ui-tabs-nav li{  
    padding:1px 0;   
    font-size:11px;  
    color:#666;  
        margin: 0px 0px 0px -2px;

}  

#slidertree ul.ui-tabs-nav li span{  
    font: bold 1.4em/1.4em "Helvetica Neue",Arial,FreeSans,sans-serif;
        vertical-align:center;
}  
  
#slidertree .ui-tabs-panel{  
    width:400px; height:250px;  left:250px;
    background:#999; position:relative;  
    overflow:hidden;  
}  

#slidertree .ui-tabs-hide{  
    display:none;  
}  

#slidertree li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:50px;  
    color:#333;
        background:#fff;  
        vertical-align:middle;
    outline:none;
        width:240px; 
}  

#slidertree li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;
        width:240px;  
}  

#slidertree li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;
        width:240px; 
}  

#slidertree ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#FFD093;
        color:#6C5F51;
        width:240px;  
}  

#slidertree ul.ui-tabs-nav li img{  
    float:left; margin:2px 0px 2px 3px;  
    background:#fff;  
    padding:2px;  
    border:1px solid #eee;  
        margin-right:5px;
}  

#slidertree .ui-tabs-panel .info{  
    position:absolute;  
    top:180px; left:0;  
    height:70px; width: 400px;  
    background: url('images/transparent-bg.png');  
}  

#slidertree .info h2{  
    font-size:18px; font-family:Georgia, serif;  
    color:#fff; padding:5px; margin:0;  
    overflow:hidden;  
}  

#slidertree .info p{  
     margin:0 5px;  
     font-family:Verdana; font-size:13px;  
     line-height:15px; color:#f0f0f0;  
}  

#slidertree .info a{  
     text-decoration:none;  
     color:#fff;  
}  

#slidertree .info a:hover{  
     text-decoration:underline;  
}  


/* Title andere Seiten */

.info_title{  
    top:0; 
        left:0;  
    height:36px; 
/*      width: 719px; */
        width:100%; 
/*      background: #EE7F00;*/
    background: transparent url(../Images/info_title_bg.jpg) repeat scroll 0 0;
        margin-bottom:20px; 
} 

#IEroot .info_title{ 
        top:5px;
}

.info_title h2{  
    font-size:24px;
/*      font-weight:600;*/
    padding:6px 3px 3px 6px;  
        color:#f0f0f0;  
/*      font-family:Georgia, serif; */
        margin:0;
    overflow:hidden;  

}