@import url('jquery-ui-1.8.17.custom.css');
.wrapper{
	position:absolute;
	left: 50%;
	top: 0px;
	width: 900px;
	height: 100%;
	margin-top: 0px; /* half of the height */
	margin-left: -450px; /* half of the width */
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	
}

.wrappercontent{
	position:absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 200px;
	background:#FFFDF5;
}





a:link {color: #333333; TEXT-DECORATION: none; font-weight:bold; font-size:10px}
a:visited {color: #333333; TEXT-DECORATION: none; font-weight:bold; font-size:10px}
a:hover {color:#303030; TEXT-DECORATION: none; font-weight:bold; font-size:10px}
a:active {color:#303030; TEXT-DECORATION: none; font-weight:bold; font-size:10px}



/* NAVIGATIE */


.logo {
	position:absolute;
	left: 10px;
	top: 8px;
	display:none;
}

.tagline {
	position:absolute;
	left: 26px;
	top: 0px;
}

.titel {
	position:absolute;
	left: 600px;
	top: 52px;
}

#menu {
	position:absolute;
	left: 30px;
	top: 35px;
	width: 600px;
}

#menu .menu {
	margin-right: 5px;
}

#submenu {
	position:absolute;
	left: 30px;
	top: -20px;
	width: 600px;
	margin:0px;
}
#submenu ul {
    list-style-type: none; margin: 0; padding: 0;
}
#submenu ul li { float: left; }
#submenu ul li a { display: block;  padding: 0 10px; height: 20px; line-height: 20px;}
#submenu ul li a:hover, #submenu ul li.current a { background: #FFFDF5;  }


*html #submenu {
	top: -17px;
}

#submenu .subnav_selected {
	
	height:16px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666699;
	background-color:#FFFDF5;
	border: 0px #666699 solid;
	padding:2px 10px 3px 10px;
	margin-right: 1px;

}

#submenu .subnav{
	
	height:16px;
	display:inline;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFDF5;
	border: 0px #FFFDF5 solid;
	padding:2px 10px 3px 10px;
	margin-right: 1px;
}



#submenu a.subnav:link {
	TEXT-DECORATION: none;
}
#submenu a.subnav:visited {
	TEXT-DECORATION: none;
}
#submenu a.subnav:active {
	background-color:#FFFFFF; 
	TEXT-DECORATION: none;
}
#submenu a.subnav:hover
{
	background-color:#FFFFFF; 
	TEXT-DECORATION: none;
}


/* CONTENT */

.totaalvlak{
	position:absolute;
	left: 0px;
	top: 138px;
	width: 900px;
	background-color:#FFFDF5;
}

.content{
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
	bottom: 50px;
	float:left;
}
.content td
{
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#333333;
}


#pods_bottom{
	margin-left: 20px;
	margin-top: 0px;
	width: 580px;
	margin-bottom:50px;
}

#pods_right{
	width:235px;
	float:right;
	margin-top:25px;
	margin-right:25px;
}

.contenttitle{
	position:absolute;
	left: 20px;
	top: 170px;
	width: 400px;
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

h1, .kop{
	font-family: Avenir, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:	bold;
}

/* PODS NEW */
.pod_bottom{
	float: left;
	display: block inline;
	width: 175px;
	margin-bottom:75px;
	margin-right: 15px;
	background-color:#21314A;
}

.pod_small_text{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:normal;
	margin-top:3px;
	margin-left:1px;
	background-color:#FFFDF5;
	padding:5px;
}

.pod_small_text_title{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-left:3px;
	margin-top:10px;
	line-height:12px;
	}

.pod_right{
	padding:2px;
	margin-bottom:20px;
	margin-left:0px;
	width: 220px;
	height: 220px;
}

.pod_text {
	color:#1E1E1E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:8px;
	margin-left:8px;
	margin-right:5px;
	height:170px;
	width:213px;
	overflow: auto;
}

#tblcontact td {
	color:#1E1E1E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


/* lijn tussen titels en content */

#lijn{
	position:absolute;
	left: 0px;
	top: 120px;
	width: 100%;
	height:25px;
	background-color:#21314A;
}


#lijngeel{
	position:absolute;
	left: 0px;
	top: 134px;
	width: 100%;
	height: 1px;
	background-color:#FFFDF5;
	display:none;
}

#crumblepath{
	position:absolute;
	left: 2px;
	top: 120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFDF5;
	font-size:10px;
	display:none;
}


/* OUD */

.contact{
	position:absolute;
	left: 0px;
	top: 123px;
	left:853px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFDF5;
	font-size:11px;
}

.persoonmail{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#494949;
	font-size:12px;
}

	
A.contact:link {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A.contact:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A.contact:active {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}
A.contact:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: none;
}

