/**
 *    Author            :    Gauke Pieter Sietzema, Sterc Concept
 *    Website            :    http://www.sterc.nl
 *    Contact            :    info@sterc.nl
 *  Created date    :    
 */

html, body {
    margin: 0;
    padding: 0;
    font: normal 11px/17px arial, sans-serif;
    color: #000;
}


div#container {
/*    position: absolute;*/
    width: 900px;
/*    margin-left: -450px;*/
/*    left: 50%;*/
	margin: 0 auto;
    border-top: 24px solid #df0025;
}

#header {
    margin-top: 1px;
    width: 707px;
    height: 313px;
    float: left;
}

    #header img {
        float: left;
        border: 0;
    }
    
#header_adresroute {
    margin-top: 1px;
    float: right;
    background-color: #eef4f9;
    width: 182px;
    height: 303px;
    padding: 0 5px 10px 5px;
    font: normal 11px/14px arial, sans-serif;
    color: #707070;
    overflow: hidden;
}

    #header_adresroute img {
        margin: 0 0 0 -5px;
    }

    #header_adresroute h1, #sidebar h1 {
        color: #00a8eb;
        font: normal 10px/14px arial, sans-serif;
        margin: 0;
        padding: 0;
    }

#nav {
    width: 209px;
    float: left;
}

    #nav ul {
        margin: 0;
        padding: 0;
    }
    
    #nav ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    #nav ul li a, #nav ul li a:link, #nav ul li a:visited {
        text-decoration: none;
        font: bold 12px/24px arial, sans-serif;
        color: #fff;
        width: 209px;
        text-indent: 10px;
        display: block;
        background-color: #7fd3f5;
        border-bottom: 1px solid #fff;
    }
    
    #nav ul li a:hover {
        background-color: #00a8eb;
    }
    
    #nav ul a.selected, #nav ul li a:link.selected, #nav ul li a:visited.selected {
        background-color: #00a8eb;
    }
    
#content {
    float: left;
    padding: 25px;
    width: 448px;
    overflow: hidden;
}

    #content h1 {
        color: #00a8eb;
        font: normal 20px/30px verdana, tahoma, sans-serif;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #content h2 {
        color: #00a8eb;
        font: normal 18px/26px verdana, tahoma, sans-serif;
        margin: 10px 0 10px 0;
        padding: 0;
    }
    
    #content p {
        margin: 20px 0 0 0;
        padding: 0;
    }
    
#sidebar {
    width: 192px;
    float: right;
}

    #sidebar h1 {
        margin-top: 10px;
    }
    
    #sidebar p {
        margin: 0;
        padding: 0;
        color: #707070;
    }
    
    #sidebar a {
        color: #df0025;
    }

    #sidebar img {
        border: 0;
    }

#footer {
    clear: both;
    height: 102px;
    padding-bottom: 2px;
    border-bottom: 5px solid #eef4f9;
    text-align: center;
	color: #707070;
	background-color: #eef4f9;
    letter-spacing: 1px;
	overflow: hidden;
}
	#footer ul { width: 900px; margin: 0 auto; }
	#footer li { float: left; text-align: left; list-style: none; width: 170px; font-size: 10px; padding: 5px 0 0 0; }
	#footer em { color: #00a8eb; font-style: normal; }
	#footer p { clear: left; padding: 25px 0 5px 0; font-size: 10px; color: #666; }
		#footer p a { color: #666; }
	#footer .tiny { font-size: 9px; }
    
a, a:link, a:visited {
    color: #00a8eb;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#nieuwskop {
    margin-top: -2px;
}

#janee {
    position: absolute;
    z-index: 11;
    left: 50%;
    margin-left: -170px;
    top: 25px;
    text-align: right;
    width: 428px;
    height: 50px;
}

form {
    margin: 0;
    padding: 0;
}

td {
    font: normal 11px/17px arial, sans-serif;
}

td p {
    margin: 0;
    padding: 0;
}

#facebox table td { padding: 2px; }

