/*  
Theme Name: SFC 2
Author: Winy Schalke
Author URI: http://www.alva-design.com/

*/



/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td,img 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
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 :''; }


/* layout.css */

html 	{ text-align : center;  
background: url(images/bg-rood-geel-hor.gif) repeat-x 0 132px;
background-color : #fff;
height: 100%;

}

body { 
position: relative; width : 770px; 
margin : 0 auto; 
text-align : left;
height: 100%;
background: url(images/bg-geel-vert.gif) repeat-y 0 0;
}

/* tools */

ul#nav_tools {
position : absolute;
top : 3px;
left : 462px;
margin : 0;
padding: 0;
width : 40%; }

ul#nav_tools li {
display : inline;
border-right: 1px solid #666; 
}

ul#nav_tools li a {
font-weight: normal;
color: #666; 
padding : 0 .5em;
}
 
ul#nav_tools li a:hover {
color: #fff; 
background: #999;
}
 
ul#nav_tools li#nav_links a  {
padding-right : 0;
}

ul#nav_tools li#nav_links  {
border-right: 0;
}

div#branding {
position : relative; 
width: 308px;
height : 132px;
background: #fff;}

div#branding h1 {
position: absolute;
z-index: 100;
left: 0;
top: 0;
margin: 0;
padding: 0;
}

div#branding h1 a {
display: block;
background: url(images/sfc-logo.gif) no-repeat 77px 10px;
width: 308px;
height: 132px;
text-indent: -5000px;
}


/* baan met foto's */

#fotos-hor {
height: 154px;
}

/* hoofdmenu */

ul#nav_main { 
background : #c03; 
margin: 0;
padding: 0 0 0 154px;
height: 30px;
/* IE6 hack */
_margin-top: -5px;
}

ul#nav_main li { 
display: inline; 
float: left;  
width: 154px;
padding: 0;
}

ul#nav_main li a {
color : #fff; 
display : block;  
padding: 0 .5em;
border-left: 1px solid #fff;
height: 30px; 
line-height: 30px;
font-size: 1.5em;
font-weight: bold;
}

ul#nav_main li#advies a {
border-right: 1px solid #fff;
}

body.activiteiten ul#nav_main li#activiteiten a, body.over ul#nav_main li#over a, body.faciliteiten ul#nav_main li#faciliteiten a, body.advies ul#nav_main li#advies a {
color : #666; 
background: #ff0;
}

ul#nav_main li a:hover {
color: #fff; background: #999; }

/* submenu en main content */

#container {
overflow: hidden;
margin: 0; padding: 0;
width: 100%; 
background: url(images/bg-geel-vert.gif) repeat-y 0 0;
}

/* submenu */

ul#nav_sub { 
float: left; 
width: 154px;
margin: 0; padding: 0;
}

/* level 0, verborgen */

ul#nav_sub li {
margin: 0; padding: 0;
/* IE 6 en 7 hack */
display: inline;
}

ul#nav_sub li a { 
margin: 0;
padding: 0;
display: none;
}

/* level 1 */

ul#nav_sub li ul {
margin: 0; padding: 0;
border-bottom: 1px solid #333;
}

ul#nav_sub li li {
margin: 0; padding: 0;
/* ie hack */
float: left;
clear: left;
}

ul#nav_sub li li a {
width: 144px; 
display: block;
color: #666;
background: #ffc;
font-size: 110%; 
font-weight: bold;
height: auto;
line-height: 2em;
margin: 0 0 0 0;
padding: 0 0 0 10px;
border-bottom: 1px solid #333;
}

ul#nav_sub li li.page_item a:hover {
color: #fff; background: #999; 
}

ul#nav_sub li li.current_page_item a {
background: #ff0;
}



/* submenu level 2 */


ul#nav_sub li li ul { 
width: 154px; 
margin: 0;
}


ul#nav_sub li li li.page_item a {
display: block;
width: 154px; 
text-align: right;
background: #ffc;
font-size: 95%; 
font-weight: normal;
margin: 0 0 0 -10px; padding: 0 10px 0 0;
border-bottom: 0;}



ul#nav_sub li li li.current_page_item a {
background: #ff0;
}



div#content_main {
margin-left: 308px;
width : 462px; 
/* IE hack */
_width : 442px; 
padding : 1em 0; 
}








div#breadcrumbs {
font-weight: bold;
margin: 0 10px;
}
div#breadcrumbs a {
font-weight: normal;
} 
div#breadcrumbs a:hover {
text-decoration: underline;
 }





img.foto1 {
position: absolute; top: 316px; left: 154px; }
img.foto2 {
position: absolute; top: 470px; left: 154px; }
img.foto3 {
position: absolute; top: 624px; left: 154px; }
img.foto4 {
position: absolute; top: 778px; left: 154px; }
img.foto5 {
position: absolute; top: 932px; left: 154px; }
img.foto6 {
position: absolute; top: 1068px; left: 154px; }











/* colofon */

div#site_info {
font-size: 80%;
padding-top: 1em;
margin-left: 10px;
}

div#site_info h5, div#site_info p, div#site_info a { 
font-weight: normal; display: inline;
color: #666;
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; }

body#home h2 { 
display: none; }


a:link, a:visited { 
text-decoration : none; 
font-weight: bold;
color : #339;}


div#content_main h2, h3, h4, h5, p, ul, blockquote, table { 
margin : 0 10px; }

div#content_main h2 { 
font-weight : bold; 
font-size: 200% ; 
margin-top: 1em;
margin-bottom: 1em;
}


div#content_main h3 { 
font-weight : bold; 
color : #c03; 
font-size: 110% ;
margin-top: 1em;}

body#home div#content_main h3 { 
font-weight : bold; 
color : #333; 
font-size: 200% ;
margin-top: 1em;
margin-bottom: 1em;
}

body#home div#content_main h4 { 
font-weight : bold; 
color : #c03; 
font-size: 110% ;
margin-top: 1em;}

p { 
font-size : 100%; 
margin-bottom: 1em;
}

div#content_main ol, div#content_main ul { list-style : disc; 
margin: 0 0 1em 2em;}

div#content_main table {margin-bottom: 1em; border-collapse: collapse; border: 0;}

div#content_main td {padding: .25em 1em .25em 0 ; margin-left: -5px; margin-right: -5px; border-bottom: 1px solid #ccc; vertical-align: top;}

div#content_main td h3 {margin-left: 0; margin-top: 0;}

/* sitemap */

div.ddsg-wrapper h2, div.ddsg-wrapper p {
display: none;
}

div#content_main div.ddsg-wrapper ul {
list-style-type: none;
margin-left: 10px;
margin-bottom: 0;}

div#content_main div.ddsg-wrapper ul ul {
margin-left: 2em;
}


div#content_main div.ddsg-wrapper li li a {
font-weight: normal;
}

div.navigation {margin-top: 1em;}
div.navigation .alignright {float: right;}
div.navigation .alignleft {float: left;}

/* contact form 7 */

.wpcf7-form-control-wrap label {
	display:block;
}