/* CSS Document */


/* Allgemeines */

body {
margin:0px;
font-family:Arial,sans-serif;
background-color:#ffffff;
}

p,div,td,li,ul,ol { font-size:12pt;}

li {margin-bottom:2pt; margin-top:2pt; }
ul {margin-bottom:6pt; margin-top:6pt;}

h1 {
font-size: 15pt;
font-weight: bold;
font-color: #6d6c6e;
margin-bottom: 6px;
margin-top: 0px;
cursor: default;
}

h2 {
font-size: 13pt;
font-weight: normal;
font-color: #6d6c6e;
}

h3 {
font-size: 10pt;
font-weight: bold;
font-color: #6d6c6e;
}

/*----------------------------------------------------------------------*/

#site_container {
width: 900px;
height:auto;
margin-left:   10%;
margin-right:  0px;
margin-top:    20px;
margin-bottom: 0px;
vertical-align: top;
overflow:visible;
}

/* Header */

#languages{
width: 900px;
text-align: right;
margin-bottom: 5px;
font-size: 8pt;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: default;
}

#logo_header {
width: 900px;
height: 86px;
background-image:url(images/img_logo.png);
background-repeat:no-repeat;
overflow:visible;
}

#keyvisual {
width: 900px;
height: 300px;
background-color: #000000;
overflow:hidden;
 float: left;
}


/*----------------------------------------------------------------------*/

/* Home Teaser */

#teaser {
width: 250px;
min-height:150px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 21px;
text-align: left;
float: left;
border: 1px solid #0357a5;
background-color: #99a7ca;
}

#teaser_head {
width: 250px;
height: 45px;
font-size: 11pt;
line-height: 40px;
font-weight: bold;
padding-left: 0px;
color: #ffffff;
background-image:url(images/img_subnavi_bg.gif);
background-repeat: no-repeat;
cursor: default;
}

#teaser_content {
padding-left: 10px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-size: 9pt;
font-weight:bold;
}

#teaser_img {
width: 250px;
height: 70px;
overflow: hidden;
background-color:#333333;
vertical-align:top;
}

#teaser p {
font-size: 1em;}

/*----------------------------------------------------------------------*/

/* Navigationselemente */

#navi {
width: 900px;
height: 40px;
float:left;
background-color: #99a7ca;
font-size: 11pt;
color: #ffffff;
font-weight: lighter;
letter-spacing: 0.05em;
line-height: 40px;
border-top: 1px solid #bab8b8;
border-bottom: 1px solid #bab8b8;
}

#subnavi {
width: 250px;
min-height:80px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
text-align: left;
float: left;
border: 1px solid #0357a5;
background-color: #99a7ca;
}

#subnavi_head {
width: 250px;
height: 45px;
font-size: 11pt;
line-height: 40px;
font-weight: bold;
padding-left: 0px;
color: #ffffff;
text-transform: capitalize;
background-image:url(images/img_subnavi_bg.gif);
background-repeat: no-repeat;
cursor: default;
}

#subnavi_topics {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
font-size: 10pt;
line-height: 30px;
}

#subnavi_inner_navi {
padding-left: 0px;
text-indent: 10px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #ffffff;
font-size: 8pt;
line-height: 20px;
}



/*----------------------------------------------------------------------*/

/* Content */

#content_container {
width: 900px;
min-height: 400px;
float:left;
background-color: #edebed;
background-image:url(images/img_content_bg.gif);
background-repeat: repeat-y;
margin-right:  0px;
margin-top:    0px;
margin-bottom: 0px;
margin-left:  0px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
}

#contact {
float: right;
width: 200px;
padding-right: 40px;
text-align:right;
font-size: 8pt;
font-weight:bold;
color: #a1adce;
text-transform:uppercase;
cursor: default;
margin-top: 10px;
}

#content_inner_container {
width: 820px;
height: auto;
float:left;
margin-right:  0px;
margin-top:    0px;
margin-bottom: 0px;
margin-left:  0px;
padding-left: 40px;
padding-top: 0px;
}

#content {
width: 535px;
height:auto;
padding-right:  0px;
padding-top:    0px;
padding-bottom: 0px;
padding-left:  0px;
font-size: 10pt;
float:right;
color: #6d6c6e;
}

#content_products {
width: 535px;
height:130px;
font-size: 10pt;
float:right;
color: #6d6c6e;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
border-bottom-style: solid;
border-bottom-color: #c4cce2;
text-align: left;	
}



#content_products_img {
width:120px;
height:100px;
float:left;
color: #6d6c6e;
padding-right: 50px;
vertical-align: middle;
padding-bottom: 5px;


}




#balken {
width: 535px;
height: 10px;
background-image:url(images/img_balken.jpg);
background-repeat: no-repeat;
float:left;
overflow: invisible;
margin-bottom: 6px;
}

#content_footer {
width: 900px;
height:5px;
background-image:url(images/img_contentfooter.gif);
background-repeat: no-repeat;
float:left;
margin-bottom:10px;
}

#content p {font-size: 1em;}

