@charset "UTF-8";
/* CSS Document */

body {
font-family:arial,verdana,helvetica,sans-serif;
font-size:12px;
line-height:24px;
color:#FFF;
background:url(images/back.gif);
padding-top:10px;
}


h1{
font-size:12px;
color:#254459;
line-height:12px;
font-weight:bold;
padding-top:15px;
}

h2{
}

h3{
font-size:12px;
color:#254459;
line-height:12px;
font-weight:bold;
padding-top:15px;
}

#center{
width:960px;
}

#site{
background:#FFF;
width:960px;
border:1px solid #e5e5e5;
}
	
#top{
width:960px;
height:100px;
background:#254459;
}

#logo{
width:400px;
height:100px;
float:left;
}

#contact{
width:300px;
height:90px;
float:right;
text-align:right;
padding-right:20px;
font-family:arial,verdana,helvetica,sans-serif;
font-size:11px;
line-height:18px;
padding-top:10px;
color:#FFF;
}

#contact a:link, #contact a:visited, #contact a:active {
	font-size:11px;
	color: #FFF;
	text-decoration : none;
	font-weight : normal;
}

#contact a:hover {
	color: #daff00;
	text-decoration : none;
}

#header{
width:960px;
height:150px;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
}
		
#navigatie{
width:960px;
height:30px;
}

.menu ul {
list-style:none;
padding:0;
margin:0;
}
 
.menu ul li {
float:left;
}
 
.menu ul li a {
text-indent:-9000px;
display:block;
width:239px;
height:30px;
margin-right:1px; /* kleine ruimte tussen buttons */
}

.menu ul li.home a {
background:url(images/over.jpg);
}
.menu ul li.home a:hover {
background-position:bottom;
}
.menu ul li.home_active a {
background:url(images/over.jpg);
background-position:bottom;
}
.menu ul li.werkwijze a {
background:url(images/werkwijze.jpg);
}
.menu ul li.werkwijze a:hover {
background-position:bottom;
}
.menu ul li.werkwijze_active a {
background:url(images/werkwijze.jpg);
background-position:bottom;
}
.menu ul li.diensten a {
background:url(images/diensten.jpg);
}
.menu ul li.diensten a:hover {
background-position:bottom;
}
.menu ul li.diensten_active a {
background:url(images/diensten.jpg);
background-position:bottom;
}
.menu ul li.portfolio a {
background:url(images/portfolio.jpg);
}
.menu ul li.portfolio a:hover {
background-position:bottom;
}
.menu ul li.portfolio_active a {
background:url(images/portfolio.jpg);
background-position:bottom;
}

	
#main_content{
width:960px;
height:auto;
overflow:auto;
text-align:left;
background:#FFF;
color:#333;
border-top:1px solid #FFF;
}
	
#links{
width:240px;
float:left;
font-family:arial,verdana,helvetica,sans-serif;
font-size:10px;
line-height:18px;
color:#254459;
margin-top:65px;
}


#links a:link, #links a:visited, #menu a:active{
color: #254459;
font-size:12px;
line-height:24px;
text-decoration : none;
font-weight : normal;
margin-left:15px;
}

#links a:hover{
color: #254459;
text-decoration : underline;
}

#midden{
width:440px;
float:left;
text-align:left;
padding:10px 30px 20px 10px;
}

#midden_clickq{
width:660px;
float:left;
text-align:left;
padding:10px 30px 20px 30px;
}

a:link, a:visited {
font-size:12px;
color: #254459;
text-decoration : underline;
}

a:hover, a:active {
color: #254459;
text-decoration : underline;
}

#midden_breed{
width:680px;
float:left;
text-align:left;
padding:10px 30px 20px 10px;

}

#rechts{
width:240px;
height:auto;
padding-top:10px;
background:#e5e5e5;
float:left;
text-align:center;
padding-bottom:30px;
min-height:500px;

}

#rechts_clickq{
width:210px;
height:auto;
padding:10px 15px 30px 15px;
background:#D30048;
float:left;
min-height:500px;
color:#FFF;
text-align:left;
}

#rechts_popup .tekst{
font-size:11px;
line-height:18px;
text-align:left;
margin-left:22px;
color:#FFF;
}

#rechts .tekst{
font-size:11px;
line-height:18px;
text-align:left;
margin-left:22px;
}

#rechts a:link, #rechts a:visited {
font-size:11px;
color: #254459;
text-decoration : none;
}

#rechts a:hover, #rechts a:active {
color: #254459;
text-decoration : underline;
}

#footer{
width:955px;
line-height:16px;
font-size:10px;
color:#999;
text-align:center;
}

#portfolio{
width:660px;
float:left;
text-align:left;
padding:10px 30px 0px 30px;
}

#portfolio_breed{
width:860px;
float:left;
text-align:left;
padding:10px 30px 0px 30px;
}

hr{
width:400px;
height:0,5px;
color:#254459;
text-align:center;
}