.form_anoniem, .form_melding, .form_uitgebreid { margin: 20px 0; }
.form_uitgebreid { border: 1px solid #ddd; padding: 20px; }
#facebox h2 { padding: 0; margin: 0 0 20px 0; }
#facebox p { margin: 15px 0 ; }


#inschrijven-nieuwsbrief { padding: 10px 0; }
#header_adresroute h2 {
	color: #00A8EB;
	font-size: 12px;
	font-weight: normal;
	padding: 15px 3px 0 3px;
	margin: 0;
}
	#header_adresroute p { font-size: 11px; line-height: 18px; padding: 0 3px 15px 3px; margin: 0; }
	#header_adresroute a { color: #df0025; text-decoration: none; }
		#header_adresroute a:hover { text-decoration: underline; }
		#header_adresroute p.nieuws-meer { padding-top: 20px; }
	
#nieuwsbrief_inschrijven {

}
	#ni_form {
		display: block;
	}
	#ni_thanks {
		display: none;
	}
	
	

#header{
position :relative;
}
.kalenderHolder{
background-image: url("../img/bg_kalender.png");
background-repeat: no-repeat;
position:absolute;
display:block;
margin-left: 35px;
margin-top:-7px;
z-index:10;
width : 230px;
height :230px;
color  :#009EE0;
font-size: 11px;
}

.kalenderHolder table, .kalenderHolder tbody, .kalenderHolder caption{
font-size:11px;
text-align: center;

}
.kalenderHolder caption{
margin-bottom  :10px;
}
.kalenderHolder .calendar{
margin-top : 30px;
margin-left:20px;
width : 180px;
height : 160px;
}

.kalenderHolder .activelink{
background-image: url("../img/bg_active_kalender.png");
background-repeat: no-repeat;
background-position: center center;
color : #fff;
}
.kalenderHolder .activelink a{
color : #fff;
cursor: pointer;
}
.kalenderHolder .activelink .description_info a{
display:block;
color : #009ee0;
margin-top : 20px;
text-align: right;
}

.kalenderHolder .calendar-month{
color :#fff;
font-size: 16px;
}
.kalenderHolder .calendar-month .calendar-prev {
display:inline-block;
width : 23px;
height : 18px;
background-image: url("../img/bg_left_arrow_kalender.png");
background-repeat: no-repeat;
background-position: top top;
}
.kalenderHolder .calendar-month .calendar-next a,
.kalenderHolder .calendar-month .calendar-prev a{
display:block;
width : 23px;
height : 18px;
cursor:pointer;
}

.kalenderHolder .calendar-month .calendar-next a span,
.kalenderHolder .calendar-month .calendar-prev a span{
display:block;
text-indent: -999px;
width  :23px;
overflow: hidden;
}

.kalenderHolder .calendar-month .calendar-next {
display:inline-block;
width : 23px;
height : 18px;
background-image: url("../img/bg_right_arrow_kalender.png");
background-repeat: no-repeat;
background-position: top top;
}

.kalenderHolder .activelink .description_info a{
font-weight: bold;
text-decoration: underline;
}
.kalenderHolder .activelink .description_info a:hover{
font-weight: bold;
text-decoration: none;
}
.kalenderHolder .activelink .description_info{
display: none;
position : absolute;
margin  :0 auto;
width  :200px;

top : 100px;
left : 60%;
text-align:center;
background-color:#fff;
border: 4px solid #E2001A;
padding  :10px 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color : #009ee0;
text-align:left;
margin : 10px;
opacity: 0.9;
}

/* V2 header */

#layoutv2 img { border: none; }
#layoutv2 #container { border: none; }
#layoutv2 .clear { clear: both; }
#layoutv2 .wrapper { margin-left: auto; margin-right: auto; width: 900px; }

#layoutv2 #sidebar { padding-top: 25px; }
#layoutv2 #content p { margin: 0 0 20px 0; }

