/*
Theme Name: 123Naehrmittel
Theme URI: 123naehrmittel.essknete.de
Author URI: brings-online.com

*/



body { font-family:Arial, Helvetica, sans-serif; font-size:86%; margin:0; padding:0; text-align:center; color:#666;}

#page { width:860px; margin:0 auto; text-align:left; padding:0; }

a.more-link { display:none;}
.language { margin:0 0 0 0; padding:20px 0 20px 0; color:#898989; font-size:.89em; }
.language a {color:#898989; text-decoration:none; margin:0; padding:0 5px; border-right:1px solid #898989; }
.language a:hover {color:#000; text-decoration:none; }

.language ul#qtrans_language_chooser { margin:0; padding:0; list-style:none;}
.language ul#qtrans_language_chooser li { float:left; margin:0; padding:0; line-height:1.2em; }
.language ul#qtrans_language_chooser li.active a { color:#000;}

.language ul#qtranslate-chooser { margin:0; padding:0; list-style:none;}
.language ul#qtranslate-chooser li { float:left; margin:0; padding:0; line-height:1.2em; }
.language ul#qtranslate-chooser li.active a { color:#000;}



#header { margin:0 0 0 50px; padding:0; width:820px;  }

#header .left { float:left; width:520px; display:inline; margin:0; padding:0 0 6px 0; }
#header .right { float:left; width:240px; display:inline; margin:0 0 0 30px; padding:0;}

#header .logo {border:none;}
#header .headerText {margin:15px 0 10px 1px; line-height:1.6em;}
#header .menuText {margin:15px 0 0 1px; line-height:1.6em;}


.clear { clear:both;}
.hidden { display:none;}
img {border:none;}


#content {width:880px; margin:20px 0 0 50px; padding:0;}
#content .news { border-top:1px dotted #898989; width:500px; min-height:170px;}
#content .single { border-top:1px dotted #898989; width:500px; }
#content .zdf { background:url(../images/zdf.gif) 250px 5px no-repeat;}
#content .pro7 { background:url(../images/pro7.gif) 270px 5px no-repeat;}
#content .vox { background:url(../images/vox.gif) 250px 5px no-repeat;}

/* == iPhone == */
@media only screen and (max-device-width: 480px) {
	#header .left { float:left; width:700px; display:inline; margin:0; padding:0 0 6px 0; }
	#header .right { display:none; }
	#content .news { border-top:1px dotted #898989; width:700px; min-height:170px;}
#content .single { border-top:1px dotted #898989; width:700px; }
	
}





#content .news .date { margin:0; padding:0; font-size:.8em; line-height:1em;}
#content .news img { float:right; clear:right; margin:-35px 0 0 20px; padding:0;}
#content .news h1, #content .single h1 { font-size:1.2em; margin:10px 0 0 0; line-height:1.5em;}
#content .news h1 a, #content .single h1 a {color:#E96A0D; text-decoration:none;}
#content .news p, #content .single p { font-size:.9em; line-height:1.5em; margin:10px 0; padding:0;}

#content .single img.alignright { float:right; clear:right; margin:-35px 0 0 20px; padding:0;}
#content .single a.morelink {display:none;}
#content .nextnews {font-size:1.1em; line-height:1.5em; margin:10px 0; padding:15px 0 0 0; width:500px; border-top:1px dotted #898989;}
#content .nextnews a, #content .backnews a {color:#767676; text-decoration:none;}
#content .nextnews a:hover, #content .backnews a:hover {color:#000; text-decoration:none;}
#content .backnews {font-size:1.1em; line-height:1.5em; margin:10px 0; padding:15px 0 0 0; width:500px; }


#content .contentLeft { float:left; width:440px; margin:0; padding:0; display:inline;}
#content h1 { font-size:1.2em; margin:10px 0 0 0; line-height:1.5em;}
#content h2 { margin:5px 0; padding:0; line-height:1.5em; font-size:1.2em;}
#content h3 { margin:15px 0 5px 0; padding:0 0 0 2px; line-height:1.5em; font-size:1.2em; font-weight:normal; border-bottom:1px solid #0176BC; width:520px;}
#content p { line-height:1.5em; margin:10px 0; padding:0;}
#content ul { margin:0; padding:4px 0;}


#content .entry ul.press li { color:#333; margin:0; padding:0; line-height:1.6em; font-size:.89em; list-style-type:none;}
#content .entry ul.press li a { color:#868686; text-decoration:none;}
#content .entry ul.press li a:hover { color:#7BB11F;}

#content .single .singlelink {display:none;}

#content table { margin:5px 0; padding:0; font-size:.9em; line-height:1.5em; text-align:left; width:522px;}
#content table td { margin:0; padding:5px 0 10px 0; border:1px solid; border-color:#fff #fff #ccc #fff; }
#content table tr { margin:0; padding:0;}
#content table a { color:#000; text-decoration:underline;}
#content table a:hover {color:#666;}

#content img.prthumb { margin:12px 15px 6px 0; border:none;}

#content a.print { font-size:.9em; color:#999; margin:0; padding:0; text-decoration:none;}
#content a.back { font-size:.9em; color:#0176BC; text-decoration:none; margin:25px 0 0 0; }

.essknete { background:url(images/verpackung_big.jpg) top right no-repeat;}
.yummydough { background:url(images/pack_yummydough.jpg) top right no-repeat;}
.essknete p, .yummydough p {font-size:.89em; width:510px;}

.info p {font-size:.9em; width:510px; float:left; display:inline; text-align:justify;}
.info .infopics {float:right; width:230px; display:inline; margin:0 40px 0 0;}
.info .infopics img { padding:10px; background:#fff; border:1px solid #e8e8e8; margin:0 0 10px 0;}
.info ul.infoleft {float:left; width:510px; float:left; display:inline; font-size:.9em; margin:5px 0 5px 20px;}
.info ul.infoleft li { line-height:1.8em; font-weight:bold;}

#content #kontakt { margin:25px 0 0 0;}

#content .teamMember { margin:0; padding:0; line-height:1.5em; font-size:.87em; height:125px;}
#content .teamMember img {float:left; clear:left; margin:3px 20px 0 0; }
#content .teamMember2 { margin:20px 0; padding:0; line-height:1.5em; font-size:.87em; line-height:1.4em;}


#content #impressum { margin:25px 0 0 0;  background:url(images/ufo.jpg) top right no-repeat; width:620px; min-height:400px; }

#content #gallery { margin:35px 0; padding:20px 0 0 0; width:500px; border-top:1px dotted #898989;}



.video { display:block; margin:15px; padding:0;}

/*  bunte texte/links */ 

a.blau {color:#0176BC; text-decoration:none;}
a.gruen {color:#7BB11F; text-decoration:none;}
a.orange {color:#E7A72C; text-decoration:none;}
a.orange2 {color:#e96a0d; text-decoration:none;}
a.blau:hover {color:#0176BC; text-decoration:underline;}
a.gruen:hover {color:#7BB11F; text-decoration:underline;}
a.orange:hover {color:#E7A72C; text-decoration:underline;}
a.orange2:hover {color:#e96a0d; text-decoration:underline;}
a.grau { color:#666; text-decoration:none;}
a.grau:hover { color:#666; text-decoration:underline;}


.orange {color:#E7A72C;}
.blau {color:#0176BC;}
.gruen {color:#7BB11F; }
.orange2 {color:#e96a0d; }


.navigation_posts { padding:6px 0; margin:30px 0 10px 0; width:500px; border-top:1px dotted #666; border-bottom:1px dotted #666;}
.navigation_posts a { color:#666; text-decoration:none; margin:0; padding:0;}
.navigation_posts a:hover { color:#000;}
.navigation_posts .alignleft { float:left; font-size:11px;}
.navigation_posts .alignright { float:right; font-size:11px;}



#sidebar form#searchform { margin:0 0 0 0; padding:0;}
#sidebar form#searchform div { margin:0; padding:0;}
#sidebar form#searchform input#s { width:180px; margin:3px 3px 25px 0; padding:2px; border:1px solid #666;}
#sidebar form#searchform input#searchsubmit { width:10px; float:left; text-align:center; background:#fff;}


#videoform  { margin:30px 0; padding:0;}

#videoform form { margin:0; padding:0;}
#videoform form fieldset { border:none; border:1px dotted #e96a0d;  margin:5px 0; padding:0 10px 20px 10px; width:500px;}
#videoform form legend { background:#fff; color:#E96A0D; font-size:14px; margin:0; padding:5px 5px 0 5px; text-transform:uppercase; font-weight:normal;}
#videoform form label { float:left; clear:left; width:140px; margin:0 0 4px 0; padding:0; display:inline; font-size:12px;}
#videoform form input { border:1px solid #ccc; padding:1px; margin:0 0 4px 0; float:left; display:inline; width:300px;}
#videoform form textarea { border:1px solid #ccc; padding:1px; margin:0 0 4px 0; width:300px;}
#videoform form .invisible { visibility:hidden;}
#videoform form label.checklabel {}
#videoform form .checkbox input { width:30px; margin:3px 0 0 0; padding:0; float:left; border:none; }
#videoform form input.submitbutton { width:500px; background:#E96A0D; border:1px solid; border-color:#FF9900 #D9640D #D9640D #FF9900; color:#fff; padding:3px; margin:3px 0; cursor:pointer;}
#videoform form input.submitbutton:hover { color:#000;}
#content .entry #videoform form p { margin:0 0 8px 0; padding:0;}
#content .entry #videoform form p small{ margin:0; padding:0;}

#content .entry #videoform form p .checkbox-video {border-top:1px solid #e96a0d; border-bottom:1px solid #e96a0d; padding:6px 0; margin:20px 0;}
#content form .button {cursor:pointer; text-transform:uppercase; margin-left:2px;}




.playdoughinfo {background:url(images/pack_yd2.jpg) top right no-repeat;}
.playdoughinfo p {width:610px; line-height:1.7em; font-size:.89em; color:#333; margin:0 0 12px 0; padding:0 0 8px 0; text-align:justify;}
#content .playdoughinfo a {color:#e96a0d;}
#content .playdoughinfo a:hover {color:#333;}


#content ul.infolinks {width:620px; margin:0 0 5px 35px; padding:5px 0 5px 20px; }
#content .entry ul.infolinks li { list-style-type:square;  line-height:1.7em; color:#0176BC;}

#content ul.infolinks li a {color:#0176BC; text-decoration:none; font-size:.89em;}
#content ul.infolinks li a:hover {color:#333;}


#content ul.arguments {margin:25px 0 25px 33px; width:540px; padding:5px 0 5px 20px; }
#content .entry ul.arguments li {  list-style-type:square;  font-weight:bold; color:#000; line-height:20px; margin:7px 0; font-size:13px;}

div.wp-polls {border:2px solid #e8e8e8; margin:10px 0; padding:5px 15px 15px 15px; width:570px;}
#content div.wp-polls p {width:540px;}

#content .wp-polls ul {margin:0; padding:0;}
#content .wp-polls li {color:#333; margin:5px 0; font-size:.89em;}
#content .wp-polls input {margin:0;}
#content .wp-polls label { margin:0 0 0 5px;}

#content .wp-polls .submitbutton {color:#000; font-weight:bold; background:none; border:none; cursor:pointer;}
#content .wp-polls a.viewresult {color:#000; font-weight:bold; text-decoration:none; padding:0 0 0 3px; line-height:1.8em; }

.commentmetadata, .says {display:none;}
h2#comments {border-top:1px dotted #666; padding:15px 0 5px 0; width:610px; margin:25px 0 0 0;}
ol.commentlist {width:610px; margin:10px 0 10px 0; padding:0; font-size:13px; list-style:none;}
ol.commentlist li {margin:5px 0; border-bottom:1px solid #666; padding:10px 0;}
ol.commentlist .fn {font-weight:bold;}
#content ol.commentlist p {width:560px; margin:10px 0;}

#respond textarea {width:600px; margin:3px 0 8px 0;}
form#commentform {border-bottom:1px dotted #666; padding-bottom:20px; margin-bottom:15px; width:610px;}


.polls {margin:15px 0; border-bottom:1px dotted #666; padding:0 0 15px 0; width:610px;}

#footer img {border:none;}

.pressgallery img {width:100px; height:87px;}


/* link panel */

.panel {
position: fixed;
top: 150px;
left: 0;
display: none;
background: #0283d0;
text-align:left;
border:4px solid #fff;
border-width:4px 4px 4px 0;
-moz-border-radius: 0 20px 20px 0;
-webkit-border-radius:0 20px 20px 0;
-moz-box-shadow:#999 1px 2px 2px 0px;
-webkit-box-shadow:#999 1px 2px 2px 0px;
width: 280px;
height: auto;
padding: 70px 20px 10px 20px;
opacity: .75;
filter: alpha(opacity=75);
z-index:1000;
}


a.trigger{
position: fixed;
text-decoration: none;
top: 110px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 45px 40px 52px 80px;
font-weight: 700;
background:url(images/linkbox1.png) top right no-repeat;
display: block;
outline:0;
z-index:1001;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 110px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 45px 40px 52px 80px;
font-weight: 700;
background:url(images/linkbox2.png) top right no-repeat;

display: block;
}

a.active.trigger {
background:url(images/linkbox2.png) top right no-repeat; outline:0;
}



a.triggeryd{
position: fixed;
text-decoration: none;
top: 110px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 45px 40px 52px 80px;
font-weight: 700;
background:url(images/linkboxyd1.png) top right no-repeat;
display: block;
outline:0;
z-index:1002;
}

a.triggeryd:hover{
position: fixed;
text-decoration: none;
top: 110px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 45px 40px 52px 80px;
font-weight: 700;
background:url(images/linkboxyd2.png) top right no-repeat;

display: block;
}

a.active.triggeryd {
background:url(images/linkboxyd2.png) top right no-repeat; outline:0;
}

a.facebook { position:fixed; top:240px; left:7px; z-index:95;}
a.youtube { position:fixed; top:300px; left:7px; z-index:96;}
a.rss { position:fixed; top:360px; left:7px; z-index:97;}


.panel ul { margin:15px 0; padding:0 0 5px 100px; list-style:none; color:#fff; font-size:11px;}
.panel ul li { line-height:1.6em;}
.panel ul li a { color:#fff; text-decoration:underline;}
.panel ul li a:hover { color:#ff9900;}

.panel ul.de { background:url(images/de.png) top left no-repeat; }
.panel ul.en { background:url(images/en.png) top left no-repeat; }
.panel ul.es { background:url(images/es.png) top left no-repeat; }

.panel .europe { margin:40px 0 10px 0;}
.panel .europe img, .panel .asia img {margin: 0 3px; border:none;}
.panel .asia { margin:20px 0 10px 0;}


img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: 0;
	float: right; 
}
#pageflip img {
	width: 60px; height: 62px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 60px; height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(images/corner_info.png) no-repeat right top;
}

#pageflip .msg2_block {
	width: 60px; height: 60px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(images/corner_info_en.png) no-repeat right top;
}


#overlay {top:0px; left:0px; width:100%; height:100%; text-align:center; position:absolute; z-index:1050; background:url(images/bgwhite.png) top left repeat;}
#overlaycontent { margin:130px 0 0 280px; min-width:600px; height:470px; position:absolute; z-index:1051; background:url(images/overlay-info1.png) top left no-repeat;
padding:25px 0 0 0; text-align:left;}
#overlaycontent h2 {font-size:18px; font-weight:normal; line-height:1.8em; color:#003366; padding:0 0 0 150px;}
#overlaycontent p { padding:60px 0 0 200px; margin:0; color:#003366; font-size:14px;}
#overlaycontent a { color:#fff; text-decoration:none; background:url(images/button.png) left no-repeat; font-size:11px; line-height:18px; text-align:center; width:145px; display:inline-block; font-weight:bold; padding:6px 0;} 
#moreinfo { position:absolute; top:60px; left:160px; width:640px; height:670px; margin:0; padding:20px 50px 20px 240px; font-size:13px; color:#003366; line-height:1.6em; text-align:left; background:url(images/overlay-info2.png) top left no-repeat;}
#moreinfo .closemoreinfo { background:url(images/close.png) top right no-repeat; width:66px; height:69px; display:block; float:right; margin:-50px -45px 0 0; cursor:pointer;}
#moreinfo h1 {float:left; width:580px; margin:0 0 5px 0; padding:0; font-size:20px; font-weight:normal; line-height:1.8em;}
#moreinfo p { padding:0 20px 0 0; margin:7px 0; color:#003366; font-size:13px;}
#moreinfo p a {color:#003366; text-decoration:underline;}
#moreinfo a.ceo { background:url(images/ceo-de.jpg) left no-repeat; display:block; width:351px; height:84px; padding:0; margin:20px 0;}
#moreinfo a.ceo:hover { background:url(images/ceo-dea.jpg) left no-repeat;}

#yd-overlay {top:0px; left:0px; width:100%; height:100%; text-align:center; position:absolute; z-index:1050; background:url(images/bgwhite.png) top left repeat;}
#yd-overlaycontent { margin:130px 0 0 280px; min-width:650px; height:470px; position:absolute; z-index:1051; background:url(images/yd-overlay-info1.png) top left no-repeat;
padding:25px 0 0 0; text-align:left;}
#yd-overlaycontent h2 {font-size:18px; font-weight:normal; line-height:1.8em; color:#003366; padding:0 0 0 150px;}
#yd-overlaycontent p { padding:60px 0 0 200px; margin:0; color:#003366; font-size:14px;}
#yd-overlaycontent a { color:#fff; text-decoration:none; background:url(images/button.png) left no-repeat; font-size:11px; line-height:18px; text-align:center; width:145px; display:inline-block; font-weight:bold; padding:6px 0;} 
#yd-moreinfo { position:absolute; top:60px; left:160px; width:640px; height:670px; margin:0; padding:20px 50px 20px 240px; font-size:13px; color:#003366; line-height:1.6em; text-align:left; background:url(images/yd-overlay-info2.png) top left no-repeat;}
#yd-moreinfo .yd-closemoreinfo { background:url(images/close.png) top right no-repeat; width:66px; height:69px; display:block; float:right; margin:-50px -45px 0 0; cursor:pointer;}
#yd-moreinfo h1 {float:left; width:580px; margin:0 0 5px 0; padding:0; font-size:20px; font-weight:normal; line-height:1.8em;}
#yd-moreinfo p { padding:0 20px 0 0; margin:7px 0; color:#003366; font-size:13px;}
#yd-moreinfo p a {color:#003366; text-decoration:underline;}
#yd-moreinfo a.ceo { background:url(images/yd-ceo.jpg) left no-repeat; display:block; width:351px; height:84px; padding:0; margin:20px 0;}
#yd-moreinfo a.ceo:hover { background:url(images/yd-ceoa.jpg) left no-repeat;}