/*
Theme Name: http://www.hundeerziehung-ausbildung.de
Theme URI: http://www.hundeerziehung-ausbildung.de
Author: Dipl.-Ing. Joerg Petermann, agentur einfachpersoenlich
Author URI: http://www.einfach-persoenlich.com
Description: Die Website von hundeerziehung-ausbildung.de
Version: 1.02

agentur einfachpersoenlich
   (c) 2017 Dipl.-Ing. Joerg Petermann 
*/

/*	Reset */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
address{padding:0 0 30px; line-height:1.7;}
abbr,acronym{border-bottom:.1em dotted;}
ins{background:#ffffcc;text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
.placeholder {color: #999;}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.scfl:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 .cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


@-ms-viewport{ width: device-width; zoom:1; }
@-o-viewport{ width: device-width; zoom:1; }
@viewport{ width: device-width; zoom:1; }

*{
margin:0;
padding:0;
}

body{
margin-top:1em;
font:90%/1.5em arial, verdana, arial, sans-serif;
color:#333;
background:#666;

}

a{
color:#f49e00;
font-weight:normal;
text-decoration:underline;
outline:none;
}

a:hover{
color:#666;
text-decoration:none;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,table,td,input,textarea,form,select,blockquote{
margin:0 0 1em;
}

ul,
ul li{
list-style-type:none;
}

.scfl:after{
content:" ";  
display:block; 
visibility:hidden;
clear:both; 
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

* html .scfl { display:inline-block; }
/*  \*/
* html .scfl { height:1%; }
.scfl{ display:block;}
/*  */

h1,h2,h3,h4{
font-family: Arial, verdana, "trebuchet MS", 'PT sans', Helvetica, sans-serif;
font-weight:bold;
color:#333;
text-rendering: optimizeLegibility;
line-height:1.3em;
color:#333;
}	

h1 {
margin: 0 0 1em;
font-size: 160%;
word-wrap:break-word;
}

h2 {
margin: 0 0 .8em;
font-size: 160%;
}

h3 {
margin: 1em 0 .5em;
m argin: 1.5em 0 .5em;
font-size: 140%;
clear:both;
color:#e7911c;
}

h4 {
margin:1.5em 0 .3em;
m argin:0em 0 .3em;
font-size: 110%;
}

h1 a, 
h2 a, 
h3 a, 
h4 a{
font-weight:bold;
border:0;
color:#333;
text-decoration:none;
}

h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover{
color:#f49e00;
text-decoration:underline;
}

#seite{
margin:0 auto;
padding:0;
text-align:center;
position:relative;
background:#fff;
}

#blatt{
float:left;
display:inline;
/*
-moz-box-shadow: 0 0 5px 5px #555;
-webkit-box-shadow: 0 0 5px 5px #555;
box-shadow: 0 0 5px 5px #555;
*/
background:#efefef;
}

/*******************/

#kopf{
float:left;
display:inline-block;
width:100%;
height:auto;
background:#fff;
}

#kopf a{
float:left;
display:block;
width:auto;
height:auto;
text-align:left;
margin:2% 4% 1.5%;
outline:none;
}

#kopf img{
max-width:100%;
height:auto;
}

#kopf #knav{
float:right;
display:inline-block;
width:60%;
}

#kopf #knav ul{
float:right;
display:inline-block;
height:100%;
margin:5% 2% 0 0;
}

#kopf #knav ul li ul{
display:none;
}

#kopf #knav li{
float:left;
display:inline-block;
}

#kopf #knav li a{
float:left;
display:block;
text-decoration:none;
color:#888;
margin:0 1em;
font-size:85%;
}

#kopf #knav li a:hover{
color:#f49e00;
}

#kopf #facebook{
float:right;
display:inline-block;
margin-top:5.5%;
}

/*******************/

#searchform{
float:right;
display:inline-block;
width:30%;
}

#searchform input{
float:left;
display:inline-block;
width:59% !important;
margin:0 2% 0 0;
padding:2px;
font-family:verdana, sans-serif;
}

#searchform input#searchsubmit{
padding:3px;
width:17% !important;
}

aside #searchform{
width:100%;
margin-bottom:2em;
}

aside #searchform input{
width:70% !important;
}

/*******************/

header{
float:left;
display:inline-block;
width:100%;
background:#fff;
overflow:hidden;
height:auto;
position:relative;
}

header h1{
float:left;
display:inline-block;
width:100%;
margin:0;
padding:0;
}

header h1 a{
float:right;
display:block;
font-size:1em;
border:0;
width:100%;
color:#333;
margin:0;
padding:0;
}

header h1 img{
float:right;
display:inline-block;
width:100%;
height:auto;
}

header h1 a:hover{
border:0;
}


/*******************/

nav{
float:left;
display:inline-block;
width:100%;
background:#f49e00;
position: relative;
}

nav ul{
float:left;
display:inline-block;
width:100%;
height:28px;
margin:0 auto;
padding:0 0 0 3em;
}

