/* - - - - - - - - - - - - Aufteilung der Seite - - - - - - - - - - - - */
html,body {
 margin:0;
 padding:0;
 overflow:hidden;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:90%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
 /*background-image:url(../pix/hg.gif);*/
 height:100%;
  font-weight:normal;
  color:#333333;

}

#seitenrahmen {/*rahmen fuer komplette seite, enthaelt alle elemente */
 position:absolute;
 top:0;
 left:0;
 width:100%;
 overflow:auto;
 height:100%;
 font-size:100%;
}

#balken { /*dunkelblauer balken rechter rand*/
background-color:#003366;
height:100%;
width:2px;
position:absolute;
top:0;
left:990px;
z-index:100;
margin:0;
padding:0;
}


#balkenquer { /*dunkelblauer balken oben*/
position:absolute;
top:0;
left:0;
width:990px;
height:16px;
background-color:#003366;
}

#strichweiss {
position:absolute;
top:16px;
left:0;
width:990px;
height:2px;
background-color:#ffffff;
margin:0;
padding:0;
}

#headerfix { /* seitenkopf an fester position */
 position:absolute;
 top:0px;
 left:0px;
 width:98%;
 height:135px;
 z-index:100;
 color:#ffffff;
 }
 
#logo {
position: absolute;
top:3px;
left:20px;
z-index:101;
}

#presselogo {
width:160px;
display:block;
padding:0;
margin:5px 20px 0 0;
/**/border:1px solid #E2E2E2;
}

#pressemeldung {
width:620px;
margin:0;
padding:0 20px 0 20px;
 /*background-color:#F1F8FF; 
  border:1px solid #6699cc;  */
}

#logoprint {
display:none;
}
 
#claim {  /* ueberschrift weiss im fixen header*/
 position:absolute;
 top:60px;
 left:620px;
 z-index:200;
 width:500px;
} 

#sprachen {
 width:180px;
 height:18px;
 padding: 2px 0 0 0;
 z-index:200;
 float:left;
 /*border:1px solid #000000;*/
}

#sprachen ul,
#sprachen li,
#sprachen li a {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
border:0;
}

#navibox {
position:absolute;
 top:83px;
 left:20px;
 width:950px;
 background-color:#6699cc;
 border: 1px solid #336699;
 height:20px;
}

#navhg {
background-color:#ffffff;
width:620px;
margin: 0px 0 1px 164px;
height:20px;
float:left;
display:inline;
border-left:1px solid #003366;
border-right:1px solid #003366;
}


#funktionsikons {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
border:0;
float:right;
height:18px;
}

#funktionsikons ul {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
border:0;
}

#funktionsikons li {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
border:0;
}

#hauptnavi {
color:#003366;
font-size:0.9em;
font-weight:bold;
padding: 3px 0 0 0;
} 

#hauptnavi ul {
display:inline;
list-style-type:none;
margin:0 0 0 10px;
/*word-spacing:4px;
margin-left:5px;*/
}

#hauptnavi li {
display:inline;
list-style-type:none;
margin:0;
padding:0 5px 0 0;
}

#hauptnavi a {
color:#003366;
font-weight:bold;
text-decoration:none;
padding:4px;
}

#hauptnavi a:Hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#336699;
}

#hauptnavi a.activ {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#336699;
}

/* ---- ab hier hauptnavi, wenn eingeloggt -- */
#loginhauptnavi {
color:#003366;
font-size:0.9em;
font-weight:bold;
padding: 3px 0 0 0;
} 

 /*#loginhauptnavi a.link {
 color:#336699;
 font-weight:bold;
 background-image:url(/pix/link.gif);
 background-repeat:no-repeat;
 background-position: center left;
 padding-left:23px;
 }*/

#loginhauptnavi ul {
display:inline;
list-style-type:none;
margin:0 0 0 20px;
}

#loginhauptnavi li {
display:inline;
list-style-type:none;
margin:0;
padding:0 3px 0 0;
}

#loginhauptnavi a {
color:#003366;
font-weight:bold;
text-decoration:none;
padding:2px;
}

#loginhauptnavi a:Hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#336699;
}

#loginhauptnavi a.activ {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#336699;
}

 #loginhauptnavi a.link {
 color:#003366;
 font-weight:bold;
 background-image:url(/pix/key.gif);
 background-repeat:no-repeat;
 background-position: center left;
 padding-left:23px;
 background-color:#E3F1FF;
 }
 
 #loginhauptnavi a.link:Hover {
