body, html {  
  font-family: Calibri, Arial; 
  font-size: 13pt;
  height: 100%;
  color: #002555;
}

html {
    overflow-y: scroll;
}

a:link { 
	color: #012858;
	}
a:visited { 
	color: #012858;
	}
a:hover { 
	color: #fe4902;
	}

*{
   margin:0;
   padding:0;
}
ul {
    margin-left: 15px;
}

#wrapper{
    width:980px;
    margin: 0 auto;
    text-align: left;
    border-left: 1px solid #002555;
    border-right: 1px solid #002555;
    position: relative;
}

#header {
    height:148px;
    width:980px;    
    background-image:url('images/header_repeat.jpg');
    background-repeat:repeat-x;
}
#logo {
    position: absolute;
    top: 15px;
    left: 25px;
}
#search {
    position: absolute;
    top: 100px;
    right: 25px;
}
#search input[type="image"] {
    vertical-align: middle;
}
#search input[type="text"] {
    vertical-align: middle;
    height: 29px;
    width: 200px;
    background-color: #ffffff;
    border: 1px solid #cbcbcb;
    line-height: 29px;
}

#menu {
    background-color: #001840;
    padding-left: 2px;
    height:74px;
    width:978px;
}



#fill {
height:100%;
width:980px;
background-image:url('images/background.jpg');
padding: 10 0 0 0;
}

#content {
    padding: 20px;
}
#footer {
  color: #678299;
  font-size: 10pt;
  height: 50px;
  width: 980px;
  background-image:url('images/footer.gif');
  background-repeat:no-repeat;
  margin: 0 auto;
}

#footermidden {
  color: #678299;
  font-size: 10pt;
  margin: 20px 0px 0px 0px;
	width: 340px;
	display: block;
	float: left;
	position: relative;
	text-align: center;
}

#footerrechts {
  color: #678299;
  font-size: 10pt;
  margin: 2px 0px 0px 0px;
	width: 280px;
	display: block;
	float: left;
	position: relative;
  text-align: right;
}

#footerlinks {
  color: #678299;
  font-size: 10pt;
	margin: 20px 10px 20px 50px;
	width: 250px;
	display: block;
	float: left;
}
#footerlinks a {
    color: #678299;
    font-size: 10pt;
}
/*Home pagina */

#carousel {
    padding-top:10px;
}

#recenteProjecten_container {
    background-image: url('images/recenteprojectenbg.png');
    width: 980px;
    height: 120px;
    position: relative;
}
#recenteProjecten {
    padding-top: 10px;
    padding-left: 40px;
}
#recenteProjecten img {
    height: 90px;
    border-style: none;
}
.recenteProject {
}
.project1 {
    margin-right: 30px; 
}
.project2 {
    margin-right: 190px;
}
.project3 {
    margin-right: 20px;
}
.project4 {
    margin-left: 10px;
}

#homelinks {
    width:480px;
    float: left;
}

#homerechts {
    margin-right: 2px;
    width:450px;
    height:200px;
    background-image:url('images/nieuws.png');
    background-repeat:no-repeat;
    float: right;
  	text-align: left; 
}

.recenteNieuws {
   margin: 17px 10px 10px 20px;
   list-style-type: none;
}

.recenteNieuws div {
   font-size:12px;
   padding-bottom:5px;
}

.recenteNieuws a {
   font-size:14px;
   color:#fe4902;
}

/*over ons*/
#tekst {    
    
}

#fotoviewer {
    float: right;    
    height: 250px;
    width: 250px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
}

#blog {
    padding-left: 10px;
    padding-top: 1px;
    margin-left: 40px;
    padding-bottom: 20px;
    width:900px;
    height:250px;
    background-image:url('images/backgroundblog.gif');
    background-repeat:no-repeat;
}

.recenteBlog {
   margin: 17px 10px 10px 20px;
}

.recenteBlog div {
   font-size:16px;
   padding-bottom:5px;
}

.recenteBlog a {
   font-size:16px;
   color:#fe4902;
}

  
/*contactpagina*/