nav ul li{
float:left;
display:inline;
position:relative;
}

nav ul li a{
display:block;
text-align:left;
padding:0 .9em;
line-height:2.2em;
border:0;
text-decoration:none;
color:#333;
font-size:95%;
}

nav ul li a:hover{
border:0;
background:#ddd;
font-weight:bold;
color:#333;
}

nav ul li ul,
nav ul li:hover ul li ul,
nav ul li:hover ul li ul li ul{
display:none;
}

nav ul li:hover ul{
float:left;
text-align:left;
display:block;
position:absolute;
top:28px;
left:0px;
height:auto;
padding:0;
width:300px;
border:1px solid #666;
border-width:0 1px;
z-index:10;
}

nav ul li#menu-item-275:hover ul{
left:-228px;
}

nav ul li:hover ul li{
float:left;
width:270px;
}

nav ul li:hover ul li a{
border:1px solid #666;
border-width:0 1px 1px 0px;
z-index:10;
background:#e5e5e5;
width:287px;
padding:0 0 0 5%;
color:#333;
}

nav ul li ul li a:before { 
content: "> ";
}

nav ul li ul li:first-child a:before { 
content: "";
}

nav ul li ul li a:hover{
background:#dedede;
font-weight:bold;
}

nav ul li:hover ul li a,
nav ul li:hover ul li ul li a{
font-weight:normal;
}

nav ul li:hover a{
color:#333;
font-weight:bold;
background:#bbb;
}

body.archive nav ul li#menu-item-365 a,
body.category nav ul li#menu-item-365 a,
body.single-post nav ul li#menu-item-365 a,
body.single-location nav ul li#menu-item-582 a,
body.page-kategorien nav ul li#menu-item-582 a,
body.single-event nav ul li#menu-item-582 a,
nav ul li.current-menu-item a,
nav ul li.current-page-ancestor a,
nav ul li ul li:hover a,
nav ul li ul li ul li:hover a,
nav ul li ul li ul li ul li:hover a{
color:#333;
font-weight:bold;
background:#dedede;
}

body.archive nav ul li#menu-item-365 ul li a,
body.category nav ul li#menu-item-365 ul li a,
body.single-post nav ul li#menu-item-365 ul li a,
body.single-location nav ul li#menu-item-582 ul li a,
body.page-kategorien nav ul li#menu-item-582 ul li a,
body.single-event nav ul li#menu-item-582 ul li a{
background:#dedede;
font-weight:normal;
}

body.archive nav ul li#menu-item-365 a:hover,
body.category nav ul li#menu-item-365 a:hover,
body.single-post nav ul li#menu-item-365 a:hover,
body.archive nav ul li#menu-item-365 ul li a:hover,
body.category nav ul li#menu-item-365 ul li a:hover,
body.single-post nav ul li#menu-item-365 ul li a:hover,

body.single-location nav ul li#menu-item-582 a:hover,
body.page-kategorien nav ul li#menu-item-582 a:hover,
body.single-event nav ul li#menu-item-582 a:hover,
body.single-location nav ul li#menu-item-582 ul li a:hover,
body.page-kategorien nav ul li#menu-item-582 ul li a:hover,
body.single-event nav ul li#menu-item-582 ul li a:hover{
background:#ccc !important;
font-weight:bold;
}

nav ul li ul li:hover ul,
nav ul li ul li ul li:hover ul{
display:block;
position:absolute;
top:0;
left:250px;
}

nav ul li:hover ul li:hover ul li a,
nav ul li:hover ul li:hover ul li:hover ul li a{
background:#eee;
color:#333
}

nav ul li ul li ul li a:hover,
nav ul li ul li ul li ul li a:hover{
background:#ddd !important;
}

nav a#pull {
display: none;
border:0;
}		

/*******************/


#content{
float:left;
display:inline;
width:100%;
padding:0 0 0;
}


#main{
float:right;
float:left;
display:inline;
width:62.5%;
margin:0 0 0%;
padding-bottom:2%;
text-align:left;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
font-size:100%;
}

#mainin{
padding:4% 2% 4% 4%;
}

body.home #main .entry{
margin:0 1.2em 1.5em 1.5em;
}

#main .entry{
margin:0;
}

#main a{
color:#333;
color:#f49e00;
text-decoration:none;
border-bottom:1px solid #f49e00;
}

#main a:hover{
color:#f49e00;
border-bottom:1px solid #f49e00;
}

#main p.date{
margin-top:-1.5em;
margin-bottom:.3em;
font-size:.85em;
}

#main .alignleft{
float:left;
display:inline;
margin:.5% 1% 1% 0;
}

#main .alignright{
float:right;
display:inline;
margin:0 1% 1% .5%;
}

#main .alignright a,
#main .alignleft a{
border:0 !important;
}

#main .wp-caption-text{
color:#666;
font-size:.9em;
}

#main ul{
margin:1em 2.2em;
}

