body {
background: #fff url(/images/background.jpg) no-repeat top center;
font: 80% Arial;
} 
body.prof {
background: #fff url(/images/background_blue.jpg) no-repeat top center;
}
body.part {
background: #fff url(/images/background_red.jpg) no-repeat top center;
}


html, body, div, ul, ol, li, p, em, strong, a, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: Cambria, Georgia;
font-weight: lighter;
}

h1 {
font-size: 1.5em;
padding-bottom: .7em;
border-bottom: 1px solid #ccc;
margin-bottom: .7em;
}
h1 img {
float:right;
}

.nieuws {
border-bottom: 1px solid #ccc;
}

.prof h1, .prof .nieuws, div.prof.nieuws {
border-bottom: 1px solid #b8ddff;
}

.part h1, .part .nieuws, div.part.nieuws {
border-bottom: 1px solid #ffbebe;
}

.prof #text a {color: #0061b8;}
.part #text a {color: #ea0008;}

a.prof   {color: #0061b8;}
a.part   {color: #ea0008;}

.profcolor   {color: #0061b8;}
.partcolor   {color: #ea0008;}

h1 strong {
font-weight: bold;
}

h2 {
font-size: 1.3em;
margin-bottom: .7em;
}

h3 {
font-size: 1.2em;
margin-bottom: .7em;
font-weight: bold;
}

h4 {
font-family: Arial;
font-weight: bold;
}

a {
color: #000;
}

p {
font-size: 1em;
line-height: 1.4em;
margin-bottom: 1em;
}

img {border: 0;}

#container {
width: 920px;
margin: 0px auto;
}

#header {
height: 150px;
}

#header span {
float: left;
margin-top: 5px;
}

#header ul {
padding-top: 10px;
list-style: none;
}

#header li {
text-align: right;
width: 260px;
margin-bottom: .8em;
}

#header li a {
text-decoration: none;
}

#header form {
position: absolute;
width: 280px;
margin-left: 645px;
top: 120px;
}

#header form * {
float: left;
}

#header label {
cursor: pointer;
font-family: Georgia;
font-size: 16px;
font-weight: bold;
margin-right: 5px;
padding-top: 5px;
}

#header input {
background: #efefef;
border: 0;
width: 180px;
display: block;
height: 26px;
}

#header button {
padding: 3px 6px;
background: #dedede;
border: 0;
}

#tabjes {
position: absolute;
top: 110px;
margin-left: -10px;
}

#tabjes li {
float: left;
list-style: none;
margin-right: 20px;
}

#tabjes li a {
width: 140px;
height: 40px;
display: block;
text-indent: -9999px;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
opacity: .8;
}

#tabjes li.prof a {
background: url(/images/prof.gif);
}

#tabjes li.part a {
background: url(/images/part.gif);
}

.prof #tabjes li.prof a, .part #tabjes li.part a, #tabjes li a:hover {
-moz-opacity: 1;
filter:alpha(opacity=100);
opacity: 1;

}

/* navigation */

#sidebar {
width: 250px;
padding: 10px;
float: left;
}

#sidebar ul {
list-style: none;
}

   .prof #sidebar li a {
   background: url(/images/bullet_blue.gif) no-repeat 0px center;
   }

   .part #sidebar li a {
   background: url(/images/bullet_red.gif) no-repeat 0px center;
   }

#sidebar li a {
background: url(/images/bullet.gif) no-repeat 0px center;
padding: 5px 5px 5px 20px;
display: block;
text-decoration: none;
color: #555;
}

#sidebar li a:hover, #sidebar li.active a {
color: #000;
}

   .prof #sidebar li a:hover, .prof #sidebar li.active a {
   color: #0061b8;
   }

   .part #sidebar li a:hover, .part #sidebar li.active a {
   color: #ea0008;
   }

#sidebar li.active a {
font-weight: bold;
}
#sidebar  li.active ul a, #sidebar li ul a {
font-weight: normal;
padding: 5px 5px 5px 40px;
background: url(/images/bullet.gif) no-repeat 20px center;
}
#sidebar li.active ul li.active a{
font-weight: bold;
}
	.prof #sidebar  li.active ul a, #sidebar li ul a {
	background: url(/images/bullet_blue.gif) no-repeat 20px center;
	}
	.part #sidebar  li.active ul a, #sidebar li ul a {
	background: url(/images/bullet_red.gif) no-repeat 20px center;
	}
ul.nav_1 {
float: left;
/*width: 120px; */
width: 260px;
}

ul.nav_2 {
margin-left: 120px;
width: 160px;
}

ul.nav_3 {
margin-top: .7em;
margin-bottom: 1.4em;
border-top: 1px solid #efefef;
width: 260px;
font-size: 1.2em;
}

