body {

background-color:#3F3D3E;
margin-top: 8px;

}



img {

border: 0px;
}

a:link {
	color: #E6E6E6;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #E6E6E6;
}
a:hover {
	text-decoration: none;
	color: #E6E6E6;
}
a:active {
	text-decoration: underline;
	color: #E6E6E6;
}




#container {
	margin:0 auto;
	width:950px;
	background-color:#3F3D3E;
	z-index:1;
}

h1{

font-family:Arial, Helvetica, sans-serif;
color:#E6E6E6;
font-size:16px;
font-weight:bold;
font-style:italic;
margin: 0;

}

h2{

font-family:Arial, Helvetica, sans-serif;
color:#E6E6E6;
font-size:14px;
font-weight:bold;
font-style:italic;
margin: 0;


}

h3{

font-family:Arial, Helvetica, sans-serif;
color:#E6E6E6;
font-size:12px;
font-weight:bold;
margin: 0;

}



#header {
	background-color:#3F3D3E;
	width: 950px;
	height:180px;
	background-image: url(../Images/banner_sn.jpg);
}

#navigation {
	float:left;
	width: 216px;
	background-image: url(../Images/navigatie.jpg);
	padding-left:20px;
	height:730px;
}



#content {
	float:left;
	width: 704px;
	height:730px;
	padding-left:10px;
	background-color:#3F3D3E;
}

#im_title {

float:left;
width:30px;
height:30px;
background-image:url(../Images/pijltje.jpg);


}

#title {

float:left;
width:674px;
height:30px;
background-color:#3F3D3E;
line-height:30px;
}

#content_home {

width:704px;
height:680px;
margin-top:10px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#E6E6E6;
text-align:justify;

}




#footer {
	clear:both;
	width: 950px;
	background-color:#3F3D3E;
	height:90px;
	background-image: url(../Images/footer.jpg);
	text-align:center;
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	line-height: 90px;
	color: #ffffff;
}

.tussenstreep {

color:#F08F1E;

}



.menur a {
	text-decoration: none;
	color: #ffffff;
	font-family: Verdana;
	font-size: 9px;
	
}


.menur a:hover {
	text-decoration: none;
	color: #ffffff;
	background-image: url(../Images/menubalk1.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	padding-top: 4px;
	padding-left: 18px;
	height: 19px;
	margin-top: 2px;
}

.menur a:visited {

	color: #ffffff;
	text-decoration: none;
	
}

.foldout {
	background-image: url(../Images/menubalk2.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	padding-top: 4px;
	padding-left: 18px;
	height: 19px;
	margin-top: 2px;
	
	
}

.aktief {
	background-image: url(../Images/menubalk1.jpg);
	background-repeat: no-repeat;
	margin-right: 0px;
	padding-top: 4px;
	padding-left: 18px;
	height: 19px;
	margin-top: 2px;
	
	
}

#nav {
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom:4px;
	
}

#menu {
	width: 155px;
	float: left;
	clear: right;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	
}

#nav a {
	display: block;
	
	margin: 0px;
}


.menur li {
list-style-type: none;
padding-top: 2px;
}


#im_tussen_tekst {

float: right;
margin-left:10px;

}

#im_tussen_tekst_links {

float: left;


}

#valid {

width:150px;
height:50px;
margin-top:7px;
float:left;

}

#tip {

width:176px;
height:280px;
padding:5px;
background-color:#3F3D3E;
border: #E6E6E6 1px solid;
margin-top:10px;
float:left;

}

#valid_xhtml {

margin-bottom:5px;


}

.gegevens_info {

width: 120px;
height: 30px;
font-style:italic;
float:left;

}

.tekstvelden {

width:500px;
height: 30px;
float:left;

}

input {

width: 180px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;

}

.input_titel {

width: 600px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;

}

.input_veld {

width: 600px;
height:200px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}



#button {

width:160px;
background-color:#686465;

}

.fout {

font-weight:bold;
color:#F69F1A;
}

.info_doen {

float:left;
width:600px;
height:30px;
font-style:italic;
}

.info_veld {

float:left;
width:600px;
height:220px;

}



#nieuwsitems {

width:580px;
height:130px;
padding:10px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
overflow:auto;
float:left;

}

#klanten {

width:580px;
height:270px;
padding:10px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
overflow:auto;
float:left;

}


.nieuws_homepage {

width:640px;
height:120px;
padding:5px;
border: #E6E6E6 1px solid;
margin-top:10px;
float:left;

}

.afbeelding_nieuws {

width:176px;
height:120px;
float:left;

}

.tekst_nieuws {

width:440px;
height:90px;
margin-left:10px;
float:left;

}

.info_nieuws {

width:440px;
height:20px;
margin-left:10px;
margin-top:10px;
float:left;

}

