/*
Theme Name: s-chorverband.de
Theme URI: http://www.s-chorverband.de
Author: Dipl.-Ing. Joerg Petermann
Author URI: http://www.einfach-persoenlich.com
Description: Die Website von s-chorverband.de
Version: 1.2

agentur einfachpersoenlich
   (c) 2020 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;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/pt-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('/fonts/pt-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pt-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pt-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pt-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pt-sans-v10-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/pt-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('/fonts/pt-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/pt-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pt-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pt-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pt-sans-v10-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


@-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{
font:90%/1.5em "PT Sans", arial, verdana, arial, sans-serif;
color:#000;
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: "PT Sans", Arial, verdana, "trebuchet MS", 'PT sans', Helvetica, sans-serif;
font-weight:bold;
color:#000;
text-rendering: optimizeLegibility;
line-height:1.3em;
}	

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

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

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

h4 {
margin:1.5em 0 .3em;
margin:0em 0 .3em;
font-size: 105%;
}

h1 a, 
h2 a, 
h3 a, 
h4 a{
font-weight:bold;
border:0;
color:#000;
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;
width:100%;
}

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

#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% 0% 1.5% 1%;
outline:none;
text-decoration:none;
}

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

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

#kopf #knav ul{
float:right;
display:inline-block;
height:100%;
margin:5% 4% 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 .5em;
font-size:85%;
}

#kopf #knav li a:hover{
color:#0c1c70;
}

#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;
border:1px solid #ccc;
}

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

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

aside #searchform input{
width:95% !important;
margin:0 2% 0 0;
padding:4px;
font-family:verdana, sans-serif;
border:1px solid #ccc;
}

aside #searchform input#searchsubmit{
display:none;
}

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

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

header h1{
float:left;
display:inline;
display:none;
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;
width:100%;
}

header h1 a:hover{
border:0;
}

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

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

nav ul{
float:left;
display:inline;
width:100%;
height:30px;
margin:0 auto;
padding:0 0 0 2em;
}

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;
}

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:30px;
left:0px;
height:auto;
padding:0;
width:300px;
border:1px solid #666;
border-width:0 1px 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:1px 1px 0 0;
z-index:10;
background:#e5e5e5;
width:288px;
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%;
/*background:#fff url(/wp-content/themes/business-html5/bild/bgnav.jpg) repeat-y 0 0 !important;*/
}

#main .referent .dozbild{
height:260px;
overflow:hidden;
}

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

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

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

#main a{
color:#000;
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%;
color:#888;
}

#main p.bkrume a{
color:#888;
}

#main p.bkrume a:hover{
color:#f49e00;
}

#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:0em 0 1em -1%;
width:99.5%;
}

#main ul.social li{
float:left;
display:inline;
list-style-type:none;
width:10%;
margin:0 2% 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:100%;
width:95%;
padding:.4em 0 .2em 3em;
}

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

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

#main ul.social li.instagram a{margin-right:2.5em;padding-left:2.5em;background:#E7602D url(/wp-content/themes/business-html5/bild/instagram.png) no-repeat 4px center;}
#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5/bild/facebook.gif) no-repeat 4px center;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5/bild/twitter.gif) no-repeat 4px center;}
#main ul.social li.newsletter a{background:#f49e00 url(/wp-content/themes/business-html5/bild/email.gif) no-repeat 4px center;}
#main ul.social li.google a{background:#C63E24 url(/wp-content/themes/business-html5/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:85%;
margin:0;
padding:6px;
border:1px solid #ccc;
color:#666;
background:#fff url(/wp-content/themes/business-html5/bild/lupe.gif) no-repeat 98% 60%;
}

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


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


#main .werbungs a[href*="//"] { 
padding-left:0 !important; 
background:none !important;
}

#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:#333;
}

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

#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:#000;
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%;
}

#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:right;
display:inline;
width:31.25%;
margin:0;
padding:7.5% 2% 3% 4%;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#eee;
border:0;
}

aside h3{
font-size:110%;
}