#main ul li{
padding:0 .3em .3em;
list-style-type:square;
list-style-type:circle;
list-style-type:disc;
}

#main ol{
margin:1em 2.5em;
list-style-type:decimal;
}

#main ol li{
padding:0 0 .3em;
}

#main strong{
font-weight:bold;
}

#main blockquote,
#main .blockgrau{
margin:2em;
padding:1em 2em;
background:#f0f0f0;
border:1px solid #ccc;
color:#666;
}

#main img{
max-width:100%;
height:auto;
}

#main figure{
overflow:hidden;
}

#main p.bkrume{
font-size:70%;
}

#main form#commentform input{
display:block;
}

#main textarea,
#main input,
#main form#commentform textarea{
width:90%;
display:block;
}

#main .referent{
float:left;
display:inline-block;
margin:0 0 1em;
width:30%;
margin-right:3%;
}

#main .referent a{
font-size:.8em;
}

#main .referent span.dozent{
float:left;
display:block;
height:2em;
padding:.4em 0 0;
line-height:1.2em;
}

#main .menubox{
display:none;
margin:0 0 1em;
}

#main .menubox ul{
margin-left:1.5em;
}

#main .menubox ul li{
padding:0;
list-style-type:none;
}

#main ul li ul li:before { 
content: " > ";
padding-left:1em;
color:#888;
}

#main .menubox ul li ul{
margin-top:0;
margin-left:.5em;
margin-right:0;
}

#main .menubox ul li{
font-size:.85em;
}

#main .menubox ul li.current-menu-item a,
#main .menubox ul li a{
font-weight:bold;
}

#main .menubox ul li.current-menu-item ul li a,
#main .menubox ul li ul li a{
font-weight:normal;
}

#main ul.social{
float:left;
display:inline;
margin:0 0 1em -1%;
width:99.5%;
}

#main ul.social li{
float:left;
display:inline;
list-style-type:none;
width:12%;
margin:0 1% 0;
padding:0;
}

#main ul.social li form{
margin:0;
}

#main ul.social li a{
float:left;
display:inline;
display:block;
background:#333;
border:0;
font-size:.6em;
color:#fff;
text-transform: uppercase;
width:90%;
width:100%;
padding:.4em 0 .2em 2.3em;
}

#main ul.social li a:hover{
color:#f49e00;
}

#main ul.social li.newsletter a:hover{
color:#000;
}

#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5-mod/bild/facebook.gif) no-repeat 4px center;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5-mod/bild/twitter.gif) no-repeat 4px center;}
#main ul.social li.newsletter a{background:#f49e00 url(/wp-content/themes/business-html5-mod/bild/email.gif) no-repeat 4px center;}
#main ul.social li.google a{background:#C63E24 url(/wp-content/themes/business-html5-mod/bild/google.gif) no-repeat 4px center;}
#main ul.social li.email a{background:#888;padding:.4em 1em .2em;}


#main ul.social li.suche{
width:60%;
}

#main ul.social li.suche #searchsubmit{
display:none;
}

#main ul.social li.suche input{
width:99%;
margin:0;
padding:6px;
border:1px solid #ccc;
color:#666;
background:#fff url(/wp-content/themes/business-html5-mod/bild/lupe.gif) no-repeat 98% 60%;
}

#main a[href $='.pdf'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/pdf.gif) no-repeat 0 center;
}

#main a[href $='.xls'],
#main a[href $='.xlsx'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/excel.gif) no-repeat 0 center;
}

#main a[href $='.doc'],
#main a[href $='.docx'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/word.gif) no-repeat 0 center;
}

#main a[href $='.mp3'],
#main a[href $='.wav'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/audio.gif) no-repeat 0 center;
}

#main a[href $='.mp4'],
#main a[href $='.avi'],
#main a[href $='.m4v'],
#main a[href $='.wmv'] {
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/video.gif) no-repeat 0 center;
}

#main a[href^="http:"]:not([href*="s-chorverband.de"]),
#main a[href^="https:"]:not([href*="s-chorverband.de"]),
padding-left:20px; 
background:transparent url(/wp-content/themes/business-html5-mod/bild/extern.gif) no-repeat 0 center;
}

#menu3 ul li.current-page-item{
display:none;
}

#main #menu4 ul{
margin:0 0 1em;
}

#main #menu4 ul li ul{
margin:0 0 1em 2em;
}

#main #menu4 ul li{
list-style-type:none;
margin:0;
padding:0;
}

#main #menu4 ul li ul li:before{
content: " > ";
color:#666;
font-size:85%;
}

#main #menu4 ul li a{
font-weight:bold;
border:0;
font-size:90%;
color:#666;
}

#main #menu4 ul li ul li a{
font-weight:normal;
font-size:82%;
}

#main #menu4 ul li ul li.current_page_item a,
#main #menu4 ul li.current_page_item a{
color:#333;
font-weight:bold;
}

