html {
overflow-y:scroll;
height:100%;
}

*{
padding: 0px;
margin: 0px;
}
ul,ol{/* ook van invloed op weergave in edit-venster van Tiny MCE */
padding-left:14px;
}

#menu_1,
#menu_1 ul,
#socialmedia img
#midfield,
#boxLeft,
#content{ 
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}


a:link, a:active,a:visited {
text-decoration: none;
}

a{
outline: none; /* om stippellijntjes rondom de gelinkte afbeelding in firefox tegen te gaan */
}

img{
border:0;
}

body{
height:100%;
color:#0d526f;
background-color:#faf3d9;
}

/*FONT-FAMILIES:*/
body{
font-family:arial,helvetica,sans-serif;    
}
#content{
font-family:georgia,times,serif;  
}

h1,
h2,
h3,
h4,
h5,
h6,
.movieheader,
.moviefootnote
{
font-family:arial,verdana,sans-serif;
font-weight:normal;
}
h1,
h2
{
margin-top:20px;
margin-bottom:10px;
}
h3{
margin-top:26px;
margin-bottom:12px;
font-size:18px;
font-weight:bold;
}
h4{
margin-top:16px;
margin-bottom:8px;
font-weight:bold;
}
h5{
margin-top:16px;
margin-bottom:-18px;
font-weight:bold;
}

/*FONT-COLORS:*/
body,
textcolor_1{
color:#444;
}
.textcolor_2,
div#menu_2>ul a
{
color:#2c5125;
}
.textcolor_3,
#menuwrapper_1 a,
.highslide-caption
{
color:#e4ebef;
}

.clearBoth{
clear:both;
}

#boxTop,
#boxMid,
#boxBottom
{
width:100%;
min-width:800px;
background-repeat:no-repeat;
background-position:center top;
}
#boxTop{
position:relative;
height:747px;
background-image:url(../../files/bgpics/achtergrond_01.png);
}
#boxMid{/*the one that is expanding with its content when content div has position set to relative */
position:relative;
min-height:117px; /* = #boxBottom.height + #boxBottom.bottom */
background-image:url(../../files/bgpics/achtergrond_02.png);
background-repeat:repeat-y;
}

#boxBottom{
position:absolute;
bottom:0px;
height:117px;
background-image:url(../../files/bgpics/achtergrond_03.png);
}

#topbanner,#menu_1,#midfield,#footer{
z-index:4;
position:relative;
margin-left:auto;
margin-right:auto;
width:800px;   
}

#topbanner{
height:132px;
padding-top:6px;
padding-bottom:18px;
}
#topbanner *{
margin-left:50px;
}
#topbanner h1{
font-size:48px;
}
#topbanner h2{
margin-top:22px;
font-size:16px;
}

#logo{
position:absolute;
right:16px;
top:14px;
width:153px;
height:147px;
background-image:url(../../files/bgpics/logoDoulaPraktijkGroningen_boven.png);
background-repeat:no-repeat;
}

#menuwrapper_1{
position:relative;
margin-right:auto;
margin-left:auto;
width:100%;
max-width:1616px;
height:34px;
padding-top:4px;
font-size:16px;
background-color:#35632b
}

#menu_1>span{
margin-left:30px;
}

#socialmedia{
position:relative;
z-index:6;
float:right;
padding-top:3px;
margin-right:2px;
}
#socialmedia img{
float:right;
width:26px;
height:26px;
padding-right:10px;
}

#socialmedia span.sText{
float:right;
font-size:6px;
}

#midfield div.bottombuffer{
clear:both;
height:100px;/*dient als margin-bottom voor #boxLeft en #content*/
}

#boxLeft{
position:relative;
float:left;
width:26.5%;
margin-bottom:150px;
}
#boxLeft>*{
margin-left:9px;
}

#leftimagebox{
position:relative;
min-height:141px;
}
#leftimagebox img{
width:203px;
}

#menu_2{
position:relative;
z-index:3;
margin-top:20px;
margin-left:46px;
}

#content{
z-index:3;
position:relative;
float:left;
margin-left:2%;
width:66%;
min-height:605px;
margin-bottom:4px;
}
#content img{
margin-top:4px;
margin-left:10px;
margin-bottom:2px;
margin-right:10px;
}

.witregelerboven{
margin-top:16px;
}
.witregeleronder{
margin-bottom:16px;
}
#content .geenlinkermarge{
margin-left:0px;
}
#content .geenrechtermarge{
margin-right:0px;
}

.moviewall{
position:relative;
margin-bottom:16px;
}
.movieheader{
font-weight:bold;
}
.moviefootnote{
text-align:right;
font-size:8px;
}

#bottomlogo{
position:absolute;
margin-left:26px;
bottom:16px;
width:158px;
height:153px;
background-image:url(../../files/bgpics/logoDoulaPraktijkGroningen_onder.png);
background-repeat:no-repeat;
}
#footer{
    position:relative;
    margin-top:34px;
    text-align:center;
    font-size:12px;
}
/* Stylesheet: doulapraktijkgroningen Modified On 2013-04-01 22:11:26 */
/* menuHorizontal.css */
#menu_1{
/* zie doulapraktijk.css */
}

div#menu_1>ul,
div#menu_1>ul li 
{
list-style-type: none;
margin: 0;
padding: 0;
}
div#menu_1>ul{
margin-left:20px;
}

div#menu_1>ul li {
float:left;
margin-right:26px;
padding: 0px;
}

div#menu_1>ul li a {
display:block;
padding-top:6px;
padding-bottom:6px;
text-align:center;
}
div#menu_1>ul li a.menuactive{
cursor:text;
}
div#menu_1>ul li a.menuparent{
cursor:pointer;
}

div#menu_1>ul li a:hover {
/*color:#fe6f1d;*/
}
div#menu_1>ul li a.menuactive {
color:#fe6f1d;
}
div#menu_1>ul li a.menuactive:hover {
/*cursor:text;*/
}
/* Stylesheet: menuHorizontal Modified On 2013-03-23 11:06:02 */
/*menuVertical.css*/
#menu_2{
/* zie doulapraktijk.css */
}

#parenttitle{
margin-bottom:16px;
font-size:120%;
font-weight:bold;
}
div#menu_2>ul{
list-style:none;
margin: 0px;
padding: 0px;
width: 100%;
}
div#menu_2>ul li{
margin-left:0px;
margin-bottom:16px;
}

div#menu_2>ul a{
    /*color:#2b5c77;*/
}
div#menu_2>ul li a.menuactive{
cursor:text;
}

div#menu_2>ul li a:hover {
/*color:#669;*/
}
div#menu_2>ul li a.menuactive {
color:#aa5f36;
}
div#menu_2>ul li a.menuactive:hover {
/*cursor:text;*/
}
/* Stylesheet: menuVertical Modified On 2013-03-22 17:24:56 */
