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

agentur einfachpersoenlich
   (c) 2018 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:2em;
font:85%/1.6em "trebuchet MS", arial, verdana, arial, sans-serif;
color:#333;
/*
background: linear-gradient(top, #02399e 0%, #012780 100%, #012780 100%); 
background: -moz-linear-gradient(top, #02399e 0%, #012780 100%, #012780 100%); 
background: -webkit-linear-gradient(top, #02399e 0%, #012780 100%, #012780 100%); 
background: -ms-linear-gradient(top, #02399e 0%, #012780 100%, #012780 100%); 
background: -o-linear-gradient(top, #02399e 0%, #012780 100%, #012780 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#02399e, endColorstr=#012780,GradientType=1);
*/
background:#666 url('/wp-content/themes/business-html5/bild/bg2.png') repeat 0 0;
}

a{
color:#36c;
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-weight:bold;
color:#333;
text-rendering: optimizeLegibility;
line-height:1.3em;
}	

h1 {
margin: 0 0 1em;
font-size: 140%;
color:#e2001a;
}

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

h3 {
margin: 0 0 .5em;
font-size: 110%;
clear:both;
color:#e2001a;
}

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

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

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

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

/*
body{
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

h1 {
word-wrap:break-word;
}
*/

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

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

#blatt{
float:left;
display:inline;
padding:0%;
width:100%;
-moz-box-shadow: 0 0 15px 5px #333;
-webkit-box-shadow: 0 0 15px 5px #333;
box-shadow: 0 0 15px 5px #333;
background:#fff;
}


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

header{
float:left;
display:inline;
width:100%;
overflow:hidden;
background:#fff url('/bilder/header5-pm-hairlounge-1.png') repeat 0 0;
}

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

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

/*
header h1 img{
float:left;
display:inline;
max-width:100%;
height:auto;
}
*/

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

nav{
float:left;
display:inline;
width:100%;
background:#e2001a url('/wp-content/themes/business-html5/bild/menu.jpg') repeat-x 0 0;
position: relative;
margin:0;
}

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

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

nav ul li a{
display:block;
text-align:left;
line-height:2.2em;
font-size:110%;
width:92.3%;
padding:0 4%;
color:#fff;
background:#e5e5e5;
text-decoration:none;
}

nav ul li ul li a{
color:#333;
}

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

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

nav a#pull {
float:left;
display:block;
background:#e2001a;
width:96%;
position: relative;
text-align:left;
padding-left:4%;
padding:0.5% 0% 0.5% 4%;
line-height:1.8em;
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;
}

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


#content{
float:left;
display:inline;
background:#fff url(/wp-content/themes/business-html5/bild/nav.jpg) repeat-y -32px 0;
background:#fff url(/wp-content/themes/business-html5/bild/nav.jpg) repeat-y -55px 0;
}

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

#main{
float:right;
display:inline;
margin:0;
padding:3em 0;
text-align:left;
overflow:hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}

#main{
margin:0 3em 0 0;
}

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

#main .box{
margin:0 0 1em;
}

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

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

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

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

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

#main ul{
float:left;
display:inline-block;
margin:0 1.5em 1em;
}

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

#main ol{
float:left;
display:inline-block;
margin:0 1.5em 1em;
list-style-type:decimal;
}

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

#main strong{
font-weight:bold;
}

#main blockquote{
margin:2em;
padding:1em 2em 0;
background:#eee;
border:1px solid #ccc;
font-size:1.2em;
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 form#commentform textarea{
width:90%;
display:block;
}

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

#main p.date{
padding:0 0 .5em;
color:#666;
}

#main p.date a{
color:#666;
}

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

#main input,
#main textarea{
width:50%;
padding:4px;
font-size:1em;
font-family: verdana, sans-serif;
border:1px solid #ccc;
}

#main input.wpcf7-submit{
width:30%;
}

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

aside{
float:left;
display:inline;
width:31.25%;
width:27.6% !important;
margin:0% 0 0 ;
padding:3em 3% 3%;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:0;
background:#f1e2d0;
}

