/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #463c31; }

::-moz-selection { background: #fff; color: #000; text-shadow: none; }
::selection { background: #fff; color: #000; text-shadow: none; }


a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: novo.media		@novowebdesign		http://www.novo-media.com
   ========================================================================== */


/*
 * blau: #253280
 * top navi active: #f0ddb2
 * sub navi : #a8651e
 * h1, ... #f0dcb1
 * datum news: #975514
 * headine plz: #c6721e
 * txt plz: #a68e73
 * txt news, fließtext: #463c31
 * more info : #798a7a
 * 
 */


* { margin: 0; border: 0; outline: 0; padding: 0; }

body { font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; color: #333; font-size: 85%; background: #ECD9CE; }

h2, h3, h4, p, table, li { margin-bottom: 10px; }
h1 { margin: 0 0 25px 0; }
#teaser h1 { margin-bottom: 0; }

#main td, #main th { padding: 0px 10px 5px 0px; }

body.mobile #main img { max-width: 100%; }


/* Colors -------------------------------------------------------  */
a 
{ color: #463c31; }

#nav_main a, #startslider_infos h3 
{ color: #023B7D; }

#nav_main span, #nav_sub span, a:hover, #nav_main a:hover, #nav_sub a:hover, #nav_main .trail a, #nav_sub .trail a
{ color: #f0ddb2; }

#nav_sub a 
{ color: #a8651e; }

#footer a:hover
{ color: #000; }

h1, h2 
{ color: #f0dcb1; }

p.info { color: #975514; }

#plz_box h3 
{ color: #c6721e; }


/* Font - Sizes ------------------------------------------------------- */
h1 
{ font-size: 40px; }

#nav_main a, #nav_main span
{ font-size: 20px; }

#nav_sub a, #nav_sub span, #plz_box h3 , #startslider_infos h3 
{ font-size: 17px;  }

#plz_box p, #startslider_infos p 
{ font-size: 10px; font-weight: bold; }

#main a,
.more, .back 
{ font-weight: bold; }




/* Container ------------------------------------------------------- */

#bg { position: fixed; top: 0px; left: 0px; z-index: -1; }

#container, #header {margin-top: 50px;  padding: 0px 30px 0px 50px; background: url(../images/bg_content.png);}
#header {  border-radius: 20px 20px 0px 0px; }
#container { border-radius: 20px; min-height: 920px; }

#left .inside { padding-top: 35px;  }
#header_logo {  top: 35px; left: 0px; }

#main { padding-bottom: 20px; }
#main .inside { padding: 40px 0px 40px 0px;  }
#main .mod_article { padding-top: 20px; }

#sharer { min-width: 280px; overflow: visible; }
#sharer a { display: block; float: left; margin-right: 10px; }
#footer .inside { padding: 20px 20px; }


/* Navi Top -------------------------------------------------------  */
#nav_sub { top: 80px; }
#main .mod_navigation li { float: left; list-style-type: none; padding: 8px; margin: 0; }
#main .mod_navigation li.last { padding-right: 0px; }
#nav_main, #nav_sub ul { background: url(../images/dot_navi.png) left top repeat-x transparent; }
#nav_sub ul { height: 40.6px;}
#nav_sub { background: url(../images/dot_navi.png) left bottom repeat-x transparent; }


/* Start Boxes ------------------------------------------------------- */
#startseite.block, #startseite .block, .overflow_visible, .overflow_visible .block { overflow: visible; }

#start_box { position: absolute; bottom: -20px; left: -120px; width: 230px; height: 230px; }
#teaser #start_box {  position: relative; top: 0px; bottom: auto; left: 0px; margin-top: 40px; }
#teaser .button { margin-left: 20px; }

.lang-en #plz_box { /*display: none;*/ }
#plz_box { background: url(../images/plz_sticker.png) no-repeat; width: 142px; height: 194px; }
#plz_box .inner { padding: 20px 16px; text-align: center; }
#plz_box h3 { line-height: 17px; margin-bottom: 5px; }
#plz_box p { line-height: 12px; margin-bottom: 5px; }
#input_plz { width: 100px; border: none; background: transparent; }
#plz_submit { display: block; width: 105px; min-height: 35px; }

#fb_box { background: url(../images/fb_sticker.png) no-repeat; width: 119px; height: 169px; position: absolute; top: 333px; left: 20px; }
#fb_box a { display: block; width: 80px; height: 100px; position: absolute; top: 50px; left: 30px; }


/* Startslider */
#startslider { margin: 20px auto; width: 420px; }
#startslider_nav { position: relative; top: -24px; z-index: 320; }
#startslider_nav a { display: inline-block; height: 24px; width: 50%; background: url(../images/next_hand.png) center 0px no-repeat;}
#startslider_nav a.prev {  background: url(../images/prev_hand.png)center 0px no-repeat;}
#startslider_infos { margin: -85px auto 0px auto; width: 132px; height: 282px;}
#startslider_infos .info { display: none; width: 132px; height: 282px; background: url(../images/info_sticker.png) left 0 no-repeat;}
#startslider_infos .info .inner { padding: 125px 20px 20px 20px; text-align: center; }
#startslider_infos h3 { line-height: 16px; margin-bottom: 5px; }
#startslider_infos a:hover { color: #023B7D; }

.roundabout-holder { list-style: none; padding: 0; margin: 0; height: 546px; width:  420px; }
.roundabout-moveable-item { height: 546px; width: 138px; cursor: pointer; }
.roundabout-in-focus { cursor: auto; }
.roundabout-moveable-item img { width: 100%; }
.shadow { border-radius: 200px / 15px; width: 150%; height: 10px;  box-shadow: 0px 70px 35px 10px rgba(1, 1, 1, 0.75); margin-left: -25%; margin-top: -50px; }

#startslider .roundabout-in-focus img { cursor: pointer; }

/* News */
.mod_newslist .layout_short { padding: 15px 0px; background: url(../images/dot_navi.png) left bottom repeat-x; }
.mod_newslist .layout_short.last { background: none; }
.mod_newslist .layout_short p { margin-bottom: 0px; display: inline; }



/* Pagination */
#main div.pagination ul { list-style: none; margin: 0; font-weight: bold; }
#main div.pagination li { float: left; margin-right: 7px; padding-right: 7px; border-right: 1px solid #ccc; }
#main div.pagination li.last { margin-right: 0; border: 0; }


/* Language Switcher */
.mod_changelanguage { position: absolute; top: 44px; right: -46px; }
.mod_changelanguage li { margin: 0; padding: 0; }
.mod_changelanguage a { display: block; width: 45px; height: 41px; text-indent: -999px; font-size: 1px; }
.mod_changelanguage li.lang-en a { background: url(../images/lang_en.png) no-repeat; }
.mod_changelanguage li.lang-de a { background: url(../images/lang_de.png) no-repeat; }



/* Reseller */
.reseller ul { padding: 0; }
.reseller li { list-style-type: none;  }
.reseller li h4 { cursor: pointer; }
.reseller .addr { display: none; padding-bottom: 10px; }


/* Forms */
input { border: 0; font-size: 100%; }
input.text, textarea, input.plz { padding: 6px; }
input.plz { width: 50px; }
input.submit, input.button { background: #253380; color: #fff; font-weight: bold; width: auto; padding: 6px 10px; font-size: 100%; }
input:invalid, textarea:invalid { background-color: #fff; }

/* Other */
.downloads a img { display: block; }
.downloads table, table.haendler { border-collapse: collapse; }
.downloads table {  margin: 25px 0; }
.downloads tr, table.haendler tr { background: url(../images/dot_navi.png) left bottom repeat-x; }
#main .downloads td, #main table.haendler td { padding: 15px 15px 15px 0; }

#header_logo img { width: 300px; }
.map { text-align: center }

.socialmedia { float: right; }
.socialmedia a { margin-left: 5px; padding-bottom: 5px; display: inline-block; }

a.button { background: #253380; color: #fff; font-size: 120%; font-weight: bold; text-decoration: none; 
	padding: 6px 10px; display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px; 
}
a.button:hover { background: #cf1d25; }



/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.total { display: none; }


/* ==|== media queries ====================================================== */

/*
@media only screen and (max-width: 955px) {
	#wrapper { width: 98% !important; }
}
*/

@media only screen and (max-width: 890px) {
	#header .inside {padding-left: 192px;  }
	#header_logo img { width: 172px; }
	#left { width: 192px; }
	#main { margin-left: 192px; }
	#start_box { position: relative; top: 0; left: 0; height: auto; }
}

@media only screen and (max-width: 768px) {
	#wrapper { width: 748px; }
	#container, #header { padding-left: 30px; margin-top: 20px; } 
	#fb_box { position: relative; margin-bottom: 20px; left: 0; top: 0; }
	#sharer a { float: none; }
}

@media only screen and (max-width: 720px) {
	#wrapper { width: 690px; }
	#sharer a { float: left; }
	#main  { margin-left: 0; width: 100%; }
	#main .inside { padding: 30px 0 0 0px;  width: 100%;  }
	#left { width: auto; margin-right: 20px; }
	#teaser { position: relative !important; left: 0px; }
	#container { padding: 0px 10px; }
	#header_logo img { width: 130px; }
	.map { display: none; }
	#startslider {  width: 315px; }
	.roundabout-holder { height: 409px; width:  315px; }
	.roundabout-moveable-item { height: 409px; width: 103px; }
}

@media only screen and (max-width: 480px) {
	.mod_changelanguage { top: 17px; right: -25px; }
	#start_box { height: 230px; }
	#fb_box { position: absolute; top: 50px; left: 110px; }
	#wrapper { width: auto !important; margin: 0 10px; }
	#header, #container { margin-top: 20px; }
	#left { margin-right: 20px; }
	#left .inside { padding-top: 25px; }
	#teaser { margin-top: 25px; padding-bottom: 10px; }
	#main .mod_navigation ul { overflow: hidden; padding: 5px 0; }
	#main .mod_navigation li { padding: 3px 5px; display: inline; float: none; white-space: nowrap; }
	#footer .inside { padding: 20px 10px; }
	.bottle .image_container { padding: 0 20px 15px 5px !important; }
	.bottle .image_container img { max-height: 300px; width: auto; }
	h1 { font-size: 32px; margin-bottom: 15px; }
	.resp_no_float { float: none !important; display: block; }
}

@media only screen and (max-width: 320px) {
	#wrapper { width: 320px; }
	.columnar label { width: auto; }
	.mod_changelanguage { top: -173px; right: -24px; }
	#main .mod_navigation ul { text-align: center; }
	#main .inside { padding-top: 20px; text-align: center; }
	#main .inside table td { text-align: left; }
	#left { float: none; margin-right: 0; }
	#header_logo { text-align: center; }
	#header_logo img { width: 80%; }
	#startslider {  width: 210px; }
	#teaser { text-align: center; }
	#plz_box { margin: 0 auto; }
	#sharer { margin: 40px 0 0 40px }
	.roundabout-holder { height: 273px; width:  210px; }
	.roundabout-moveable-item { height: 273px; width: 69px; }
	#footer .inside { text-align: center; }
	.socialmedia { float: none; }
	#fb_box { left: 150px; }
	.image_container { float: none !important; padding-right: 0 !important; }
}






/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}