#titel_tip {

width:176px;
height:25px;


}

#afbeelding_tip {

width:176px;
height:90px;
float:left;


}

#link_tip {

width:176px;
height:20px;
overflow:hidden;
float:left;


}

#link_tip a{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#E6E6E6;


}

#tekst_tip {

width:176px;
height:110px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:5px;
color:#E6E6E6;
text-align:left;
float:left;


}

#tekst_tip a{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#E6E6E6;

}

.button2 {

width: 28px;
height: 19px;
margin-left:5px;
background-image:url(../Images/achter_k.gif);

}


#diensten {

width:640px;
height:650px;
border: #E6E6E6 1px solid;
background-color:#474546;
float:left;

}

.donker_dienst {

width:630px;
height:110px;
padding:5px;
background-color:#3F3D3E;
margin-top:10px;
float:left;

}

.licht_dienst {

width:630px;
height:110px;
padding:5px;
margin-top:10px;
background-color:#3F3D3E;
float:left;


}

.foto_dienst {

width:150px;
height:110px;
float:left;

}

.titel_dienst {

width:470px;
height:20px;
margin-left:10px;
float:left;

}



.tekst_dienst {

width:470px;
height:60px;
margin-left:10px;
margin-top:10px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#E6E6E6;
text-align:justify;

}

#beschrijving_dienst {

width:630px;
height:500px;
padding:5px;
margin-top:10px;
background-color:#3F3D3E;
float:left;


}

.ref_kader{

width:210px;
height:270px;
padding:5px;
background-color:#3F3D3E;
border: #E6E6E6 1px solid;
margin-top:10px;
margin-left:8px;
float:left;

}

.naam_ref {

width:210px;
height:20px;
float:left;

}

.foto_ref {

width:210px;
height:120px;
margin-top:5px;
float:left;

}

.link_ref {

width:210px;
height:20px;
margin-top:5px;
line-height:20px;
float:left;

}

.link_ref a {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#E6E6E6;

}

.bes_ref {

width:210px;
height:70px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:5px;
color:#E6E6E6;
text-align:left;
float:left;

}

.sublinks {

background-color:#3F3D3E;
border: #E6E6E6 1px solid;
text-align:center;
height:20px;
line-height:20px;
width:680px;
margin-top:10px;
margin-left:8px;
float:left;

}

.sublinks_n {

background-color:#3F3D3E;
border: #E6E6E6 1px solid;
text-align:center;
height:20px;
line-height:20px;
width:650px;
margin-top:10px;
margin-left:0px;
float:left;

}

.h2n {

width:300px;
float:left;

}

.form_info {

width: 170px;
height: 30px;
font-style:italic;
float:left;

}

.tekstvelden_info {

width:250px;
height: 30px;
float:left;

}

.tekstvak_info {

width:250px;
height: 130px;
float:left;

}

.keuze {

width: 180px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;

}

#error {

float:left;
width:258px;
height:288px;
padding:10px;
border: #E6E6E6 1px solid;
margin-top:10px;
color:#F69F1A;

}

#error_contact {

float:left;
width:258px;
height:288px;
padding:10px;
border: #E6E6E6 1px solid;
margin-top:10px;
color:#F69F1A;

}

#offerte_rond {

float:left;
margin-top:10px;
width:420px;
height:425px;


}

#contact_rond {

float:left;
margin-top:10px;
width:420px;
height:330px;


}

.of_button {

float:left;
width:420px;
height:30px;
font-style:italic;
}

.input_of {

width: 220px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;

}

.vak_of {

width: 220px;
height:110px;
border: #F69F1A 1px solid;
background-color:#4D4A4B;
color:#E6E6E6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:12px;

}

.oranje {

color:#F69F1A;

}

#tekst_onder {

clear:both;
height:150px;
width:600px;

}

.sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5#pullquote {
      visibility: hidden;
      font-family: Verdana;
	  font-weight:bold;
    }

    .sIFR-active h1 {
      padding-bottom: 0;
	  font-weight:bold;
    }

    .sIFR-active h2 {
      font-size: 55px;
      display: block;
    }

    .sIFR-active h3 {
      font-size: 18px;
    }

    .sIFR-active h4 {
      font-size: 21px;
      font-weight: normal;
    }

    .sIFR-active h5#pullquote {
      font-size: 24px;
    }
	
	h1, h2, h3, h4, h5 {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  letter-spacing: -.05em;
  margin: 0;
  padding: 0;
  line-height: 1em;
}


h1 {
  text-align: left;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  font-weight:bold;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 20px;
}

h4 {
  color: #660000;
  font-size: 16px;
  margin: 5px 0 20px 0;
}

h5 {
  font-size: 20px;
}


@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}