color:#ffffff;
text-decoration:none;
background-color:#003366;
 }
 

/* -- bis hier hauptnavi wenn eingeloggt -- */

#subnavibalken {
 position:absolute;
 top:114px;
 left:0;
 width:990px;
 height:18px;
 padding: 2px 0 0 0;
 z-index:80;
 background-color:#E3F1FF;
 border-top:1px solid #003366;
 border-bottom:1px solid #a2bbdb;
}

#unternavi {
 color:#003366;
 width:900px;
 height:18px;
 padding: 2px 0 0 0px;
 z-index:200;
 font-size:0.9em;
}

#unternavi ul {
display:inline;
list-style-type:none;
margin:0 0 0 15px;
}

#unternavi li {
display:inline;
list-style-type:none;
margin:0;
padding:0 10px 0 0;
}

#unternavi a {
color:#003366;
font-weight:bold;
text-decoration:none;
font-weight:bold;
padding:3px;
}

#unternavi a:Hover {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#6699cc;
font-weight:bold;
}

#unternavi a.activ {
color:#ffffff;
font-weight:bold;
text-decoration:none;
background-color:#6699cc;
font-weight:bold;
}
 
#inhalt { 
font-size:1em;
position:absolute;
padding:180px 20px 0 30px;
top:0;
left:0;
width:680px;
z-index:90;
margin: 10px 10px 0 10px;
line-height:18px;
}


#spalterechts { 
padding:180px 0 0 5px;
position:absolute;
top:0;
left:760px;
width:210px;
z-index:90;
margin: 10px 0 0 10px;
height:100%;
font-size:1em;
/*background-color:#E3F1FF;*/
}

#fuss {
/*position:relative;
 left:20px;
 bottom:3px;
 background-color:#ffffff;
 clear:both;*/
 height:15px;
 width:600px;
 z-index:100;
}

#firmenticker {
margin:0;
padding:10px;
}

#produktticker {
margin:0;
padding:5px;
border:0;
/*width:700px;*/
}

#produktticker img {
margin:0 2px 0 2px;
padding:0;
/*border:1px solid #6699cc;
width:100px;
height:75px;*/
}

#laenderticker {
margin:0;
padding:5px;
border:0;
/*width:700px;*/
}

#laenderticker img {
margin:0 2px 0 2px;
padding:0;
/*border:1px solid #6699cc;
width:30px;
height:22px;*/
}

#laenderflaggen li.reihe {
padding: 5px 10px 5px 10px;
}

#laenderflaggen img {
border:1px solid #666666;
}

#schnellsuche {
background-color:#6699cc;
border:1px solid #336699;
color:#ffffff;
padding: 5px 10px 5px 20px;
margin:0;
}

#schnellsuche a.link {
font-size:0.9em;
color:#ffffff;
display:inline;
}

#schnellsuche a.link:Hover {
color:#003366;
}

#menue {
color:#003366;
font-size:0.9em;
background-color:#F1F8FF;
/*background-color:#E3F1FF;
background-color:#FFFFFF;*/
display:block;
margin:20px 0 0 20px;
padding:2px;
/*border:1px solid #6699cc;*/
border-left:1px solid #6699cc;
border-right:1px solid #6699cc;
border-top:1px solid #6699cc;
border-bottom:1px solid #6699cc;
width:620px;
}

#menue2 {
color:#003366;
font-size:0.9em;
background-color:#E3F1FF;
display:block;
margin:0 0 1px 0;
padding:2px
}

#menue li {
margin:0;
padding:0 20px 0 20px;
}

#menue2 li {
margin:0;
padding:0 20px 0 20px;
}

#menue img {
padding:0;
margin:0;
vertical-align:middle;
}

#sprachmenue {
background-color:#F1F8FF;
padding:2px;
border-left:1px solid #6699cc;
border-right:1px solid #6699cc;
border-bottom:1px solid #6699cc;
border-top:0;
font-size:8pt;
margin:0 0 0 20px;
width:620px;
display:block;
}

#sprachmenue2 {
background-color:#F1F8FF;
padding:2px;
border:1px solid #6699cc;
font-size:8pt;
margin:0 0 0 20px;
width:620px;
display:block;
}

ul.sprachmenue,li.sprachmenue {
 list-style-type:none;
 display:inline;
 margin:0 2px 0 2px;
 padding:5px 0 0 0;
}

