/* Hauptformatierung
----------------------------------------------- */
body {
margin: 0px;
font-family: Arial, Verdana, Tahoma, Sans-Serif; 
color: #444; 
font-size: 8.5pt;
background-color: #F0F0F2;
}


/* Div Container
----------------------------------------------- */


#landauswahl {
position:absolute;
font-size: 95%;
border: 1px solid #e7e7e7;
width: 200px;
padding: 3px;
background-image:url('../bilder/seite/drop.gif');
background-repeat: no-repeat;
background-position: 100% 45%;
left:50%;
top: 35px;
margin-left: 220px;
z-index: 103;
}

#landauswahl-sub {
position:absolute;
font-size: 95%;
border: 1px solid #e7e7e7;
border-top: 0px;
width: 206px;
background-color: #fff;
left:50%;
top: 58px;
margin-left: 220px;
z-index: 102;
}



.startbox {
line-height: 150%;
font-size: 95%;
color: #fff;
background-color: #0094DA;
border: 1px solid #0094DA;
width: 190px;
height: 140px;
padding: 10px;
margin-right: 10px;
float:left;
}

.startbox:hover {
border: 1px solid #003955;
}

#main {
margin: auto auto;
clear:both; 
width: 920px;
background-image:url('../bilder/seite/main.jpg');
background-repeat: repeat-y;
}

#navi {
margin: auto auto;
clear:both; 
width: 901px;
height: 25px;
background-image:url('../bilder/seite/nav-bg.gif');
background-repeat: repeat-x;
padding: 2px;
padding-left: 0px;
}

#mitte {
margin: auto auto;
clear:both; 
width: 903px;
}

#banner{
margin: auto auto;
clear:both; 
width: 902px;
}

#banner-slider{
margin: auto auto;
clear:both; 
width: 902px;
background-image:url('../bilder/seite/banner-bg-slider.png');
background-repeat: no-repeat;
background-color: #000000;
}

#mitte_kopf {
color: #777; 
margin: auto auto;
clear:both; 
width: 903px;
background-color: #fff;
}

#mitte_fuss {
margin: auto auto;
clear:both; 
width: 663px;
padding: 20px;
padding-left: 220px;
}

#start-fuss {
margin: auto auto;
clear:both; 
width: 920px;
height: 40px;
background-image:url('../bilder/seite/start-fuss.jpg');
background-repeat: no-repeat;
}

#linke-seite {
float:left;
width: 200px;
margin-right: 1px;
}

*html #linke-seite {
float:left;
width: 200px;
margin-right: 1px;
}

#rechte-seite {
font-size: 9pt;
line-height: 150%;
float:left;
width: 700px;
}

.toolbox{
font-size: 85%;
width: 310px; 
z-index: 101;
padding: 20px;
padding-top: 20px;
line-height: 140%; 
background-color: #fff;
border: 1px solid #C4ECFF;
}

.box{
width: 100%; 
padding: 10px;
line-height: 140%; 
background-color: #f9f9f9;
border: 1px solid #e4e4e4;
margin-bottom: 20px;
}

#bgtext{
line-height: 150%;
clear:both;
background-color: #fff;
padding: 10px;
width: 682px;
padding-top: 10px;
background-image:url('../bilder/seite/bg-text.png');
background-repeat: repeat-x;
}

#bgtext-gross{
font-size: 9pt;
line-height: 150%;
clear:both;
background-color: #fff;
padding: 10px;
width: 883px;
padding-top: 10px;
background-image:url('../bilder/seite/bg-text.png');
background-repeat: repeat-x;
}

.tabber{
float:left;
background-color: #00557D;
width: 702px;
}

.bilder-galerie{
float:left;
margin-right: 25px;
width: 170px;
height: 145px;
text-align: center;
padding-top: 15px;
background-image:url('../bilder/seite/bilder-bg.png');
background-repeat: no-repeat;
}

.bilder-galerie:hover{
float:left;
margin-right: 25px;
width: 170px;
height: 145px;
background-image:url('../bilder/seite/bilder-bg-hover.png');
background-repeat: no-repeat;
}