#main #menu4 ul li.current_page_item ul li a{
color:#666;
font-weight:normal;
}

#main #menu4 ul li a:hover{
color:#f49e00 !important;
}



#main table{
width:100%;
font-size:.8em;
color:#666;
margin:1.4em 0;
}

#main table th{
border:1px solid #666;
color:#333;
text-align:center;
vertical-align:top;
background:#ccc;
}

#main table td{
border:1px solid #888;
text-align:center;
vertical-align:top;
}

#main table .even td{
background:#f1f1f1;
}

#main .rot{
color:red;
}


#main code{
font-family:arial, verdana, arial, sans-serif !important;
background:#ffe7a6 !important;
}

#main p{
margin:0 0 .5em;
}

#main .borderno{
border:0 !important;
}

#main form.wpcf7-form input,
#main form.wpcf7-form textarea{
border:1px solid #ccc;
padding:4px;
font-family:verdana, sans-serif;
font-size:85%;
color:#666;
width:50%;
-moz-box-shadow: 0 0 3px 3px #eee;
-webkit-box-shadow: 0 0 3px 3px #eee;
box-shadow: 0 0 3px 3px #eee;
border-radius:5px; 
}

#main form.wpcf7-form textarea{
width:75%;
}

#main form.wpcf7-form input.wpcf7-submit{
float:left;
display:inline;
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 0 1em;
padding:.2em 1.2em; 
text-align:center;
border-radius: 30px;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
background:#F49E00;
text-decoration:none;
border:1px solid #666;
width:35% !important;
}

#main form.wpcf7-form input.wpcf7-submit:hover{
color:#fff;
}

#main form.wpcf7-form small{
font-size:85%;
color:#666;
}

/*******************/

aside{
float:left;
float:right;
display:inline;
width:31.25%;
margin:0;
padding:2% 2% 3% 4%;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#efefef;
border:0;
}

aside h3{
font-size:120%;
}

aside .box {
margin:0 0 4em;
}

aside .widget_search{
margin:1em 0 2em;
}

aside .button{
float:left;
display:inline-block;
margin:0 0 3.3em;
width:100%;
}

aside .button ul li a{
float:left;
display:inline-block;
margin:0 1em 0 0;
}

aside .button ul li a,
aside .button ul li a img{
border:0;
}

aside ul{
margin:0;
}

aside ul li a{
border:0;
font-weight:normal;
color:#666;
font-size:95%;
line-height:1.3em;
}

aside ul li ul li a{
color:#666;
}

aside ul li ul li:before { 
content: ">";
padding-right:.5em; 
color:#666;
}

body.page-referenten aside ul li.current-page-item a,
aside ul li.current-menu-item a,
aside ul li ul li.current-page-item a{
font-weight:bold;
color:#333;
}

body.page-referenten aside ul li.current-page-item ul li a,
aside ul li.current-menu-item ul li a,
aside ul li.current-page-item ul li a{
font-weight:normal;
color:#666;
}

aside ul li ul li.current-menu-item a{
font-weight:bold !important;
color:#333 !important;
}

aside ul li a:hover,
aside ul li.current-menu-item a:hover{
color:#f49e00 !important;
}

aside ul li ul{
margin:0 0 0 0.5em;
}

aside ul li.menu-item-object-referenten a,
aside ul li ul li a{
font-weight:normal;
color:#666;
}

aside ul li ul li ul li a{
color:#888;
}

aside ul li ul li,
aside ul li a{
border:0;
text-decoration:none;
color:#666;
}

aside .blogroll_widget_rss{
clear:both;
}

aside .blogroll_widget_rss h3{
padding-left:20px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
background:transparent url(/wp-includes/images/rss.png) no-repeat 0 5px;
}

aside .widget_em_calendar,
aside .widget_rss{
margin-top:5em !important;
}

aside .blogroll_widget_rss li,
aside .widget_rss ul li{
margin:0 0 1em;
overflow:hidden;
line-height:130%;
color:#666;
}

aside .blogroll_widget_rss ul li a,
aside .widget_rss ul li a{
font-weight:bold;
}

aside .blogroll_widget_rss ul li cite{
display:block;
margin:0;
padding-bottom:1em;
border-bottom:1px solid #ccc;
}

aside table{
border:2px solid #F9AD00;
width:100%;
background:#fff;
}

aside table td,
aside table th{
border:1px solid #ccc;
width:10%;
padding:2% 1%;
text-align:center;
}

aside table td a{
font-weight:bold;
}

aside .title{
font-weight:normal;
}

body.page-id-1247 aside ul li ul li.current-page-item a{
font-weight:bold;
color:#333;
}

aside .widget_execphp .eventkachel li span.info,
aside .widget_execphp .eventkachel li span.ort,
aside .widget_execphp .eventkachel li span.datum,
aside .widget_execphp .eventkachel li span.untertitel{
display:none;
}
/*******************/


#footer{
width:100%;
}

