html, body {
   /* height: 100%;*/
	 font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height:17px;
 background-color: #EEEEEE;
}

/* styles*/
a {
    color: #848D41;
    outline: medium none;
    text-decoration: none;

}

.NewsSummary:after {
content:'';
display:block;
clear:both;
}

#midden a,
#rechts_600 a,
#midden_940 a{
font-weight: bold;
}

#midden_940 ul, #midden_940 ol {
list-style: disc;
padding-left: 15px;
}

a:hover{text-decoration:underline;}

a.rss-feed img{
    line-height: 15px;
    margin: 0 0 -2px;
    padding: 0 8px 0 0;
}
a#twitter {
    background: url("/uploads/CLM/images/twitter.jpg") no-repeat scroll 0 0 transparent;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
}
a#linkedin {
    background: url("/uploads/CLM/images/linkedin-icon.jpg") no-repeat scroll 0 0 transparent;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
}

h1 {font-size: 20px; font-weight: bold;}
h2 {font-size: 15px; font-weight: bold;}
h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
h4{font-size: 10px; font-weight: bold;}
h5{font-size: 12px; font-weight: bold;}
h6{font-size: 8px; font-weight: bold;}


#page_3colums h4, #page_2colums h4 {
    background: none repeat scroll 0 0 #ECF0BF;
    border: 1px solid #D0E45C;
    font-size: 12px;
	line-height:20px;
    padding: 10px;
    width: 100%;
}

#page_3colums h2, #page_2colums h2,
#page_2colums_left div#rechts h2 {
    background: none repeat scroll 0 0 #ECF0BF;
    font-size: 13px;
    font-weight:bold;
    height: 17px;
    padding: 3px 3px 3px 5px;
    width: 100%;
}

#page_3colums h6, #page_2colums h6 {
    background: none repeat scroll 0 0 #ECF0BF;
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    padding: 10px;
    width: 100%;
}

p {
    font-size: 12px;
    line-height: 17px;
    margin: 0 0 10px;
}


div#page_2colums div#rechts_600 ul li,
div#page_2colums_left div#midden_600 ul li,
div#NewsPostDetailContent ul li,
div#page_1colums ul li{
    list-style: disc outside none;
    margin-left: 33px;
    padding-bottom: 5px;
    font-size:12px;
}
div#page_2colums div#rechts_600 ol li,
div#page_2colums_left div#midden_600 ol li,
div#NewsPostDetailContent ol li,
div#page_1colums ol li{
    list-style: decimal outside none;
    margin-left: 33px;
    padding-bottom: 5px;
    font-size:12px;
}

#quote, blockquote {
    color: #FFFFFF;
    left: 55px;
    position: absolute;
    top: 130px;
    z-index: 15;
    font-size:20px;
line-height:23px;
    font-weight:bold;
}


span.quote, p.quote  {
    background: none repeat scroll 0 0 #ECF0BF;
    border: 1px solid #D0E45C;
    display: block;
    font: 14px Verdana,Geneva,sans-serif;
    margin: 0 0 13px;
    padding: 8px;
    width: 100%;
}

/* lay-out*/
/******************************************************/
#wrapper{ 
	margin: 20px auto;
	width: 940px;
	position:relative;
	padding:20px;
	background-color:#fff;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);
	box-shadow:0 1px 2px rgba(0,0,0,0.15)
}
#header{
	 height:60px;
	 margin-top:10px;
 }
 #header #logo{
	 float:left;
	 margin-left:20px;
 }
#header #topmenu {
	font-size: 11px;
	height: 20px;
	text-align: right;
	width: 450px;
	float: right;
	margin: 40px 0 0 0;
}
#header #topmenu a {
    color: #646567;
    margin-left: 10px;
    text-decoration: none;
}
#header #topmenu a:hover {
    color: #1A171B;
}

#breadcrumbs {
    color: #848D41;
    font-size: 11px;
    margin-bottom: 13px;
    margin-top: 5px;
    z-index: 300;
}

#slidewrapper {
    height: 328px;
}

#zoeken {
    float: right;
    position: absolute;
    right: 25px;
    top: 307px;
    z-index: 50;
    width: 196px;
}
#zoeken input.inputfield {
    background: url("/uploads/CLM/images/achtergrond-zoeken.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    font: 11px Verdana,Geneva,sans-serif;
    height: 20px;
    margin-right: 3px;
    padding-bottom: 2px;
    width: 108px;
}
#zoeken #submit {
    float: left;
}
#zoeken  input.search-button {
    background: none repeat scroll 0 0 #A0A2A3;
    color: #FFFFFF;
    cursor: pointer;
    font: 11px Verdana,Geneva,sans-serif;
    height: 20px;
    padding: 0 0 3px;
    width: 69px;
