@charset "utf-8"; 

article,aside,audio,address,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{
    display:block;
}
mark,rp,rt,ruby,summary,time{
    display:inline;
}
*{
    font-size: 12px;
    font-family: Arial,Verdana;
    text-decoration:none;
    margin:0px;
    padding:0px;
    color:#000;
    border-spacing: 0px;
}

html,body{
    height:100%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 53%, rgb(165, 165, 165) 95%);
    background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 53%, rgb(165, 165, 165) 95%);
    background: -o-linear-gradient(90deg, rgb(255, 255, 255) 53%, rgb(165, 165, 165) 95%);
    background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 53%, rgb(165, 165, 165) 95%);
    background: linear-gradient(180deg, rgb(255, 255, 255) 53%, rgb(165, 165, 165) 95%);   
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 );
    background-attachment: fixed;
}

body > section{
    background: rgb(255, 255, 255);
    margin:auto;
    margin-top:30px;
    width:990px;
    min-height:450px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 7px 21px 10px rgba(132, 132, 132, 0.58);
    -moz-box-shadow:    0px 7px 21px 10px rgba(132, 132, 132, 0.58);
    box-shadow:         0px 7px 21px 10px rgba(132, 132, 132, 0.58);
}
body > section > header:first-of-type{
    height:126px;
    background: #2d343c;
    background-image: url(../image/topheader_bg.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    color: #fefeff;
    position:relative;
}
body > section > header:nth-of-type(2){
    height:194px;
    background-image: url(../image/header_bg.jpg);
    color:#2e3440;
}
body > section > nav{
    height: 40px;
    background-color: #222328;
    border-bottom:4px solid #505836;
    color: #fefeff;
}
body > section > footer{
    line-height:31px;
    height:31px;
    background: #2d343c;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    text-align: center;
    color: #fefeff;
}
body > section > footer > a{
    color: inherit;
    display:inline-block;
    margin:0px 5px;
    opacity: 0.8;
}
body > section > footer > a:hover{
    opacity: 1;
}
body > section > header:nth-of-type(2) > address{
    float:right;
    width: 330px;
    height:160px;
    padding:17px 0px;
    font-size:1.1em !important;
    font-style: normal;
    line-height:1.15em;
}
body > section > header:nth-of-type(2) > address > span,body > section > header:nth-of-type(2) > address > h3{
    font-size:inherit;
    line-height:inherit;
    text-shadow: 2px 2px 4px #fff;
}    
body > section > nav{
    text-align:right;
}
body > section > nav > a,.menu a{
    line-height:36px;
    font-size:1.3em;
    display:inline-block;
    padding: 2px 10px;
    height: 36px;
    color:inherit;
    margin: 0px 5px;    
    text-transform: uppercase;
    border-radius: 6px;
}
body > section > nav > a:hover, body > section > nav > a.aktiv,.menu a{
    opacity: 1;
    background-color: #33CCCC;
    background: rgb(170,182,108);
    background: -moz-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -webkit-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -o-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -ms-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: linear-gradient(180deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
}
.menu{
    display: none;
    border-bottom:0px;
}
body > section > header:first-of-type > figure{
    display: inline-block;
    width: 200px;
    height:123px;
    position:absolute;
    margin-left:13px;
    margin-top:17px;    
    float:left;
}
body > section > header:first-of-type > aside{
    display:inline-block;
    margin-left:140px;
    position:absolute;
    color:inherit;
    width:360px;
}
body > section > header:first-of-type > h1{
    display:inline-block;
    margin-left:140px;
    margin-top:25px;
    color:inherit;
    font-size:1.5em;
    font-weight: normal;
    margin-bottom:4px;
}
body > section > header:first-of-type > form{
    display:inline-block;
    float:right;
    width:290px;
    margin-top:15px;
    margin-right:20px;
    color:inherit;
}
body > section > header:first-of-type > form > input[type=image]{
    float:right;
}
body > section > header:first-of-type > form > input[type=text]{
    line-height:18px;
    height:18px;
    background-color: #4b525a;
    border-radius: 5px;
    border:0px;
    float:right;
    margin-right:10px;
    padding:1px 5px;
    color:inherit;
}
body > section > header:first-of-type > form > a{
    margin-right:7px;
    float:left;
    opacity:0.2;
}    
body > section > header:first-of-type > form > a:hover{
    opacity:1;
}    
body > section > header:first-of-type > nav{
    float:right;
    clear: both;
    font-size:1.3em;    
    color:inherit;
    margin-top:30px;
    margin-right:5px;
}
body > section > header:first-of-type > nav > a{
    display: inline-block;
    text-transform: uppercase;
    font-size: inherit;
    color:inherit;
    height:50px;
    line-height:50px;
    border-radius: 10px;
    margin-right:2px;
    padding: 0px 20px;
    background: rgb(56,56,56);
    background: -moz-linear-gradient(90deg, rgb(56,56,56) 0%, rgb(21,20,26) 100%);
    background: -webkit-linear-gradient(90deg, rgb(56,56,56) 0%, rgb(21,20,26) 100%);
    background: -o-linear-gradient(90deg, rgb(56,56,56) 0%, rgb(21,20,26) 100%);
    background: -ms-linear-gradient(90deg, rgb(56,56,56) 0%, rgb(21,20,26) 100%);
    background: linear-gradient(180deg, rgb(56,56,56) 0%, rgb(21,20,26) 100%);
}
body > section > header:first-of-type > nav > a:hover,body > section > header:first-of-type > nav > a.aktiv{
    background: rgb(170,182,108);
    background: -moz-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -webkit-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -o-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -ms-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: linear-gradient(180deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
}
body > section > article{
    min-height: 300px;
    background-color: #fff;  
    padding-top: 38px; 
    margin-bottom:10px;
}
body > section > article > nav{
    width: 225px;
    height: auto;
    min-height:390px;
    display:inline-block;
    vertical-align: top;
}
body > section > article > nav > menu{
    display: block;
}
body > section > article > nav > menu > header{
    height:40px;
    line-height:40px;
    background: rgb(170,182,108);
    background: -moz-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -webkit-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -o-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -ms-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: linear-gradient(180deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    border-top-right-radius:8px;
    text-transform: uppercase;
    text-align: center;
    color:#fefeff;
    font-size:1.3em;
    margin-bottom:31px;
    width: 225px;
}
body > section > article > nav > menu > ul{
    list-style: square url("../image/square.png");
    margin:0px 20px;
    display:block;
    width: 200px;
}
body > section > article > nav > menu > ul > li{
    margin-left:15px;
    margin-top:8px;
    margin-bottom:10px;
}
body > section > article > nav > menu.infonavi > ul > li{
    margin-left:19px;
    line-height:25px;
    margin-top:16px;
}
body > section > article > nav > menu > ul > li > a{
    display:inline-block;
    vertical-align: top;
    line-height:1.1em;
}
body > section > article > nav > menu.infonavi > ul > li > a{
    vertical-align:middle;
    width:179px;
    display:inline-block;
    overflow:hidden;
    margin-top:-12px;
}



body > section > article > nav > menu > ul > li.sublink{
    margin-left:25px;
    margin-bottom:4px;
}
body > section > article > nav > menu > ul > li.sublink > a{
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    vertical-align: top;
    line-height:1.0em;
    font-size:1.2em;
}


body > section > article > section{
    width: 65%;
    height: auto;
    vertical-align: top;
    display:inline-block;
    margin-left:107px;
    margin-bottom:15px;
    text-align:justify;
}
body > section > article > section > span > h1, body > section > article > section > h1{
    color:#505836;
    font-size:1.3em;
    margin-bottom:20px;
    text-align:left;
}
body > section > article > section > #onlineservice > a {
    border-radius: 10px;
    display:inline-block;
    width:150px;
    height:100px;
    border:1px solid #2d343c;
    margin-right:5px;
    position:relative;
    opacity:0.6;
}
body > section > article > section > #onlineservice > a > span{
    position:relative;
    top:81px;
    left:0px;
    text-align: center;
    display:block;
    color:#fff;    
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color:rgba(0,0,0,0.8);
    padding:3px 0px;
    z-index: 1000;
    line-height:15px;   
    overflow:hidden; 
    height:14px;       
}
body > section > article > section > #onlineservice > a:hover{
	    opacity: 1;    
}
#onlinetermin{
    background-image: url(../image/online_bg_termin.jpg);
}
#onlineueberweisung{
    background-image: url(../image/online_bg_ueberweisung.jpg);
}
#onlinerezept{
    background-image: url(../image/online_bg_rezept.jpg);
}
#onlinefeedback{
    background-image: url(../image/online_bg_feedback.jpg);
}
a{
    cursor:pointer;
}
hr{
    height:0px;
    background-color: transparent;
    color: transparent;
    border-bottom:1px solid #969696;
}
u{
    text-decoration: underline !important;
}
s{
    text-decoration: line-through !important;
}
#alpha{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-color:rgba(0,0,0,0.5);
      background-image:url(../image/loading.gif);
      background-repeat: no-repeat;
      background-position: center center;
}
.subnavi {
    background-color: #222328;
    border-bottom:8px solid #505836;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;    
}
.subnavi > ul{
    list-style: square url("../image/square_white.png");
    line-height: 1.8em;
}
.subnavi > ul > li{
    margin-left:12px;
}
.subnavi > ul > li > a{
    line-height: 1.5em;
    color: #fefeff;
    text-transform: uppercase;
    font-size:1.3em;
    display:block;
}
.subnavi > ul > li.aktiv,.subnavi > ul > li:hover{
    list-style: square url("../image/square_green.png");
}
.subnavi > ul > li.aktiv > a, .subnavi > ul > li:hover > a{
    color: #aab66c;
}
#sitecontent form{    
    line-height:29px;
}
#sitecontent img{    
    border-radius:15px;
}
#sitecontent form label{
    display:inline-block;
    width:110px;
}
#sitecontent form > input,#sitecontent form > select,#sitecontent form > textarea,#sitecontent form input{
    background-color: transparent;
    border:1px solid #4b525a;
    border-radius: 5px;
    margin-left:10px;
    padding:5px;
    color:inherit;
}
#sitecontent form > textarea{
    vertical-align: top;
    overflow:auto;
    resize: none;
} 
#sitecontent form > input[name=check]{
    width:0px;
    height:0px;
    border:0px;
    padding:0px;
    margin:0px !important;
} 
#sitecontent li{
    margin-left:15px;
}
div[contenteditable=true]{    
    border:1px solid transparent;
}
#contentimg img{
    max-width: 250px;
}
#upload figure{
    width:60px;
    height:60px;
    display:inline-block;
    margin:3px;
    border:1px solid #efefef;
    border-radius:10px;
    padding: 5px;
    vertical-align:top;
}
#upload figure img{
    max-width:60px;
    max-height:60px;
}
#galerie > figcaption{
    min-height:345px;
}
#galerie > figcaption > a {    
    border-radius: 10px;
    display:inline-block;
    padding:5px;
    width:90px;
    height:90px;
    line-height:90px;
    border:1px solid #2d343c;
    margin:0px 12px 12px 0px;
    position:relative;
    opacity:0.6;
    text-align:center;
    box-shadow:5px 5px 7px #969696;
    vertical-align: top;
}
#galerie > figcaption > a:hover{
    margin:2px 10px 10px 2px;
    opacity:1;
    box-shadow:0px 0px 7px #969696;    
}
#galerie > figcaption > a > span > img{ 
    vertical-align: middle;
    max-width:90px;
    max-height:90px;  
    border-radius:5px;      
}
#galerie > legend{
    display: block;
    width:90%;
    text-align: right;
}
#seitennavi > a{
    display:inline-block;
    width:28px;
    height:28px;
    line-height:28px;
    margin-right:8px;
    background-color:#C0C0C0;
    border-radius:14px;
    text-align:center;    
    font-size:0.9em;
}
#seitennavi > a.aktiv{
    color:#fff;
    background-color:#222328;
}
#bigimg,#alert{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    min-width:100px;
    min-height:100px;
    margin:-50px 0 0 -50px;
    background-color:#fff;
    border-radius:14px;
    border:1px solid #C0C0C0;
    box-shadow:5px 5px 7px #969696;
    z-index: 10002;
    text-align:center;  
    max-height:95%;
    max-width:95%;  
}
#bigimg div{
    font-weight:bold;
    margin:5px;
}
#bigimg span img{
    max-height:95%;
    max-width:95%;
}
.closer{   
    float:right;
    position:relative;
    top:-15px;
    left:15px;
    display:block;
    width:0px;
    height:0px;
}
.closer a{
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:15px;
    background-color:#FF6600;
    font-weight:bold;
    text-align:center;    
    float:right;
    color:#fff;
}
div#zeiten{
    line-height:1em !important;    
}
div#zeiten label{
    vertical-align: top;
    display: inline-block;
    width:25%;
    margin-left: 5%;
}
div#zeiten span{
    vertical-align: top;
    display: inline-block;
    width:33%;
    text-align: right;
}
.fehler{
    border-color:#FF6600 !important;
}
.ui-datepicker-year{
    overflow:auto !important;
}
cite{
    background: rgb(170,182,108);
    background: -moz-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -webkit-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -o-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: -ms-linear-gradient(90deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    background: linear-gradient(180deg, rgb(170,182,108) 0%, rgb(80,88,54) 100%);
    position: fixed;
    top:45%;
    right:-100px;
    width:120px;
    line-height:30px;
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding:10px;
    border:1px solid #808000;
    border-right:0px; 
    z-index:1000;
	    
	    -webkit-transition-property:opacity, right;
	    -webkit-transition-duration:0.4s, 0.5s;  
	    -webkit-transition-timing-function: ease-in-out, ease-in-out;
	
	    -moz-transition-property:opacity, right;
	    -moz-transition-duration:0.4s, 0.5s;  
	    -moz-transition-timing-function: ease-in-out, ease-in-out;
	
	    -o-transition-property:opacity, right;
	    -o-transition-duration:0.4s, 0.5s;  
	    -o-transition-timing-function: ease-in-out, ease-in-out;
	
	    transition-property:opacity, right;
	    transition-duration:0.4s, 0.5s;  
	    transition-timing-function: ease-in-out, ease-in-out;
}

cite:hover{
    right:0px;
}
cite ul{
    list-style-type:none;
}
cite ul li a{
    color:#fff; 
    display:block;
}
cite ul li:hover a{
    font-weight:bold; 
}
cite ul li:hover a img{
    opacity:1; 
}
cite ul li a img{  
    opacity:0.8;
    vertical-align:middle;
    margin-right:10px;
}
td{
    vertical-align: top;
}
table{
    border-spacing:0px;
}