/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.4
 * CSS Author:    friedolin förder
 * Copyright:     losteria
 * Browser:        0
 * Browser group: 
 */
* { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 10pt; }
html, body { height:100%; }
img { border: none; }
#bgWrapper { position:absolute; top: 0; left: 0; width:100%; overflow:hidden; z-index: 0; min-height: 50px; min-width: 960px; }
#bgWrapper img { width: 100%; min-width: 1400px; }
#bgWrapper.editmode { position: static; }
#bgWrapper.editmode img { width: 100px; min-width: 100px; }
a { text-decoration: underline; outline: none; color:#303138; font-size:100%; font-weight: 600; }
#columnLeft a { text-decoration: none; }
#columnLeft { position: fixed; z-index: 1; width: 251px; height: 100%; left:0; top:0; bottom:0; overflow: visible; }
#icons { position: fixed; z-index: 1; bottom: 10px; right: 5px; width: 85px; height: 85px; }
#icons a { display: block; width: 85px; height: 85px; background: url(images/facebook_final.png); }
#icons a span { display: none; }
#columnLeft.editmode { z-index: -1; margin-top: 50px; }
#columnRight { position: relative; z-index: 1; width:679px; padding-left: 285px; }
#borderElement { height:100%; width:100%; }
.withLeftBorder { border-left: 22px solid #96001a; }
.header { display: block; height: 72px; background: url(images/logo.gif) right top no-repeat #96001a; margin-bottom: 50px; }
#columnLeft.editmode .header { margin-top: 50px; }
#columnLeft ul, .links { list-style: none; }
.nav { background:url(images/menubg.gif) left top repeat-y; position: relative; z-index: 1; }
.nav a, .links a { text-transform: uppercase; background:#96001a; color:#fff; font-weight: 400; }
.nav a { position: relative; font-size: 130%; line-height: 130%; padding: 4px 20px 4px 22px; }
.links a { position: relative; font-size: 100%; line-height: 130%; padding: 3px 10px 3px 22px; }
.nav a:hover, .links a:hover, .links .Selected { z-index:100; font-weight: 900; }
.nav .Selected a, .nav .Expanded a, .links .Selected a { z-index:10; padding-left: 62px; font-weight: 900; background:url(images/besteck.gif) 22px center no-repeat #96001a; }
.nav ul.Level1 a { background:#fff; font-weight: 400; padding-left: 10px; color:#5C606D; }
.nav ul.Level1 a:hover, .nav ul.Level1 .Selected a { font-weight: 900; }
.nav .Selected a, .nav .Expanded a, .nav ul li a, .links .Selected a { display:block; }
.nav ul { background: #fff; margin-left:22px; padding: 5px 10px 5px 5px; }
.nav ul a { font-size: 80%; text-transform: none; background: none; padding-left: 10px; border-bottom: 1px solid #aaa; color:#4c4c4d; padding-top:2px; padding-bottom: 2px; }
.nav ul .LastChild a { border-bottom: none; }
.nav ul .Selected a, .nav ul a:hover { z-index:10; }
.nav ul.Level1 .Selected a { background:url(images/tomate.gif) 10px center no-repeat; padding-left: 30px; }
#linksWrapper { display:block; position: absolute; width: 100%; bottom: 0; z-index: 0; }
.links { position: absolute; bottom:0; }
* { color:#3D3F47; font-weight: 500; }
h1 { display: none; }
h2 { position: relative; z-index: 2; font-size:500%; font-weight: 900; text-transform: uppercase; color:#fff; text-shadow:0 0 10px #333; }
h3 { position: relative; z-index: 2; font-size:200%; text-transform: uppercase; color:#fff; text-shadow:0 0 5px #333; padding: 0 0 40px 0; font-weight: 900; }
h4, .PageListItem h1 { display: block; color:#43454F; font-size:110%; padding: 0 0 10px 0; text-transform: uppercase; font-weight: 900; }
h4 span { float: right; }
strong { background: #5C606D; color:#fff; padding: 1px 2px; font-size: 100%; }
sup { color:#fff; font-size: 80%; }
.ParagraphWithMediaRenderer ul { margin-left: 40px; }
.ParagraphWithMediaRenderer ul li { font-size: 105%; padding-bottom: 10px; font-weight: 900; list-style-image: url(images/bulletpoint.png); }
.whitebg { padding:0 0 15px 0; position: relative; z-index: 1; background:url(images/white70.png); line-height: 140%; box-shadow: 0 0 5px #555; }
.box { float: left; width: 150px; height: 150px; border: 5px solid #fff; margin-right: 13px; -webkit-box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; position: relative; }
.editmode .box img { width: 40px; }
.ParagraphWithMediaRenderer.box.pushOneColumn { margin-left: 173px; }
.ParagraphWithMediaRenderer.box.pushTwoColumns { margin-left: 346px; }
.ParagraphWithMediaRenderer.box.pushThreeColumns { margin-left: 519px; }
.ParagraphWithMediaRenderer.box p { padding:0; position: absolute; top:0; left:0; }
.ParagraphWithMediaRenderer.box a { display: inline; background:#fff; text-decoration: none; text-transform: uppercase; line-height: 110%; color:#5C606D; }
.ParagraphWithMediaRenderer.box p strong { background-color: #fff; color: inherit; font-weight: 900; }
.ParagraphWithMediaRenderer.box p strong em, .ParagraphWithMediaRenderer.box p em strong { color:#96001a; font-style: normal; }
.ParagraphWithMediaRenderer.box { margin: 0; margin: 0 13px 13px 0; }
.editmode .box .MediaColumn { margin-top: 50px; }
.ParagraphWithMediaRenderer .MediaColumn p { padding: 0; }
.ParagraphWithMediaRenderer { position: relative; }
.ParagraphWithMediaRenderer p { padding:8px 10px 0 10px; }
.ParagraphWithMediaRenderer.box.LastChild { margin-right: 0; }
.ParagraphWithMediaRenderer.NeueroeffnungTag p { color: #ffffff; padding: 3px; width: 400px; font-weight: bold; font-size: 1.4em; text-transform: uppercase; }
.left { float:left; }
.right { float:right; }
.fourColumns { display: block; margin-bottom: 13px; }
.threeColumns { display: block; width: 506px; margin-bottom: 13px; }
.threeColumns p, .fourColumns p { font-size: 105%; line-height: 180%; }
.oneColumn { width: 160px; }
.oneColumn .box { margin-right: 0; }
.contentbox { width:100%; }
.contentbox h4, .contentbox h5, .threeColumns h4, .threeColumns h5{ padding: 10px 10px 10px 10px; }
.innercontent { padding:10px; }
.innercontentDouble { padding:20px; }
.innercontentBox { padding-top:5px; }
.foodslider { width: 476px; margin:0; position: relative; margin-bottom: 10px; }
.foodslider.LastChild { margin-bottom: 40px; }
.foodslider .MediaImageRendererOnPage { background:url(images/lines.png) repeat; overflow: hidden; }
.foodslider .MediaColumn p { margin:0; float:left; display: inline; padding: 0 3px; background: #5C606D; color:#fff; text-transform: uppercase; }
.foodslider .MediaColumn p:hover { background:#96001a; cursor:default; }
.foodslider .MediaColumn .ParagraphWithMediaRenderer { position: relative; border-top: 1px solid #aaa; margin-left: 10px; margin-top:-8px; }
* html .foodslider .MediaColumn .ParagraphWithMediaRenderer { height: 50px; }
.editmode .foodslider .MediaColumn p { position: static; }
.foodslider img { display: block; margin: 0 auto; margin-top: -130px; }
.tabs { width: 506px; float: left; }
.tabsList { list-style: none; margin-bottom: 10px; }
.tabsListItem { float: left; }
.tabsListItemLink { padding: 0 5px; text-transform: uppercase; text-decoration: none; font-weight: 900; margin-right: 5px; background:url(images/white70.png); -webkit-box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; }
.ui-tabs-selected a { background: #fff; }
.hide { display: none; }
.editmode .hide { display: block; }
.iframeWrapper { width: 496px; height: 330px; }
iframe { border: 5px solid #fff; width: 496px; height: 330px; }
.button a { margin-top: 20px; margin-left: 10px; border: 5px solid #fff; background:url(images/button.jpg) repeat-y left top #96001a; display: inline-block; text-decoration: none; color: #fff; padding: 0 8px; text-transform: uppercase; font-size: 80%; line-height: 170%; }
.MediaColumn .ListHierarchyEditControl { position: absolute; z-index: 1000; }
.CMSElementLabel { position: relative; z-index: -1; }
.EditFieldMultiLine textarea { width: 100%; height: 100px; }
.formelement { height: 40px; width: 435px; }
.textareaFormelement { height: 150px; width: 435px; }
.formelement label { float: left; display: block; width: 200px; }
.formelement input, .formelement select, .formelement submit, .textareaFormelement textarea { float: right; display: block; width: 200px; }
.textareaFormelement textarea { height: 140px; }
.ui-datepicker-trigger { float:right; background:none; border:none; cursor:pointer; }
.FormFieldDiv .ValidationMessage, .formelement .ValidationMessage, .textareaFormelement .ValidationMessage { display: block; float: left; color: #96001a; clear: both; }
.ListHierarchyInsertControl .WebImageButton, .ListHierarchyEditControl .WebImageButton { width: 16px; height: 16px; }
.Form .FormFieldDiv, .ECardRenderer .FormFieldDiv { margin: 20px; margin-bottom: 2px; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 8px; border-bottom-color: #999999; }
.Form .FormFieldDiv label, .ECardRenderer .FormFieldDiv label { width: 200px; display: block; float: left; font-weight: bold; }
.Form .FormFieldDiv input, .FormFieldDiv textarea, .FormFieldDiv input, .FormFieldDiv select { width: 258px; max-width: 258px; min-width: 258px; display: block; float: left; }
.Form h4 { padding-left: 20px; padding-top: 20px; }
.Form .MailFormSubmitterRenderer { margin-top: 20px; margin-left: 20px; }
.Form .MailFormFileRenderer { width: 258px; max-width: 258px; min-width: 258px; display: block; float: left; background-color: white; }
.Form .MailFormFileRenderer .WebFileUpload { width: 258px; min-width: 60px; }
.Form .MailFormFileRenderer .WebButton { width: 258px; float: right; display: block; }
.Form .FormFieldDiv .ListContainer { }
.Form .MailFormFileRenderer input { width: 60px; }
.soundplayer a { }
.boxMargin { margin-right: 13px; margin-bottom: 13px; }
.boxMarginTop { margin-top: 13px; margin-bottom: 13px; }
.ecard { margin-bottom: 30px; }
.captchaWrapper { width: 258px; height: 120px; float: right; }
#captcha { display: block; float: right; }
.captchaWrapper a { display: block; float: right; clear: both; }
a.nextImage { text-decoration: none; }
.PageListItem { padding:20px 20px 15px 20px; position: relative; z-index: 1; background:url(images/white70.png); line-height: 140%; box-shadow: 0 0 5px #555; width: 466px; margin-bottom: 20px; }
.PageListItem h1 { padding-bottom: 3px; }
.PageListItem p { font-size: 105%; line-height: 180%; display: inline; }
.PageListItem .imageLink { float: left; margin: 0 10px 5px 0; clear: both; }
.PageListItem .MoreLink { float: none; text-decoration: none; display: inline; padding-left: 5px; margin: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

