/* style.css (c) 2012 Hactotum */
@font-face { font-family: DejaVu Sans; src: url(DejaVuSans.ttf) format("truetype"); }
@font-face { font-family: DejaVu Sans Bold; src: url(DejaVuSans-Bold.ttf) format("truetype"); }

BODY { font-family: DejaVu Sans, Arial; font-size: 14px; background: #ddd; padding:10px 0 0 0; margin: 0; color: #000; }
H1, H2, H3 { font-family: DejaVu Sans Bold; font-size: 14px; font-weight: normal; margin: 0; padding: 2px 0px; letter-spacing: -2px; }
H1, H2, H3 { color: #000; }
H2, H3 { font-weight: bold; letter-spacing: -1px; }
DIV.clr { clear: both; height: 0px !important; width: 0px !important; }

#lang_selector_wrap { display: block; width: 80%; margin-left: auto; margin-right: auto; }

#header_wrap { width: 100%; }


#content_wrap {
        min-height: 50%;
}

#content { 
	min-height: 50%;
}

#main_menu_wrap {
	margin-right: 15%;
}
	
#menu_wrap, #main_menu_wrap {
	width: 80%;
}

#main_content_wrap 
{
	width:85%; 
	padding: 0 0 0 15%;
}



#header_wrap #header { height: auto; width: 100%; padding: 0px; }
#header_wrap #header h1 { font-size: 23px; text-align: center; }

#menu_wrap { padding-left: 15%; }
#menu_wrap #menu { font-weight: bold; }
#menu_wrap #menu,
#menu_wrap #menu li { list-style-type: none; padding: 0; margin: 0; float: left; }
#menu_wrap #menu li a { color: inherit; text-decoration: none; display: inline-block; padding: 5px; margin-right: 2px; }
#menu_wrap #menu li a:hover { background: white; text-decoration: none; color: #000; }
#menu_wrap #menu li.active a { background-color: white; }
#menu_wrap #menu { margin-top: 2px; margin-bottom: 0px; }

#menu_wrap #menu li { box-shadow: 5px 5px 5px rgba(128,128,128,1.0); background: #ccc; margin-right:10px; }
#content_wrap { width: 100%; }

#content_wrap #content {
	padding: 25px 30% 30px 25px;
	background: none repeat scroll 0 0 white;
	border-radius: 10px 0 0 50px;
	margin-bottom: 100px;
	margin-top: 50px;
	min-height: 180px;
	box-shadow: -5px 5px 5px rgba(128,128,128,0.5);
}

#footer_wrap { width: 20%; margin-left: auto; margin-right: auto; 
	background: white;
	box-shadow: 5px 5px 5px #999;
	border-radius: 5px;
	padding: 5px; /*border: 1px solid black;*/
	margin-top: 50px;
}

#footer_wrap #footer { text-align: center; font-size: 8px; }
#footer_wrap #footer a { text-decoration:none; color: black; }


div#lang_selector { float: right; }
div#lang_selector span { display: inline-block; height: 16px; width: 24px; margin-right: 5px; margin-top: 5px; }
div#lang_selector a span { opacity: 0.2; }
div#lang_selector a.active span { opacity: 0.8; }

div#lang_selector span.default { background: url("flag_default.png") no-repeat 50% 50% transparent; }
div#lang_selector span.nl { background: url("flag_nl.png") no-repeat 50% 50% transparent; }
div#lang_selector span.nl-be { background: url("flag_nl-be.png") no-repeat 50% 50% transparent; }



DIV.pager { padding-top:5px; padding-bottom:5px;}

DIV.pager span {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px; margin-right: 2px;
    display: inline-block;
    border: 1px solid #ddd;
}
DIV.pager a:hover span { background: #ccc; }
DIV.pager a { font-size: inherit; }

DIV.pager span.active {
    font-weight: bold;
}

DIV.pager span.inactive {
    color: #ddd;
}