#contactgegevens {
height: 260px;
width: 900px;
background-image:url('images/backgroundgegevens.gif');
background-repeat:no-repeat;
margin: 20px 10px 0px 23px;
padding: 10 0 0 0;
}

#links {
  color: #002555;
	margin: 35px 0px 20px 35px;
	width: 150px;
	position: relative;
	display: block;
	float: left;
}

#rechts {
  color: #002555;
	margin: 35px 35px 20px 0px;
	width: 350px;
	display: block;
	float: left;
}

/*Overons Pagina*/

#overons {
height: 624px;
width: 924px;
background-image:url('images/backgroundoverons.gif');
background-repeat:no-repeat;
margin: 0px 10px 0px 23px;
padding: 10 0 0 0
}

#tekstoverons {
  color: #002555;
	margin: 60px 0px 20px 35px;
  width: 500px;
	position: relative;
	display: block;
	float: left;
}

#plaatjes {
	margin: 35px 35px 20px 0px;
	width: 200px;
	display: block;
	float: left;
}
/* Zoek pagina */
.zoekForm {
    
}
.zoekForm input[type="text"] {
    height: 26px;
}
.zoekForm input[type="submit"] {
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
#resultaat_wrapper {
    margin-top: 30px;
}
.resulaten {
    margin: 10px 0px 10px 30px;    
}
/* Producten pagina */
.product {
  margin: 0px auto;
  list-style: none;
  width: 946px;
}
 .product li {
  display: block;
  width: 428px;
  height: 58px;
  float: left;
  margin: 0px;
  background-image: url('images/productenbackground.gif');
  background-repeat: no-repeat;  
  padding: 15px;
  padding-top: 100px;
  margin: 5px; 
  position: relative;   
}                                 
.product li img {    
    position: absolute;
    top: 5px;
    right: 5px;
}

/*Diensten Paginas*/

#diensten {
height: 624px;
width: 924px;
margin: 0px 10px 0px 23px;
padding: 10 0 0 0
}

#tekstoverons {
  color: #002555;
	margin: 60px 0px 20px 35px;
  width: 500px;
	position: relative;
	display: block;
	float: left;
}

#plaatjes {
	margin: 35px 35px 20px 0px;
	width: 200px;
	display: block;
	float: left;
}


/*Portfolio Pagina */

#portfolio {
    width: 940px;
    margin: 0 auto;
}

/* Links pagina */

#linkslinks {
  width: 300px;
  height: 150px;
  float: left;
  position: relative; 
  margin: 5px;
  margin-bottom: 150px;
}

#linksmidden {
  width: 300px;
  height: 150px;
  float: left;
  position: relative; 
  margin: 5px;
}

#linksrechts {
  width: 300px;
  height: 150px;
  float: left;
  position: relative;
  margin: 5px; 
}
/************Wijzigen op eigen risico***********/
/*Navigatie menu*/    
.scheidingsTeken {}    
.menu1 {                    
  margin: 0px;
  padding: 0px; 
  float: left;}

.menu1 a {           
    display:block;
    float: left;
    width: 104px;
    height: 62px;
    font-family: Quadranta, Calibri, Arial;
    line-height:13px;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;         
    background: url('menu/menubutton.jpg') 0 0 no-repeat;
}

.menu1 a:hover {
    background-position: 0 -74px;
}

#menu1Actief a {     
    background-position: 0 -74px;
}

.menuSub{
    position: relative;
    float: left;
    margin-top: 5px;
    clear: both;
    color: #A7B2C9;
    font-family: Calibri, Arial;
    font-size: 12px;
    font-weight: normal;  

}

.menu1 a:hover span.menuSub {
  color: #FA9;
}

#menu1Actief { }

.menu2 {                    margin: 0px;
                            padding: 0px 0px 0px 0px;}
#menu2Actief {              font-weight: bolder;}                              
.menu3 {                    margin: 0px;
                            padding: 0px 0px 0px 20px;}
#menu3Actief {              font-weight: bolder;}                            
/*Forms*/
.formulier {                padding: 2px;
                            margin: 0px auto;
                            width: 95%}
.row {                      clear: both;
                            width: 100%;}