#footerbox{
float:left;
display:inline-block;
width:94%;
background:#ccc;
margin:0;
padding:0 3% 2em;
}

#footerbox .box{
float:left;
display:inline-block;
width:24%;
margin:0 0% 0 1%;
text-align:left;
color:#555;
}

#footerbox .box h3{
font-size:1em;
color:#444;
}

#footerbox .box ul{
float:left;
display:inline-block;
margin:0;
width:100%;
}

#footerbox .box ul li{
float:left;
display:inline-block;
line-height:1.1em;
width:100%;
margin-bottom:.2em;
}

#footerbox .box ul li a{
float:left;
display:block;
color:#555;
font-size:.8em;
text-decoration:none;
}

#footerbox .box ul li a:hover{
color:#f49e00;
}

#footerbox .box ul li ul{
padding:0;
display:none;
}

#footerbox .box .widgettext,
#footerbox .box p{
font-size:.8em;
}
	
#fuss{
clear:both;
margin:0em auto;
padding:1em 0;
font-size:.8em;
text-align:center;
width:92%;
color:#aaa;
line-height:1.6em;
}

#fuss a{
color:#aaa;
border:0;
}

#fuss span.projekt a{
text-decoration:none;
}

#fuss span.projekt{
display:block;
}


.clear{
clear:both;
}

/*******************/

#main .entryblock{
float:left;
display:inline-block;
width:33.3%;
margin:0;
text-align:left;
}

#main .entryblock div{
margin:0 auto;
text-align:center;
width:94%;
margin:0 0% 4% 0%;
height:16%;
}

#main .entryblock div a{
color:#333;
}


#main .entryblock h3{
margin:0 0% .3em 0%;
text-align:left;
font-size:105%;
line-height:110%;
}

#main .entryblock a:hover h3,
#main .entryblock h3 a:hover{
color:#E7911B;
border:0 !important;
}

#main a.nobord,
#main .entryblock a.nobord{
border:0 !important;
}

#main .entryblock a{
border:0;
}

#main .entryblock p{
width:96%;
width:100%;
text-align:left;
margin:1% 0% 2%;
font-size:95%;
}

#main .entryblock p a{
border:0;
border-bottom:1px solid #f49e00;
}

#main .entryblock img{
width:100%;
}

#main .entryblock2{
float:left;
display:inline;
width:48%;
margin:0 2% 1.6em 0;
text-align:left;
height:auto;
}

#main .entryblock2 h3{
float:left;
display:inline;
margin:0;
padding:0;
font-size:100%;
line-height:120%;
width:97%;
}

#main .entryblock2 h3 a:hover{
color:#E7911B;
}

#main .entryblock2 h3 a{
border:0;
}

#main .entryblock2 p{
float:left;
display:inline;
margin:0;
padding:0;
font-size:95%;
width:97%;
}

#main .entryblock2 img{
float:left;
display:inline;
width:30%;
margin:0 0 1% 1%;
}

#main .entryblock2 small{
font-weight:normal;
color:#666;
font-size:80%;
}

#main .news h3{
float:none;
display:block;
width:96%;
}

#main .news p{
float:none;
display:block;
width:96%;
}

#main .newsletter input{
width:35%;
}

#main .newsletter input.submit{
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
width:37% !important;
margin:0em;
padding:.2em 0; 
text-align:center;
border-radius: 20px;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
background:#F49E00;
text-decoration:none;
}

/*******************/


/* All Smartphones in portrait and landscape ----------- */
/* All Smartphones in portrait and landscape ----------- */
/* All Smartphones in portrait and landscape ----------- */


@media only screen and (max-width : 480px) {

body{margin:0;}
#seite{width:auto;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:50% !important;}

header{height:78px !important;}

#kopf #facebook,
#kopf #knav{display:none;}
#kopf img{ max-width:60%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:91% !important;
font-size:1.1em;
padding:0 4.5% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#f49e00;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:99.9% !important;
}

#main .entry p,
#main .entry ol,
#main .entry ul,
#main .entryblock p,
#main .entryblock strong,
#main .entryblock ul,
#main .entryblock ol{
font-size:100%;
}

#main .entryblock2{
width:99.9% !important;
}

#main .entryblock2 h3,
#main .entryblock2 p{
margin:0%;
}

#main h2 {
margin: 0 0 .6em;
font-size: 160%;
}

#main h3 {
margin: 0 0 .4em;
font-size: 135%;
}

#main h4 {
margin: 0 0 .3em;
font-size: 110%;
}

#main blockquote{
margin:1em .2em;
padding:1em 1em 0;
}

#main .referent{
width:47%;
margin-right:2%;
}

#main ul.eventkachel li{
width:96% !important;
}

#main ul.social li a{
text-indent:-88888px;
padding:.1em .5em .1em 2.2em !important;
}

#main h2{font-size:120%; line-height:110%;}

#main .menubox{
display:block !important;
}

aside{
padding:5% 4% 3%;
}

