* { margin:0; padding:0; border:0; border-spacing:0; font-family:'Roboto', sans-serif; color:#333; }
body { background:url('../img/background.jpg') repeat-x top left #DBEDDB; width:100%; }
h1, h2 { color:#2DA55A; font-size:24px; margin:0 0 12px 0; }
h2 { font-size:20px; margin-top:15px; }
.main { margin: 0 auto; width:100%; min-width:360px; max-width:1000px; }
.header { background:#fff; margin:10px auto 0 auto; border-radius:10px 10px 0 0; }
.header-images { margin:0 auto; }
    .header-images img { width:100%; border:0; }
.nav { margin:1px 0 0 0; border:2px solid #2DA55A; border-width:2px 0 2px 0; padding:8px 0; }
    .art-nav-inner { margin:0 auto; text-align:center; }
.content { background:#fff; margin:0 auto; height:100%; min-height:600px; padding:20px 20px 90px 20px; }
.floatL { float:left; }
.clearL { clear:left; }

ul.art-hmenu a { outline: none; z-index: 11; }
ul.art-hmenu, ul.art-hmenu ul { display:block; margin:0; padding:0; border:0; list-style-type:none; }
ul.art-hmenu li { z-index:5; display:inline-block; background:none; }
ul.art-hmenu li:hover { z-index:100; white-space:normal; }
ul.art-hmenu:after, ul.art-hmenu ul:after { clear:both; }
ul.art-hmenu>li { margin:0; border-left:1px solid #555; padding:0 7px; }
ul.art-hmenu>li:first-child { margin-left:0px; border:0; }
ul.art-hmenu>li>a, a.button, .closeButton {
  font-family:Roboto, Arial, Sans-Serif; font-weight:normal; font-style:normal; 
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-shadow: 0 0 5px rgb(181, 207, 193);
  padding:0 20px; margin:0 auto; position:relative; display:block; height:36px; cursor:pointer;
  text-decoration:none; color:#333; line-height:36px; text-align:center; font-size:16px; 
}
ul.art-hmenu>li>a.active, ul.art-hmenu>li>a:hover, a.button:hover, .closeButton {
  background:#2D5AA5; color:#FFFFFF;
  background: -webkit-linear-gradient(top, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
  background: -moz-linear-gradient(top, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
  background: linear-gradient(to bottom, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(45, 165, 90, 0.6) 0, rgba(45, 165, 90, 0.9) 100%) no-repeat;
}

.art-footer { position:fixed; left:0; bottom:0; width:100%; font-size:12px; }
.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover { color:#56A05C; font-size:12px; }
.art-footer p { padding:0; text-align:center; }
.art-footer a, .art-footer a:link, .art-footer a:visited { color:#56A05C; text-decoration:none; }
.art-footer a:hover { color:#7AD19E; text-decoration:underline; }
.art-footer-inner { margin:0 auto; padding:20px 0; background:#E5F3E5; }

.start ul { margin:0 0 20px 20px; }

.zebra { background-color:#dde; }
.hover { background-color:#ccd; }
a.button { font-size:15px; padding:5px 15px; display:inline; border:1px solid #555; border-radius:3px; }

.h1_rechts { font-size:12px; }
form[name="logout"]>span { color:#000; }
input[type="submit"], input[type="button"] { margin:0 20px; font-size:12px; padding:3px 10px; cursor:pointer; 
    border:1px solid #555; border-radius:3px; }
input[type="submit"]:hover, input[type="button"]:hover { background-color:#fff; }
.text, .text_k { width:180px; padding:4px 5px; margin:0; border-spacing:0; background-color:#dddde5; font-size:14px; }
select.text { width:190px; }
.w40 { width:40px; }
.w120 { width:123px; }

td.w_ueber { color:#fff; }

.contactForm input, .contactForm textarea { width:100%; margin:3px 0 10px 0; font-size:16px; padding:3px; }
.contactForm input.text-xs, .contactForm span.text-xs { width:30px; margin:0 7px; text-align:center; }

.divIBAN input { padding:4px 5px; font-size:15px; }
.resIBAN { color:#c00; margin:10px 0; }

@media screen and (max-width:956px){
    .main { width:800px; }
}
@media screen and (max-width:767px){
    .main { width:600px; }
}
@media screen and (max-width:480px){
    .main { width:360px; }
}