@charset "utf-8";
/* CSS Document */

body { font-size:10pt; font-family: 'Open Sans', sans-serif; color: #525252}
h1 {font-size:18pt; font-family: 'Open Sans', sans-serif; font-weight:normal }
h2 {font-size:11pt; font-family: 'Open Sans', sans-serif;  font-weight: 600; line-height: 35px; width: 100%;border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; }


.sende01, .sende02 {display: inline-block; cursor: pointer; color: #FFFFFF; border: none; background-color: #959595; line-height: 40px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 14px; font-weight: 400; text-transform: uppercase;}

.body { width: 960px; height: auto; border: 1px solid #F1F1F1; margin: 0 auto; padding: 15px;}

header[role="banner"] {width: 100%; height: auto; }


main[role="main"] {width: 100%; height: auto; margin-top: 20px;}

footer[role="contentinfo"] {width: 100%; height: auto;}

fieldset {display: block; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-before: 0em; -webkit-padding-start: 0em; -webkit-padding-end: 0em; -webkit-padding-after: 0em; min-width: -webkit-min-content; border-width: 0px; border-style: groove; border-color: threedface; border-image: initial;}

.logo { width: 100%; height:30px}
.logo_left { width:660px; float:left; height:30px}
.logo_right { margin-left:660px; width:auto; height:30px; border: 0px solid #ff0000;}
.logo_right a { color: #333333; font-size: 8pt; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
.logo_right a:hover {color: #859e7d}
.logo_right ul { list-style: none;}
.logo_right li { list-style: none;  float:right; }



.anrede { font-size: 11pt;}
.anrede ul li { display:inline-block; width: 300px; }

.daten ul { width: 610px; border: 0px solid #ff0000; padding: 10px;}
.daten ul li, .ges ul li { display:inline-block}
.daten ul li.daten1 { width: 100px; text-align:right; padding-right: 20px; border: 0px solid #ccc; margin-bottom: 10px;}
.daten ul li.daten2 { width: 170px; text-align:left; border: 0px solid #ccc; margin-bottom: 10px;}
.daten ul li.strasse { width: 370px; text-align:left; border: 0px solid #ccc; margin-bottom: 10px;}

.ges ul li.datausw { width: 280px; margin-bottom: 10px;} 


.db_ausgabe ul { border-bottom: 1px solid #ccc;}
.db_ausgabe ul li { display:inline-block; vertical-align:top; padding: 5px;}
.db_ausgabe ul li.idab { width: 180px}
.db_ausgabe ul li.koab { width: 210px}
.db_ausgabe ul li.syab { width: 360px}
.db_ausgabe ul li.buab { width: 100px}
.db_ausgabe ul li.anab { width: 600px !important; overflow:hidden }

.sent { width: 400px; margin: 0 auto; padding: 30px 0px }

.hinweis {margin: 20px 0px; border: 0px solid #ff0000; font-weight: bold;}

.login { width: 100%; height: 500px; padding-top: 200px; }
.login_box { width: 160px; height: 160px; border: 1px solid #BFBFBF; margin: 0 auto; padding: 30px;-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* Konqueror */
border-radius:10px; /* CSS3 */
behavior:url(border-radius.htc);  }
.login_title { width: 200px; margin: 0 auto;}
.login_text { font-size: 8pt;}
.login_fehler { color: #A60104; font-weight:bold}

@media screen and (min-width: 481px) and (max-width: 900px) {
.body { width: 100%; height: auto; border: 1px solid #F1F1F1; margin: 0 auto; padding: 15px;}	
.daten ul { width: 100%; border: 0px solid #ff0000; padding: 10px;}
.logo { width: 100%; height:60px}
.logo_left { width:260px; float:left; height:60px}
.logo_right { margin-left:260px; width:auto; height:60px; border: 0px solid #ff0000;}
.login { width: 100%; height: 500px; padding-top: 150px; }
}
@media screen and (max-width: 480px) {
.body { width: 100%; height: auto; border: 0px solid #F1F1F1; margin: 0 auto; padding: 15px;}	
.daten ul { width: 100%; border: 0px solid #ff0000; padding: 10px;}
.logo { width: 100%; height:120px}
.logo_left { width:100%; float:none; height:40px; margin-bottom: 10px;}
.logo_right { margin-left: 0px; width:auto; height:40px; border: 0px solid #ff0000;}
.login { width: 100%; height: 500px; padding-top: 50px; }

.db_ausgabe ul {margin-left: -50px;border-bottom: 1px solid #ccc;}
.db_ausgabe ul li { display:inline-block; vertical-align:top; padding: 5px;}
.db_ausgabe ul li.idab { width: 100%}
.db_ausgabe ul li.koab { width: 100%}
.db_ausgabe ul li.syab { width: 100%}
.db_ausgabe ul li.buab { width: 100%}
.db_ausgabe ul li.anab { width: 100% !important; overflow:hidden }
}