aside #nav_menu-4,
aside #nav_menu-5,
aside #nav_menu-6,
aside #nav_menu-9,
aside #nav_menu-11,
aside #nav_menu-12{
display:none;
}

aside .blogroll_widget_rss{
margin-top:0em !important;
}

#main ul.social li{width:.9%;margin:0 5.5% 0;}
#main ul.social li a{text-indent:-88888px;}
#main ul.social li.suche{width:52%;}
#main ul.social li.suche input{width:100%;}
#main ul.social{width:100%;margin:0 0 1em -5%;}

#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5-mod/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5-mod/bild/twitter.gif) no-repeat 50% 50%;}
#main ul.social li.email a{background:#888;margin:0 2%;}
#main ul.social li.google a{background:#C63E24 url(/wp-content/themes/business-html5-mod/bild/google.gif) no-repeat 50% 50%;}

#main .menubox ul{ margin-left:0em; }

#footerbox .box{
width:99% !important;
}

#footerbox .box,
#footerbox #categories-3{
clear:both;
}

}

/*******************/


/* iPads in portrait and landscape----------- */
/* iPads in portrait and landscape----------- */
/* iPads in portrait and landscape----------- */

@media only screen and (min-width : 480px) and (max-width : 600px){
body{margin:0;}
#seite{width:auto;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:25% !important;}

#kopf #facebook,
#kopf #knav{display:none;}
#kopf img{ max-width:70%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:90% !important;
font-size:100%;
padding:0 5% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#f49e00;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:99.9% !important;
}

#main .entryblock2{
width:99.9% !important;
}

#main .entryblock2 h3{
m argin-left:1%;
margin-left:0%;
font-size:90%;
}

#main .entryblock2 p{
m argin-left:1%;
margin-left:0%;
}

#main .entryblock div{
height:18% !important;
}

#main .referent{
width:47%;
margin-right:2%;
}

#main ul.eventkachel li{
width:46% !important;
}

#main .menubox{
display:block !important;
}

aside{
padding:5% 4% 3%;
}

aside #nav_menu-4,
aside #nav_menu-5,
aside #nav_menu-6,
aside #nav_menu-9,
aside #nav_menu-11,
aside #nav_menu-12{
display:none;
}

aside .blogroll_widget_rss{
margin-top:0em !important;
}

#main ul.social li{width:1.5%;margin:0 3.5% 0;}
#main ul.social li a{text-indent:-88888px;}
#main ul.social li.suche{width:66%;}
#main ul.social{width:100%;margin:0 0 1em -3.5%;}

#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5-mod/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5-mod/bild/twitter.gif) no-repeat 50% 50%;}
#main ul.social li.email a{background:#888;}
#main ul.social li.newsletter a{background:#F49E00 url(/wp-content/themes/business-html5-mod/bild/email.gif) no-repeat 50% 50%;}
#main ul.social li.google a{background:#C63E24 url(/wp-content/themes/business-html5-mod/bild/google.gif) no-repeat 50% 50%;}

#main .menubox ul{ margin-left:0em; }

#footerbox .box{
width:48% !important;
}

#footerbox #nav_menu-23,
#footerbox #nav_menu-24,
#footerbox #categories-3{
clear:both;
}

}


/*******************/


/* iPads2 in portrait and landscape----------- */
/* iPads2 in portrait and landscape----------- */
/* iPads2 in portrait and landscape----------- */

@media only screen and (min-width : 600px) and (max-width : 850px){
body{margin:0;}
#main{width:100% !important;}
aside{width:100% !important;}
#footerbox .box{width:25% !important;}

#kopf img{ max-width:70%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:92.3% !important;
font-size:110%;
padding:0 4% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#f49e00;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

#main .entryblock{
width:49.9% !important;
}

#main .entryblock2 h3{
font-size:90%;
}

#main .entryblock div{
height:22em !important;
height:28em !important;
}

#main ul.eventkachel li{
width:46% !important;
}

#main .menubox{
display:block !important;
}

aside{
padding:5% 4% 3%;
}

aside #nav_menu-4,
aside #nav_menu-5,
aside #nav_menu-6,
aside #nav_menu-9,
aside #nav_menu-11,
aside #nav_menu-12{
display:none;
}

aside .blogroll_widget_rss{
margin-top:0em !important;
}

#main ul.social li{width:1.5%;margin:0 2.6% 0;}
#main ul.social li a{text-indent:-88888px;}
#main ul.social li.suche{width:73%;}
#main ul.social li.suche input{width:100%;}
#main ul.social{width:100%;margin:0 0 1em -2%;}

#main ul.social li.facebook   a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5-mod/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter    a{background:#00ABF0 url(/wp-content/themes/business-html5-mod/bild/twitter.gif) no-repeat 50% 50%;}
#main ul.social li.email      a{background:#888;}
#main ul.social li.newsletter a{background:#F49E00 url(/wp-content/themes/business-html5-mod/bild/email.gif) no-repeat 50% 50%;}
#main ul.social li.google     a{background:#C63E24 url(/wp-content/themes/business-html5-mod/bild/google.gif) no-repeat 50% 50%;}