border: medium none;
}

div#wrapper img.fotolinks {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
div#wrapper img.fotorechts {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}

#page_2colums{background-image:url(/uploads/CLM/images/2_columns.jpg);
     color:#000;}
#page_3colums{background-image:url(/uploads/CLM/images/3_columns.jpg);
    color:#000;}
#page_2colums_left{background-image:url(/uploads/CLM/images/2_columns_left.jpg);
    color:#000;}


#links {
    float: left;
    min-height: 250px;
    padding-left: 5px;
    padding-right: 15px;
    width: 220px;
}
#links .newsitem {
    padding-bottom: 10px;
}
#links .newsitem .date {
    font: 12px Verdana,Geneva,sans-serif;
}
#links .newsitem .link {
    font: bold 12px Verdana,Geneva,sans-serif;
}
#links .newsitem .link a {
    color: #000000;
    text-decoration: none;
}
#links .backLink {
    color: #C8D219;
    font: 12px Verdana,Geneva,sans-serif;
}
#links a {
    font: 12px Verdana,Geneva,sans-serif;
}
#links ul {
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}

#title {
    min-height: 35px;
    padding-left: 254px;
    padding-top: 14px;
    position: absolute;
    top: 352px;
    width: 589px;
    z-index: 50;
}
#title_1column {
    min-height: 35px;
    padding-left: 10px;
    padding-top: 14px;
    position: absolute;
    top: 365px;
    width: 589px;
    z-index: 50;
}

#rechts_600 {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    min-height: 250px;
    padding: 0 15px;
    width: 665px;
}

#midden_940 {
    margin-top: -1px;
    min-height: 250px;
    padding: 0 9px;
}

#midden {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    min-height: 250px;
    padding: 0 15px;
    width: 428px;
}
#midden_600 {
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    min-height: 250px;
    padding: 0 15px;
    width: 665px;
}

#rechts {
    float: left;
    margin-left: -1px;
    min-height: 250px;
    padding-left: 15px;
    width: 223px;
}
#rechts ul {
    font-size: 11px;
    line-height: 17px;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0;
}

#rechts ul li {
    background: url("/uploads/CLM/images/li-bullet.gif") no-repeat scroll 1px 6px transparent;
    padding-bottom: 5px;
    padding-left: 15px;
}
#footer {
    background: url("/uploads/CLM/images/footer-verloop.jpg") no-repeat scroll center top transparent;
    clear: both;
    height: 28px;
    margin-bottom: 30px;
    margin-top: 15px;
    position: relative;
    width: 940px;
}
#footer_tekst {
    bottom: 0;
    color: #848D41;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 15px;
    position: absolute;
    text-align: center;
    width: 940px;
}
#footer_tekst a {
    color: #848D41;
}

.clear {
    clear: both;
}


/*********************************Medewerkers*/
/* één medeweker*/

.medewerker {
    border: 1px solid #EFEFEF;
    float: left;
    font-size: 13px;
    height: 100px;
    margin: 5px;
    position: relative;
    width: 295px;
}

.medewerker .foto {
    float: left;
    height: 80px;
    margin: 10px;
    width: 80px;
}
.medewerker .naam{   padding: 6px;}
.medewerker .functie {
    line-height: 13px;
}
.medewerker .email {
    bottom: 12px;
    left: 102px;
    position: absolute;
}
.medewerker a.info_icon {
    bottom: 8px;
    position: absolute;
    right: 14px;
}

/*****detailview*/
.title_medewerker h1{    margin-bottom: 20px;}
.medewerker_detail {
    font-size: 12px;
    padding-bottom: 20px;
}
.medewerker_detail p {

}
.medewerker_detail .details_txt{
    font-size: 12px;
  margin-left: 215px;
}
.medewerker_detail h3 {
    font-weight: bold;
    margin: 10px 0 0;
}
.medewerker_detail .foto {
}
.medewerker_detail .details {
    float: left;
 width: 213px;
}
.tabel tr {
border-bottom: 1px dotted #ccc;
}

hr {
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
width: 100%;
text-align: left;
}

em {
font-style: italic;
}

/* OPDRACHTGEVERS */
#opdrachtgevers-links{
width: 400px;
float: left;
padding: 0 0 0 10px;
}

#opdrachtgevers-rechts{
float: right;
width: 500px;
}

.referentie-blok{
border: 1px solid #D0E45C;
background: #ECF0BF;
padding: 5px 10px 8px 10px;
margin: 0 0 10px 0;
line-height: 20px;
font-style: italic;
font-size: 11px;
}

.referentie-blok-auteur{
font-weight: bold;
display: block;
margin: 0 0 5px 0;
font-style: normal;
}