aside .box {
margin:0 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;
border:0 !important;
}

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:bold;
color:#666;
font-size:95%;
}

aside ul li ul li a{
font-size:100%;
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:#555;
}

aside .blogroll_widget_rss ul li a,
aside .widget_rss ul li a{
}

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 .blogroll_widget_rss{
margin-top:5em !important;
padding-top:0px;
/*background:transparent url(/wp-content/themes/business-html5/bild/singen-stimme-aktuell.jpg) no-repeat 0 0;*/
}

aside .tagcloud{
width:100%;
overlay:none;
}

aside .tagcloud a{
display:inline-block;
margin-right:.6em;
color:#666;
text-decoration:none;
}

aside .tagcloud a:hover{
color:#f49e00 !important;
text-decoration:underline;
}

aside ul li a,
body.blog aside ul li a{
font-weight:normal;	
}

aside  ul li:before,
body.page-ausbildung-fortbildungen aside ul li ul li:before,
body.blog aside  ul li:before,
body.page-kategorien aside ul li ul li:before,
body.single-event aside ul li ul li:before{ 
content: ">";
padding-right:.5em !important; 
color:#666;
}

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

body.page-ausbildung-fortbildungen aside ul li:before,
body.page-kategorien aside ul li:before,
body.single-event aside ul li:before{
content: " ";
padding-right:0em !important; 
}

body.page-ausbildung-fortbildungen aside ul li a,
body.page-kategorien aside ul li a,
body.single-event aside ul li a{
font-size:110%;
font-weight:bold !important;	
margin-bottom:.3em;
display:inline-block;
color:#333;
}

body.page-ausbildung-fortbildungen aside ul li ul li a,
body.page-kategorien aside ul li ul li a,
body.single-event aside ul li ul li a{
font-size:100%;
font-weight:normal !important;	
margin-bottom:0;
color:#666;
}

body.page-ausbildung-fortbildungen aside ul li ul,
body.page-kategorien aside ul li ul,
body.single-event aside ul li ul {
margin-left:0em; 
}

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


#footer{
width:100%;
background:#eee;
}

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

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

#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.3em;
width:100%;
}

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

#footerbox .box ul li a:hover{
text-decoration:underline;
color:#f49e00;
}

#footerbox .box ul li.current_page_item a{
font-weight:normal !important;	
}

#footerbox .box ul li ul{
padding:0;
}
	
#fuss{
clear:both;
margin:0em auto;
padding:1em 0;
font-size:.9em;
text-align:center;
width:92%;
color:#aaa;
}

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

#fuss a:hover{
color:#333 !important;
text-decoration:underline;
}

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

#fuss span.projekt{
display:block;
}

.clear{
clear:both;
}

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


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

#main .entryblock div{
margin:0 auto;
text-align:center;
width:96%;
margin:0 1.5% 4%;
border:1px solid #ccc;
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); 
height:17%;
}

#main .entryblock div:hover{
background:#ccc;
background-image: -webkit-linear-gradient(top, #888, #fff); 
background-image: -o-linear-gradient(top, #888, #fff); 
background-image: linear-gradient(top, #888, #fff); 
background-image: -moz-linear-gradient(top, #888, #fff); 
}

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

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

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

#main .entryblock a{
border:0;
}

#main .entryblock p{
width:96%;
text-align:left;
margin:1% 2.5% 2%;
line-height:130%;
font-size:90%;
}

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

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

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

#main .entryblock2 h3{
float:left;
display:inline;
margin:0 0 0 3%;
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 0 0 3%;
padding:0%;
font-size:90%;
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;
}

body.page-ausbildung-fortbildungen #main ul li.Events{
display:none!important;
}

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


