/* Default design
------------------------------------------------------------------------------------------------ */

.hideme{ display: none; }

@media print {#menu, #func, #functions, .version_switcher, #breadcrumbs, #socialmedia, .back_div, .hideme_print, #gotoshortcuts { display: none!important; } }

* {
    margin: 0; padding: 0;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
}

 /*--- general ---*/

html { height: 100%; line-height: 1.4; overflow-x: auto; overflow-y:scroll; }
body { color: #373737;
    font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal; margin:0; padding:0; }
input, textarea, button, select, table, th, td, div, p, label, span {font-family:"Lucida Grande",Arial,Helvetica,sans-serif; font-size:100%; }
body#epozcontent {color:black; background-color:white;}
table {border:0; border-collapse:collapse;}
.graphic { margin-bottom: 10px; }

.hideme, #shortcuts, #shortcuts_title, #fontsize { display: none; }
.hcard { height: 1px; overflow: hidden; position: absolute; top: -100%; width: 1px; }
.clear {clear:both; float:none;}

.preface { font-style: italic; }

#breadcrumbs {
    background-color: #fff;
    border-bottom: 2px solid #373737;
    padding: 10px;
	margin-bottom: 0!important;
}

.quicklinks {
	padding-left: 0;
	margin: 20px 0 0 0!important;
}

/* Text elements
------------------------------------------------------------------------------------------------ */

    #sitetitle {border: 0 none; font-size: 24px; margin: 15px 0 0; padding: 0;}
    h1, h2, .lb_title {font-size:20px; margin:20px 0 5px; line-height:24px; font-weight:normal;}
	h3 { font-size:16px; margin:20px 0 8px 0; }
    h4, h5, h6 {font-size:14px; margin-bottom:8px;}
	h1, h2, h3, h4, h5, h6 {
		color: #b01016;
		font-family: "Lucida Grande",Arial,Helvetica,sans-serif;
		font-weight: normal;
	}

	.onlinetool h2 { margin: 10px 0 5px; }

    p {margin-bottom:25px;}
    strong { font-weight: bold; }

/* Lists
------------------------------------------------------------------------------------------------ */

    ol, ul {font-family: "Lucida Grande",Arial,Helvetica,sans-serif; margin-bottom:25px;}

    ol { list-style-type: decimal; margin-left:20px;}
    ul { margin-left:20px; padding:0;}

	#rss_feeds li { background: none!important; padding: 0!important; }
    #content ul li { padding:0; margin-bottom:6px;}

    #gotoshortcuts {display:inline-block; padding-left:34px; margin:35px 0 0px 0; color:#373737; text-decoration:none;}
    #gotoshortcuts:hover {color:#807d7d;}


    /* Icons
------------------------------------------------------------------------------------------------ */

    a {color:#b01016;}
    a:hover {text-decoration:none; color:#373737; outline:0;}
    a:hover, a:active {outline:0;}
    a img {border:0;}

/*--- Tables ---*/

    table { border-collapse: collapse; border-spacing: 0; width: 100%; }
    td, th { text-align: left; float: left; vertical-align: top; padding: 4px 0; width: 100%;}
	tr, tbody { clear: both; float: left; width: 100%; }

    #legal_notice p:first-child { margin-top: 0; }
    .downloads td {border:0;}

    .data thead {border:1px solid black;background:#7d0d4c;color:white;padding:5px;}
    .data thead th {padding:5px;}
    .data tbody th, .data tbody td {border-bottom:1px solid #aaa;}
    .data tbody th {border-right:1px solid black;}
    .data tbody td {text-align:center;border-right:1px solid #aaa;}
    .data tbody {border:1px solid #aaa!important;}

	.notable tr td { float: left; margin: 7px 0; width: 100%; }
	#legal_notice tr th, #legal_notice tr td { float: left; margin: 4px 0; width: 100%; }

	.links_section { border-bottom: 1px solid #dedede; border-collapse: collapse; border-spacing: 0; }
	.links_section td { border-top: 1px solid #dedede; padding: 5px 0 8px; text-align: left; vertical-align: top;}
	.links_section td a { display: block; }

caption {
    text-align: left;
    font-size: 16px;
    margin: 30px 0 12px 0!important;
}

#content p { margin:0 0 10px; }

/* Logo
------------------------------------------------------------------------------------------------ */

  #logo {text-align: center; margin:0; padding:10px 10px 30px; border: none; display: block;  }
  #logo a {display: inline-block!important;}
  #logo a:hover {background: none;}
  #logo img, #content img { max-width: 100%!important; height:auto!important;  display:inline-block; }
  #logo img {border: none!important; width: 100%;}

  #slogan {
	  background: url("../images/fangfrisch.gif") no-repeat scroll right top #b01016;
      float: none;
      height: 23px;
      margin: -30px auto 20px;
      right: 0;
      text-align: center;
      width: 248px;
      z-index: 99999;
  }

  #slogan p {
	  color: white;
	  line-height: 23px;
	  margin: 0;
	  text-align: center;
  }

#content { padding: 10px 10px 20px 10px; }
.contact { margin-top: 10px; }

/* Navigationslinks
------------------------------------------------------------------------------------------------ */
.back_to_startpage {
    background-image: url('../images/mobile/arrow_left.png');
    background-repeat: no-repeat;
    background-position: 10px center;
     border-top: 2px solid #fff;
     color: #fff!important;
}

.back_to_startpage:hover,  #footer .version_switcher a:hover, #footer #gotoshortcuts:hover {
    text-decoration: none; color: #fff; background-color: #373737;
}

#footer .contactinfo {
    padding-left: 10px;
}

#footer a:hover {
    text-decoration: none;
}

#footer {
    clear: both;
    padding-bottom: 5px;
}

 #footer .version_switcher a,
.back_to_startpage, #footer #gotoshortcuts, #functions a {
    background-color: #9b9b9b;
    border-top: 2px solid #fff;
    margin: 0;
    color: #fff;
    display: block;
    margin: 0;
    padding:10px 45px;
    text-decoration: none;
}

#gotoshortcuts span {
    color: #fff;
}

   #footer_email a:hover, #footer_tel a:hover, #functions li a:hover  {background-color: #31674c;}
   #footer_email a, #footer_tel a, #functions li a {background-image:url('../images/mobile/arrow_left.png'); background-repeat: no-repeat; background-position: 10px center;}

