/* Hauptformatierung
----------------------------------------------- */
body {
margin: 0px;
margin-top: 20px;
margin-bottom: 20px;
font-family: Arial, Verdana, Tahoma, Sans-Serif; 
color: #313131; 
font-size: 9pt;
background-color: #8B8B8B;
}


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

#seite {
clear:both;
width: 819px;
padding: 8px;
margin: auto auto;
background-image:url('../bilder/seite/bg-inhalt.jpg');
background-repeat: repeat-y;
}

.kopf {
font-size: 95%;
margin: auto auto;
clear:both; 
width: 775px;
height: 35px;
padding: 30px;
background-image:url('../bilder/seite/kopf-bg.jpg');
background-repeat: no-repeat;
}

*html .kopf {
font-size: 95%;
margin: auto auto;
clear:both; 
width: 775px;
height: 35px;
padding: 30px;
padding-bottom: 2px;
background-image:url('../bilder/seite/kopf-bg.jpg');
background-repeat: no-repeat;
}

#banner {
margin: auto auto;
clear:both; 
width: 820px;
height: 114px;
}

.navi {
margin: auto auto;
clear:both;
width: 820px;
height: 36px;
background-image:url('../bilder/seite/navi.gif');
background-repeat: repeat-x;
}

#ort {
color: #555;
font-size: 95%;
margin: auto auto;
clear:both; 
width: 807px;
padding: 5px;
border-bottom: 1px solid #e2e2e2;
}

#links {
clear: both;
float: left;
padding: 0px;
margin-right: 20px;
width: 190px;
border-right: 1px solid #e4e4e4;
}

#mitte {
line-height: 140%;
margin-bottom: 20px;
padding-top: 20px;
float: left;
width: 580px;
}

#mitte_gross {
line-height: 140%;
margin-bottom: 20px;
padding: 20px;
float: left;
width: 780px;
}

#unten {
margin: auto auto;
clear:both; 
width: 820px;
}

.fuss {
text-align: center;
margin: auto auto;
color:#777;
font-size: 95%;
clear:both;
width: 815px;
height: 18px;
padding: 10px;
background-image:url('../bilder/seite/fuss-bg.jpg');
background-repeat: no-repeat;
}

.fuss2 {
color: #ddd;
font-size: 95%;
margin: auto auto;
text-align: center;
clear:both; 
width: 720px;
}

#login {
text-align: center;
margin: auto auto;
clear:both;
width: 815px;
padding: 10px;
background-image:url('../bilder/seite/bg-inhalt.jpg');
background-repeat: repeat-y;
}

.hr {
clear:both;
border-bottom: 1px solid #e2e2e2;
margin-top: 10px;
}

#leistung {
font-size: 95%;
z-index: 100;
position: absolute;
visibility: hidden; 
left: 50%;
margin-left: -295px;
top: 159px;
color:#fff;
background-color: #444;
}

#enleistung {
font-size: 95%;
z-index: 100;
position: absolute;
visibility: hidden; 
left: 50%;
margin-left: -319px;
top: 159px;
color:#fff;
background-color: #444;
}

