/*
Theme Name: Podologie-Oss
Theme URI: http://www.albuswebdesign.nl
Description: Custom Podologie-Oss Theme
Author: Albus Webdesign
Author URI: http://www.albuswebdesign.nl
Version: 1.0
License: Theme license by Albus Webdesign 2012
*/

@charset "utf-8";
/* CSS Document Albus Webdesign */

* { margin: 0; padding: 0}
/* html {background: black url(images/bg.jpg);} /* de achtergrond wordt grijs plaatje behalve als plaatje niet gevonden wordt dan zwart */ 

html {background-color:#999999;} /* de achtergrond wordt kleur grijs */

body { font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; color: #5B5F60;}
/* font-size = 10px want rekent makkelijk met em bijv 1.2 em is 12px*/
.clear { clear: both; }
img { border:none; }

p {
 font-size: 1.2em; 
 color:#5B5F60; 
 line-height: 1.6em; 
/* padding-bottom: 1.2em;  = onder paragraaf een ruimte */
 }

h1 { font-size: 1.4em; color:#5B5F60; font-weight: bold; line-height: 1.4em;}
h2 { font-size: 1.2em; color:#5B5F60; font-weight: bold; line-height: 1.4em;}
h3 { font-size: 1.2em; color:#FE9900; font-weight: bold; line-height: 1.4em;}
h4, h5 { font-size: 1.2em; color:#5B5F60; font-weight: bold; }


/* specifieke WordPress aanpassingen */
.entry-title {display:none;} /* geen pagina titels laten zien */
.post-5 {padding-left: -10px;}
.breadcrumb { padding-top: 20px; padding-bottom: 20px; font-size: 1.2em!important; font-weight:bold; color:#FF9900; }
/* specifieke WordPress aanpassingen */


/*============================== PAGE WRAPPER = BEGIN GEHELE PAGINA OPMAAK ===============================*/

/* begin nu met CONTAINER: de hoofd pagina waar binnen van alles wordt gestyled ; 980px breed; top 30px; links/rechts auto; bottom 30px; en een plaatje links van oranje/grijs voor de sidebar */
#container { 
 width: 1100px; 
 margin: 30px auto 30px; 
 background-color: #5B5F60; 
 background: url(images/content-bg.png) left repeat-y #EEEEEE; /* background white instellen anders standaard transparant en dan loopt het niet netjes door tot einde pagina */
 } 

/*============================== KOP VAN DE PAGINA ===============================*/
#header { width: 903px; float: right; background-color: #FFF; border-bottom-color:#5B5F61; border-bottom-style:solid; border-bottom-width: 2px;} 

/*============================== lOGO ===============================*/
#logo { float: left; margin: 41px 0 0 46px; width: 291px; height: 79px; padding-bottom: 37px;} 

/*============================== SIDEBAR LINKS ===============================*/
#sidebar { float: left; width: 197px; } /* sidebar background-color achtergrondkleur opgeven hoeft niet want heeft zefde kleur als achtergrond zodat het lijkt dat de sidebar doorloopt */

/*============================== ADRES ===============================*/
#adres { font-size: 1.2em; color:#FFF; margin: 46px 0 0 23px; }

/*============================== HOOFDNAVIGATIE ===============================*/
/* zie http://css.flepstudio.org/en/css-tutorials/how-to-create-a-basic-vertical-css-dropdown-menu.html */

/* de hele box van het menu */
#navigation ul, #navigation ul, #navigation li { 
 padding:0;
 margin:0;
 }

#navigation {
 margin-top: 157px;
 /* 137px goed voor FF maar niet voor IE */
 }

#navigation ul {
 margin-right: 5px;
 }

#navigation ul li {
 margin-top: 2px;
 }

#navigation li{
 float: right;
 list-style: none;
 position: relative;
 width:120px;
 height: 30px;
 padding:0 20px;
 background-color: white;
 line-height: 30px;
 cursor:pointer;
 } 

#navigation li a{
 font-size: 1.2em;
 text-decoration:none;
 color: black;
 } 

#navigation li a:hover{
 color: #CC6600;
 } 

#navigation ul ul{
 position: absolute;
 top:-2px;
 left:160px;
 visibility:hidden;
 } 

#navigation ul li:hover ul{
 visibility:visible;
 } 

#navigation li li {
 background: #666666;
 }

#navigation li li a {
 color: white;
 }
 
#navigation li li a:hover {
 color: #CC6600;
}
 
/*============================== LOGOKLEIN ===============================*/
#logoklein { clear: both; padding:84px 0 0 0;}

/*============================== CONTENT ===============================*/
.random-image { margin-left: -44px; margin-top: -38px; }
.center { text-align:center; }
/* plaatje in content en tekst gecentreerd */
/* #content { background-image:url(images/content_background.png); width: 763px; } */
/* #content p { color: #FFFFFF; text-align:center; } */

/* slider aanpassingen 2021 */
body.page .n2-section-smartslider {
    margin-left: -44px;
    margin-top: -38px;
    width: 903px;
}
/* slider aanpassingen 2021 */

#content_front { 
 float: right; 
 width: 826px;  
 padding: 150px 37px 100px 40px; /* padding-bottom 60px zodat plaatje doorloopt naar beneden */
 background-image:url(images/content_background.png);
 min-height: 475px; /* anders loopt bij te weinig tekst plaatje niet door */
 }

#content_front p { 
	font-size: 1.2em; 
	color:#5B5F60; 
	line-height: 1.6em; 
	padding-bottom: 1.2em;
	padding-right: 40px;
	}

#content_front a { color:#f78f1e; text-decoration: none; }
#content_front a:hover { color:#5B5F60; text-decoration: none; }

#content { float: right; width: 766px;  padding: 38px 93px 25px 44px; background-color:#EEEEEE; }
#content ul { padding-bottom: 1.2em; } /* onder opsommingslijstje een ruimte */
#content ul li { font-size: 1.2em; color:#5B5F60; margin:0 0 0 15px; line-height: 1.6em;}
#content a { color:#f78f1e; text-decoration: none; }
#content a:hover { color:#5B5F60; text-decoration: none; }
#content p { 	font-size: 1.2em; 	color:#5B5F60; 	}
#content p ul { font-size: 1.2em; color:#5B5F60;}

/*============================== PAGEVIEW PLUGIN ===============================*/
.pageview { border: 1px solid #F18600; } /* oranje rand bij pagina Vergoedingen */

/*============================== VOET VAN DE PAGINA ===============================*/
#footer {clear: both;width:1100px; height: 20px; margin: 0px; background-color:#5B5F60;}
#footer a { color: white; text-decoration: none;}
#footer a:hover {color: #F28100; text-decoration: none;}
#footer-copyright p {float:right; margin:1px 10px 3px 0px ;width:250px; color:#fff}

.alignright {float: right;}
.alignleft {float: left;}

/* aanpassingen 21-12-2017 tbv slider en update WP */
#content .theme-e404.slider-wrapper {
background: #989898;
}

#adres a{color:#fff; text-decoration:none;}