A.crumblelink:link {
	COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
A.crumblelink:visited {
	COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
A.crumblelink:active {
	COLOR: #FFFFFF; TEXT-DECORATION: underline;
}
A.crumblelink:hover {
	COLOR: #FFFFFF; TEXT-DECORATION: underline;
}


/*

    /////  BLOCKS

*/
div.colls { padding: 10px 0; overflow: hidden; }
div.colls div.coll { width: 255px; border-right: #FFFDF6 solid 4px; border-bottom: #FFFDF6 solid 4px; overflow:auto; position: relative;  height: 200px; padding: 15px; margin-bottom: 10px; float: left; margin-left: 10px; }
div.colls div.coll h2 { color: #FFF; font-weight: normal; font-size: 16px; text-transform: uppercase; padding: 0 0 15px 0; margin: 0;  }
div.colls div.coll h2 a { color: #FFF; font-size: 16px; font-weight: normal; text-decoration: none;   }
div.colls div.coll.nieuwsBlock { background: #BC92BA; color: #FFF; }
div.colls div.coll.contactBlock { background: #9494B8; color: #FFF; }
div.colls div.coll.nieuwsbriefBlock { background: #B56274; color:#FFF; }
div.colls div.coll.tekstBlock { background: #D6A725; width: 550px; color:#FFF; border-right: #D8D8D8 solid 4px; border-bottom: #D8D8D8 solid 4px; }

div.colls div.coll a { color: #FFF; text-decoration: underline; font-size: 12px; font-weight: normal;}
div.colls div.coll p { color:#FFF; font-size: 12px; line-height: 1.6em;   }
div.colls div.coll ul { list-style-type: none; padding-left: 0; margin: 0;  }
div.colls div.coll ul li { overflow: hidden; padding-bottom: 5px;}
div.colls div.coll ul li h3 { display: inline;  }


div.colls div.coll.nieuwsbriefBlock  a.btn {
    display: block;  padding: 10px; text-decoration: none; background:#96203A;
    text-transform: uppercase; font-size: 15px; height: 30px; line-height: 30px; border-right: #3A3635 solid 2px; border-bottom: #3A3635 solid 2px; 
}
div.colls div.coll.twitterBlock { background: #9493B5; }
div.colls div.coll.twitterBlock h2 { text-indent:  -999em; background: url(../pics/twitter-icon.jpg) no-repeat left top; width: 109px; height: 21px;}
div.colls div.coll.twitterBlock ul li strong { font-weight: normal; color:#FFF; }
div.colls div.coll.twitterBlock ul li img { float: left; margin: 0 10px 10px 0;}
div.colls div.coll.nieuwsbriefBlock  a:hover.btn { text-decoration: underline; }
#tweetsHolder span { color: #FFF; }
div.colls div.coll ul li h3 a { font-size: 12px;  color: #FFF; font-weight: normal; }
div.colls div.coll ul li h3 a span { text-decoration: underline; display: block; float: left; width: 190px; }
div.colls div.coll ul li h3 a span.date { text-decoration: none; width: 55px; }
div.colls div.coll ul li h3 a:hover span { text-decoration:  none; }
div.colls div.coll a.leesMeer { display: block; font-weight: normal; position: absolute; right: 15px; bottom: 10px; color:#FFF; font-size: 12px; }
div.colls div.coll.agendaBlock { background: #C36F55; }

div#content div.collContent {
    width: 570px; float: left; padding: 15px; position: relative; 
}
div#content div.collContent.nieuws {  width:  100%;}

div#content div.collContent h1 {  text-transform: uppercase; font-size: 18px; font-weight: normal; }

div#content div.collContent p {
    line-height: 1.6em; font-size: 12px; 
}
div#content div.rightColl { float: right; width: 285px; margin-right: 10px;  }
div#content div.rightColl div.coll { margin-bottom: 15px; width: 245px;  }
div.colls div.coll ol.social {
    position: absolute; right: 0; top: 0; margin:  0; padding: 0; list-style-type: none;
}
div.colls div.coll ol.social li a {
    display: block; width: 54px; height: 49px; background: url(../pics/socialicons.jpg) no-repeat left top;
    text-indent: -999em;
}
div.colls div.coll ol.social li.linkedin a {
    display: block; width: 54px; height: 49px; background: url(../pics/socialicons.jpg) no-repeat left -49px;
    text-indent: -999em;
}

div.headerIMG {
    overflow: hidden; line-height: 74px; height: 74px;  
}

/*

    NIEUWS
*/

div#leftNav {
    float: left; border-right: solid 1px #000; width: 230px; padding: 5px 10px; margin-bottom: -9980px; padding-bottom: 10000px;
}
div#leftNav ul { margin-left: 10px; padding-left: 10px; }
div#leftNav ul li { padding-bottom: 5; }
div#leftNav ul li a { font-size: 12px; font-weight: normal; }
div#leftNav ul li a:hover { text-decoration: underline; }
div.nieuwsContent { float: left; padding-left: 15px; width: 500px;  }
div.nieuwsContent h2, div.agendaContent h2 {  font-weight: normal; font-size: 16px; }
div.agendaContent span.date { display: block;}
div.nieuwsContent ul {
    padding-left: 10px; 
}
div.nieuwsContent ul li a { font-weight: normal; text-decoration: underline; font-size: 12px; }
div.nieuwsContent ul li a:hover { text-decoration: none; }
div.nieuwsContent ul#pagination { overflow: hidden; margin:0; padding: 0; border-top: solid 1px #000; padding-top: 15px; 
}
div.nieuwsContent ul#pagination li { display: inline; padding: 0 10px; }