#footerbox .box{
width:48% !important;
}

#footerbox #nav_menu-23,
#footerbox #nav_menu-24,
#footerbox #categories-3{
clear:both;
}

}

/*******************/


/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */

@media only screen and (min-width : 850px) and (max-width : 1024px){
#seite{width:100%;}
#main{width:67% !important;}
aside{width:33% !important;}
body{margin:0; font:85%/150% arial, verdana, arial, sans-serif; }

#kopf img{ max-width:80%;}

#searchform{float:none;width:100%;}
#searchform input{width:74% !important;}

nav{ 
height: auto;
}

nav ul {
width: 100%;
display: block;
padding:0;
height: auto;
border-bottom:1px solid #333;
display:none;
}

nav li {
float: left;
display: block;
position: relative;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #333;
width: 99.7% !important;
}

nav li a {
width:92.3% !important;
font-size:110%;
padding:0 4% !important;
background:#e5e5e5;
color:#333 !important;
}	

nav li:last-child{
border-bottom:0;
}

nav ul li ul{
display:none !important;
}

nav a#pull {
float:left;
display:block;
background:#777;
background:#f49e00;
width:96.2%;
position: relative;
text-align:left;
padding:0.5% 0% 0.2% 3.8%;
line-height:1.6em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.1em;
}

nav a#pull:after {
content:" ";
background:transparent url('/wp-content/themes/business-html5-mod/bild/nav-icon.png') no-repeat 95.5% 0;
width: 20px;
height: 22px;
display: inline-block;
position: absolute;
right:5%;
top:5px;
}

aside{
width:100% !important;
border:0;
padding:5% 4% 3%;
}

#main{
width:100% !important;
}

#main .entryblock{
width:49.9% !important;
}

#main .entryblock div{
height:23em !important;
height:29em !important;
}

#main .entryblock2 img{
display:block;
float:none;
}

#main .entryblock2 h3{
float:none;
font-size:90%;
}

#main .menubox{
display:block !important;
}

aside #nav_menu-4,
aside #nav_menu-5,
aside #nav_menu-6,
aside #nav_menu-9,
aside #nav_menu-11,
aside #nav_menu-12{
display:none;
}

aside .blogroll_widget_rss{
margin-top:0em !important;
}

#main ul.social li{width:10%;margin:0 2% 0;}
#main ul.social li a{text-indent:0;}
#main ul.social li.suche{width:53%;}
#main ul.social{width:100%;margin:0 0 1em -1.5%;}

#footerbox .box{
width:32% !important;
}

#footerbox #nav_menu-20,
#footerbox #categories-3{
clear:both;
}

}


/*******************/



/* Large screens ----------- */
/* Large screens ----------- */
/* Large screens ----------- */


@media only screen and (min-width : 1024px) {
#seite,
#blatt{width:76.5em !important;}
#main{width:67% !important;}
aside{width:33% !important;}
body{font:85%/150% arial, verdana, arial, sans-serif;}

#main .entryblock div{
height:19em;
height:25em;
}

#main .entryblock2 img{
float:left;
display:inline;
}

body.home #main ul.social li{width:8.5%;margin:0 1.5% 0;}
body.home #main ul.social li.suche{width:62%;}
body.home #main ul.social li.email a{padding:.3em 1.2em;}
#main ul.social li a{text-indent:0;}
#main ul.social{width:100%;margin:0 0 1em -1.5%;}


#main ul.social li{width:12.5%;margin:0 2.5% 0;}
#main ul.social li.suche{width:42.5%;}

#fuss span{display:block;}

}


/*******************/


/*
header,
nav{width:100%;float:left;}
#content{background:#fff;float:right;width:100%;}
#blatt{background:#333;}
*/

body.home aside{display:none !important;}
body.home #main{width:100% !important;}
body.home #main .entry{margin:0 2em 0 0;}

/**********/

hr{
clear:both;
display:block;
width:99%;
margin:5% auto 3%;
text-align:center;
font-size:1px;
height:1px;
border:0;
border-bottom:1px solid #ccc;
}


/**********/

body.single-event #main .post_thumbnail{
float:right;
}

body.single-referenten h3.titel{
clear:none;
margin-top:0;
}

body.single-event .veranstaltung h3.untertitel{
clear:left;
}

#main ul.eventkachel {
float:left;
display:inline;
margin:0 auto 1em;
text-align:center;
width:100%;
}