#ranking {
display:inline;
border: 1px solid #336699;
background-color:#6699cc;
color:#ffffff;
font-size: 100%;
font-weight:bold;
padding:2px 10px 2px 10px;
}

#ranking a {
color:#ffffff;
}

#ranking a:hover {
color:#003366;
}

#rankingaktiv {
display:inline;
border: 1px solid #6699cc;
background-color:#003366;
color:#ffffff;
font-size: 100%;
font-weight:bold;
padding:2px 10px 2px 10px;
margin:0;
}

 #profil {  
  margin:20px 0 20px 20px;
  display:block;
   background-color:#F1F8FF;
  border:1px solid #6699cc;   
  width:620px;
 }
 
 #profilinhalt {
 margin:10px;
 }

 
 #profil ul, #profil li {
 color:#333333;
 }
 
 #profil table {
 background-color:#ffffff;
 width:550px;
 }
 
 #profil table.kontakt{
width:410px;
background-color:#F1F8FF;
padding:5px;
border:0;
color:#003366;
margin:0;
}

#profil table.kontakt,td.kontakt,th.kontakt {
width:410px;
background-color:#F1F8FF;
padding:5px;
border:0;
color:#003366;
margin:0;
font-size:0.9em;
}

.produkt {
padding:0;
margin:0;
float:left;
/*border:1px solid #FF0099;*/
}

table.produktanz {
color:#003366;
margin:0 10px 10px 10px;
/*border:1px solid #6699cc;
background-color:#F1F8FF;*/
padding:0;
width:580px;
border:0;
font-size:0.9em;
}

td.produkt,th.produkt {
background-color:#F1F8FF;
color:#003366;
margin:0;
border:0;
padding:2px;
}


.produkttext {
width: 320px;
margin:0;
padding:0 10px 0 0;
/*border:1px solid #FF0099;*/
float:right;
}

p.prodabstand {
clear:both;
height:10px;
}

 /* - - - - - - - - - - - - Allgemeine Vorgaben - - - - - - - - - - - - */
 
table {
display:inline-table;
border-collapse:collapse;
border:1px solid #336699;
margin:5px;0px;0px;0px;
padding:0px;
width:640px;
font-size:1em;
}

table.chartmenue   {
display:inline-table;
border-collapse:collapse;
border:1px solid #336699;
width:208px;
}

th {
background-color: #6699cc;
color:#ffffff;
padding:2px;
border:1px solid #336699;
} 

td {
border:1px solid #336699;
padding:2px;
}

table.ohne {
display:inline-table;
border-collapse:collapse;
border:0;
margin:10px 10px 10px 0;
padding:5px;
width:640px;
font-size: 9pt;
}

th.ohne {
background-color: #ffffff;
color:#003366;
font-weight:bold;
text-align:left;
padding:2px;
border:0;
} 

th.tab-active {
background-color: #ffffff;
font-weight:bold;
color:#336699;
text-align:center;
padding:2px;
} 

th.tab-inactive {
background-color: #6699cc;
color:#ffffff;
font-weight:bold;
text-align:center;
padding:2px;
} 

.tab-inactive a {
color:#ffffff;
font-family: "Arial", "Helvetica", "sans-serif";
font-weight:bold;
font-size: 9pt;
text-decoration:none;
}


td.ohnesmall {
border:1px solid #336699;
padding:2px;
border:0;
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 9pt;
text-decoration:none;
}



td.ohne {
border:1px solid #336699;
padding:2px;
border:0;
}

td.ohnefont {
border:1px solid #336699;
padding:2px;
border:0;
background-color:#F7FBFF;
}

table.kontakt{
width:410px;
background-color:transparent;
padding:5px;
border:0;
color:#003366;
margin:0;
}

table.kontakt,td.kontakt,th.kontakt {
width:410px;
background-color:transparent;
padding:5px;
border:0;
color:#003366;
margin:0;
font-size:0.9em;
}

td.kontakt input.submit {
margin:0;
padding:2px;
} 

#adresse {
   margin:20px 0 20px 20px;
  display:block;
   background-color:#F1F8FF;
  border:1px solid #6699cc;   
  width:620px;
}

#adresse img {
float:left;
border:1px solid #6699cc;
/*border:0;*/
margin: 10px 40px 0 20px;
padding:0;
}

table.adresse {
color:#003366;
margin:20px 10px 10px 10px;
/*border:1px solid #6699cc;
background-color:#F1F8FF;*/
padding:0;
width:370px;
border:0;
font-size:0.9em;
}