#sidebar ul.nav_3 a {
display: block;
border-bottom: 1px solid #efefef;
padding-bottom: .7em;
padding-top: .7em;
height: 16px;
}
.shortcut {
text-align: right;
display:block;
width:100%;
}
.shortcut a {
text-decoration:none;
}



/* TEXT */

dl {
background: #efefef;
padding: 10px;
border: 1px solid #ccc;
}
dl.specificaties-open {
background: #b9d9b9;
}
dl.specificaties-open dd {
padding-left: 200px;
}
dt {
font-weight: bold;
float: left;
display: block;
width: 200px;
}

.intro {
font-weight: bold;
}

#text ul, #text ol {
margin-left: 20px;
margin-bottom: 1em;
}

#text {
margin-left: 300px;
padding: 20px 10px;
}

iframe {
width: 100%;
height: 600px;
}

.box {
padding: 15px;
background: url(/images/box-top.gif) no-repeat top;
margin-bottom: 0;
padding-bottom: 1px;
width: 570px;
}
.stappen {
background: url(/images/box-stappen.gif) no-repeat top;
}

.stappen h2 {
margin-bottom: .4em;
}

.stappen h2 strong {
color: #666;
margin-right: 10px;
}

.stappen h2 img {
float: left;
margin-right: 10px;
}

html #text .prof a {color: #0061b8; !important}
html #text .part a {color: #EA0008; !important}

.end {
height: 10px;
margin: 0;
margin-bottom: 1em;
background: #fff url(/images/box-bottom.gif) no-repeat;
}

.date {
font-size: .8em;
text-transform: uppercase;
}

.nieuws {
margin-bottom: 1em;
}

.nieuws img {
margin-bottom: 10px;
}

#text .headlines {
padding-bottom: 1em;
margin-left: 0px;
}

.headlines li {
margin-left: 25px;
list-style-type: circle;
}

.headlines .date {
font-size: 1em;
margin-right: 10px;
color: #888;
}

.prof .headlines {
border-bottom: 1px solid #b8ddff;
}

.part .headlines {
border-bottom: 1px solid #ffbebe;
}

/* FAQ */

.vraag, .categorie {
padding: 10px;
background: #fff;
border: 1px solid #ccc;
margin-bottom: 1em;
}

.categorie {
background: #fff url(/images/qa.gif) no-repeat 460px 5px;
padding-bottom: 0px;
}

.categorie div {
background: #efefef;
padding: 5px;
margin-bottom: 1em;
margin-top: .3em;
}


/* VOORBEELDPROJECTEN*/

#projecten #kaart {
float: right;
}

#kaart img {
width: 270px;
}

#lijst table {
border: 1px solid #ccc;
background: #fff;
border-collapse: collapse;
width: 300px;
}

.provincie { width: 70px; }

#lijst th { background: #ccc; }

#lijst th, #lijst td {
text-align: left;
padding: 5px;
border-bottom: 1px solid #ccc;
}

#lijst .odd td { background: #efefef; }

	/* KLEUREN V/D KAART */
	.prof #lijst table { border: 1px solid #b8ddff; }
	.prof #lijst th { background: #b8ddff; }
	.prof #lijst th, .prof #lijst td { border-bottom: 1px solid #b8ddff; }
	.prof #lijst .odd td { background: #e6f3ff; }
	
	.part #lijst table { border: 1px solid #ffbebe; }
	.part #lijst th { background: #ffbebe; }
	.part #lijst th, .part #lijst td { border-bottom: 1px solid #ffbebe; }
	.part #lijst .odd td { background: #ffeaea; }

/* FOOTER */


#footer {
background: #efefef;
border-top: 1px solid #ddd;
padding: 10px;
clear: both;
display: block;

}


#footer address {
margin: auto;
width: 920px;
}

.alfabet {
background: #fff;
padding: 5px;
font-size: .95em;
border: 1px solid #ccc;
margin-bottom: 1em;
}

/* STYLESHEET */
urlset
{
background-color: #ffffff;
width: 100%;
}
url
{
display: block;
font-size: 1.3em;
margin-bottom: .7em;
}
loc
{
color: #FF0000;
font-size: 20pt;
}
priority
{
display:none;
}
changefreq
{
display: none;
}

.stappen ul li {
padding: 5px;
}

.subtitle {
margin-bottom: 2em;
color: #666;
}
.fotoonderschrift-rechts, .fotoonderschrift-rechts a {
text-align:right;
display:block;
color:#7f7f7f;
font-size:0.9em;
}
#term a {
text-decoration: none;
}
#term img  {
padding-right: 6px;
}

/* projecten geo map styles */
#project_kaart_wrap{padding:2px;border:1px solid black;width:600px;height:476px}
#project_kaart{position:relative;width:600px;height:476px;}
.markerTooltip{background:#d3deed;padding:5px;border:1px solid #2459a6;white-space:nowrap;font-size:12px;line-height:18px;}