#start_trans {
float:left;
background-image:url('../bilder/seite/trans-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_trans:hover {
float:left;
background-image:url('../bilder/seite/trans-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_service {
float:left;
background-image:url('../bilder/seite/service-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_service:hover {
float:left;
background-image:url('../bilder/seite/service-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_import {
float:left;
background-image:url('../bilder/seite/import-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_import:hover {
float:left;
background-image:url('../bilder/seite/import-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}


#start_export {
float:left;
background-image:url('../bilder/seite/export-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_export:hover {
float:left;
background-image:url('../bilder/seite/export-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_lager {
float:left;
background-image:url('../bilder/seite/lager-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_lager:hover {
float:left;
background-image:url('../bilder/seite/lager-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_stein {
float:left;
background-image:url('../bilder/seite/srein-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_stein:hover {
float:left;
background-image:url('../bilder/seite/srein-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}


#start_stahl {
float:left;
background-image:url('../bilder/seite/stahl-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_stahl:hover {
float:left;
background-image:url('../bilder/seite/stahl-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_see {
float:left;
background-image:url('../bilder/seite/see-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_see:hover {
float:left;
background-image:url('../bilder/seite/see-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_tipps {
float:left;
background-image:url('../bilder/seite/tipps-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #ccc;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}

#start_tipps:hover {
float:left;
background-image:url('../bilder/seite/tipps-start.jpg');
background-repeat: no-repeat;
font-size: 95%;
width: 151px;
height: 17px;
background-color: #fff;
border: 1px solid #FF4A06;
padding: 2px;
padding-top: 88px;
text-align: center;
background-position: 2px 2px;
cursor: pointer;
margin-right: 15px;
}


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

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

a.submenue, a.submenue:visited {
font-weight: bold;
color: #fff; 
display:block;
text-decoration: none; 
padding: 5px; 
}

a.submenue:hover, a.submenue:active {
color: #444;
background-color: #FFDB32;
}

a.submenue2, a.submenue2:visited {
color: #666; 
display:block;
text-decoration: none; 
padding: 5px; 
}

a.submenue2:hover, a.submenue2:active {
color: #2EA5FC;
text-decoration: none; 
}

a.textblock, a.textblock:visited {
color: #2EA5FC; 
display:block;
text-decoration: none; 
padding: 8px; 
padding-left: 32px;
background-image:url('../bilder/seite/arrow-sub.gif');
background-repeat: no-repeat;
background-position: 0 47%;
border: 1px solid #fff;
}

a.textblock:hover, a.textblock:active {
color: #2EA5FC;
text-decoration: none; 
background-color: #f2f2f2;
border: 1px solid #eee;
}

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

a.text2, a.text2:visited {color: #777; text-decoration: none;}
a.text2:hover, a.text2:active {color: #777; text-decoration: none;}

a.navimenue, a.navimenue:visited {
color: #444; 
display:block; 
text-decoration: none; 
padding: 6px; 
padding-left: 32px;
border-bottom: 1px solid #eee;
background-image:url('../bilder/seite/arrow-sub.gif');
background-repeat: no-repeat;
background-position: 0 47%;
}

a.navimenue:hover, a.navimenue:active {
color: #222;
text-decoration: none;
background-image:url('../bilder/seite/arrow-sub-hover.gif');
background-repeat: no-repeat;
}

a.navimenue_sub, a.navimenue_sub:visited {
font-size: 95%;
color: #666; 
display:block; 
text-decoration: none; 
padding: 4px; 
padding-left: 18px;
border-bottom: 1px solid #eee;
}

a.navimenue_sub:hover, a.navimenue_sub:active {
color: #444;
text-decoration: none;
background-color: #f2f2f2;
}

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

a.text3, a.text3:visited {font-size: 95%; color: #555; text-decoration: none;}
a.text3:hover, a.text3:active {color: #555; text-decoration: underline;}

a.ext, a.ext:visited {
color: #111; 
display:block; 
text-decoration: none; 
padding: 10px; 
padding-left: 26px;
background-image:url('../bilder/seite/rot.gif');
background-repeat: no-repeat;
background-position: 10px 48%;
}

a.ext:hover, a.ext:active {
color: #111;
text-decoration: underline;
background-image:url('../bilder/seite/grau.gif');
background-repeat: no-repeat;
background-position: 10px 48%;
}

a.navi_top, a.navi_top:visited {
font-size: 95%;
color: #fff;
font-weight: bold;
float:left;
display: block; 
padding: 11px;
padding-left: 30px;
padding-right: 30px;
border-right: 1px solid #FF4A06;
}

a.navi_top:active, a.navi_top:hover {
color: #fff;
font-weight: bold;
float:left;
display: block; 
background-color: #444;
background-repeat: repeat-x;
border-right: 1px solid #FF4A06;
}

a.navi_top_aktiv, a.navi_top_aktiv:visited {
font-size: 95%;
color: #fff;
font-weight: bold;
float:left;
display: block; 
padding: 11px;
padding-left: 30px;
padding-right: 30px;
border-right: 1px solid #FF4A06;
background-color: #444;
}

a.navi_top_aktiv:active, a.navi_top_aktiv:hover {
color: #fff;
font-weight: bold;
float:left;
display: block; 
background-color: #444;
border-right: 1px solid #FF4A06;
}


/* Grafiken
----------------------------------------------- */
img {border: 0px;}

img.links {
float: left;
border: 1px solid #e3e3e3;
padding: 2px;
margin-left: 0px;
margin-right: 10px;
background-color: #fff;
}

img.rechts {
float: right;
border: 1px solid #e3e3e3;
padding: 2px;
margin-left: 10px;
margin-right: 60px;
background-color: #fff;
}

img.stil {border: 1px solid #eee;}

/* Ueberschriften
----------------------------------------------- */
h1 {font-size: 140%; font-weight: normal; color: #444; margin: 3px; margin-left: 0px; letter-spacing: 2px;}
h1.h1zwei {font-size: 140%; font-weight: bold; color: #444; margin: 3px; margin-left: 0px; letter-spacing: 0;}
h2 {font-size: 110%; padding: 3px; padding-left: 0px; margin: 0px; margin-bottom: 6px; display: block; font-weight: bold; color: #E03A1D;}
h3 {font-size: 110%; font-weight: bold; margin: 0px; margin-bottom: 10px; color: #111; padding: 5px; background-color: #C6DCF0; background-image:url('../bilder/seite/h3.gif'); background-repeat: repeat-x;}
h4 {font-size: 110%; color: #555; background-color: #C6DCF0; padding: 5px; margin: 0px; margin-bottom: 5px;}
h5 {font-size: 110%; color: #555; background-color: #e4e4e4; padding: 5px; margin: 0px; margin-bottom: 2px;}

span.formular {clear:both; font-size: 95%; padding: 3px; font-weight: bold; width: 130px; display: block; float: left;}
span.formular2 {clear:both; color: #555; font-weight: bold; width: 120px; display: block; float: left;}
span.box_ueber {font-size: 95%; padding: 3px; padding-top: 0px;  border-bottom: 1px dotted #ccc; display: block; float: left; padding-left: 25px; font-weight: bold;}
span.hilfe{cursor: help; border-bottom: 1px dotted #777;}
span.hilfe:hover{color: #fff; cursor: help; border-bottom: 1px dotted #ccc; background-color: #444;}
pre{margin: 0px; font-family: arial; line-height: 150%;}

/* Sonstiges
----------------------------------------------- */
p {	line-height: 140%; margin-bottom: -1px; margin-top: -1px;}
ul {margin: 0px;}
li {margin: 0px;}
* html ul {margin: 0px; margin-left: 15px;}
*html li {margin: 0px; margin-left: 2px;}

input.klein { font-size: 95%; color: #666; padding: 3px; border: 1px solid #d5d5d5; width: 270px;}
textarea.klein {font-family: arial; font-size: 95%; color: #666; padding: 3px; border: 1px solid #d5d5d5; width: 270px; height: 150px;}
select.klein {font-size: 95%; color: #666; padding: 3px; border: 1px solid #d5d5d5;}
input.submit { font-size: 95%; color: #333; }
td {padding: 2px;}