/* 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,aside,footerbox{width:100% !important;}

#kopf {
width:96% !important;
padding:0 4% !important;
}

#kopf img{width:200px;}

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;
}	

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:95.5%;
position: relative;
text-align:left;
padding:0.5% 0% 0.5% 4.5%;
line-height:2em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
}

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

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

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

#main .entryblock2 h3{
margin-left:1%;
}

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

#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{margin-top:-1% !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 .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.instagram a{margin-right:2em;background:#E7602D url(/wp-content/themes/business-html5/bild/instagram.png) no-repeat 50% 50%;}
#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5/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/bild/google.gif) no-repeat 50% 50%;}

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

#footerbox{
padding:0 3%;
}

#footerbox .box{
width:97% !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,aside,#footerbox{width:100% !important;}

#kopf {
width:96% !important;
padding:0 4% !important;
}

#kopf img{width:200px;}

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:110%;
padding:0 5% !important;
background:#e5e5e5;
}	

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:95.5%;
position: relative;
text-align:left;
padding:.5% 0% .5% 4.5%;
line-height:1.8em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:1.2em;
}

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

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

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

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

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

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

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

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

#main{margin-top:-2% !important;}

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

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

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.instagram a{margin-right:2em;background:#E7602D url(/wp-content/themes/business-html5/bild/instagram.png) no-repeat 50% 50%;}
#main ul.social li.facebook a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter a{background:#00ABF0 url(/wp-content/themes/business-html5/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/bild/email.gif) no-repeat 50% 50%;}
#main ul.social li.google a{background:#C63E24 url(/wp-content/themes/business-html5/bild/google.gif) no-repeat 50% 50%;}

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

#footerbox{
padding:0 3%;
}

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

#footerbox .box,
#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,aside,#footerbox{width:100% !important;}

#kopf {
Width:96% !important;
padding:0 4% !important;
}

#kopf img{width:200px;}

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;
}	

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%;
position: relative;
text-align:left;
padding-left:4%;
padding:0.5% 0% 0.5% 4%;
line-height:1.8em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:120%;
display:none !important;
}

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

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

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

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

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

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

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

#main{margin-top:-2.5% !important;}

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

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


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.instagram a{margin-right:2em;background:#E7602D url(/wp-content/themes/business-html5/bild/instagram.png) no-repeat 50% 50%;}
#main ul.social li.facebook   a{margin-right:2em;background:#3C599B url(/wp-content/themes/business-html5/bild/facebook.gif) no-repeat 50% 50%;}
#main ul.social li.twitter    a{background:#00ABF0 url(/wp-content/themes/business-html5/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/bild/email.gif) no-repeat 50% 50%;}
#main ul.social li.google     a{background:#C63E24 url(/wp-content/themes/business-html5/bild/google.gif) no-repeat 50% 50%;}

#footerbox{
padding:0 3%;
}

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

#footerbox #text-6,
#footerbox #nav_menu-29,
#footerbox #categories-3{
clear:both;
}

body.home #main .g {
margin:0 0% 2em .5em;
}

}

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


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

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

#seite,#blatt,#main,aside,#footerbox{width:100% !important;}

#kopf {
Width:96% !important;
padding:0 4% !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;
}	

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%;
position: relative;
text-align:left;
padding-left:4%;
padding:0.5% 0% 0.5% 4%;
line-height:1.8em;
border:1px solid #333;
border-left:0;
color:#fff;
font-weight:bold;
text-decoration:none;
font-size:120%;
}

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


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

#main{
width:100% !important;
}

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

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

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

#main .entryblock2 p{
margin-left:1.5%;
}

#main .entryblock2 h3{
float:none;
margin-left:1%;
margin-right:1.5%;
font-size:90%;
}

#main{margin-top:-2.5% !important;}

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


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{
padding:0 3%;
}

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

#footerbox #text-6,
#footerbox #nav_menu-29,
#footerbox #categories-3{
clear:both;
}

}


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



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


@media only screen and (min-width : 1140px) {
#seite,
#blatt{width:76.5em !important;  }
#main{width:67% !important;}
aside{width:33% !important;}

/* Version 100% - Content Mitte */

