﻿/*
Theme Name: Backen mit Essknete
Author: Sabine Brings
Theme URI: http://backen-mit-essknete.de
Author URI: http://brings-online.com

*/



body {background:#FFCC1C; margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#003F6A; text-align:center;}


#page { width:920px; margin:0 auto; text-align:left; padding:0; background:url(images/page.jpg) top left repeat-y; position:relative;}

.language { width:920px; margin:0 auto; padding:15px 0; color:#898989; font-size:11px; text-align: right; position:relative; }
.language a {color:#898989; text-decoration:none; margin:0; padding:0;}
.language a:hover {color:#000; text-decoration:none; }

.language ul#qtranslate-chooser { width:110px; float:right; margin:0 0 0 0; padding:0; list-style:none;}
.language ul#qtranslate-chooser li { float:left; margin:0; padding:0 5px; border-right:1px solid #898989; line-height:1.2em; }
.language ul#qtranslate-chooser li.active a { color:#000;}


.language ul.countries { display:inline; float:right; margin:0 40px 0 0; list-style:none; padding:0;}

ul#languages {background:#EBBD15; position:absolute; top:27px; right:40px; z-index:1000; display:none; margin:0; width:87px; text-align:left; padding:5px 0 3px 7px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}

ul.countries li { cursor:pointer;}
ul.countries li:hover ul#languages { display:block;}
ul#languages li { line-height:1.6em; list-style:none;}
ul#languages li a {color:#898989;}
ul#languages li a:hover, ul.countries li:hover {color:#000}

#header { margin:0; padding:0; width:920px; background:url(images/header.jpg) top left no-repeat; height:200px;  }
#header-en { margin:0; padding:0; width:920px; background:url(images/header-en.jpg) top left no-repeat; height:200px;  }
#header .logo a, #header-en .logo a {width:400px; height:200px; display:block;}

#package { position:absolute; top:130px; right:40px;}



.headerText {margin:25px 0 0 63px; padding:0 5px 20px 0; line-height:1.7em; border-bottom:1px dotted #0176BC; width:570px;}



#content { width:550px; min-height:630px; float:left; display:inline; margin:3px 0 0 50px; padding:0 0 0 0;  }

#sidebar {float:right; width:230px; display:inline; margin:5px 30px 5px 0px; padding:98px 0 50px 20px; border-left:1px dotted #0176BC;   }


#bottom-de { width:920px; height: 307px; margin:0; padding:0; background:url(images/bottom-de.jpg) top left no-repeat; position: relative;  }
#bottom-en { width:920px; height: 307px; margin:0; padding:0; background:url(images/bottom-en.jpg) top left no-repeat; position: relative;  }


.awards { position: absolute; top:162px; left:240px; color:#fff; }
.awards ul { list-style: none; margin: 0; padding: 0;}
.awards ul li { margin: 0; padding: 0; line-height: 1.6em;}
a.kosmos { position: absolute; bottom: 0; right:0; width:260px; height: 280px; display: block;}


.footer {background:#FFCC1C; font-size: 11px; padding:0 0 15px 0;  text-align: center;}
.footer a { color:#003F6A; text-decoration: none;}
.footer a:hover {text-decoration: underline;}






.clear { clear:both;}
.hidden { display:none;}


#button-de { background:url(images/button-de.jpg) top left no-repeat; width:200px; height:140px; }

#button-de .button1 a {background-image:url(images/button-de.jpg); height:34px; width:200px; display:block; background-position: 0 0; }
#button-de .button2 a {background-image:url(images/button-de.jpg); height:34px; width:200px; display:block; background-position: 0 -34px;}
#button-de .button3 a {background-image:url(images/button-de.jpg); height:30px; width:200px; display:block; background-position: 0 -68px;}

#button-de .button1 a:hover {background-position: 200px 0; }
#button-de .button2 a:hover {background-position: 200px -34px;}
#button-de .button3 a:hover {background-position: 200px -68px;}


#button-en { background:url(images/button-en.jpg) top left no-repeat; width:200px; height:140px; }

#button-en .button1 a {background-image:url(images/button-en.jpg); height:37px; width:200px; display:block; background-position: 0 0; }
#button-en .button2 a {background-image:url(images/button-en.jpg); height:33px; width:200px; display:block; background-position: 0 -37px;}
#button-en .button3 a {background-image:url(images/button-en.jpg); height:30px; width:200px; display:block; background-position: 0 -70px;}

#button-en .button1 a:hover {background-position: 200px 0; }
#button-en .button2 a:hover {background-position: 200px -37px;}
#button-en .button3 a:hover {background-position: 200px -70px;}

#button-de li a span, #button-en li a span { visibility:hidden;}
#button-de a, #button-en a { text-decoration:none;}


#sidebar h2 {color:#0176BC; font-size:15px; margin:0; padding:0; line-height:1.6em; text-transform:uppercase; font-weight:normal;}

#sidebar ul.widget_categories { margin:5px 0 30px 0;}
#sidebar .widget_categories li a { color:#003F6A; text-decoration:none; border-bottom:1px dotted #000066; line-height:2.6em; font-weight:normal; background:url(images/bulletknete-hover.png) left no-repeat; padding:0 0 0 25px; margin:3px 0; width:180px; display:block;}
#sidebar .widget_categories li a:hover { color:#000; background:url(images/bulletknete.jpg) left no-repeat;}
#sidebar .widget_categories li.current-cat a {background:url(images/bulletknete.jpg) left no-repeat;}

#sidebar img {border:none;}


#sidebar form#searchform { margin:0 0 0 0; padding:0;}
#sidebar form#searchform div { margin:0; padding:0;}
#sidebar form#searchform input#s { width:160px; margin:3px 3px 35px 0; padding:5px 3px; border:2px solid #E75318; -moz-border-radius:10px; font-style:italic; -webkit-border-radius:10px; border-radius:10px;}
#sidebar form#searchform input#searchsubmit { background: transparent url(images/go.jpg) no-repeat; background-position:0 0; width:30px; height:30px; display:inline-block; float:right; border:none; margin:0 25px 0 0; cursor:pointer; }
#sidebar form#searchform input#searchsubmit:hover {background-position:-30px 0; }


#sidebar .random-tags-cloud a {color:#000; text-decoration:none; }
#sidebar .random-tags-cloud a:hover {color:#000; text-decoration:underline; }
#sidebar .random-tags-cloud { line-height:1.6em; padding:5px; margin:3px 10px 20px 0;}



#sidebar a.facebook { margin:3px; }
#sidebar a.youtube {margin:3px; }
#sidebar a.rss {margin:3px;}





.videobox { margin:15px 0 15px 15px; padding:10px 0; position:relative; border-top:1px dotted #0176BC; border-bottom:1px dotted #0176BC; }

.videobutton-de { background: url(images/videobutton-de.png) 0 0 no-repeat; height: 69px; width:191px; display: block; position:absolute; top:5px; left:5px; z-index:1020; }
.videobutton-en { background: url(images/videobutton-en.png) 0 0 no-repeat; height: 69px; width:256px; display: block; position:absolute; top:5px; left:5px; z-index:1020; }


.showvideo { margin: 40px 0 30px 30px;  background:#FFCC1C; width:460px; height:270px;  padding:10px; -moz-border-radius:4px; -moz-box-shadow:2px 2px 2px #ccc; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 2px #ccc; border-radius:4px; box-shadow:2px 2px 2px #ccc;}








#ngg-imagebrowser-28-1219 img {width:508px;}
#ngg-imagebrowser-29-1232 img {width:508px;}
#ngg-imagebrowser-30-1241 img, #ngg-imagebrowser-31-1267 img, #ngg-imagebrowser-32-1374 img {width:508px;}
.ngg-imagebrowser {padding-top:20px;}
.ngg-imagebrowser h3 {display:none;}


#content #post-2 h2 { display:none;}
#content h1.pagetitle { color:#0176BC; font-size:15px; margin:5px 0 5px 15px; padding:0; line-height:1.6em; text-transform:uppercase; font-weight:normal;}
#content h2 { color:#999; font-size:1.2em; margin:5px 0; padding:0; line-height:1.6em; font-weight:normal;}
#content h3 {color:#999; font-size:1em; margin:3px 0; padding:0; line-height:1.5em;}
#content h3 a {color:#ff6600; text-decoration:underline;}




#content .post .postmetadata { font-size:.89em; color:#888888; border-top:1px dotted #0176BC; border-bottom:1px dotted #0176BC; padding:6px 0; margin:0 0 20px 0;}
#content .post .postmetadata a { color:#666; text-decoration:underline;}
#content .post .postmeta { font-size:.89em; color:#888888; border-top:1px dotted #0176BC; border-bottom:1px dotted #0176BC; padding:6px 0; margin:0 0 5px 0;}


#content .entry ol {margin:15px 0 25px 15px; padding:0 0 0 5px; font-size:12px;}
#content .entry ol li { line-height:1.8em; }

#content .entry ul {margin:15px 0 25px 20px; padding:0; }
#content .entry ul li { margin:0; padding:0; line-height:1.7em; list-style-type:square;}
#content .entry ul li a { color:#333; text-decoration:underline;}
#content .entry ul li a:hover { color:#E96A0D; text-decoration:underline;}

#content .entry ul li.question {font-weight:bold; }
#content .entry ul li.question:hover {color:#E96A0D; text-decoration:none; cursor:pointer;}
#content .entry ul div.answer { font-size:12px; text-decoration:none; cursor:default; color:#333; border-bottom:1px solid #E96A0D; padding:8px 0; margin-bottom:15px;}
#content .entry ul div.answer a {color:#0176BC; text-decoration:none;}
#content .entry ul div.answer a:hover { text-decoration:underline;}

#content .entry ul.toppics {margin:25px 0 25px 0; padding:0; font-size:1em;}
#content .entry ul.toppics li { list-style-type:none; background:url(images/bullet2.gif) top left no-repeat; padding:0 0 10px 25px; margin:0; }

#content .entry { margin:0 0 0 15px; padding:0; width:540px;}
#content .entry h1 { color:#E96A0D; font-size:1.1em; margin:5px 0; padding:0; line-height:1.5em;}
#content .entry h1 a { color:#E96A0D; text-decoration:none; border-bottom:1px solid #E96A0D; padding-bottom:1px;}
#content .entry h1 a:hover { color:#666; border-bottom:1px solid #666; }

#content .entry p { margin:0 0 15px 0; padding:5px 0; line-height:1.6em; }


#content .entry a.more { background:url(images/more.gif) center no-repeat; width:14px; height:7px; margin:2px 0 0 0px; padding:0; text-decoration:none; color:#fff;}
#content .entry .bigsize { font-size:1.4em; line-height:1.7em; font-weight:normal; color:#999; margin:0; padding:0;}

#content img.alignleft { float:left; }
#content img.alignright { float:right; }

#content .line { border-bottom:1px dotted #666; margin:0 10px 5px 0; padding:8px 0;}

#content .sociable { width:100%; margin:10px 5px 0; padding:6px 0 4px 0; }
#content .sociable img { padding-right:6px;}
#content .tags {font-size:12px;}
#content .tags a { color:#666; text-decoration:underline; }

#content .tubepress_container { margin:0; padding:0; border:1px dotted #ccc; }

#content .topinfo { font-size:12px; line-height:1.6em; background:#f6f6f6; border-bottom:1px dotted #ccc; border-top: 1px dotted #ccc; margin:5px 0; padding:5px 10px 10px 5px; }
#content .topinfo p {margin:8px 0 8px 0;}


h3#comments { font-size:16px; font-weight:normal; margin:15px 0; }

ol.commentlist { margin:10px 50px 30px 0; padding:0; list-style:none;  }
ol.commentlist li { list-style:none;}
ol.commentlist a { color:#333;}
ol.commentlist li.comment { margin:10px 0 0 0 ; padding:10px;} 
ol.commentlist li.even { border: 1px dotted #E96A0D;  }
ol.commentlist li.odd { border: 1px solid #E96A0D; }
ol.commentlist img.avatar { float:left; width:32px; margin-right:10px;}
ol.commentlist .commentmeta {margin:5px 0 15px 0; padding:5px 0;}
ol.commentlist cite { font-style:normal;}
ol.commentlist .says { display:none;}
ol.commentlist .commentmetadata { font-size:11px;}


#content form#commentform { margin:0 0 30px 0; padding:15px; width:458px; border:1px dotted #ccc; font-size:11px; line-height:1.5em; }
#commentform h3 { margin:6px 0 12px 0;}
#commentform textarea { border:1px dotted #ccc;}
#commentform a {color:#666; text-decoration:underline;}
#commentform input { border:1px dotted #ccc;}
#commentform label { font-size:11px; line-height:1.5em; margin:0; padding:0;}
#commentform p { margin:0; padding:0; line-height:1.5em;}
#commentform input#submit { background:#E96A0D; border:1px solid; border-color:#FF9900 #D9640D #D9640D #FF9900; color:#fff; padding:3px; margin:3px 0; cursor:pointer;}
#commentform input#submit:hover {color:#000;}


.feature {background:#fff; padding:5px 0; margin:20px 8px 7px 25px;  font-size:.9em; line-height:1.5em; width: 240px; float:left; }
.feature .teaserimg { border:3px solid #FFCC1C; padding:0; margin:0 15px 0 0; width:220px; -moz-border-radius:4px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-border-radius:4px; -webkit-box-shadow:1px 1px 1px #ccc; border-radius:4px; box-shadow:1px 1px 1px #ccc;}
.feature .listimg { border:1px solid #ccc; padding:1px; margin:0 15px 6px 0; width:160px; float:left;}
.feature a.title {  font-weight:bold; color:#0190DE; line-height:1.5em; margin:0; padding:3px 0; text-decoration:none; }
.feature a.title:hover { text-decoration:underline;}
.feature .ratings { display:none;}
#content .feature h3 {background:#0190DE; margin:10px 0; padding:3px 8px; color:#fff; -moz-border-radius:10px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-border-radius:10px; -webkit-box-shadow:1px 1px 1px #ccc; border-radius:10px; box-shadow:1px 1px 1px #ccc; width:210px;}
#content .feature h3 a {color:#fff; text-decoration:none; width:210px; display:block;  }
#content .feature h3 a:hover { color:#fff; background:url(images/catitem-hover.png) right no-repeat; }

#content .feature p { margin:10px 0; width:240px;}




.cat-description { margin:5px 0 15px 15px;}
.cat-description p { line-height:22px; font-size:14px;}



.archivelist {background:#fff; padding:7px 0; margin:10px 24px 10px 15px;  font-size:.9em; line-height:1.5em;}
.archivelist .teaserimg { border:3px solid #FFCC1C; padding:0; margin:5px 15px 0 0; width:220px; -moz-border-radius:4px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-border-radius:4px; -webkit-box-shadow:1px 1px 1px #ccc; border-radius:4px; box-shadow:1px 1px 1px #ccc; }
.archivelist .listimg {  border:3px solid #FFCC1C; padding:0; margin:6px 15px 6px 0; width:160px; float:left;  -moz-border-radius:4px; -moz-box-shadow:1px 1px 1px #ccc; -webkit-border-radius:4px; -webkit-box-shadow:1px 1px 1px #ccc; border-radius:4px; box-shadow:1px 1px 1px #ccc; }
.archivelist a.title {  font-weight:bold; color:#0190DE; line-height:1.5em; margin:0; padding:3px 0; text-decoration:none;}
.archivelist a.title:hover { text-decoration:underline;}

.archivelist .ratings { display:none;}
#content .archivelist h3 {color:#003F6A; font-size:14px; font-weight:normal; margin:5px 0; padding:0; line-height:1.5em; }
#content .archivelist h3 a {color:#003F6A; text-decoration:none;}
#content .archivelist h3 a:hover { text-decoration:underline;}
#content .archivelist p { margin:5px 0;}



.navigation_posts { padding:6px 0; margin:0 0 10px 0; border-top:1px dotted #0176BC; border-bottom:1px dotted #0176BC;}
.navigation_posts a { color:#666; text-decoration:none; margin:0; padding:0;}
.navigation_posts a:hover { color:#0176BC;}
.navigation_posts .alignleft { float:left; font-size:11px;}
.navigation_posts .alignright { float:right; font-size:11px; padding-right:5px;}

.navigation_posts_top { padding:6px 0; margin:0 0 10px 0; border-bottom:1px dotted #0176BC;}
.navigation_posts_top a { color:#666; text-decoration:none; margin:0; padding:0;}
.navigation_posts_top a:hover { color:#0176BC;}
.navigation_posts_top .alignleft { float:left; font-size:11px;}
.navigation_posts_top .alignright { float:right; font-size:11px; padding-right:5px;}


.navigation { padding:6px 0; margin:0 0 10px 0; }
.navigation a { color:#0176BC; text-decoration:none; margin:0; padding:0;}
.navigation a:hover { color:#000;}
.navigation .alignleft { float:left; font-size:12px;}
.navigation .alignright { float:right; font-size:12px; padding-right:30px;}







#sidebar form {	margin: 0; padding:0;}
#sidebar ul { margin:0; padding:0; list-style:none;}
#sidebar ul ul { margin:8px 0 25px 0; padding:0; list-style:none;}
#sidebar li { margin:0; padding:0; }




#content form#searchform { margin:20px 0 0 0; padding:0; width:300px;}
#content form#searchform div { margin:0; padding:0;}
#content form#searchform input#s { width:220px; margin:3px 3px 35px 0; padding:5px 3px; border:2px solid #E75318; -moz-border-radius:10px; font-style:italic;}
#content form#searchform input#searchsubmit { background: transparent url(images/go.jpg) no-repeat; background-position:0 0; width:30px; height:30px; display:block; float:right; border:none; margin:0 25px 0 0; cursor:pointer; }
#content form#searchform input#searchsubmit:hover {background-position:-30px 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; }

a.downloadpattern { background:#0176BC; color:#fff; padding:6px 14px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; text-decoration:none; -moz-box-shadow:#ccc 1px 1px; -webkit-box-shadow:#ccc 1px 1px; box-shadow:#ccc 1px 1px;}

/* teilnahme */ 

#videoform  { margin:25px 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;}
#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:3px 0 6px 0; padding:0; display:inline; font-size:12px;}
#videoform form input { border:1px solid #ccc; padding:1px; margin:3px 0 6px 0; float:left; display:inline; width:300px;}
#videoform form textarea { border:1px solid #ccc; padding:1px; margin:3px 0 6px 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 { 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;}


#slideshowwrapper { width:230px; margin:0; padding:0; display:inline; height:215px;}
#slideshow {position: relative; width: 230px; height:215px; margin:0; padding:0; }
#slideshow img { margin:0; padding:0; border:none;}  
#slideshow DIV {position:absolute; top:0; left:0; z-index:8; opacity:0.0; background-color: #FFF; }
#slideshow DIV.active {z-index:10; opacity:1.0;}
#slideshow DIV.last-active { z-index:9;}


@media only screen and (max-device-width: 480px) {
	
#sidebar {padding:28px 0 50px 20px; }


}










.ngg-imagebrowser {margin-top: 10px; margin-bottom: 10px; }

.ngg-imagebrowser .pic {border:1px solid #ccc; text-align:center;}


.ngg-imagebrowser h3 {text-align:left;}

.ngg-imagebrowser img {
	display:block !important;
	padding:5px;
border:none;
}

.ngg-imagebrowser-nav {
	padding:5px 0;
	margin:0;	
}

.ngg-imagebrowser-nav a {color:#ff6600; text-decoration:none; font-size:16px; line-height:20px;	padding:4px 10px;
}

.ngg-imagebrowser-nav a:hover {color:#fff; }


.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #ccc;
	margin-right:1px;
	cursor:pointer;
}

.ngg-imagebrowser-nav .back:hover {
	border:1px solid #ff6600;
background:#ff6600;
	}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #ccc;
	margin-right:1px;
	cursor:pointer;
}

.ngg-imagebrowser-nav .next:hover {border:1px solid #ff6600;
background:#ff6600;}


.ngg-imagebrowser-nav .counter {
	text-align:center;
color:#666;
	font-size:0.85em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

.ngg-imagebrowser-desc {text-align:left; margin:20px 0; min-height:2em;}


img { behavior: url(iepngfix.htc) }




#feedbackform {margin:10px 10px 30px 0; padding:10px 0 10px 0; }
#feedbackform table {margin:5px 0; padding:0 0 5px 0; border-bottom:1px dotted #0176BC; width:500px; font-size:12px; }
#feedbackform p {line-height:1.6em; padding:0 15px 0 0; margin:0;}
#feedbackform table td {margin:0; padding:2px; border:1px solid #ccc;}
#feedbackform label {float:left; clear:left;  display:block; width:200px; margin:5px 0; padding:3px; font-size:12px;}
#feedbackform table label {float:left; clear:left;  display:block; width:260px; margin:5px 0; padding:2px;}
#feedbackform .shortlabel {width:30px; display:inline; margin:2px 0; padding:2px;}
#feedbackform input {margin:5px 0; padding:2px; width:260px; border:1px solid #0176BC;}
#feedbackform textarea {margin:3px 0; padding:2px; width:480px; border:1px solid #0176BC;}
#feedbackform .check {margin:3px 0; padding:2px; border:none; width:25px;}
#feedbackform .button {cursor:pointer; margin:15px 0 0 0; background:#0176bc; border:2px solid #fff; color:#fff; -moz-box-shadow:#ccc 2px 2px; padding:3px 9px; -moz-border-radius:10px; -webkit-border-radius:10px;}

#feedbackform form#contactForm { margin:6px 0 0 0;}

p.thanks {font-size:14px; font-weight:bold; color:#0176bc; border:1px dotted #ccc; padding:20px; margin:25px 0;}


.xmas { position:fixed; top:300px; left:0; z-index:11000;}
.xmasbutton { background:url(images/santa.png) top left no-repeat; width:167px; height:221px; cursor: move; }
.greetings { width:277px; height:216px; background:url(images/greetings.png) top left no-repeat; position:absolute; top:-160px; left:90px; z-index:12000; filter: none !important;}
.greetings-en { width:277px; height:216px; background:url(images/greetings-en.png) top left no-repeat; position:absolute; top:-160px; left:90px; z-index:12000; filter: none !important;}