#main ul.eventkachel li{
float:left;
display:inline;
margin:0 1% 1em;
padding:0;
width:31%;
height:16.5em;
border:1px solid #aaa;
background:#eee;
background-image: -webkit-linear-gradient(top, #ccc, #fff); 
background-image: -o-linear-gradient(top, #ccc, #fff); 
background-image: linear-gradient(top, #ccc, #fff); 
background-image: -moz-linear-gradient(top, #ccc, #fff); 
-moz-hyphens: none;
-o-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none; 
line-height:125%;
font-size:85%;
}

#main ul.eventkachel a{
color:#333;
}

#main ul.eventkachel li:hover{
background:#aaa;
background-image: -webkit-linear-gradient(top, #aaa, #fff); 
background-image: -o-linear-gradient(top, #aaa, #fff); 
background-image: linear-gradient(top, #aaa, #fff); 
background-image: -moz-linear-gradient(top, #aaa, #fff); 
}

#main ul.eventkachel li span{
display:block;
padding:.6em 0 0;
}

#main ul.eventkachel li span.info{
line-height:2.2em;
font-size:1.2em;
color:#333;
padding:0;
}

#main ul.eventkachel li:hover span.info,
#main ul.eventkachel li a:hover span.info{
color:#fff !important;
}

#main ul.eventkachel li:hover span.info:hover,
#main ul.eventkachel li a:hover span.info:hover{
font-weight:bold;
}

#main ul.eventkachel li:hover span.titel strong,
#main ul.eventkachel li a:hover span.titel strong{
color:#f49e00;
border-bottom:1px solid #f49e00;
}

#main ul.eventkachel li span.ort{
font-weight:bold;
font-size:1.1em;
}

#main ul.eventkachel li span.datum{
font-size:1.2em;
}

#main ul.eventkachel li span.titel{
font-weight:bold;
font-size:1.25em;
line-height:1.25em;
}


#main table {
width:100%;
}

#main table td,
#main table th{
border:1px solid #888;
padding:4px 10px 0;
background:#fff;
}

#main table th{
font-weight:bold;
background:#F9AD00;
}

.em-booking-form1{
float:left;
display:inline;
border:1px solid #333;
padding:1em;
background:#efefef;
}


#main p.button a{
float:left;
display:inline;
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 0 0em;
padding:.4em 1.2em; 
text-align:center;
border-radius: 20px;
-webkit-border-radius:20px; 
-moz-border-radius:20px;
background:#F49E00;
text-decoration:none;
}

#main p.button a:hover{
color:#fff;
}

#main input,
#main textarea{
border:1px solid #ccc;
padding:4px;
}

#main .em-booking-form-details{
border:3px double #F49E00;
background:#f9f9f9;
padding:3% 5%;
width:89%;
}

#main .em-booking-form-details input,
#main .em-booking-form-details textarea,
#main .em-booking-form-details select{
width:45%;
color:#666;
}

#main .em-booking-form-details p{
padding-bottom:.5em;
clear:both;
border-bottom:1px solid #ddd;
font-size:.8em;
}

#main .em-booking-form-details label{
float:left;
display:inline;
width:50%;
display:block;
line-height:1.2em;
font-weight:bold;
}

#main p.input-group{
clear:both;
}

#main .em-booking-form-details p.input-checkbox{
float:left;
display:inline;
width:100%;
padding-bottom:1em;
}

#main p span.input-group{
width:46.5%;
margin-left:53.5%;
}

#main p.input-checkbox input{
width:5%;
}

#main p span.input-group input{
width:10%;
display:inline;
}

#main p.buchen a,
#main .submit,
#main .em-booking-submit{
float:left;
display:inline;
color:#444;
font-size:1.1em;
font-family:"arial Narrow",arial,sans-serif;
margin:0 0 1em 50%;
padding:.2em 1.2em; 
text-align:center;
border-radius: 30px;
-webkit-border-radius:30px; 
-moz-border-radius:30px;
background:#F49E00;
text-decoration:none;
border:1px solid #666;
width:35% !important;
}

#main p.buchen a:hover,
#main .submit:hover,
#main .em-booking-submit:hover{
color:#fff;
}

#main p.buchen a{
margin:0 0 1em;
width:6em !important;
}

#main p.input-field-dbem_ja label,
#main p.input-field-dbem_ja2 label{
font-weight:normal;
font-size:.9em;
}


#main .submit{
float:none;
margin:0 0 1em 0;
width:45% !important;
}


#main ul.struktur li{
list-style-type:none !important;
}

#main ul.struktur li a{
font-weight:bold;
}

#main ul.struktur li ul li a{
font-weight:normal;
}

/**********************/

@media only screen and (max-width : 850px){

#main .em-booking-form-details input,
#main .em-booking-form-details textarea,
#main .em-booking-form-details select{
width:90%;
}

#main .em-booking-form-details p{
float:left;
display:inline;
width:100%;
}

#main p span.input-group{
float:left;
display:inline;
width:100%;
margin-left:3%;
}

#main .em-booking-form-details label{
width:100%;
}

#main p.input-checkbox input{
width:10%;
}

#main .em-booking-submit{
margin-left:0;
width:70% !important;
}

}



#main .weiter{
color:#f49e00;
border-bottom:1px solid #f49e00;
}

#main h4.header{
margin:-.8em 0 0;
}