/* Allgemein */
body {margin: auto;font-family: 'HelveticaNeueW02-85Heav', Arial, sans-serif;font-size: 100%;color: #333;}


/* LAYOUT */
.col-33 {width: 33.3333%;}
.col-66 {width: 66.6667%;}
.col-left {float: left;}
.col-right {float: right;}

/* Überschriften */
h2 {font-family: 'HelveticaNeueW02-85Heav', Arial, sans-serif;font-size: 1.75em; color: #002743; margin: 0 0 .5em 0; font-weight: normal;letter-spacing: -.02em;}
h3 {font-family: Arial, Helvetica, sans-serif;font-size: .875em;color: #535353;margin: 0 0 .2em 0;font-weight: normal;color: #e42d28;}

a {color: inherit;text-decoration: inherit;}

p {font-family: Arial,Helvetica,sans-serif;font-size: .75em;line-height: 1.375em;margin: 0 0 10px;}

li {font-family: Arial,Helvetica,sans-serif;font-size: .75em;line-height: 1.375em;margin: 0 0 5px;}


/* HEADER */
header {padding: 0;margin: 0 auto;text-align: left;background: #fff;}
header .eshop_start {padding: 0;margin: 0 auto;background: #fff;height: 38px;width: 1000px;}
header .eshop_start .logobg {position: absolute;left: 0;top: 0;width: 1000px;height: 500px;padding: 0;margin: 0;z-index: 550;background: #fff;transform: translate(-500px, -530px) rotate(-30deg) translate(0, 174px);border-bottom: 30px solid #e42d28;box-shadow: -3px -3px 20px 0 black;}
header .eshop_start .logobg:after {display: block;position: absolute;content: "";width: 100%;height: 15px;bottom: -1px;background-color: #002742;}

header .logo {position: absolute;left: 0;top: 0;padding: 0;margin: 0;z-index: 550;}
header .logocontent {position: relative;left: 20px;top: 36px;width: 163px;height: 44px;padding: 0;margin: 0;z-index: 500;}


.fo-sprite {background-image: url(../img/spritesheet.png);background-repeat: no-repeat;display: block;}
.fo-sprite-foerch-logo-eshop {width: 150px;height: 40px;background-position: -1px -23px;}


/* NAVIGATION */
nav {margin: 0 auto;height: 36px;list-style-type: none;padding: 0;background: #fff;}
nav .content {position: relative;margin: 0 auto;padding: 0;background-size: 60% 36px;background: linear-gradient(to bottom, rgba(205,205,205,1) 100%, rgba(205,205,205,1) 100%, rgba(205,205,205,1) 100%, rgba(205,205,205,1) 100%, rgba(205,205,205,1) 100%, rgba(205,205,205,1) 100%);background-repeat: repeat-y;}
nav .content .mainmenu {width: 1000px;margin: 0 auto;height: 36px;border-radius: 4px;}

/* Navigation Level 1 */
nav .content .mainmenu .nav {position: relative;cursor: default;height: 36px;margin: 0;border-radius: 0;float: right;}
nav .content .mainmenu .nav li {list-style: none;display: block;float: left;border-left: 1px solid #efefef;color: #999;}
nav .content .mainmenu .nav li a {display: block; padding: 10px 20px; font-size: 16px; transition: all .3s ease; font-weight: bold;}
nav .content .mainmenu .nav li:hover {background: #666;color: #fff;}


/* Navigation Level 2 */
nav .content .mainmenu .nav li ul {display:none;}
nav .content .mainmenu .nav li:hover ul {display:block;}
nav .content .mainmenu .nav li ul {position: absolute;top: 36px; left: 40px;padding:0;z-index:15;}
nav .content .mainmenu .nav li ul li {width: 100%;height: 100%;float: none;border: 0; margin: 0;}
nav .content .mainmenu .nav li ul li a {background: #666; font-size:14px; color:#fff;}
nav .content .mainmenu .nav li ul li a:hover {background: #777; font-size:14px; color:#fff;}

.headimagebackground {position: relative;height: 310px;border-bottom: 1px solid #e5e5e5;}
.headimage {position: relative;width: 1000px;height: 309px;margin: 0 auto;}
.headimage article {position: absolute;top: 0;left: 0;width: 100%;height: 310px;font-size: .813em;transition: opacity .5s;z-index: 10;}
.headimage_pic {padding: 0;margin: 0;width: 1000px;position: relative;}

.content-box-background .content-box-content {width: 1000px;margin: 0 auto;}
.content-box-background .content-box-content  .details {background: url(/Foerch/Websites2015/Images/bg_nav_sub.png) repeat-x scroll 0 60px transparent; padding: 0;margin: 30px 0 0;position: relative;}

.content-box-content .foerchcontent hgroup {background: url(/Foerch/Websites2015/Images/semikolon-small_ohne.png) no-repeat scroll left top transparent;padding: 0;margin: -1px 0 0 0;}
.content-box-background .content-box-content .foerchcontent article {padding: 0;margin: 20px 0;display:table; table-layout: fixed;}


/* Figure*/
figure{float: right; padding: 0;margin: 0 0 20px 20px;background: #fff;}
figure.gray-border { border: 1px solid #d7d7d7;}
figcaption {font-family: Arial,Helvetica,sans-serif; font-size: .625em; font-style: italic; color: #666; margin: -4px 0 0; padding: 10px 0 10px 10px; border-top: 1px dotted #d7d7d7;}


/* calltoaction */
.calltoaction {color: #fff; margin: 10px 0 0; padding: 8px 5px; position: relative; text-decoration: none; background: #e42d28; font-weight: bold;}
.calltoaction:after {left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-left-color: #e42d28; border-width: 15px; margin-top: -15px;}


/* Footer */
footer {width: 100%;position: relative;border-top: 1px solid #efefef; clear: both;}
footer .wrapper {background: none; width: 1000px; margin: 0 auto; font-size: 90%;}
footer .wrapper .content {padding: 15px 0;}

.navfoot ul {position: relative;list-style-type: none;padding: 0 0 0 5px;margin: 0;text-align: left;height: auto;background: none repeat scroll 0 0 rgba(0,0,0,0);}
.navfoot ul li {background: url(../img/arrow.png) no-repeat 0 5px;margin: 0 0 5px 0;padding: 0 0 0 8px;color: #adadad;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}


.karte {height: 150px;padding: 0;margin: 0;border-left: 1px solid #d9d9d9;}
footer .adresse {padding: 0;margin: 0 0 10px 10px;float: left;color: #adadad;font-size: 12px;}


.worldmap {height: 150px;width: 160px;float: left;border-left: 1px solid #d9d9d9;}
.worldmap .fo-sprite-worldmap {margin-left: 10px;width: 31px;height: 17px;background-position: -153px -43px;}

.navsprache {margin: 15px 0 0 10px;list-style-type: none;padding: 0;float: left;background: none;text-align: left;position: relative;}
.navsprache ul {position: relative;list-style-type: none;padding: 0;margin: 10px 0 0 0;text-align: left;width: 150px;}
.navsprache ul li {background: none;display: block;margin: 1px;padding: 4px;height: 14px;width: 14px;color: #adadad;float: left;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;border: none;}
.navsprache ul li.active, .navsprache ul li:hover {background: #fff;cursor: pointer;color: #e42d28;box-shadow: 0 1px 5px hsla(0,0%,0%,.25);z-index: 100;position: relative;}