td.adresse,th.adresse {
background-color:#F1F8FF;
color:#003366;
margin:0;
border:0;
padding:2px;
}



.messefirma, a.messefirma, a.messefirma:hover {
color:#336699;
border:0;
font-weight:bold;
text-decoration:none;
border:0;
 background-image:url(/pix/pfeile.gif);
 background-repeat:no-repeat;
 background-position: center left;
 padding-left:15px;
}

table.messe {
border:0;
display:inline;
padding:0;
margin:0;
width:400px;
}

table.messe, td.messe {
border:0;
padding:0;
margin:0;
}

#stamm{}
 
img{
    border:none;
   }
   
h1 {
    display:inline;
    font-size:1.5em;
    color:#ffffff;
    font-weight:bold  
}

h2 {
    display:block;
    font-size:1.3em;
    color:#003366;
    font-weight:bold;
    line-height:20px;
}

#stamm h2 {
display:block;
    font-size:1.3em;
    color:#003366;
    font-weight:bold;
    line-height:20px;
    padding: 10px 0 0 20px;
}


h3 {
    display:inline;
    font-size:1.4em;
    color:#336699;
    /*color:#cc0000;*/
    font-weight:bold;
    /*line-height:20px;*/
    padding:0;
    margin:0;    
    }
    
#profil h3 {
    display:block;
    font-size:1.2em;
    color:#003366;
    /*color:#cc0000;*/
    font-weight:bold;
    /*line-height:20px;*/
    padding:0;
    margin:0 0 10px 0;    
    }    

h4 {
    display:inline;
    font-size:1em;
    color:#ffffff;
    font-weight:bold;
    margin:0;
    padding:2px 2px 2px 0;
    float:left;
}

h5 {
    display:inline;
    font-size:1em;
    color:#003366;
    font-weight:bold;
    margin:0;
    padding:0;
}

h5.hell {
    display:inline;
    font-size:0.9em;
    color:#336699;
    font-weight:bold;
    margin:0;
    padding:0;
}

#profil h5 {
    display:inline;
    font-size:1.1em;
    color:#336699;
    font-weight:bold;
    margin:0;
    padding:0;
    /*background-color:#F1F8FF;
    padding:3px 10px 0 10px;
    border:1px solid #6699cc;*/
}

.thlink a {
color:#ffffff;
font-family: "Arial", "Helvetica", "sans-serif";
font-weight:bold;
font-size: 9pt;
text-decoration:none;
font-weight:bold;
}

.thlink a:Hover {
color:#336699;
font-family: "Arial", "Helvetica", "sans-serif";
font-weight:bold;
font-size: 9pt;
text-decoration:none;
font-weight:bold;
}

a {
color:#336699;
font-weight:bold;
text-decoration:none;
}

a:Hover {
color:#6699cc;
font-weight:bold;
text-decoration:none;
}

li {
 color:#003366;
 padding:2px;
 list-style-position:inside;
 font-weight:normal;
 }
 
 ul,ol {
color:#003366;
margin:0;
padding:5px;
 }
 
 /*ul.reihe,ol.reihe {
 display:inline;
 list-style-type:none;
 margin:0;
 padding:1px;
 }
 */
 
 li.reihe {
 display:inline;
 list-style-type:none;
 margin:0;
 padding:0 5px 0 5px;
 }
 
 li.ohne {
list-style-type:none;
margin:3px 3px 3px 0;
padding:0;
}

li.normal {
 padding:2px;
 list-style-position:outside;
 font-weight:normal; 
  color:#333333;
 margin:0 0 0 10px;
}

#spalterechts li.ohne {
list-style-type:none;
margin:3px 3px 3px 0;
padding:0;
list-style-position:outside;
}

 
form.schnellsuche {       /* normaler Fliesstext*/
        margin:0;
        padding:0;   
        display:inline; 
        float:left;    
       line-height:100%;      
     }
     
form.branche {       /* normaler Fliesstext*/
        margin:0;
        padding: 10px 0 0 0;
        display:inline; 
        line-height:120%;      
     }
     
form {       /* normaler Fliesstext*/
        margin:0;
        padding:0;   
        display:inline;   
        line-height:100%;             
     }
     
textarea,select,input {      /* Formularfeld*/
        font-size : 10pt;
        color : #000000;
        border: 1px solid #003366;
        /*height: 90%;*/
        margin-bottom:5px;
        display:inline;
        line-height:14px;
}