aside h3{
font-size:130%;
}

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

aside ul{
margin:0;
}

aside ul li a{
border:0;
font-weight:normal;
color:#666;
font-size:100%;
}

aside ul li a::before { 
content: "\00BB  ";
}

aside ul li ul li a{
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:#e2001a !important;
}

aside ul li ul{
margin:0 0 0 1.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 a{
border:0;
text-decoration:none;
}

aside p,
aside p a{
color:#666;
}


aside .blogroll_widget_rss{
margin-top:5em !important;
background:transparent url(/wp-includes/images/rss.png) no-repeat 0 5px;
}

aside .blogroll_widget_rss h3{
padding-left:20px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

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-size:110% !important;
}

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

aside .widget_tag_cloud a{
color:#666;
font-family:arial, verdana, arial, sans-serif;
text-decoration:none;
}

aside .widget_tag_cloud a:hover{
color:#e2001a;
text-decoration:underline;
}

aside strong{
width:4em;
display:inline-block;
}

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

#footerbox{
float:left;
display:inline;
width:100%;
height:340px;
margin:0;
padding:3% 0%;
background:#da251c url('/wp-content/themes/business-html5/bild/footer.jpg') repeat-x 0 0;
color:#333;
}

#footerbox .box{
float:left;
display:inline;
margin:0 0 0 3%;
padding:0;
width:29%;
text-align:left;
}

#footerbox #text-2{
width:60% !important;
}

#footerbox .box h3,
#footerbox .box h3 a{
color:#333;
}

#footerbox .box .textwidget,
#footerbox .box .textwidget a,
#footerbox .box ul li,
#footerbox .box ul li a{
color:#fff;
text-decoration:none;
}

#footerbox .box p.kontakt{
color:#333;
}

#footerbox .box p.kontakt a{
color:#333;
text-decoration:underline;
}

#footerbox .box a:hover{
color:#fff;
text-decoration:underline;
}

#footerbox .box strong{
color:#333;
font-weight:bold;
}

#footerbox .box  strong.zeit{
color:#fff;
width:4em;
display:inline-block;
}

#footerbox iframe{
margin:0 0 1em;
width:580px;
height:290px;
}

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

#fuss{
clear:both;
margin:0em auto;
padding:1em 0;
font-size:.9em;
text-align:center;
width:98%;
color:#333;
}

#fuss a{
color:#333;
text-decoration:none;
}

#fuss a.projekt{
color:#333;
}

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

.clear{
clear:both;
}


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

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

#nav,
#content{width:100%;}
#seite{width:72em;}
#main{width:62%}
aside{width:30%}
#fuss p,
nav a#pull{display:none;}

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

nav ul {
float:left;
display: inline;
margin:0 auto;
padding:0 0 0 1.5%;
border:0;
}

nav ul li {
float:left;
display:inline;
border:0;
width:auto;
}

nav li a{
float:left;
display:block;
border:0;
text-decoration:none;
color:#fff;
background:transparent !important;
font-size:100%;
padding:.2em 1em !important;
width:auto !important;
}	

nav ul li:hover ul{
float:left;
text-align:left;
display:block !important;
position:absolute;
top:38px;
left:0px;
padding:0;
width:285px;
border:1px solid #666;
border-width:0 1px 1px;
z-index:10;
}

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 !important; 
width:272px !important;
padding:0 0 0 5% !important;
color:#333;
}

nav ul li ul li a:hover{
background:#dedede !important;
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 !important;
}

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




*********Zusatz**********/


#main iframe{
margin:0 0 1em;
max-width:100%;
}

#main .gallery-item{
text-align:left !important;
width:30% !important;
}

#main .gallery-item img{
padding:4px;
border:1px solid #ccc;
}

#main .gallery-size-medium{
flaot:left;
display:inline-block;
margin-bottom:1em;
}


#main .gallery-size-medium .gallery-item{
flaot:left;
display:inline-block;
margin-right:1.2em;
}

#main .gally img{
margin:0 !important;
}