.label {                    float: left;
                            text-align: right;
                            width: 20%;
                            padding: 3px 0px 0px 0px;
                            font-style: italic;}
.input {                    float: right;
                            text-align: left;
                            width: 78%;}
.submit {                   margin: 5px 0px 0px 0px;
                            text-align: center;
                            width: 100%;}     
.melding {							    margin: 5px 0px 10px 0px;
    												width: 100%;
                            text-align: center;                        
                            font-style: italic;}
/*Inloggen*/
/*Aanmelden*/
.intro {								    margin: 0px 0px 20px 0px;
												    padding: 0px;} 
/*PopUp*/
#popUpInhoud {              margin: 5px;
                            padding: 0px;
                            background-color: #FFFFFF;}
#popUpClose {               margin: 25px 0px 0px 0px;
                            padding: 0px;
                            text-align: center;}   
/*modules*/
.kop {                      font-weight: bold;}
.tabelLabel {               font-style: italic;}      
/*sitemap*/
.niveau1 {                  margin: 0px;
                            padding: 0px;}
.cNiveau1 {                 margin: 0px 0px 10px 0px;
                            padding: 0px;}                                                                                                                        
.niveau2,
.niveau2Last {              margin: 0px;
                            padding: 0px 0px 0px 25px;}
.cNiveau2 {                 margin: 0px;
                            padding: 0px 0px 0px 0px;}                                                                                                                       
.niveau3,
.niveau3Last{               margin: 0px 0px 0px 25px;;
                            padding: 2px 0px 0px 25px;}
.cNiveau3 {                 margin: 0px;
                            padding: 0px;}  
.midden {                   background-image: url('../system/images/client/MiddleLine.gif');
                            background-repeat: repeat-y;}
.niveau2,
.niveau3 {                  background-image: url('../system/images/client/MiddleCrossLine.gif');
                            background-repeat: no-repeat;}
.niveau2Last,
.niveau3Last {              background-image: url('../system/images/client/BottomLine.gif');
                            background-repeat: no-repeat;}      
/*rss*/
.rss {                      margin: 0px auto;
                            padding: 0px 3px 0px 16px;
                            width: 35px;
                            font-weight: bold;
                            background-image: url('images/client/rss.gif');
                            background-position: 3px 50%;
                            background-repeat: no-repeat;
                            border: 1px solid #cc5500;
                            background-color: #EE7700;}
.rss a {                    color: #FFFFFF;}
.rss a:hover {              text-decoration: none;}


/*************** Touchschreen hoofdindeling ****************/

#touchinhoud {
position: relative;
margin: 10px;
}

/*************** Menubalk ****************/

#balk_container{
position: relative;
height: 112px; 
width: 969px;
padding:0px;
margin: 10px;
left: 50%;
margin-left: -484px;
}

.balk_a_overzicht a {
float: left;
display:block;
width: 209px;
height: 112px;
background: url("images/btnOverzicht.jpg") 0 0 no-repeat;
text-decoration: none;
alt="Overzicht";
}

.balk_a_overzicht a:hover{
background-position: 0 -112px;
}

.balk_a_informatie a {
float: left;
display:block;
width: 184px;
height: 112px;
background: url("images/btnInformatie.jpg") 0 0 no-repeat;
text-decoration: none;
}

.balk_a_informatie a:hover{
background-position: 0 -112px;
}

.balk_a_liften a {
float: left;
display:block;
width: 183px;
height: 112px;
background: url("images/btnLiften.jpg") 0 0 no-repeat;
text-decoration: none;
}

.balk_a_liften a:hover{
background-position: 0 -112px;
}

.balk_a_modules a {
float: left;
display:block;
width: 183px;
height: 112px;
background: url("images/btnModules.jpg") 0 0 no-repeat;
text-decoration: none;
}

.balk_a_modules a:hover{
background-position: 0 -112px;
}

.balk_a_contact a {
float: left;
display:block;
width: 210px;
height: 112px;
background: url("images/btnContact.jpg") 0 0 no-repeat;
text-decoration: none;
}

.balk_a_contact a:hover{
background-position: 0 -112px;
}

.clear{
clear: both;
}