#footer #functions li, #footer .quicklinks li{
    padding-left: 0px;
    padding-bottom: 0;
    background: none;
}

.version_switcher {
    border-top: 2px solid #fff;
}

#footer .back_to_startpage {
    background-image: url('../images/mobile/arrow_left.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #fff;
}

#footer .back_to_startpage:hover {
    text-decoration: none;
}

#footer #gotoshortcuts {
    background-image: url('../images/mobile/arrow_top.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border-top: 2px solid #fff;
}

#footer .version_switcher a{
    background-image: url('../images/mobile/full_version.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    border-top: none!important;
}

#footer .version_switcher a:hover {
    text-decoration: none;
}

#footer .version_switcher ul, #footer .version_switcher li{
    background: none;
    margin: 0;
    padding: 0;
}

#footer .left {
    padding-left: 10px;
    margin-bottom: 10px;
}

#footer #contactinfo {
    padding-top: 10px;
    padding-left: 10px;
}


#news_preview li.active h4 a {
	color: #373737;
    text-decoration: none;
}

/* Google Map
------------------------------------------------------------------------------------------------ */

    .google-maps .map { width: 94%; }
    .direction form {margin-top:25px;}
    .direction .select {width:auto;}
    .warnbox-content, .warnbox-c1, .warnbox-c2 {background:#ffc900; border:0; margin:0;}
    .warnbox-content {padding:5px 10px;}
    .adp-placemark td {padding:5px;}
    .adp-text {vertical-align:middle; padding-left: 25px!important;}




/* Menu
------------------------------------------------------------------------------------------------ */
#menu ul {margin-left: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 0; }

#menu { list-style-type: none; padding: 0; margin: 0; list-style:none;  margin:0!important; padding:0;  }

  #menu li {  margin: 0;  background: #373737; border-bottom: 1px solid #fff; padding: 0!important;}

   #menu li a {  display: block; padding: 0.8em 10px; text-decoration: none;   padding-right: 30px; font-weight: bold;}
    #menu li.last {border: none!important; text-shadow: none; }
    #menu > li > a:hover, #menu > li > a.activenode, #menu > li > a.active, #menu > li > a.activelink { background: #b01016; color: #fff; background-image: none!important; }


    #menu li{list-style:none; margin:0; padding:0;}
    #menu ul{display:none;}


    #menu > li.last{color: #373737; display:none; }
    #menu > li > ul a.active, #menu > li > ul a.activenode, #menu > li > ul a:hover, #menu > li > ul a.activelink {background-image: none!important; text-shadow: none; font-weight: bold; background-color: #bfbfbf; }
    #menu > li > ul > li a{color: #373737; font-weight: normal;}
    #menu > li > ul > li{background: #bfbfbf; color: #9b9b9b; border-bottom:2px solid #373737;}

        #menu > li > ul > li > a{padding-left:1.2em; background-image:url(../images/mobile/arrow_bottom_brown.png);  background-repeat:no-repeat; background-position: right center;text-shadow: none; color: #373737;}
        #menu > li > ul > li > a:hover, #menu > li > ul > li > a.activelink, #menu > li > ul > li > a.activenode, #menu > li > ul > li > a.active {font-weight: bold; color: #373737;}
        #menu > li > ul > li > ul li .first {border-top: 1px solid #373737;}
        #menu > li > ul > li > ul  li {background-color:#fff; border-bottom:1px solid #373737; }
        #menu > li > ul > li >ul li a {color: #2d302d; padding-left: 1.5em;text-shadow: none; }

			#menu > li > a {color:#fff; background-image:url(../images/mobile/arrow_bottom.png); background-repeat:no-repeat; background-position: right center; }
  			#menu > li > a:hover {background-image: none; text-shadow: none; }
			#menu li.arrowright > a{text-shadow: none; background-image:url(../images/mobile/arrow_right.png); background-repeat:no-repeat; background-position: right center; }

            #menu > li > ul > li.arrowright > a{color: #fff; background-image:url(../images/mobile/arrow_right_brown.png);text-shadow: none;  background-repeat:no-repeat; background-position: right center;}
            #menu > li > ul > li.arrowright > a:hover, #menu > li > ul > li.arrowright > a.active, #menu > li > ul > li.arrowright > a.activenode, #menu > li > ul > li.arrowright > a.activelink{background-image: none; text-shadow: none; font-weight: bold; text-shadow: none;}

#menu > li > ul > li > ul  li a:hover, #menu > li > ul > li > ul  li a.active, #menu > li > ul > li > ul  li a.activenode, #menu > li > ul > li > ul  li a.activelink{ font-weight: bold;}


  #menu > li > ul >li > a {color: #fff; text-shadow: none; }

    #menu > li > ul > li > ul li.arrowright > a {text-shadow: none; background-image:url(../images/mobile/arrow_right_brown.png); background-repeat:no-repeat; background-position: right center;}


/* News
------------------------------------------------------------------------------------------------ */
#news_overview #news_preview li .text { display: none; }
#news_overview #news_preview li h4 { margin-bottom: 0!important; }

/* Startseite
------------------------------------------------------------------------------------------------ */

    .startpage #container {padding-bottom:0;}

    .startbox {display:block; border: 1px solid #373737; padding:20px 23px; font-size:13px; line-height:16px; margin-top: 10px; text-decoration:none; color:#595657; margin-bottom: 10px;}
    .startbox:hover {color:#373737;}
        .startbox span {display:block;}
        .startbox .headline {font-weight:bold; color:#373737;}
        .startpage .hide_on_startpage {display:none;}

img {
	max-width: 100%;
}

.startpage img {
    width: 100%;
}

.pic_startpage {
	border-bottom: 1px solid #373737;
}

#socialmedia {
    padding-left: 10px;
}

#socialmedia li {
    list-style: none!important;

}

#functions{
    padding-left: 0!important;
    list-style: none;
}

.address {
	margin-bottom: 20px;
}

.google {
	margin-top: 20px;
}

.clearfix {
	clear: both;
}

.recipes {
	clear: both;
	list-style: none;
}

.recipes li {
	float: left;
	margin: 0 15px 0 0;
}

/* Mobile Homescreen
------------------------------------------------------------------------------------------------ */
#mobile_homescreen{display:none; font-size:0.8em!important; border-color:#b01016; z-index:99998; color:#fff!important; line-height: 1.5!important;}
#mobile_homescreen img{float:left; margin-right: 15px; width:27px; }
#mobile_homescreen.phone{ padding:20px; font-size:0.8em!important; position:fixed; height:65px; width:260px; background-color: #b01016; bottom:15px; left:50%; display:block; margin-left:-150px; opacity:0;}
#mobile_homescreen.ipad{padding:20px; font-size:0.8em!important; position:fixed; height:55px; width:260px; background-color: #b01016; opacity:0; top:15px; display:block; left:15px;}
#mobile_homescreen a{display:block; width:15px; height:15px; background:url('../images/mobile/mobile_close.png') no-repeat transparent; text-indent:-999999999px; overflow:hidden; position:absolute;}
    #mobile_homescreen.ipad a{right:5px; bottom:5px;}
    #mobile_homescreen.phone a{right:5px; top:5px;}
    #mobile_homescreen p{font-size:1em!important; padding:0; margin:0; color:#fff!important; }
    #mobile_homescreen a span{display:none; font-size:1em!important; }

#mobile_homescreen.phone:after {  content: "";  position: absolute;  top: 100%;  left: 50%;  margin-left:-10px;  border-top: 10px solid #b01016;  border-top-color: inherit;  border-left: 10px solid transparent;  border-right: 10px solid transparent;}
#mobile_homescreen.ipad:after {  content: "";  position: absolute;  top: -10px;  left: 50%;  margin-left:-10px;  border-bottom: 10px solid #b01016;  border-top-color: inherit;  border-left: 10px solid transparent;  border-right: 10px solid transparent;}

.cookie_banner {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 2px solid #ccc;
    bottom: 0;
    left: 0;
    line-height: 1.6;
    overflow: hidden;
    padding: 1rem 72px 1rem 1.66rem;
    position: fixed;
    right: 0;
    z-index: 9000;
}

.cookie_banner .close {
    cursor: pointer;
    display: block;
    line-height: 1;
    padding: 0.65rem;
    position: absolute;
    right: 20px;
    top: 10px;
}

form label {display: block; width: 100%;}
form input, form textarea {width: 100%; margin-bottom: 15px;}

form button {background: #b01016 url(../images/fangfrisch.gif) no-repeat right top; border: 0; color: #fff; margin-top: 10px; padding: 5px 8px; float: right; margin-right: 10px;}
.button {background: #b01016 url(../images/fangfrisch.gif) no-repeat right top; border: 0; color: #fff; margin-top: 10px; padding: 5px 8px; float: right; margin-right: 10px;}
.button:hover {text-decoration: underline;}