#seite  {width:100% !important; margin:0 auto !important; text-align:center; }
#blatt  {float:none; display:block; margin:0 auto !important; text-align:center; }
#kopf   {float:none; width:76.5em !important; margin:0 auto !important; text-align:center; }
#footer {background:#ccc; margin:0 auto !important; text-align:center; }
#footerbox {float:none; width:76.5em !important; margin:0 auto !important; text-align:center; }

.menu-header{float:none; width:76.5em !important; margin:0 auto !important; text-align:center;}
nav ul{float:none; width:76.5em !important; margin:0 auto !important; text-align:center; }
nav ul li:hover ul{width:300px !important;} 
nav ul li a {line-height:2.6em;}
nav ul li:hover ul{top:35px;}

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


#main .entryblock div{
height:18em;
}

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

#main .entryblock2 p,
#main .entryblock2 h3{
float:left;
margin-left:1.5%;
}

body.home #main ul.social li{width:7.5%;margin:0 1.3% 0;}
body.home #main ul.social li.suche{width:65%;}
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 -.5%;}


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

#fuss span{display:block;}

#footerbox #nav_menu-29{
clear:both;
}	
	
}


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


#footerbox{background:#ccc;}


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

body.home aside{display:none;}
body.home #main{width:100% !important;}


aside{
background:#e5e5e5;
}

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

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;
}

body.home #main .werbungs{
width:100%;
float:left;
display:inline-block;
}

body.home #main .g {
float:left;
clear:none;
display:inline-block;
width:47.5% !important;
margin:0 1% 2em .5em;
border:1px solid #ccc;
}

body.home #main .g img{
float:left;
display:inline-block;
}

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

#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:80%;
}

#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 a:hover{
color:#333;
}

#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{
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;
}

#main .border{
border:1px solid #ccc !important;
}


nav a#pull {
display:none !important;
}

#main .menu-header{
width:100% !important;
text-align:left;
}

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

@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;
}

body.home #main .g {width:94% !important;}
body.home #main .g img{max-width:100% !important;height:auto;}

}



#wpcontent_slider a img{
float:left;
display:inline;
}

aside .widget_archive label{
display:none;
}

#main form input.agb,
#main form .anmeldung label input{
width:30px;
float:left;
display:inline-block;	
}

#main form .anmeldung select{
background:#fff;
padding:4px;
border:1px solid #ccc;
width:51.5%;
}

#main form .anmeldung label{
float:left;
display:inline-block;
}

#main form .anmeldung .wpcf7-list-item{
width:100% !important;
}

#main form .wpcf7-checkbox input{
width:30px !important;	
}

#main p.webann{
}

#main .a-6 a{
clear:both;
border:0 !important;
background:0 !important;
}

#main span.hinweis small{
color:#f60 !important;
}

#main .metaslider a{
border:0 !important;
}

#main .tabelle{
margin:0 0 2em;
display: table;
width: 100%;
height: 100%;
}

#main .tabelle div.spalte{
display: table-cell;
width:24%;
padding:0 1% 1% 0;
}

#main .tabelle div.spalte2{
display: table-cell;
width:74%;
padding:0 1% 1% 0;
}

#main .tabelle > div {
display: table-row;
}

#main blockquote.kontakt{
border:3px double #ccc !important;
border-width:3px 0 !important;
margin:1em 0 3em;
background:#f5f5f5 !important;
}

#main blockquote.apkontakt{
border:3px double #f49e00 !important;
border-width:3px 0 !important;
margin:1em 0 3em;
background:#fcf6ea !important;
}

#main blockquote.apkontakt div{
float:right;
display:block;
width:75%;
}

#main blockquote.apkontakt div h3{
margin-top:.5em;
}

#main blockquote.apkontakt hr{
clear:both;	
}	

#main .achtsamkeit img{
width:48% !important;
margin-right:2% !important;
}

#main .achtsamkeit a:hover img.acht,
#main .achtsamkeit a img.achtgrau{
display:block !important;
}

#main .achtsamkeit a img.acht,
#main .achtsamkeit a:hover img.achtgrau{
display:none !important;
}