select.branche {
width:200px;
}

input.kontakt {
    margin:0;
    padding:2px;
    display:inline;
    }

input.submit {
    /* Formularfeld*/
        font-size : 1em;
        color:#ffffff;
        font-weight : bold;
        background-color: #336699;
        border: 1px solid #003366;
        display:inline;
        /*padding:0;
        margin:0;*/
        }
        
legend {
color:#003366;
font-weight:bold;
font-size:100%;
border:0;
}

fieldset {
border:1px solid #003366;
}


input.submit {
    /* Formularfeld*/
        font-size : 100%;
        color:#ffffff;
        font-weight : bold;
        background-color: #336699;
        border: 1px solid #003366;
        display:inline;
        }


 /* - - - - - - - - - - - - Klassen - - - - - - - - - - - - */

 .foot {
 color:#003366;
 font-size:0.8em;
 }
 
.klein {
font-size:0.8em;
}
 
 .invisible {
visibility:hidden;
 }
 
 .link {
 color:#336699;
 font-weight:bold;
 background-image:url(/pix/link.gif);
 background-repeat:no-repeat;
 background-position: center left;
 padding-left:23px;
 }
 
  .link:Hover {
 color:#6699cc;
 font-weight:bold;
 }
 
  .bildu {
 color:#336699;
 font-weight:normal;
 font-size:0.9em;
 background-image:url(/pix/link.gif);
 background-repeat:no-repeat;
 background-position: center left;
 padding-left:23px;
 }
 
  .bildu:Hover {
 color:#6699cc;
 font-weight:normal;
  font-size:0.9em;
 }
 
 .boxleer {
  border: 1px solid #6699cc;
  /*border:0;*/
  padding: 20px;
  margin:0;
  /*background-color:#eaeffa;
  width:720px;*/
 }
 
 .box {
 width:180px;
 /*background-color:#e5eef8;*/
 background-color:#E3F1FF;
 border: 1px solid #6699cc;
 padding:5px 5px 5px 7px;
 color:#003366;
 font-size:0.9em;
 margin:0 0 10px 0;
 }
 
 .boxtrans {
 padding:5px 5px 5px 20px;
 margin:0 0 10px 0;
 }
 
  .login {
 width:160px;
 background-color:#aacef3;
 border: 1px solid #003366;
 padding:5px 5px 5px 10px;
 color:#003366;
 font-size:0.9em;
 margin-bottom:10px;
 }
 
 img.fokus {
 border:1px solid #6699cc;
 /**/margin:0 0 10px 0;
 display:block;
 }
 
 img.box {
    border:0;
    width:160px;
    height:1px;
    background-color:transparent;
    margin:0 0 5px 0;
   }
 
 .fett {
 font-weight:bold;
 }
 
.abstand {
    height:30px;
} 

.vabstand {
padding:0 10px 0 10px;
}
 
li.strich {
list-style-type:none;
border-left:2px solid #003366;
}

.alert {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#cc0033;
}

.graufett {
color:#333333;
font-weight:bold;
}

.blau {
font-size:1em;
font-weight:normal;
text-decoration:none;
color:#003366;
}

.blau:Hover {
font-size:1em;
font-weight:normal;
text-decoration:underline;
color:#6699cc;
}

.underline {
font-weight:normal;
text-decoration:underline;
}

.underline:Hover {
font-weight:normal;
text-decoration:underline;
}

.weiss {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#ffffff;
}

.weiss:Hover {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#a2bbdb;
}

.weissaktiv {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#ffffff;
background-color:#003366;
}

a.weiss:Hover {
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#E3F1FF;
background-color:#003366;
}


 /* - - - - - - - - - - - - Überschriftkasten in blau - - - - - - - - - - - - */

.headabstand {
margin-left:20px;
}

.headline {
/*border-left: 1px solid #336699;
border-top: 1px solid #336699;
border-right: 1px solid #336699;*/
border: 1px solid #336699;
background-color:#6699cc;
width:140px;
display:inline;
color:#ffffff;
font-size: 100%;
font-weight:bold;
padding-left:10px;
padding-right:100px;
padding-top:0;
padding-bottom:0;
margin:0;
}

img.headline {
        display:block;
        margin-bottom:20px;
        padding:0;
        margin-top:0;
        width:550px;
        height:1px; 
        border:0;        
        background-color:transparent;
        
        }