.daten{
font-size: 95%;
width: 95%; 
padding: 10px;
line-height: 140%; 
background-color: #f9f9f9;
border: 1px solid #e4e4e4;
margin-bottom: 20px;
}

.startseitenbox{
float:left;
font-size: 95%;
width: 233px;
height: 129px;
padding: 5px;
padding-left: 7px;
padding-top: 6px;
background-image:url('../bilder/seite/bg-start-box.png');
background-repeat: no-repeat;
margin-bottom: 20px;
margin-right: 20px;
margin-top: 10px;
}


.startseitenbox2{
float:left;
width: 223px;
height: 119px;
padding: 5px;
padding-left: 17px;
padding-top: 16px;
background-image:url('../bilder/seite/bg-start-box2.png');
background-repeat: no-repeat;
margin-bottom: 20px;
margin-right: 20px;
margin-top: 10px;
}


/* Hyperlinks
----------------------------------------------- */

a, a:visited {
color:#2175D9; 
text-decoration: none; 
position: relative;
}
a:hover, a:active {
color:#2175D9; 
text-decoration: none; 
position: relative;
}

a.text, a.text:visited {color: #007CBB; text-decoration: underline;}
a.text:hover, a.text:active {color: #007CBB; text-decoration: none;}

a.weisslink, a.weisslink:visited {color: #fff; text-decoration: none;}
a.weisslink:hover, a.weisslink:active {color: #fff; text-decoration: underline;}

a.titlelink, a.titlelink:visited {color: #444; padding: 2px; text-decoration: underline;}
a.titlelink:hover, a.titlelink:active {color: #009FEC; background-color: #fff; text-decoration: none; }

a.text2, a.text2:visited {color: #00689A; text-decoration: underline; padding: 3px;}
a.text2:hover, a.text2:active {color: #00689A; text-decoration: none;}

a.black, a.black:visited {font-size: 110%; color: #444; text-decoration: none; padding: 3px;}
a.black:hover, a.black:active {color: #444; text-decoration: underline;}

a.grey, a.grey:visited {font-size: 110%; color: #999; text-decoration: none; padding: 3px;}
a.grey:hover, a.grey:active {color: #999; text-decoration: underline;}

/* 
a.navi, a.navi:visited  {
font-size: 110%;
font-weight: bold;
color: #fff; 
padding: 6px; 
padding-left: 15px; 
padding-right: 15px; 
display: block; 
float: left; 
text-decoration: none;
border-left: 1px solid #007CBB;
border-right: 1px solid #0096E0;
}

a.navi:hover, a.navi:active {
color: #fff; 
text-decoration: underline;
}
*/

a.navi, a.navi:visited  {
font-size: 105%;
font-weight: bold;
color: #fff; 
padding: 6px; 
padding-left: 15px; 
padding-right: 15px; 
display: block; 
float: left; 
text-decoration: none;
border-left: 1px solid #007CBB;
border-right: 1px solid #0096E0;
}

a.navi:hover, a.navi:active {
color: #fff; 
text-decoration: underline;}

a.subnavi, a.subnavi:visited {
font-size: 110%;
color: #3A76B8; 
padding: 6px; 
display: block; 
text-decoration: none;
}

a.subnavi:hover, a.subnavi:active {
color: #3A76B8; 
text-decoration: none;
background-color: #16B3FE;
}

a.submenue, a.submenue:visited {
font-size: 110%;
color: #214268; 
padding: 10px; 
display: block; 
text-decoration: none;
}

a.submenue:hover, a.submenue:active {
color: #fff; 
text-decoration: none;
background-color: #00689A;
}

a.menue, a.menue:visited {
color: #214268; 
padding: 4px; 
padding-left: 20px; 
display: block; 
text-decoration: none;
background-image:url('../bilder/seite/arrow-list.gif');
background-repeat: no-repeat;
background-position: 0 25%;
border-bottom: 1px solid #e3e3e3;
}

a.menue:hover, a.menue:active {
color: #009FEC; 
text-decoration: none;
background-image:url('../bilder/seite/arrow.gif');
background-repeat: no-repeat;
background-position: 8px 35%;
}

a.butt, a.butt:visited {
float: left; 
display: block; 
color:#666; 
font-size: 85%;
width: 161px; 
height:20px;
padding-top: 7px;
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/button.gif');
background-repeat: no-repeat;
background-color: #fff;
font-weight: bold;
}

a.butt:hover, a.butt:active {
float: left; 
display: block; 
color:#666; 
font-size: 85%;
width: 161px; 
height:20px;
padding-top: 7px;
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/button-hover.gif');
background-repeat: no-repeat;
background-color: #fff;
font-weight: bold;
}
a.navi_top, a.navi_top:visited {
color: #fff;
font-weight: bold;
float:left;
display: block; 
padding: 8px;
}

a.navi_top:active, a.navi_top:hover {
color: #222;
font-weight: bold;
float:left;
display: block; 
background-color: #fff;
}

a.navi_top_aktiv, a.navi_top_aktiv:visited {
color: #C91F2C;
font-weight: bold;
float:left;
display: block; 
padding: 8px;
background-color: #fff;
}

a.navi_top_aktiv:active, a.navi_top_aktiv:hover {
color: #222;
font-weight: bold;
float:left;
display: block; 
background-color: #fff;
}

a.navimenue-top, a.navimenue-top:visited {
color: #444; 
display:block; 
text-decoration: none; 
padding: 6px; 
padding-left: 12px;
border-bottom: 1px solid #eee;
}

a.navimenue-top:hover, a.navimenue-top:active {
color: #333;
text-decoration: none;
background-color: #f2f2f2;
}

a.navimenue, a.navimenue:visited {
color: #333; 
display:block; 
text-decoration: none; 
padding: 4px; 
padding-left: 26px;
background-image:url('../bilder/seite/right_arrow.gif');
background-repeat: no-repeat;
background-position: 5px; 50%;
background-color: #D7F2FF;
}

a.navimenue:hover, a.navimenue:active {
color: #007CBB;
text-decoration: none;
background-color: #E8F8FF;
}

a.navimenue_sub, a.navimenue_sub:visited {
color: #333; 
display:block; 
text-decoration: none; 
padding: 4px; 
padding-left: 36px;
background-color: #E8F8FF;
}

a.navimenue_sub:hover, a.navimenue_sub:active {
color: #007CBB;
text-decoration: none;
background-color: #E8F8FF;
}

a.listenlink, a.listenlink:visited {
color: #3A76B8; 
padding: 6px; 
display: block; 
text-decoration: none;
border-bottom: 1px solid #e9e9e9;
}

a.listenlink:hover, a.listenlink:active {
color: #fff; 
text-decoration: none;
background-color: #3A76B8;
}



/* Grafiken
----------------------------------------------- */
img {border: 0px; margin: 0px; padding:0px; position: relative;}

img.img-galerie {float:left; margin: 5px; padding:2px; background-color: #fff; border: 1px solid #e1e1e1; margin-bottom: 3px; margin-right: 8px;}
img.messepic {padding:4px; background-color: #fff; border: 1px solid #e1e1e1;}

img.prodgall {
float: left;
border: 1px solid #bbb;
margin-right: 10px;
}

img.imggalerier {
float: right;
margin-left: 10px;
margin-bottom: 10px;
background-color: #e5e5e5;
padding: 3px;
border: 1px solid #d6d6d6;
}

img.imggalerier:hover {
float: right;
margin-left: 10px;
margin-bottom: 10px;
background-color: #fff;
padding: 3px;
border: 1px solid #d6d6d6;
}

img.imggaleriel {
float: left;
margin-bottom: 10px;
background-color: #fff;
padding: 3px;
border: 1px solid #d6d6d6;
}

img.imggaleriel:hover {
float: left;
margin-bottom: 10px;
background-color: #e4e4e4;
padding: 3px;
border: 1px solid #d6d6d6;
}


/* Ueberschriften
----------------------------------------------- */
h1 {font-size: 110%; color: #333; margin-bottom: 2px;}
h2 {font-size: 160%; margin: 0px; display: block; font-weight: bold; color: #007CBB; }
h3 {font-size: 140%; font-weight: bold; margin: 0px; color: #fff;}
h4 {font-size: 160%; color: #3D3D3D; margin: 0px; margin-bottom: 4px;}
h5 {font-size: 110%; color: #555; background-color: #e4e4e4; padding: 5px; margin: 0px; margin-bottom: 2px;}

span.formular {font-size: 95%; clear:both; font-weight: bold; padding: 4px; width: 100px; display: block; float: left;}
span.klein {font-size: 95%;}
span.anker {font-size: 100%; color: #333; background-color: #E8F8FF; padding: 4px; display:block;}
span.artnr {font-size: 95%; color: #999;}


/* Sonstiges
----------------------------------------------- */
p {margin: 0px;}

ul.stil {
width: 100%;
position: relative;
color: #313131;
margin-top: 3px;
list-style-image:url(../bilder/seite/arrow-list-hover.gif);
list-style-position:inside;
margin-left:0px;
padding: 0px;
}

ul.none {
position: relative;
color: #313131;
margin-top: 3px;
list-style-type:none;
list-style-position:inside;
margin-left:0px;
padding: 0px;
}
li.none {position: relative; padding: 2px; padding-left: 0px;}
li{padding: 2px; padding-left: 2px;}

ul {}
ul.newstabs {
display:block;
list-style: none; 
margin: 0px; 
padding: 0px;
width: 100%; 
background-color: #00557D;
}

li.newstabslist {
display: block; 
float:left;
margin: 0px; 
padding: 0px;
width: 19.7%;
}
*html li.newstabslist{
width: 18%;
}

a.div-box-link, a.div-box-link:visited {
text-decoration: none;
margin: 0px; 
margin-left: 0px; 
margin-bottom: 0px; 
text-align: center;
background-color: #00557D;
padding: 6px;
padding-top: 3px;
padding-bottom: 3px;
*padding-bottom: 4px;
float:left;
color: #fff;
text-decoration: none;
width: 98%;
font-size: 8pt;
}

a.div-box-link:hover, a.div-box-link:active {
color: #fff;
text-decoration: none;
background-color: #007CBB;
}

select {}
select.klein-sel {font-size: 85%; width: 100%; color: #666;}
input {}
input.norm {border: 1px solid #ddd; width: 65%;}

input.in-stil {
color: #888;
padding: 2px;
font-size: 150%; 
width: 35px;
border: 1px solid #e2e2e2;
}

input.in-stil:hover {
padding: 2px;
font-size: 150%; 
width: 35px;
border: 1px solid #e2e2e2;
background-color: #ffffcc;
}

input.senden {
color:#666; 
font-size: 95%;
width: 161px; 
height:27px; 
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/button.gif');
background-repeat: no-repeat;
background-color: #fff;
font-weight: bold;
}

input.senden:hover {
font-weight: bold;
cursor: pointer;
color:#666; 
font-size: 95%;
width: 161px; 
height:27px; 
text-align: 
center; border: 0px;
background-image:url('../bilder/seite/button-hover.gif');
background-repeat: no-repeat;
background-color: #fff;
}

input.button {border: 1px solid #bbb;}
textarea {border: 1px solid #ddd; font-family: arial; color: #555; width: 35%; height: 100px;}
textarea.norm {border: 1px solid #ddd; font-family: arial; color: #555; width: 65%; height: 200px;}
form{clear:both;}

#gallery {position:relative; width:656px; margin:40px auto; margin-top: 0px; padding:10px; border:1px solid #fff; background:#fff}
#images {border:1px solid #e4e4e4; height:225px; background:#fff; margin-bottom:20px}
#image {position:relative; width:656; height:305px; padding:5px; border:1px solid #e4e4e4; background:#fff; url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:642px; height:140px; border:0px solid #e2e2e2; background:#fff}
#thumbarea {position:relative; overflow:hidden; height:140px; width:642px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}