#img_box {
background-color: #c4cce2;
padding-top: 15px;
padding-bottom: 5px;
text-align: center;
border: 1px solid #fff;
border-top: 3px solid #fff;

}

#img_box img {
cursor: pointer;
}

#detail {
cursor: default;
}

/*----------------------------------------------------------------------*/

/* Klassen */

.pipe {
margin-left: 2px;
margin-right: 2px;
color: #757273;
}

.highlight {color: #A1061C;}

.contact {
color: #a1adce;
font-size: 10pt;
text-transform: uppercase;
}

.capital {
color: #ffffff;
font-size: 16pt;
font-weight: bold;
margin-left: 10px;
}

.navi_highlight {
padding-left: 18px;
padding-right: 18px;
display: inline-block;
color: #abaeb6;
text-decoration:none;
margin-left: 0px;
margin-right: 0px;
text-transform: uppercase;
background-color: #e1e3e7;
}

.languages_highlight{ 
color: #0054a4;
text-decoration:underline; 
margin-right: 3px; text-transform: 
uppercase;
}


.subnavi_highlight {
padding-left: 10px;
padding-right: 0px;
display: block;
color: #6f768a;
text-decoration:none;
text-transform: uppercase;
background-color: #e1e3e7;
font-weight: bold;
}
.subnavi_highlight_regular {
padding-left: 10px;
padding-right: 0px;
display: block;
color: #6f768a;
text-decoration:none;
background-color: #e1e3e7;
font-weight: bold;
}
.subnavi_inner_navi_highlight {
padding-left: 10px;
padding-right: 0px;
display: block;
color: #6f768a;
text-decoration:none;
text-transform: uppercase;
background-color: #e1e3e7;
font-weight: bold;
}

/*----------------------------------------------------------------------*/

/* Footer */

#footer{
width: 900px;
text-align: right;
margin-bottom: 25px;
font-size: 8pt;
letter-spacing: 0.05em;
text-transform: uppercase;	
cursor: default;
}

/*----------------------------------------------------------------------*/

/* Hyperlink-Definitionen: */

a:link    { font-weight:normal; color:#054C9E; text-decoration:none; }
a:visited { font-weight:normal; color:#054C9E; text-decoration:none; }
a:hover   { font-weight:normal; color:#97AAD4; text-decoration:underline; }
a:active  { font-weight:normal; color:#97AAD4; text-decoration:underline; }

#teaser_content a:link    { font-weight:normal; color:#ffffff; text-decoration:none; }
#teaser_content a:visited { font-weight:normal; color:#ffffff; text-decoration:none; }
#teaser_content a:hover   { font-weight:normal; color:#ffffff; text-decoration:underline; }
#teaser_content a:active  { font-weight:normal; color:#ffffff; text-decoration:underline; }

#navi a:link { padding-left: 18px; padding-right: 18px; display: inline-block; color: #ffffff; text-decoration:none; margin-left: 0px; margin-right: 0px; text-transform: uppercase;}
#navi a:visited { padding-left: 18px; padding-right: 18px; display: inline-block;  color: #ffffff; text-decoration:none; margin-left: 0px; margin-right: 0px; text-transform: uppercase;}
#navi a:hover { padding-left: 18px; padding-right: 18px; display: inline-block; color: #abaeb6; text-decoration:none; margin-left: 0px; margin-right: 0px; text-transform: uppercase; background-color: #e1e3e7;}
#navi a:active { padding-left: 18px; padding-right: 18px; display: inline-block; color: #abaeb6; text-decoration:none; margin-left: 0px; margin-right: 0px; text-transform: uppercase; background-color: #e1e3e7;}


#subnavi a:link { color: #ffffff; text-decoration:none; padding-left: 10px; font-weight: bold; display: block;}
#subnavi a:visited { color: #ffffff; text-decoration:none; padding-left: 10px; font-weight: bold; display: block;}
#subnavi a:hover { color: #6f768a; text-decoration:none; padding-left: 10px; font-weight: bold; background-color: #e1e3e7; display: block;}
#subnavi a:active { color: #6f768a; text-decoration:none; padding-left: 10px; font-weight: bold; background-color: #e1e3e7; display: block;}


#languages a:link { color: #757273; text-decoration:none; margin-right: 3px; text-transform: uppercase;}
#languages a:visited { color: #757273; text-decoration:none; margin-right: 3px; text-transform: uppercase;}
#languages a:hover { color: #0054a4; text-decoration:underline; margin-right: 3px; text-transform: uppercase;}
#languages a:active { color: #0054a4; text-decoration:underline; margin-right: 3px; text-transform: uppercase;}

#footer a:link { color: #757273; text-decoration:none; margin-right: 3px; text-transform: uppercase;}
#footer a:visited { color: #757273; text-decoration:none; margin-right: 3px; text-transform: uppercase;}
#footer a:hover { color: #0054a4; text-decoration:underline; margin-right: 3px; text-transform: uppercase;}
#footer a:active { color: #0054a4; text-decoration:underline; margin-right: 3px; text-transform: uppercase;}


.indent {
margin-left: 20px;
}

/*----------------------------------------------------------------------*/