@charset "utf-8";
/* CSS Document */

a:focus, a:hover, a:active {
	outline:none
}

body {
background-color:#000000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#wrapper {
	margin: auto;
	padding: 0 0 0 0;
	width: 960px;
}
#pagebody {
	float:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 960px;
	background-color:#FFFFFF;
}

#header_cont {
float: left;
padding: 20px 0 0 20px;
margin: 0 0 0 0;
width: 900px;
}

#header {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 920px;
height: 300px;
}



#content {
float: left;
padding: 0 0 0 20px;
margin: 0 0 0 0;
width: 920px;
}



#cb_left {
float:left;
margin: 0 0 0 0;
padding: 40px 10px 0 0;
width: 420px;

}

#cb_right {
float:left;
margin: 0 0 0 0;
padding: 40px 0 0 0;
width: 240px;

}

/* CSS rollovers */

#menu {
float: left;
padding: 0 0 0 240px;
margin: 0 0 0 0;
width: 680px;
height: 45px;
background-color:#efefef;
background-image:url(../images/nav_bg.gif);
background-position: left top;
background-repeat:repeat-x;
}


#menu a {
    text-indent: -2000em; /* you can add text to the links so screenreaders can read */
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 94px;
    height: 45px;
	float: left;
}

#menu a:hover {
    background-image:none;
	background-position: 0px -45px;
	outline:none;

}

#menu .selected {
	    background-image:none;
	background-position: 0px -45px;
		outline:none;
		}

#menu a#nav-1 {
    background-image: url(../images/nav/nav_home.jpg);
}

#menu a#nav-2 {
    background-image: url(../images/nav/nav_news.jpg);
}

#menu a#nav-3 {
    background-image: url(../images/nav/nav_agenda.jpg);
}

#menu a#nav-4 {
    background-image: url(../images/nav/nav_apw.jpg);
}

#menu a#nav-5 {
    background-image: url(../images/nav/nav_contact.jpg);
}

#menu a#nav-6 {
    background-image: url(../images/nav/nav_youtube.jpg);
}

#menu a#nav-7 {
    background-image: url(../images/nav/nav_flickr.jpg);
}

/*einde rollovers*/

#links {
float: left;
width: 240px;
}

/* Rollovers Blogs */
#blogdiv {
float:left;
margin: 0 0 0 0;
padding: 0 0 0 10px;
width: 230px;
}

#blogdiv a {
    text-indent: -2000em; /* you can add text to the links so screenreaders can read */
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    width: 220px;
    height: 30px;
	float: left;
}

#blogdiv a:hover {
    background-image:none;
	background-position: 0px -30px;
	outline:none;

}

#blogdiv a#blog-1 {
    background-image: url(../images/blognav/blognav_salomo.jpg);
}
#blogdiv a#blog-2 {
    background-image: url(../images/blognav/blognav_watermanagement.jpg);
}

#blogdiv a#blog-3 {
    background-image: url(../images/blognav/blognav_iphone.jpg);
}

#blogdiv a#blog-4 {
    background-image: url(../images/blognav/blognav_dsi.jpg);
}

#blogdiv a#blog-5 {
    background-image: url(../images/blognav/blognav_gameprototype.jpg);
}

#blogdiv a#blog-6 {
    background-image: url(../images/blognav/blognav_wop.jpg);
}

#blogdiv a#blog-7 {
    background-image: url(../images/blognav/blognav_bouwenaanbouw.jpg);
}

#blogdiv .selected {
	    background-image:none;
		background-position: 0px -30px;
		outline:none;
		}


/* #cb_left h1 {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/news_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

*/

.normalpost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/home_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

.newspost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/news_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}


.rsspost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
text-decoration:none;
background-image:url(../images/rss_header.jpg);
background-position: left top;
background-repeat:no-repeat;
}


.right_rsspost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color:#12b428;
height: 27px;
background-image:url(../images/rightrsspost.jpg);
background-position: left top;
background-repeat:no-repeat;
}
.agendapost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color:#12b428;
background-image:url(../images/agenda_header.jpg);
background-position: left top;
background-repeat:no-repeat;
height: 27px;
}
.rightnewspost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color:#12b428;
background-image:url(../images/rightnewsheader.jpg);
background-position: left top;
background-repeat:no-repeat;
height: 27px;
}

.rightdefaultpost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color:#FFFFFF;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color:#12b428;
background-image:url(../images/green_header.jpg);
background-position: left top;
background-repeat:no-repeat;
height: 27px;
}

.contactpost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/contact_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

.apwpost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/apw_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

.youtubepost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/youtube_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

.flickrpost {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/flickr_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

.agendapost2 {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color: #555555;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color: #c7c7c7;
height: 27px;
background-image:url(../images/bigagenda_header.jpg);
background-position: left top;
background-repeat:no-repeat;
width: 385px;
}

/*
#cb_right h1 {
font-family: "Trebuchet MS", Arial;
font-size:18px;
font-weight: bold;
color:#FFFFFF;
margin: 0 0 0 0;
padding: 3px 0 0 35px;
background-color:#12b428;
background-image:url(../images/green_header.jpg);
background-position: left top;
background-repeat:no-repeat;
height: 27px;
}
*/
#content p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin: 0 0 0 0;
padding: 8px 10px 0 6px;
text-align:justify;
}


.post {

padding: 0 0 40px 0;
margin: 0 0 0 0;
}

.calholder {
background-color:#efefef;
border-bottom: 1px solid #ccc;
padding: 0 0 5px 0;
}

.caldate h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding: 5px 5px 0 5px;
margin: 0 0 0 0;
color: #555555;
}

.caldesc p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.readmore {
text-align: right;
float:right;

}

#footer {
float: left;
width: 900px;
height: 20px;
background-color: #efefef;
background-image:url(../images/footer_bg.gif);
background-position: left top;
background-repeat:repeat-x;
margin: 20px 0 20px 20px;
padding: 0 0 0 0 ;
}

.footertxt {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 3px 0 0 0;
margin: 0 0 0 0;
text-align:center;
color:#666666;
}

em {
text-align:right;
}

.date {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;
}

#content a {
color:#3399CC;
text-decoration: none;
}

#content a:hover {
text-decoration:underline;
}

#content a:visited {
color:#3399CC;
}

#blogdiv img {
border: 0px;
}

#anchor {
text-decoration: none;
color: #000;
}

#anchor a {
text-decoration: none;
color: #000;
}

#anchor h1 a {
color: #000;
text-decoration: none;
}

#anchor a:hover{
color:#000;
text-decoration: none;
}

#anchor a:visited{
color:#000;
text-decoration: none;
}


#cb_blogleft {
float:left;
margin: 0 0 0 0;
padding: 40px 5px 0 0;
width: 330px;



}

#cb_blogright {
float:right;
margin: 0 0 0 0;
padding: 40px 0 0 5px;
width: 330px;


}



#headerright {
float:left;
width: 680px;
height: 300px;
}

.headerquote {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
color:#FFFFFF;
padding: 260px 5px 0 0;
text-align:right;
}