/* ########### SHADOWBOX ########### */
#shadowbox_overlay{ visibility:hidden; position:absolute; display:block; margin:0; padding:0; top:0; left:0; z-index:998}
#shadowbox_container{ position:fixed; height:0px; width:100%; margin:0; padding:0; top:0; left:0; z-index:999; text-align:center}
#shadowbox{ display:none; visibility:hidden; margin:0 auto; position:relative; font-family:'Lucida Grande',Tahoma,sans-serif; text-align:left}
#shadowbox_title{ height:25px; padding:0; overflow:hidden}
#shadowbox_title_inner{ height:16px; font-size:16px; line-height:16px; white-space:nowrap; padding:5px 0 4px 8px; color:#fff}
#shadowbox_body{ position:relative; overflow:hidden; margin:0; padding:0; border:2px solid #fff; background-color:#000}
#shadowbox_body_inner{ position:relative; overflow:hidden}
#shadowbox_loading{ position:absolute; top:0; left:0; height:10000px; width:100%; background-color:#222}
#shadowbox_loading img{ float:left; margin:10px 10px 0 10px}
#shadowbox_loading span{ float:left; margin-top:16px; font-size:10px}
#shadowbox_loading span a,#shadowbox_loading span a:link,#shadowbox_loading span a:visited{ color:#fff}
#shadowbox_content.html{ height:100%; width:100%; overflow:auto}
#shadowbox_toolbar{ margin:0; padding:0; height:20px; overflow:hidden}
#shadowbox_toolbar_inner{ height:20px; color:#fff}
#shadowbox_toolbar_inner div{ padding-top:4px; padding-bottom:2px; font-size:13px !important; height:10px; line-height:10px}
#shadowbox_toolbar_inner div span.shortcut{ text-decoration:underline; font-weight:bold; color:#FFF !important}
#shadowbox_toolbar_inner div a{ text-decoration:none; color:#fff}
#shadowbox_nav_close,#shadowbox_nav_previous,#shadowbox_nav_next{ float:right; padding-right:10px}
#shadowbox_counter{ float:left; padding-left:10px; color:#FFF !important}
#shadowbox_counter a{ padding:0 4px 0 0}
#shadowbox_counter a.shadowbox_counter_current{ text-decoration:underline; font-weight:bold}
div.shadowbox_message{ text-align:center; padding:10px}
div.shadowbox_message a:link,div.shadowbox_message a:visited{ text-decoration:none; color:#bed333}
div.shadowbox_message a:hover,div.shadowbox_message a:focus{ text-decoration:underline}

/* ########### BACKGROUND FOR FANCYBOX ########### */
.scroll_off { overflow: hidden; }

/* ########### DEFAULTS ########### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""}

/* ########### BASICS ########### */
html { font-size: 100%; }
body { font-size: 62.5%; background: #e2e0da; font: 11px/20px "Trebuchet MS", "Lucida Sans", Verdana, sans-serif; color: #2b2a24; } 

strong { font-weight: bold; }
em { font-style: italic;}

/* ########### PAGE ########### */
#pagebox { background: #fff;  }
#page { margin: 0 auto; width: 960px; position: relative; }

/* ########### HEADER ########### */
#header { height: 113px; position: relative; }
#header h1 { background: url("https://www.feedfabrik.com/assets/images/fflogo.png") no-repeat 22px 8px; height: 40px;}
#header h1 a { text-indent: -9999px;  width: 150px; height: 40px; display: block; }
#header h2 { position: absolute; left: 0; top: 50px; background: url("https://www.feedfabrik.com/assets/images/trenner.png") no-repeat; height: 33px; width: 940px; color: #fff; font-size: 16px; padding-top: 30px; padding-left: 20px; }

/* ########### NAV ########### */
/* #nav { position: absolute; right: 0; top: 24px; height: 40px; } */
#nav li { display: inline; background: url("http://www.feedfabrik.com/assets/images/linie_navi.gif") repeat-x left center; padding: 0 0 0 20px; margin: 0;}
#nav li a { text-transform: uppercase; text-decoration: none; color: #2b2a24; font-size: 14px; padding: 0 5px 0 10px; background: #fff;}
#nav li a:hover { color: #c10929; }
#nav li.selected a { color: #c10929; }
#nav li.first { background: transparent; }

/* ########### LANGUAGE ########### */
#language { position: absolute; right: 0; top: 24px; height: 40px; }

/* ########### CONTENT (Start) ########### */
#content { position: relative; background: url("https://www.feedfabrik.com/assets/images/klammerlinie_start.png") no-repeat center top; padding-bottom: 20px;}
#content h2.from { position: relative; left: 440px; top: 25px; text-transform: lowercase; font-style: italic; width: 100px; }
ul#products { position: relative; width: 960px; height: 380px; margin-top: 40px; }
ul#products li { position: absolute; top: 0px; }
#friendshop {  }
#blogbook { left: 500px; }
/* div.p_box { width: 460px; height: 345px; background: url("http://www.feedfabrik.com/assets/images/friendshop.png") no-repeat; position: relative; } */
div.p_box { width: 460px; height: 345px; position: relative; }
#products p.infotext { font-size: 20px; line-height: 1.5; }
div.p_box h3 { font-weight: bold; letter-spacing: 1px; }
div.p_box h3, div.p_box h4, h4.infohead  { width: 420px; text-align: center; text-transform: uppercase; color: #fff; font-size: 14px; padding-top: 3px; }
div.p_box h4  { padding-top: 10px;}
div.p_box h4 strong { color: #abdafe; }
ul.sub_links { }
ul.sub_links li { position: absolute; width: 30px; height: 30px; left: 20px;}
ul.sub_links li a, ul.sub_links li span { display: block; width: 30px; height: 30px; text-indent: -9999px; background: url("http://www.feedfabrik.com/assets/images/link_facebook.png") no-repeat; }
ul.sub_links li#sl_blogger a, ul.sub_links li#sl_blogger span { background-image: url("http://www.feedfabrik.com/assets/images/link_blogger.png") !important; }
ul.sub_links li#sl_typepad a, ul.sub_links li#sl_typepad span { background-image: url("http://www.feedfabrik.com/assets/images/link_dasandere.png") !important; }
ul.sub_links li#sl_wordpress a, ul.sub_links li#sl_wordpress span { background-image: url("http://www.feedfabrik.com/assets/images/link_wordpress.png") !important; }
ul.sub_links li#sl_tumblr a, ul.sub_links li#sl_tumblr span { background-image: url("http://www.feedfabrik.com/assets/images/link_tumblr.png") !important; }
ul.sub_links li a:hover { background-position: 0 -30px !important; }
ul.sub_links li#sl_facebook { top: 275px;}
ul.sub_links li#sl_blogger { top: 195px; }
ul.sub_links li#sl_typepad { top: 235px; }
ul.sub_links li#sl_tumblr { top: 235px; }
ul.sub_links li#sl_wordpress { top: 275px; }
#blogbook div.p_box { background: url("http://www.feedfabrik.com/assets/images/blogbook.png") no-repeat; }
div.p_box a.p_link, div.p_box span.p_link { width: 355px; position: absolute; padding-left: 45px; padding-top: 232px; height: 48px; bottom: 0px; right: 0; color: #fff; text-decoration: none;}
h4.infohead { color: #12377c; text-align: left; padding-left: 20px; letter-spacing: 1px; margin-bottom: 10px; font-weight: bold; }
div.p_box a.p_link:hover { color: #abdafe; }
p.infotext { padding-left: 40px; width: 380px;}
p.infotext a { text-decoration: none; color: #12377c; font-weight: bold; }
p.infotext a:hover { text-decoration: underline; }

/* ########### CONTENT (Sub) ########### */
.subcontent { position: relative; background: url("http://www.feedfabrik.com/assets/images/klammerlinie_about.png") no-repeat center top; margin: 0px 20px; padding-bottom: 20px;}
.subcontent_blank { position: relative; padding-bottom: 20px;}
#breadcrumbs { position: absolute; z-index: 600; top: 7px; }
#breadcrumbs span { color: #6d6d6d; }
#breadcrumbs span span { color: #c10929; }
#breadcrumbs span a { color: #6d6d6d; text-decoration: none; }
#breadcrumbs span a:hover { color: #c10929; text-decoration: underline; }

#press .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_press.png"); }
#jobs .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_jobs.png"); }
#contact .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_kontakt.png"); }
#blog .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_kontakt.png"); }
#error404 .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_jobs.png"); }
#error_unau .subcontent { background-image: url("http://www.feedfabrik.com/assets/images/klammerlinie_jobs.png"); }
#blank .subcontent { background-image: none; }
.subcontent h2 { position: relative; left: 440px; top: 25px; text-transform: lowercase; font-style: italic; width: 100px; margin-bottom: 60px;}
#contact .subcontent h2 { left: 455px; }
.subcontent h3 { color: #12377c; text-align: left; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.subcontent a { text-decoration: none; color: #12377c; }
.subcontent a:hover { text-decoration: underline; }

.subcontent h4 { color: #000; text-align: left; padding-left: 20px; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.subcontent p { font-size: 12px; width: 600px; text-align: justify; margin-bottom: 20px; padding-left: 20px; }
.subcontent blockquote { float: right; position: relative; top: 2px;}
.subcontent blockquote p { font-size: 14px; color: #f2a11a; width: 200px; font-style: italic; text-align: right; padding-right: 20px; }
.subcontent p a { color: #12377c; text-decoration: none; font-weight: bold;}
.subcontent p a:hover { text-decoration: underline; }
.subcontent ul { font-size: 12px; text-align: justify; padding: 0; margin: 0; margin-left: 20px; list-style: square; padding-left: 15px; margin-bottom: 20px; position: relative; width: 560px; }
.subcontent ol { font-size: 12px; text-align: justify; padding: 0; margin: 0; margin-left: 20px; list-style: decimal; padding-left: 15px; margin-bottom: 20px; position: relative; width: 560px; }
.subcontent li { padding-left: 10px; margin-left: 20px; margin-bottom: 1em;}

/* ########### FOOTER ########### */
#footer { background: url("https://www.feedfabrik.com/assets/images/white.png") repeat-x; border-top: 1px solid #fff; }

/* ########### FNAV ########### */
#fnav { margin: 0 auto; width: 960px; background: url("https://www.feedfabrik.com/assets/images/footer.png") no-repeat; padding-top: 55px; }
#fnav ul.nav { width: 600px; display: inline-block; zoom: 1; margin: 0; height: 35px; position: relative; top: 0px; vertical-align: top;}
#fnav ul.add { width: 200px; display: inline-block; zoom: 1; margin: 0; height: 35px; position: relative; padding-top: 3px;}
#fnav ul.nav ul { padding-top: 7px; }
#fnav li.item1 { display: block; float: left; font-size: 11px; color: #6d6d6d; text-transform: uppercase; padding-right: 20px; text-decoration: none; font-weight: bold; }
#fnav li.item2 a { font-size: 11px; color: #6d6d6d; text-transform: uppercase; padding-right: 20px; text-decoration: none; font-weight: normal; }
#fnav li.item2 a:hover { color: #c10929; }
#fnav li li.selected a { color: #c10929; }
#fnav li.first { border-left: 0; padding-left: 23px; }
#fnav li.last { border-right: 0; }
#fnav li li.first { border-left: 0; padding-left: 0px; }

/* ########### GOOGLE 404 WIDGET ########### */
#goog-wm ul { margin: 0px 0px 20px 0px; top: 0px; padding: 0px 0px 0px 40px; }
#goog-wm ul li { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }

/* SAFARI-DUMMY */

/* SAFARI 3 #################################################################################################### */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}