/*Algemeen*/

html, body, h1, h2, h3, h4 { 
margin : 0; 
padding : 0; 
} 

img, a img { 
display : block; 
border : 0; 
} 

img.floatlinks{
float: left;
margin: 4px;
}

img.floatrechts {
float: right;
margin: 4px;
}

p.hidden {
display: none;
}


table {
margin-left: auto;
margin-right: auto;
border: solid 1px black;
}

table td {
padding-left: 7px;
border: solid 1px black;
}

#inhoud a { 
color: #464544;
text-decoration: none;
border-bottom: 1px dotted #464544;
} 

#inhoud a.terug { 
display: block;
float: right;
} 
#inhoud a.nieuw { 
font-weight: bold;
color: red;
border-bottom: none;
} 

#inhoud a:hover { 
color: #464544;
text-decoration:none;
border-bottom:1px dotted #464544;
} 


#inhoud p.center {
text-align: center;
font-weight: bold;
}

p.projecten {
text-align: left;
font-weight: bold;
}

/*Achtergrond en opmaak body*/

body { 
background : url(images/page_bg.gif); 
font : 12px arial, sans-serif; 
color : #464544; 
background-repeat : repeat; 
} 


/*Ruimte bovenaan*/

div#outer { 
margin-top : 20px; 
} 

/*wrapper positie*/

div#wrapper { 
margin-left : auto; 
margin-right : auto; 
width : 755px; 
background-color : #ffffff; 
} 

/*wrapper achtergrond alg*/

div#body-bot { 
background-color : #ffffff; 
} 

/*wrapper achtergrond top*/

div#body-top { 
background : url(images/body_bg_top.gif) no-repeat; 
padding-bottom : 20px; 
} 

/*banner*/

.logo { 
position : relative; 
padding-top : 24px; 
padding-left : 20px; 
} 

div#body-top h2 { 
font : bold 22px arial, sans-serif; 
color : #8d8d8d; 
float : right; 
position : relative; 
right : 40px; 
top : 60px; 
} 

div#body-top ul {
position: absolute;
display: none;
padding-left: 80px;
margin-top: 25px;
color: white;
} 

/*Navigatie*/

div#nav { 
width : 755px; 
height : 25px; 
border-bottom : 3px solid #6b4534; 
border-top : 3px solid #6b4534; 
background-color : #ffffff; 
line-height : 25px; 
text-align : center; 
} 

div#nav ul { 
list-style : none; 
margin : 0; 
padding : 0; 
} 

div#nav li { 
list-style : none; 
float : left; 
padding-left : 40px; 
padding-right : 10px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
margin : 0; 
line-height : 25px; 
} 

div#nav a { 
color : #000; 
text-decoration : none; 
font-weight : bold; 
line-height : 25px; 
} 

div#nav a:hover { 
color : #6b4534; 
text-decoration : underline; 
} 

/*Tekst gedeelte*/

div#container { 
width : 753px; 
margin: 0;
padding: 0;
} 

div#inhoud { 
width : 433px; 
float : right; 
padding-top : 25px; 
padding-right : 10px; 
height : 435px; 
overflow : auto; 
margin-bottom : 0;
} 

div#inhoud h2 { 
font : bold 22px arial, sans-serif; 
color : #000; 
margin : 0; 
text-align : center; 
} 

div#inhoud h3 { 
font : bold 15px arial, sans-serif; 
color : #6b4534; 
margin : 0; 
text-align : left;
padding-left: 20px; 
} 

div#inhoud p { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
text-align : left;  
padding-left: 20px;
} 

div#inhoud a.linky { 
margin-left: 20px;
} 

div#inhoud p.terug { 
display : block; 
text-align : right; 
padding-bottom : 10px; 
} 

div#inhoud li a { 
line-height : 16pt; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
} 

div#picture { 
width : 300px; 
float : left; 
} 

.spacer { 
clear : both; 
} 

div#inhoud img.intro {
margin: 0;
padding-bottom: 20px;
}

div#inhoud ul.intro { 
list-style : none; 
margin : 0; 
padding : 0; 
} 

div#inhoud ul li.intro { 
text-align: left;
padding-left : 180px; 
padding-right : 10px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 14px; 
margin : 0; 
line-height : 25px; 
text-decoration : none;
} 

div#inhoud a.intro { 
color : #8d8d8d; 
text-decoration : none; 
font-weight : bold; 
line-height : 25px; 
border-bottom: none;
font-size : 14px; 
} 

div#inhoud a:hover.intro { 
color : #8d8d8d; 
text-decoration : underline; 
border: 0;
} 
div#inhoud a:hover.nieuw { 
color : red; 
text-decoration : underline; 
border: 0;
} 

div#inhoud a img.center {
display: block;
margin-left: auto;
margin-right: auto;
}

/*opmaak formulier*/

form {
padding-left: 20px;
}

fieldset { 
border-width : 1px; 
border-style : dashed; 
border-color : #cccccc; 
padding : 15px; 
width : 330px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : small; 
} 

label { 
width : 75px; 
display : inline-block; 
line-height : 2.4; 
vertical-align : top; 
} 

label.breed { 
width : 300px; 
display : inline-block; 
line-height : 2.4; 
vertical-align : top; 
} 

input { 
background-color : #f5f5f5; 
font-size : small; 
border-width : 1px; 
border-style : solid; 
border-color : #cccccc; 
margin-bottom : 10px; 
} 

form span { 
width : 75px; 
display : inline-block; 
line-height : 2.4; 
vertical-align : top; 
} 

select { 
width : 100px; 
font-size : x-small; 
background-color : #f5f5f5; 
border-color : #cccccc; 
border-style : solid; 
border-width : 1px; 
margin-bottom : 10px; 
} 

textarea { 
width : 320px; 
max-width : 320px; 
height : 100px; 
background-color : #f5f5f5; 
border-width : 1px; 
border-style : solid; 
border-color : #cccccc; 
font-family : Arial, Helvetica, sans-serif; 
font-size : small; 
margin-bottom : 10px; 
} 


/*Kaart opmaak en positie*/

.map object { 
width : 375px; 
height : 350px; 
border : 0; 
margin-left : auto; 
margin-right : auto; 
display : block; 
} 

.map a { 
color : #666666; 
text-align : center; 
display : block; 
} 


/*Contactgegeven onderaan pagina*/

div#contact { 
border-bottom : 3px solid #6b4534; 
border-top : 3px solid #6b4534; 
background-color : #ffffff; 
height : 25px; 
width : 755px;
overflow: hidden;
} 

div#contact p { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : center; 
line-height : 25px; 
margin : 0; 
} 

/*opmaak copyright en onestattag*/

div#copyright { 
font-size : 9px; 
color : #fff; 
margin-top : 15px; 
text-align : center; 
} 

div#OneStatTag { 
border: 0;
margin-left : auto; 
margin-right : auto; 
display: block;
width : 96px; 
height : 15px; 
} 

div#OneStatTag a img { 
border: 0;
 
} 
