/*  
Theme Name: BISonder
Author: Winy Schalke
Author URI: http://www.alva-design.com/

*/


/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var{ font-style : normal; font-weight : normal; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

a:link, a:visited { 
text-decoration : none; }



/* layout.css */

html 	{ text-align : center;  
background-color : #cdc9c4;}

body { 
position: relative;
width : 750px; 
margin : 40px auto 0 auto; 
text-align : left; 
}




div#branding {
height : 60px;
background : #645a50; 
}

div#branding img {
_margin-bottom: -10px;

}



/* Begin Navigation Elements */


#nav {padding: 0; margin: 0;}
#nav, #nav ul {text-align: left; font-size: 1.1em; z-index: 8;}
#nav li {float: left; padding: 0; margin: 0; width: 150px;}
#nav a {border-right: 2px solid #645a50; display: block; line-height: 30px; padding: 0 10px; color: #fff; text-decoration: none; background: #988f86;}
#nav li.page-item-8 a {border-right: 0;}
#nav a:hover {color: #fff; background: #B3D239;}
#nav li ul {margin: 0; padding: 0; font-size: .8em; border: 0; background: #fff; position: absolute; left: -999em; height: 30px; width: 150px;}
#nav li li {width: 148px; margin: 0;}
#nav li ul a {color: #000; background: #cdc9c4; border-right: 0; border-top: 2px solid #fff; margin: 0;}
#nav li ul a:hover {border-left: 0;}
#nav li:hover, #nav li.hover {
    position: static;
}
#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul  {left: auto;}
#nav li ul ul {display: none; height: 0;}

body.buro #nav li.page-item-2 a {
background-color: #fff; color: #000;}
body.buro #nav li.page-item-2 a:hover {background-color: #B3D239; color: #fff;}
body.buro #nav li.page-item-2 ul a {color: #000; background: #cdc9c4; }
body.buro #nav li.page-item-2 ul a:hover {color: #fff; background: #B3D239; }

body.interieur #nav li.page-item-3 a {background-color: #fff; color: #000;}
body.interieur #nav li.page-item-3 a:hover {background-color: #B3D239; color: #fff;}
body.interieur #nav li.page-item-3 ul a {color: #000; background: #cdc9c4; }
body.interieur #nav li.page-item-3 ul a:hover {color: #fff; background: #B3D239; }

body.landschap #nav li.page-item-6 a {background-color: #fff; color: #000;}
body.landschap #nav li.page-item-6 a:hover {background-color: #B3D239; color: #fff;}
body.landschap #nav li.page-item-6 ul a {color: #000; background: #cdc9c4; }
body.landschap #nav li.page-item-6 ul a:hover {color: #fff; background: #B3D239; }

body.textiel #nav li.page-item-7 a {background-color: #fff; color: #000;}
body.textiel #nav li.page-item-7 a:hover {background-color: #B3D239; color: #fff;}
body.textiel #nav li.page-item-7 ul a {color: #000; background: #cdc9c4; }
body.textiel #nav li.page-item-7 ul a:hover {color: #fff; background: #B3D239; }

body.info #nav li.page-item-8 a {background-color: #fff; color: #000;}
body.info #nav li.page-item-8 a:hover {background-color: #B3D239; color: #fff;}
body.info #nav li.page-item-8 ul a {color: #000; background: #cdc9c4; }
body.info #nav li.page-item-8 ul a:hover {color: #fff; background: #B3D239; }






/* End Navigation Elements */


/* submenu en main content */







div#content_main {
background-color: #fff;
min-height: 400px;
/* ie hack */
_height: 400px;
padding: 60px 40px 10px 300px;
_padding: 30px 40px 10px 300px;
}

body.home div#content_main {padding-left: 69px; }

div.entry {
position: relative;
}

body.home div.entry {
margin-top: 60px;
}

div.entry img {
position: absolute;
left: -250px;
top: 0;
}



body.home div.entry img {position: relative; left: 0; border: 2px solid #fff;}


div.ngg-galleryoverview {
width: 210px;
position: absolute;
left: -250px;
top: 0;
}

div.ngg-galleryoverview img {
position: relative; left: 0;
display: block;
float: left;
width: 60px;
height: 60px;
margin: 0 8px 10px 0;
border: 1px solid #988f86;}


/* colofon */

div#site_info {
text-align: right;
font-size: 90%;
padding: .2em 10px;
background: #988f86;}

div#site_info h5, div#site_info p, div#site_info a { 
display: inline;
color: #fff;
margin: 0;}
div#site_info p { 
margin-left: .5em;
}



/* typography.css */

body { 
font : 76%/1.5 "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", Verdana, sans-serif; color : #333; }

h1 { 
display: none; }



h2, h3 { 
font-weight : bold; 
}

p { 
font-size : 100%; 
margin-bottom: 1em;
}


h2 { 
font-size: 140%;
margin-top: 0;
margin-bottom: 1.4em;
color: #645950;
}

body.home h2.firstheading {
display: none;
}


h3 { 
font-size: 110% ;
margin-top: 1em;
color: #950BB7;
}

div.entry a:link {font-weight: bold; color: #96AD21;}
div.entry a:hover {text-decoration: underline;}
div.entry a:visited {font-weight: bold; color: #5B6C05;}