#layoutv2 #nav a.nieuwsbrief-inschrijven { text-decoration: none; display: block; }
#layoutv2 #nav a.nieuwsbrief-inschrijven h3 { color: #0595D2; font-size: 17px; font-weight: bold; font-family: Arial; letter-spacing: 2px; text-align: center; margin: 5px 0; padding: 0; }
#layoutv2 #nav a.nieuwsbrief-inschrijven h4 { color: #0595D2; font-size: 17px; font-weight: normal; font-family: Arial; letter-spacing: 4px; text-align: center; margin: 5px 0; padding: 0; }
#layoutv2 #nav a.nieuwsbrief-inschrijven:hover h3 { color: #00A5ED; }
#layoutv2 #nav a.nieuwsbrief-inschrijven:hover h4 { color: #00A5ED; }

#layoutv2 #nav a.nieuwsarchief { color: #E30F1E; display: block; }
#layoutv2 #nav a.nieuwsarchief h3 { text-align: center; font-family: Arial; font-weight: normal; letter-spacing: 2px; font-size: 12px; margin: 15px 0; }

#layoutv2 #nav ul li a { background-color: #008ada; }
#layoutv2 #nav ul li a:hover { background-color: #01659f; }
#layoutv2 #nav ul li a.selected { background-color: #01659f; }

#layoutv2 #nav ul li a, #nav ul li a:link, #nav ul li a:visited { font-size: 1.1em; line-height: 2em; font-weight: bold; }

#layoutv2 #top-box { height: 115px; background-color: white; }
#layoutv2 #top-box .dmg-logo { margin: 20px 0 0 0; float: left; }
#layoutv2 #top-box .slogan { margin: 31px 0 0 20px; float: left; font-family: Arial; letter-spacing: 2px; font-size: 14px; line-height: 21px; width: 340px; color: #000; }
#layoutv2 #top-box .font-sizes { margin: 31px 0 0 15px; float: right; }
#layoutv2 #top-box .font-sizes a { color: #000; text-transform: uppercase; margin-left: 5px; cursor: pointer; text-decoration: none; }
#layoutv2 #top-box .font-sizes a:hover { text-decoration: none; color: #01659F; }
#layoutv2 #top-box .font-sizes a#fs_sml { font-size: 12px; }
#layoutv2 #top-box .font-sizes a#fs_med { font-size: 18px; }
#layoutv2 #top-box .font-sizes a#fs_lrg { font-size: 22px; }

#layoutv2 #top-bar { height: 25px; background-color: #e30f1e; }

#layoutv2 #header-box { height: 224px; background-color: #eef4fa; overflow: hidden; }
#layoutv2 #header-box .header-img { width: 209px; height: 222px; margin-top: 1px; overflow: hidden; float: left; cursor: pointer }
#layoutv2 #header-box .header-calendar { padding: 0 25px; width: 448px; float: left; }
#layoutv2 #header-box .header-calendar .calendar-text { width: 205px; float: left; margin-right: 32px; }
#layoutv2 #header-box .header-calendar .calendar-text h3 { color: #e71d17; font-size: 16px; font-family: Arial; letter-spacing: 2px; margin: 10px 0; }
#layoutv2 #header-box .header-calendar .calendar-text hr { border-bottom: 1px solid #D5DBE0; border-top: none; border-left: none; border-right: none; }
#layoutv2 #header-box .header-calendar .calendar-text p { letter-spacing: 2px; font-size: 12px; line-height: 19px; }

#layoutv2 #header-box .header-calendar .calendar-box { float: left; position: relative; }
#layoutv2 #header-box .header-calendar .calendar-box .kalenderHolder { margin: -7px 0 0 0; top: 0; left: 0; }

#layoutv2 #header-box .header-news { width: 165px; float: left; margin-left: 25px; }
#layoutv2 #header-box .header-news h3 { color: #00a5ed; font-size: 16px; font-family: Arial; letter-spacing: 2px; margin: 10px 0; }
#layoutv2 #header-box .header-news hr { border-bottom: 1px solid #D5DBE0; border-top: none; border-left: none; border-right: none; }
#layoutv2 #header-box .header-news ul { list-style: square outside; margin: 0; padding: 10px 0 0 15px; line-height: 19px; font-size: 12px; letter-spacing: 1px; }
#layoutv2 #header-box .header-news ul li { margin-bottom: 10px; }
#layoutv2 #header-box .header-news ul li a { color: black; display: block; }

.header-img ul{list-style: none; margin : 0px; padding : 0px;}