/* --- standard Elemente -------*/
/*html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul { margin:0;padding:0;}*/
html, body, div, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul { margin:0;padding:0;}
body {font-family:'Trebuchet MS',Verdana,Arial,sans-serif;color:#000;font-size:13px;}
a{text-decoration:none;}
a:hover {}
h1 {font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size: 29px;}
/*h2 {font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size: 20px;}*/
h2 {font-size: 16px;}
/*h3 {font-size: 16px;}*/
h3 {font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size: 19px;}      /* für die Überschriften der Teaser */
h4 {font-size: 12px;font-weight:bold;}
p  {}

figure { 
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0px;
    margin-right: 40px;
}
 
/*span {
    font-weight: 700;
    color: #000000;
}*/

img {border:0;}/* display:block; Verhindert whitespace unter bild */



/* --- clearfix ----------*/
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --- misc ----------*/
#container { width:960px; margin: 0 auto;padding:0 10px 0 9px;height:100%;background: #fff url('../images/widebg.gif') repeat-y;}
#header{height:410px;background-color:white;}
    .Kasse label {
        font-family: 'Courier New', Courier, Monospace;
        font-size: large;
        font-weight: bold;
        color: #333333;
    }

#logo {float:left;margin:0 0 0 30px;}
#info {float:right;background: transparent url('../images/info1.gif') no-repeat;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;width:190px;height:88px;color:white;padding:5px 0 0 90px;font-size:12px;margin: 0 30px 0 0;}

.navbar {background: #8b9a18 url('../images/navbg.gif') repeat-x ;padding:0 0 0 40px; height:22px;}

.nav {float:left;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-weight:bold;font-size: 15px; width:70%; }
.nav li   {float:left;margin:0 40px 0 0; list-style:none;}
.nav a {text-transform: uppercase;color:#fff; display:block;padding:3px 0 0 0;}
.nav a:hover, .nav .menuhover {color:#d0d6a4;}
.nav span  {background-image:url('../images/navarrow.gif'); width:10px; display:inline-block; margin-left:5px;}
.nav a:hover span,.nav .menuhover span {background-position:0px -19px;}

.subnav {position:absolute;font-family:Arial, Verdana,sans-serif;font-weight:bold;font-size: 15px; width:70%; width:145px;display:none;}
.subnav li   {margin:0; list-style:none;  width:145px;display:block; background-color:#97a719;width:145px;}
.subnav a {text-transform:none;background-color:#97a719;color:#000;width:135px;display:block;padding:3px 0 3px 10px;font-size:12px;}
.subnav a:hover {background-color:#cbd38c;color:#000;font-size:12px;}
.subnav .first {background: #97a719 url('../images/subnavfirstbg.gif') repeat-x;padding:12px 0 3px 0;}
.subnav .first a,.subnav .last a{background-color:transparent;}
.subnav .first a:hover,.subnav .last a:hover {background-color:#d0d6a4;}
.subnav .last {background: transparent url('../images/subnavlastbg.gif') repeat-x;padding:3px 0 10px 0;}

/*.subnav {
    display: none;
}
.menuLink:hover + .subnav,
.menuLink:focus + .subnav,
.menuLink:active + .subnav {
    display: block;
}*/

.meta {
    float: right;
    font-weight: bold;
    margin: 2px 30px 0 0;
}
.meta li  {float:left;margin:0 0 0 10px; list-style:none;}
.meta a {font-size: 11px;color:#fff;}
.meta a:hover {text-decoration:underline;}


#wide {background-image:url('../images/iconfooter2.jpg');background-repeat:no-repeat;background-position:right bottom;}
#maincol{
    float: left;
    width: 540px;
    padding: 0;
    margin: 0 30px 150px 30px; 
}
span.back {float:right;margin-top:10px; color:#787878;}
span.back a{color:#787878;}
span.back a:hover{text-decoration:underline;}

.mainimg {superteaser
    margin: 30px 0 0 0;
}
.title {margin:0px 0 36px 0;}
.title img {float:left;margin: 0 10px 0 0;
    height: 61px;
    width: 160px;
}

.mainimg1 {
    margin: 30px 0 0 0;
}
.title {margin:0px 0 36px 0;}
.title img {float:left;margin: 0 10px 0 0;
    height: 61px;
    width: 64px;
}

.title h1 {color:#97a719;margin:22px 0 0 0;padding:8px 0 0 0;}
.title h4 {font-size:14px;color:#000;}

.tab {font-weight:bold;}
.tab li  {float:left;margin:0 0 14px 0; list-style:none; width:270px; background-color:black;}
.tab img {float:left;margin:0;padding:0;}
.tab a span {background-color:white; display:inline-block; margin:0;padding:12px 0 0 14px;width:206px;height:36px;}
.tab a {font-size: 15px;color:#000;}
.tab a:hover {color:#808080;}
.tab a:hover img{filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

h1.start { font-size:20px;color:#000;margin:30px 0 36px 0;}
h1.startklein { font-size:16px;color:#000;margin:30px 0 36px 0;}

.info {}
.info p {display:none;margin: 0 0 0 23px;}
.info li  {list-style:none; font-weight:bold;margin:0 0 10px 0;}
.info a { font-size:15px;color:#97a719;}
.info span  {background-image:url('../images/listarrow.gif'); width:9px; display:inline-block; margin-left:5px;}
.info span.listnormal {background-position:0px 0px;}
.info span.listopen {background-position:0px -15px;}

.infoLight {}
.infoLight p {display:none;margin: 0 0 0 23px;}
.infoLight li  {list-style:none; font-weight:normal;margin:0 0 10px 0;}
.infoLight a { font-size:15px;color:#97a719;}
.infoLight span  {background-image:url('../images/listarrow.gif'); width:9px; display:inline-block; margin-left:5px;}
.infoLight span.listnormal {background-position:0px 0px;}
.infoLight span.listopen {background-position:0px -15px;}



.downl {}
.downl h1 {color:#97a719;margin: 22px 0 0 0;padding: 8px 0 0 0;}
.downl p {display:none;margin: 0 0 0 23px;}
.downl li  {list-style:none; font-weight:bold;margin:0 0 10px 0;}
.downl a { font-size:15px;color:#97a719;}
.downl span  {background-image:url('../images/listarrow.gif'); width:9px; display:inline-block; margin-left:5px;}
.downl span.listnormal {background-position:0px 0px;}
.downl span.listopen {background-position:0px -15px;}
.downl a:hover {color:#808080;}



.beschreibung {font-weight:bold;font-size:15px}
.beschreibung h1 {color:black ;margin: 22px 0 0 0;padding: 8px 0 0 0;}
.beschreibung p {display:none;margin: 0 0 0 23px;}
.beschreibung li  {float:left;margin:0 0 14px 0; list-style:none; width:540px; background-color:black;}
.beschreibung img {float:left;margin:0;padding:0;}
.beschreibung a span {color:black ; background-color:white; display:inline-block; margin:0;padding:12px 0 0 14px;width:476px;height:36px;}
.beschreibung a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;}
.beschreibung a span:hover {color:#808080;}

.beschreibungHintergrundWeiss {font-weight:bold;font-size:15px}
.beschreibungHintergrundWeiss h1 {color:black ;margin: 22px 0 0 0;padding: 8px 0 0 0;}
.beschreibungHintergrundWeiss p {display:none;margin: 0 0 0 23px;}
.beschreibungHintergrundWeiss li  {float:left;margin:0 0 14px 0; list-style:none; width:540px; background-color:white;}
.beschreibungHintergrundWeiss img {float:left;margin:0;padding:0;}
.beschreibungHintergrundWeiss a span {color:black ; background-color:white; display:inline-block; margin:0;padding:12px 0 0 14px;width:476px;height:36px;}
.beschreibungHintergrundWeiss a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.70;opacity: 0.70;}
.beschreibungHintergrundWeiss a span:hover {color:#808080;}



#teasercol{float:left;width:360px;margin:0;background-color:#dadada;height:100%;padding:30px 0 0 0;}
.teaser {width:320px;height:170px;margin: 0 0 20px 20px;background: #dadada url('../images/teaserbg.gif') no-repeat; font-size:12px;}
.teaser h2, .superteaser h2{padding:5px 0  2px 20px;color:#97a719;text-transform: uppercase;}
.teaser img {float:left; margin:0 15px 2px 20px;}
.teaser p,.superteaser p{margin:0 20px 0 20px;color:#fff;font-size:12px;line-height:14px;}
/*.teaser h3, .superteaser h3{padding:10px 0 10px 20px;color:#97a719;}*/
.teaser h4, .superteaser h4{color:#fff;margin:0 0 5px 0;}
.teaser a {float:right;color:white;margin: 2px 20px 0 0; font-weight:bold;text-decoration:underline;}
.teaser a:hover, .superteaser a:hover{color:#97a719;}
.teaser h3, .superteaser h3{padding:5px 0  2px 20px;color:#97a719;text-transform: uppercase;}      /* für die Überschriften der Teaser */

.superteaser {width:320px;height:170px;margin: 0 0 20px 20px;background: #dadada url('../images/teaserbg.gif') no-repeat; font-size:12px;}
.superteaser img {float:right; margin:0 15px 5px 20px;}
.superteaser a {float:left;color:white;margin:5px 20px 0 20px; font-weight:bold;text-decoration:underline;}
.superteaser figure {float:left;color:white;margin:5px 20px 0 20px;}

.login  {padding: 0 0 0 20px;}
.login label {display:block;font-size:12px; color:#fff;}
.login input {width:274px; 
font-size:11px; height:18px;
}
#login {margin: 0 0 10px 0;}
#reg {margin: 0 20px 0 0;}
#pass{margin: 3px 20px 0 0;}
#anmelden {float:left;margin: 15px 0 0 20px;padding:0 0 0 10px;background: transparent url('../images/button.jpg') no-repeat;display:inline-block;width:83px;height:18px;text-decoration:none;color:#000;font-size:11px;text-transform: uppercase;}
#anmelden:hover {text-decoration:none;color:#fff;}


.footer { background: transparent url('../images/footerbg.gif') no-repeat;width:979px; margin: 0 auto; padding:20px 0 0 0;text-align:center;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size:12px;}
.footer a{color:#787878;}






/* --------------------------------------------------------------------------------------- */
/* MOBILE */
/* --------------------------------------------------------------------------------------- */





/*#mobile_container { width:420px; margin: 0px ;padding:0 10px 0 10px;height:100%;background: #fff;}*/
#mobile_container { width:95%; margin:10px 20px 10px 10px; height:auto;background: #fff;}

.mobile_navbar {background: #8b9a18 url('../images/navbg.gif') repeat-x ; padding:0 0 0 0px; margin:0px 0px 0 0px; height:22px;width:98%; }
.mobile_nav {float:left;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-weight:bold;font-size: 15px; width:98%; }
.mobile_nav li {float:left;margin:0 0 0 5px; list-style:none;}
.mobile_nav a {text-transform: uppercase;color:#fff; display:block;padding:3px 0 0 0;}
.mobile_nav a:hover, .nav .menuhover {color:#d0d6a4;}
.mobile_nav span  {background-image:url('../images/navarrow.gif'); width:105px; display:inline-block; margin-left:5px;}
.mobile_nav a:hover span,.nav .menuhover span {background-position:0px -19px;}

.mobile_subnav {position:absolute;font-family:Arial, Verdana,sans-serif;font-weight:bold;font-size: 15px; width:98%; width:145px;display:none;}
.mobile_subnav li   {margin:0 ; list-style:none;  width:145px;display:block; background-color:#97a719;}
.mobile_subnav a {text-transform:none;background-color:#97a719;color:#000;width:135px;display:block;padding:3px 0 3px 10px;font-size:12px; ground-color:#cbd38c;color:#000;font-size:12px;}
.mobile_subnav .first {background: #97a719 url('../images/subnavfirstbg.gif') repeat-x;padding:12px 0 3px 0;}
.mobile_subnav .first a,.subnav .last a{background-color:transparent;}
.mobile_subnav .first a:hover,.subnav .last a:hover {background-color:#d0d6a4;}
.mobile_subnav .last {background: transparent url('../images/subnavlastbg.gif') repeat-x;padding:3px 0 10px 0;}


#mobile_logo {margin: 0px 0px 20px 0px;}
#mobile_header{height:auto;width:98%;background-color:white;}
    .Kasse label {
        font-family: 'Courier New', Courier, Monospace;
        font-size: 25px;
        font-weight: bold;
        color: #333333;
        margin:0px 0px 20px 5px;
}


    .mobilesBild {   
        height: auto;
        width: auto;
        max-width: 100%;

    }


#mobile_maincol{
    float: left;
    width: 98%;
    padding: 0px 0 0 0;
    margin: 00px 0 0 0 ; 
}


/*#mobile_teasercol{float:left  ;align-self:auto ; width:420px;margin:0 0 0 0px;background-color:#dadada;height:100%;padding:10px 0 0 0;}*/
/*margin:20px 20px 0 0px;*/
#mobile_teasercol{float:left;align-self:auto;width:98%;height:auto; padding:0px 0px 0px 0px;}
.mobile_teaser {width:320px; height:170px; margin:  15px 0px 15px 0px; background: url('../images/teaserbg.gif') no-repeat; font-size:12px;}
.mobile_teaser h2, .mobile_superteaser h2{padding:5px 0  2px 20px;color:#97a719;text-transform: uppercase;}
.mobile_teaser img {float:left; margin:0 15px 2px 20px;}
.mobile_teaser p,.mobile_superteaser p{margin:0 20px 10px 10px;color:#fff;font-size:12px;line-height:14px;}
/*.mobile_teaser h3, .superteaser h3{padding:10px 0 10px 20px;color:#97a719;}*/
.mobile_teaser h4, .mobile_superteaser h4{color:#fff;margin:0 0 5px 0;}
.mobile_teaser a {float:right;color:white;margin: 2px 20px 0 0; font-weight:bold;text-decoration:underline;}
.mobile_teaser a:hover, .mobile_superteaser a:hover{color:#97a719;}
.mobile_teaser h3, .mobile_superteaser h3{padding:5px 0  2px 20px;color:#97a719;text-transform: uppercase;}      /* für die Überschriften der Teaser */

.mobile_superteaser {width:320px;height:170px;margin: 0 0 15px 0px;background: url('../images/teaserbg.gif') no-repeat; font-size:12px;}
.mobile_superteaser img {float:left; margin:0 15px 5px 20px;}
.mobile_superteaser a {float:right;color:white;margin:5px 20px 0 20px; font-weight:bold;text-decoration:underline;}
.mobile_superteaser figure {float:left;color:white;margin:5px 20px 0 20px;}

.mobile_login  {padding: 0 0 0 20px;}
.mobile_login label {display:block;font-size:12px; color:#fff;}
.mobile_login input {width:274px; 
font-size:11px; height:18px;
}

/*.mobile_footer {float:left;background: transparent url('../images/footerbg.gif') no-repeat;width:99%;height:auto; margin: 0px 0px 0 0px; padding:20px 0px 0px 0px;text-align:center;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size:12px;}*/
.mobile_footer {float:left;background: transparent;width:98%;height:auto; margin: 0px 0px 0 0px; padding:20px 0px 0px 0px;text-align:center;font-family:'Courier New','Courier',Arial, Verdana,sans-serif;font-size:12px;}
.mobile_footer a{color:#787878;}