/*Theme Name:E. Koch StaudenTheme URI:http://wordpress.org/Description:The 2011 theme for Koch-Stauden,based on Twenty Ten by the Wordpress TeamAuthor:JSVersion:1.0Tags:black,green,white,two-columns,fixed-width*/
/* =Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html-------------------------------------------------------------- */
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, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
ol,ul{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:'';content:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
a img{border:none;}
/* =Fonts-------------------------------------------------------------- */
body, input, textarea, .page-title span, .pingback a.url, h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit]{font-family:'Droid Sans',Arial,Helvetica,sans-serif;font-weight:400;}
pre,code{font-family:"Courier 10 Pitch",Courier,monospace;}
/* =Layout and Colorsgrau:#5E5E5Egruen:#306028-------------------------------------------------------------- */
body{background-color:#D5F18B;color:#5E5E5E;  font-size:0.85em;}
#background{background-image:url(images/floral_kachel.png);background-repeat:repeat-x;background-position:top center;background-attachment:fixed; }
#wrapper{margin:0 auto;  width: 94%; max-width:960px;  padding:20px 10px; background: #fff; box-shadow: 0 0 20px 20px rgba(0,0,0,0.3); }
#header{ max-height:290px; height: auto; background-color:#fff; position: relative; }
#branding{position:relative;  width:120px;  height:120px;  left:-30px;  top:-263px;}
#access{float:right;  margin:20px 40px 0 0;  width:600px;  height:80px;}
#main{clear:both;  margin:40px 70px 30px 70px;}
#container{}
#content{float:right;  width:520px;  margin:7px 0 0 0;}
#sidebar{float:left;  width:220px;}
#primary, #secondary{}
#footer{clear:both;}
a,a:link,a:visited,a:hover,a:active{color:#306028;  text-decoration:none;}
a:hover{text-decoration:underline;}
/* =Global Elements-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body, input, textarea{}
hr{}
/* Text elements */
p{line-height:1.3em;}
ul{}
ol{}
strong{font-weight:bold;}
address{}
     address.start{}
cite, em, i{font-style:italic;}
big{font-size:131.25%;}
ins{background:#ffc;text-decoration:none;}
blockquote{font-style:italic;padding:0 3em;}
blockquote cite, blockquote em, blockquote i{font-style:normal;}
pre{margin-bottom:18px;padding:1.5em;}
abbr, acronym{cursor:help;}
sup, sub{height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
input[type="text"], textarea{}
a:link{}
a:visited{}
a:active, a:hover{color:#306028;}
/* Text meant only for screen readers */
.screen-reader-text{position:absolute;left:-9000px;}
/* =Header-------------------------------------------------------------- */
#header #headline{float:left;  width:365px;  margin:18px 0 0 90px;}
#header #partner{float:right;  width:300px;  text-align:right;  margin:15px 15px 0 0;}
#header #partner a.middle img{padding:0 15px;  margin:0 15px;  border-left:1px solid #ddd;  border-right:1px solid #ddd;}
#header #panorama{clear:both;  padding:20px 0 0 0;  margin:0;  width:100%;  height:auto;  overflow:hidden;}            
#header #panorama img { width: 100%; height: auto; }
/* =Content-------------------------------------------------------------- */
#content, #content input, #content textarea{}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr{margin-bottom:12px;margin-top:12px;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul{margin-bottom:0;}
#content pre, #content kbd, #content tt, #content var{}
#content code{}
#content dt, #content th{}
h1,h2,h3,h4,h5,h6{border-bottom:1px solid #ddd;   margin-bottom:10px;padding-bottom:4px;}
#content h1,#content h2,#sidebar h3{font-size:1.2em;margin-bottom:25px;line-height:1.2em;}
#content h2{font-size:1.1em;}
#content h1 a,#content h2 a,#sidebar h3 a{text-decoration:none;  color:#5E5E5E;      display:block;background-repeat:no-repeat;background-position:top left;padding-left:0px;padding-bottom:2px;}
#content h1 a:hover,#content h2 a:hover,#sidebar h3 a:hover{text-decoration:none;  color:#306028;}
  #content table{}
#content tr th, #content thead th{}
#content tr td{}
#content tr.odd td{}
#content table{border-collapse:collapse; max-width: 100%; }
#content table tr td{vertical-align:top;  text-align:left;  padding:5px 30px 5px 0;  border-bottom:1px solid #ddd;}
.entry-meta{font-size:0.7em;text-align:right;}
.entry-meta a{text-decoration:none;  color:#5E5E5E;    }
.entry-meta a:hover,.entry-summary a,.entry-summary a:hover{text-decoration:none;  color:#306028;}
.entry-meta abbr, .entry-utility abbr{border:none;}
.entry-meta abbr:hover, .entry-utility abbr:hover{}
.entry-content, .entry-summary{clear:both;padding:0 0 20px 0;}
.entry-summary a{display:block;  text-align:right;  font-size:0.9em;}
#content .entry-summary p:last-child{margin-bottom:12px;}
.entry-content fieldset{margin:0 0 24px 0;padding:24px;}
.entry-content fieldset legend{padding:0 24px;}
.entry-content input{margin:0 0 24px 0;}
.entry-content input.file, .entry-content input.button{margin-right:24px;}
.entry-content label{ display: block; font-weight: bold; }
.entry-content select{margin:0 0 24px 0;}
#content .video-player{padding:0;}
.entry-content ul li{}
#content h2.entry-title{margin-bottom:4px; }
  #content .entry-content h2{}
#content .entry-content h3{}
#content .entry-content h4{}
.post{margin-bottom:25px;}
/* =Asides-------------------------------------------------------------- */
.home #content .category-asides p{font-size:14px;line-height:20px;margin-bottom:10px;margin-top:0;}
.home .hentry.category-asides{padding:0;}
.home #content .category-asides .entry-content{padding-top:0;}
/* =Gallery listing-------------------------------------------------------------- */
/* =Attachment pages-------------------------------------------------------------- */
/* =Images-------------------------------------------------------------- */
#content img{margin:0;}
#content .attachment img{}
#content .alignleft, #content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
ul.xoxo img.alignleft{display:inline;float:left;margin-right:10px;margin-top:6px;         margin-bottom:8px;}
#content .alignright, #content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
ul.xoxo img.alignright{display:inline;float:right;             margin-top:6px;         margin-left:10px;margin-bottom:8px;}
#content .aligncenter, #content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
#content img.alignleft, #content img.alignright, #content img.aligncenter{margin-bottom:12px;}
#content .wp-caption{line-height:18px;margin-bottom:20px;padding:4px;text-align:center;}
#content .wp-caption img{margin:5px 5px 0;}
#content .wp-caption p.wp-caption-text{font-size:12px;margin:5px;}
#content .wp-smiley{margin:0;}
#content .gallery{margin:0 auto 18px;}
#content .gallery .gallery-item{float:left;margin-top:0;text-align:center;}
#content .gallery img{}
#content .gallery .gallery-caption{margin:0 0 12px;}
#content .gallery dl{margin:0;}
#content .gallery img{}
#content .gallery br+br{display:none;}
#content .attachment img{
/* single attachment images should be centered */
display:block;margin:0 auto;}
#content ul li{display:block;background-image:url(images/dreipunkte_klein_grau2.png);background-repeat:no-repeat;background-position:top left;padding-left:23px;padding-top:7px;padding-bottom:5px;line-height:1.3em;}
#galleria{padding:10px 0 20px 0;}
#galleria a{padding:0;  border:0;  margin:0;}
#galleria a img{padding:0;  border:0;  margin:0 3px 1px 0;  width:83px;}
/* =Navigation-------------------------------------------------------------- */
.navigation{}
.navigation a:link, .navigation a:visited{}
.navigation a:active, .navigation a:hover{}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;text-align:right;width:50%;}
/* =Comments-------------------------------------------------------------- */
#comments{}
/* =Widget Areas-------------------------------------------------------------- */
.widget-area ul{}
.widget-container{margin-bottom:30px;}
.widget-container a{color:#5e5e5e;  text-decoration:none;}
.widget-container a:hover{color:#306028;}
.widget-title{}
.widget-container ul li{}
#navigation{font-size:1.1em;}
#navigation ul li a{display:block;background-image:url(images/dreipunkte_klein_grau.png);background-repeat:no-repeat;background-position:top left;padding:8px 0 8px 30px;background-color:#fff;color:#5E5E5E;}
#navigation ul li ul li a{padding:8px 0 6px 24px;}
#navigation ul li.page_item a,#navigation ul li.menu-item a{border-top:1px solid #ddd;}
#navigation ul li#menu-item-38 a{border-top:0;}
#navigation ul li a:hover,#navigation ul li.current_page_item a, #navigation ul li.current-menu-item a,#navigation ul li.current_page_parent a,#navigation ul li.current_page_item > a:hover, #navigation ul li.current-menu-ancestor > a:hover, #navigation ul li.current-menu-item > a:hover, #navigation ul li.current-menu-parent > a:hover{color:#000;background-color:#eee;text-decoration:none;}
#navigation ul li.current_page_item a, #navigation ul li.current-menu-item a,#navigation ul li.current_page_parent a,#navigation ul li.current_page_item a:hover, #navigation ul li.current-menu-item a:hover,#navigation ul li.current_page_parent a:hover{background-image:url(images/dreipunkte_klein.png);background-color:#fff;  color:#306028;  font-weight:700;}
#navigation ul li ul{display:none;  height:0;  overflow:hidden;}
#navigation ul li.current_page_item ul, #navigation ul li.current-menu-item ul,#navigation ul li.current_page_parent ul{display:block;  height:auto;}
#navigation ul li.current_page_item ul li a, #navigation ul li.current-menu-item ul li a,#navigation ul li.current_page_parent ul li a,#navigation ul li.current_page_item ul li a:hover, #navigation ul li.current-menu-item ul li a:hover,#navigation ul li.current_page_parent ul li a:hover{background-image:url(images/dreipunkte_klein_grau2.png);background-color:#fff;  color:#5e5e5e;  font-weight:normal;  font-size:0.9em;  margin-left:25px;}
#navigation ul li.current_page_item ul li a:hover, #navigation ul li.current-menu-item ul li a:hover,#navigation ul li.current_page_parent ul li a:hover{background-color:#eee;  color:#000;}
#navigation ul li ul li.current_page_item a, #navigation ul li ul li.current-menu-item a,#navigation ul li ul li.current_page_parent a, #navigation ul li ul li.current_page_item a:hover, #navigation ul li ul li.current-menu-item a:hover,#navigation ul li ul li.current_page_parent a:hover{background-image:url(images/dreipunkte_klein2.png);background-color:#fff;  color:#306028;  font-weight:700;}
#navigation ul li.current_page_item a:hover, #navigation ul li.current-menu-item a:hover,#navigation ul li.current_page_parent a:hover{background-color:#eee;}
/* =Footer-------------------------------------------------------------- */
#footer{text-align:center;  vertical-align:middle;  font-size:0.7em;  color:#5e5e5e;  color:#999;  margin:5px 70px 40px 0;
/* Box Version  background:#306028;  color:#fff;  padding:0 5px;  border:0;  width:510px;  float:right;  line-height:1.8em; */
}
#footer span{border-top:1px solid #DDDDDD;  padding-top:10px;  width:520px;  display:block;  float:right;}
#footer a{border-left:1px solid #999;  padding-left:5px;  padding-right:5px;  color:#999;
/* Box Version  background:#306028;  color:#fff;  border-left:1px solid #fff; */
}
#footer a:hover{color:#306028;}
/* Formular */
/* Generic FormBuilder Display Configuration */
form.formBuilderForm,div.formBuilderSuccess{text-align:left;padding:10px 0; clear:both;}
.formBuilderForm div{margin:0;padding:0;}
div.formBuilderSuccess h4{margin:0;padding:0;}
div.formBuilderSuccess{color:#306028;font-size:1.2em;padding:10px 0 20px 0;}
/* The div class around each form field*/
.formBuilderForm .formBuilderField{padding-bottom:4px;clear:both;}
/* The div class around the error message,in the event that a required field is not filled in*/
.formBuilderForm .formBuilderError{font-weight:normal;color:#F04D22;padding:4px 0 4px 0;}
/* Generic Display Controls */
.formBuilderForm div.formBuilderComment{font-style:normal;padding:4px 0 8px 0;margin:4px 0 4px 0;clear:both;float:left;width:95%;}
.formBuilderForm .formBuilderHidden{visibility:hidden;padding:0;margin:0;border:0;position:absolute;}
.formBuilderForm .formBuilderSubmit{clear:both;text-align:right;margin-right:0;margin-top:15px;}
.formBuilderForm .formBuilderSubmit input{background:#fff;font-size:1.3em;font-weight:bold;color:#306028;background-image:url(images/dreipunkte_klein.png);background-repeat:no-repeat;background-position:top right;width:300px;height:28px;border:0;padding:0 26px 0 0;margin:0 10px 0 0;text-align:right;}
.formBuilderForm .formBuilderSubmit input:hover{color:#5e5e5e;background-image:url(images/dreipunkte_klein_grau.png);cursor:pointer;}
.formBuilderForm .large_text_area{padding-top:10px;}
/* Generic Label Controls */
.formBuilderForm .formBuilderLabel,.formBuilderForm .formBuilderLabelRequired{clear:left;float:left;vertical-align:top;width:120px;margin-right:10px;margin-bottom:10px;}
.formBuilderForm .formBuilderLabelRequired{font-weight:normal;}
/**** Field Type Specific Display Controls ****/
.formBuilderForm .small_text_area .formBuilderLabel, .formBuilderForm .small_text_area .formBuilderLabelRequired{width:auto;clear:both;}
.formBuilderForm .small_text_area textarea{width:98%;}
.formBuilderForm .large_text_area .formBuilderLabel, .formBuilderForm .large_text_area .formBuilderLabelRequired{width:auto;clear:both;}
.formBuilderForm .large_text_area textarea{width:430px;}
.formBuilderForm .checkbox{clear:both;margin-left:130px;}
.formBuilderForm .checkbox .formBuilderInput{width:30px;float:left;}
.formBuilderForm .checkbox .formBuilderInput input{width:auto;}
.formBuilderForm .checkbox .formBuilderLabel{width:310px;float:right;clear:right;}
.formBuilderForm .radio_buttons{position:relative;}
.formBuilderForm .radio_buttons .formBuilderRadio{display:block;position:relative;margin-left:170px;padding-left:0;}
div.formBuilderFailure{border:1px solid #F04D22;color:#F04D22;margin:2px;padding:4px;}
div.formBuilderFailure h4{background-color:#F04D22;color:#fff;margin:2px;padding:4px;border:0;}
div.formBuilderCaptcha{display:block;width:260px;float:left;}
div.formBuilderCaptcha input{width:120px;}
div.formBuilderPageBreak{text-align:right;}
.calendar-box{display:none;background-color:#fff;border:1px solid #444;position:absolute;width:250px;padding:0 5px;z-index:100;}
.calendar-box select.calendar-month{width:90px;}
.calendar-box select.calendar-year{width:70px;}
.calendar-box .calendar-cancel{width:100%;}
.calendar-box table td{width:14%;}
.calendar-box .calendar-title{text-align:center;}
.calendar-box a{text-decoration:none;}
.calendar-box .today a{padding:0 5px;margin-left:-5px;background-color:#ffe9c6;}
.calendar-box .selected a{padding:0 5px;margin-left:-5px;background-color:#c9ff8b;}
.formBuilderForm input{margin-bottom:6px;  width:300px;}
.formBuilderHelpTextToggle{position:relative;-moz-border-radius:4px;border-radius:4px;background:none repeat scroll 0 0 #F9F9F9;border:1px solid #CCCCCC;padding:2px 6px;color:#000000 !important;text-decoration:none;font-weight:normal;}
.formBuilderForm div.formBuilderHelpText{position:absolute;visibility:hidden;}
.formBuilderForm div.formBuilderHelpTextHidden{visibility:hidden;position:absolute;}
.formBuilderForm div.formBuilderHelpTextVisible{visibility:visible;position:relative;background-color:#FFFFEE;border-style:dotted;border-width:thin;padding:3px;margin-bottom:20px;font-weight:normal;text-align:left;}
/* Weiterlesen */
.page-link{color:#5e5e5e;font-weight:normal;margin:22px 0 12px 0;  display:block;background-image:url(images/dreipunkte_klein_grau2.png);background-repeat:no-repeat;background-position:top left;padding:8px 0 8px 22px;}
.page-link a:link, .page-link a:visited{background:#BFDD78;color:#000;font-weight:normal;padding:0.3em 0.7em;text-decoration:none;}
.page-link a:active, .page-link a:hover{background:#306028;color:#fff;}   

.wpcf7 br { display: none; }     
.wpcf7 input, .wpcf7 textarea { display: block; width: 98%; margin-left: 0; margin-right: 0; padding: 5px 1%; border: 0; background: #eee; }
.wpcf7 input.wpcf7-submit { margin: 1em auto; color: #fff; background: #306028; }
.wpcf7 input.wpcf7-submit:hover { background: #91A65F; }
.wpcf7 input.wpcf7-not-valid { border: 1px solid red; }
           
/* =Media Style-------------------------------------------------------------- */            
                     
  #header #partner a.mob { display: none; }    
  body { min-height: 100%; overflow-y: scroll; }
  #content img { max-width: 100%; height: auto; }
  @media only screen and (max-width: 1020px) {   
	   /* small pc  stuff */       
     #main { margin: 30px 30px; }  
     #content { width: 66%; overflow: hidden;}   
     #sidebar { width: 30%; overflow: hidden; }
     #header #headline{ width: 40%; height: auto;  margin:18px 0 0 90px;}
     #header #partner { float:right;  width:auto; white-space: nowrap; }        
     #header #partner a { display: inline-block; }           
     #header #partner a img { height: 50px; width: auto; }
     #branding{position: absolute;  width: 120px;  height:120px;  left:-30px;  top: 0;}
     
  }             
                     
  @media only screen and (max-width: 767px) {   
	   /* small pc  stuff */       
     #wrapper {padding-top: 0; }
     #main { margin: 30px 5px; }  
     #header #headline{ margin:18px 0 0 80px; width: 200px; }
     #branding{width: 100px;  height:100px;  left:-25px;  top: 0;}    
     #branding a img {width: 100px;  height:100px; }     
     #header #partner a { display: none; }
     
     #footer{margin:5px 0 20px 0; }
     #footer span{width: 100%; float: none;}
     
     #content, #sidebar { width: 100%; }
     #navigation { border-top: 3px solid #306028; margin-top: 30px; padding-top: 20px; }
     
     #header #partner a.mob { display: block; float: right; width: 32px; height: 24px; text-align: center; padding-top: 8px; background: #306028; border-radius: 50%; }  
     #header #partner a.mob img { width: 16px; height: 17px; }
  }           
                     
  @media only screen and (max-width: 480px) {   
	   /* small pc  stuff */   
     #header { margin-left: -3%; margin-right: -3%; }    
     #header #headline{ margin: 10px 0 0 60px; width: 180px; }
     #branding{width: 60px;  height:60px;  left:0;  top: 5px;}    
     #branding a img {width: 60px;  height: 60px; }   
     #header #partner { margin-top: 10px; }  
     #header #panorama { padding-top: 10px; }    
     #content table tr td { padding:5px 15px 5px 0;}    
     #content table tr td:last-child { padding:5px 0 5px 0;}    
     #content table tr td a img {width: 120px; height: auto;}
     #galleria { display: inline-block; text-align: center; width: auto; margin: 0 auto; max-width: 100%; }
     xx#galleria a { display: inline-block; width: 33.333%; }
  } 

/* =Print Style-------------------------------------------------------------- */
@media print{}