/*------------  Global reset  ------------------------------------------------*/

body, h1, h2, h3, p, ul, li {
margin:0;
padding:0;
}

/*------------  Body/HTML  ------------------------------------------------*/

html, body {
height: 100%;
font-size: 11px;
line-height: 16px;
}
body {
color: #444; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
line-height: 16px;
text-align:left;
background:#A9A9A9;
}
#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;
background: url(/grafix/bg_body.jpg) repeat-x #A9A9A9;
height: 100%;
width:100%;
}

/*------------  Opmaak  ------------------------------------------------*/

h1 {
font-size: 16px;
color: #496B74;
margin-bottom: 10px;
margin-top:10px;
}
h2 {
font-size: 14px;
color: #444;
margin-bottom: 10px;
margin-top:10px;
}
.kop {
font-size: 16px;
color: #496B74;
font-weight: bold;
margin-bottom: 10px;
margin-top:10px;
}
.tekst { /*------------  Deze class word automatisch gegenereerd door CCMS. Hierdoor is de tekst in een table als normaal te zien in het beheerscherm  ------------------------------------------------*/
font-size: 11px;
line-height: 16px;
font-family: Verdana, Arial, Tahoma, sans-serif;
}
a:link, a:active, a:visited {
color: #496B74;
font-weight:bold;
text-decoration: underline;
}
a:hover {
color: #444;
}
td {
font-size: 11px;
line-height: 16px;
}
/*------------  Clearfix  ------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#push {
height:30px;
}

/*------------  Container  ------------------------------------------------*/

#container {
width: 874px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
padding:0 6px 0 6px;
text-align:left;
background: url(/grafix/bg_container.jpg) repeat-y;
}

/*------------  Header  ------------------------------------------------*/

#header {
background: url(/grafix/bg_header.jpg) no-repeat;
height: 160px;
}

/*------------  Columns  ------------------------------------------------*/

#content {
width: 612px;
margin-top:6px;
margin-right:4px;
display:inline;
float: right;
/*min-height: 300px*/
/*height: 300px*/
height: auto !important;
}
#content_wrap ul {
margin-left:20px;
}
#main {
margin-bottom:30px;
}
#bottom_main {
background: url(/grafix/bg_main_top.jpg) repeat-x;
height:28px;
text-align: right;
margin-bottom:6px;
}

/*------------ Button back  ------------------------------------------------*/

#back {
float:right;
}
#back a:link, #back a:visited, #back a:active {
height:28px;
width:132px;
background: url(/grafix/button_back.jpg) repeat-x;
display:block;
}
#back a:hover {
background: url(/grafix/button_back_hover.jpg) repeat-x;
}

/*------------ Button print  ------------------------------------------------*/

#print {
float:right;
margin-right:4px;
}
#print a:link, #print a:visited, #print a:active {
height:28px;
width:119px;
background: url(/grafix/button_print.jpg) repeat-x;
display:block;
}
#print a:hover {
background: url(/grafix/button_print_hover.jpg) repeat-x;
}

/*-------------------- Kruimelspoor ----------------------------------------*/

#kruimelspoor {
background: url(/grafix/bg_kruimelspoor.jpg);
height: 28px;
padding-left:40px;
line-height: 28px;
color: #FFF;
}
#kruimelspoor a:link, #kruimelspoor a:active, #kruimelspoor a:visited {
color:#FFF;
text-decoration: none;	
}
#kruimelspoor a:hover {
text-decoration: underline;	
}

/*------------  Left Column  ------------------------------------------------*/

#left{
width: 247px;
float: left;
min-height:250px;
color:#FFF;
background:url(/grafix/bg_left.jpg) repeat-x;
}
#left_wrap {
padding:4px;
}
#flash {
text-align:center;
margin-top:4px;
}
/*------------  Navigatie  ------------------------------------------------*/

#siteNavigation {
height: 34px;
background:url(/grafix/bg_navi.jpg) repeat-x;
}

/*-------------------- Footer ----------------------------------------*/

#footer {
height: 33px;
background: url(/grafix/bg_footer.jpg) repeat-x;
clear:both;
line-height:33px;
width: 886px;
color: #FFF;
margin: 0 auto;
margin-top:-33px; 
position: relative;
}

#footer a:link, #footer a:active, #footer a:visited {
color:#FFF;
font-weight: bold;
text-decoration: underline; 
}
#footer a:hover {
color:#444;
}

/*-------------------- ContactForm ----------------------------------------*/

.form {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 11px;
}
.knop {
background: url(/grafix/submit.jpg) no-repeat;
width: 80px;
height: 25px;
cursor: pointer;
border: 0;
}
.knop:hover {
background: url(/grafix/submit_hover.jpg) no-repeat;
}
.input {
border: 1px solid #CECBBD;
background: #F8F8F8;
width: 200px;
}
.field {
border: 1px solid #CECBBD;
background: #F8F8F8;
}

/*-------------------- Sitemap ----------------------------------------*/

.sitemap {
padding:0;
margin-bottom: 10px;
line-height: 20px
}
.sitemapmain {
font-weight: bold;
color:#1B2D5F;
text-decoration: none;
}
.sitemap li {
background: url(/grafix/bullet_li.gif) no-repeat;
list-style: none;
padding-left: 20px;
}
.sitemap li a:link, .sitemap li a:active, .sitemap li a:visited {
text-decoration:underline;
color:#545454;
}
.sitemap li a:hover {
color:#F67811;
}
.sitemap li li li {
background: url(/grafix/bullet_lili.gif) no-repeat;
list-style: none;
padding-left: 20px;
}

/*-------------------- projectoverzicht ----------------------------------------*/

.project {
float: left;
margin-bottom:10px;
margin-left:10px;
width: 242px;
height:265px;
background: url(/grafix/bg_project_box.jpg) repeat-x;
color:#FFF;	
}
.project_top {
height: 25px;
line-height: 25px;
padding-left:4px;
background: url(/grafix/bg_projectgroep_top.jpg) repeat-x;
}
.project_top a:link, .project_top a:active, .project_top a:visited {
color: #ffffff;
font-style: normal;
text-decoration: none;
font-weight: bold;
}
.project_top a:hover {
text-decoration: underline;
}
.project_main  {
padding:5px;
}
.project_img {
float:left;
width:230px;
text-align:center;
height:180px;
}
.project_img img {
border:1px solid #363636;
}
.project_img img:hover {
border:1px solid #FFF;
}
.project_tekst {
height:50px;
}
.project_tekst a:link, .project_tekst a:active, .project_tekst a:visited  {
color:#476971;
}
.project_tekst a:hover  {
color:#FFF;
}
.clear {
clear:both;
}
.submit {
border:0;
font-size:10px;
height:20px;
cursor:pointer;
color:#FFF;
line-height:20px;
background: url(/grafix/bg_projectlink.jpg) repeat-x;
}
.submit:hover {
background: url(/grafix/bg_projectlink_hover.jpg) repeat-x;
}

/*-------------------- projectdetail ----------------------------------------*/

#projectdetail_img  {
height:450px;
}
#projectdetail  h1 {
margin:0;
padding:0;
}
#projectdetail_main {
margin-bottom:8px;
}
#projectsubimages {
height:150px;
}
img.projectsubimg {
border: 1px solid #E2E2E2;
margin-right: 12px;
margin-bottom: 4px;
}
img.projectsubimg:hover {
border: 1px solid #000;
}