/* CSS Document */

body {
background-color: #004a99; 
padding: 0; 
margin: 0;
vertical-align: 10px; 
background-color: #004a99; 
font-family: Arial, Helvetica, sans-serif; 

position: absolute; 
left: 50%; 
margin-left: -512px;
/*code voor centreren in safari*/
}

img { margin: 0px auto;
border: none;}

#container {
margin: 0 auto;
text-align: center;
}

#main {
width: 1024px;
text-align: left;
font: 10pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

h4 { 
font-size: 12px; 
font-weight: bold; 
margin: 0px;
padding: 0px;
}

.h4_margin { 
margin-top: 10px;
}

p {
margin-top: 0px;
}

.img_right {
margin: 0px 0px 10px 10px;
}

.img_left {
margin: 0px 10px 10px 0px;
}

a {
color: #FFFFFF;
}

/* header */

#header {
height: 142px;
}

#top {
}

#backgroundleft {
background: url('Elements/Achtergrond_L.jpg') repeat-y top;
width: 43px;
height: 142px;
position: absolute;
}

#logo {
background-image:url(Elements/LeendersLogo.jpg);
width: 186px;
height: 119px;
margin-left: 43px;
position: absolute;
}

#headerimage {
background-image: url(Elements/Headerimage.jpg);
width: 565px;
height: 119px;
margin-left: 229px;
position: absolute;
}

#topmenu {
height: 119px;
width: 187px;
background-color: #FFFFFF;
position: absolute;
margin-left: 794px;
}

#topmenu00 {
background-image:url(Elements/Headerblok01.jpg);
width: 187px;
height: 18px;
position: absolute;
top: 0px;
}

#topmenu01 {
font: 10pt Arial;
text-align: right;
width: 187px;
height: 18px;
border-top: 1pt; 
border-top-color: #00CCFF;
position: absolute;
right: 10px;
top: 20px;
}

#topmenu01 A:link {
color: #797979;
text-decoration: none;
}

#topmenu01 A:visited {
color: #797979;
text-decoration: none;
}

#topmenu01 A:active {
color: #c6c6c6;
text-decoration: underline;
}

#topmenu01 A:hover {
text-decoration: underline; 
color: #c6c6c6;
}

#bouwgarant {
background-image: url(Elements/Headerblok03.jpg);
width: 187px;
height: 57px;
position: absolute;
top: 39px;
}

#datum {
font: 10pt Arial;
color: #797979;
position: absolute;
top: 99px;
right: 0px;
padding-right: 10px;
}

#backgroundright {
background: url('Elements/Achtergrond_R.jpg') repeat-y top;
width: 43px;
height: 142px;
position: absolute;
margin-left: 981px;
}

/* Menubalk */

#menu {
position: relative;
margin-left: 43px;
top: 119px;
width: 938px;
height: 23px;
}

#menu01 a{
background-image: url(Elements/Button01.jpg);
width: 185px;
height: 23px;
position: absolute;
left: 0px;
}


#menu01 a:hover {
background-image: url(Elements/Button01_MO.jpg);
}

#menu01_MO{
background-image: url(Elements/Button01_MO.jpg);
width: 185px;
height: 23px;
position: absolute;
left: 0px;
}

#menu02 a{
background-image: url(Elements/Button02.jpg);
position: absolute;
left: 185px;
width: 195px;
height: 23px;
}

#menu02 a:hover {
background-image: url(Elements/Button02_MO.jpg);
}

#menu02_MO {
background-image: url(Elements/Button02_MO.jpg);
position: absolute;
left: 185px;
width: 195px;
height: 23px;
}

#menu03 a{
background-image: url(Elements/Button03.jpg);
position: absolute;
left: 380px;
width: 160px;
height: 23px;
}

#menu03 a:hover {
background-image: url(Elements/Button03_MO.jpg);
}

#menu03_MO{
background-image: url(Elements/Button03_MO.jpg);
position: absolute;
left: 380px;
width: 160px;
height: 23px;
}

#menu04 a{
background-image: url(Elements/Button04.jpg);
position: absolute;
left: 540px;
width: 110px;
height: 23px;
}

#menu04 a:hover {
background-image: url(Elements/Button04_MO.jpg);
}

#menu04_MO{
background-image: url(Elements/Button04_MO.jpg);
position: absolute;
left: 540px;
width: 110px;
height: 23px;
}

#menu05 a{
background-image: url(Elements/Button05.jpg);
position: absolute;
left: 650px;
width: 81px;
height: 23px;
}

#menu05 a:hover {
background-image: url(Elements/Button05_MO.jpg);
}

#menu05_MO{
background-image: url(Elements/Button05_MO.jpg);
position: absolute;
left: 650px;
width: 81px;
height: 23px;
}

#menu06 a{
background-image: url(Elements/Button06.jpg);
position: absolute;
left: 731px;
width: 87px;
height: 23px;
}

#menu06 a:hover {
background-image: url(Elements/Button06_MO.jpg);
}

#menu06_MO{
background-image: url(Elements/Button06_MO.jpg);
position: absolute;
left: 731px;
width: 87px;
height: 23px;
}

#menu07 a{
background-image: url(Elements/Button07.jpg);
position: absolute;
left: 818px;
width: 78px;
height: 23px;
}

#menu07 a:hover {
background-image: url(Elements/Button07_MO.jpg);
}

#menu07_MO{
background-image: url(Elements/Button07_MO.jpg);
position: absolute;
left: 818px;
width: 78px;
height: 23px;
}

#menu08 {
background-image: url(Elements/Button08.jpg);
position: absolute;
left: 896px;
width: 42px;
height: 23px;
}

/* Left Buttons */

#buttons_leenders {
margin-left: 43px;
position: absolute;
width: 185px;
height: 373px;
background-color: #ee7f01;
margin-right: 200px;
}

#button01 a{
position: absolute;
top: 0px;
left: 0px;
width: 185px;
height: 191px;
background-image: url(Elements/ButtonLinks01.jpg);
}

#button01 a:hover {
background-image: url(Elements/ButtonLinks01_MO.jpg);
}

#button02 a{
position: absolute;
top: 191px;
left: 0px;
width: 185px;
height: 182px;
background-image: url(Elements/ButtonLinks02.jpg);
}

#button02 a:hover {
background-image: url(Elements/ButtonLinks02_MO.jpg);
}

#button03 a{
position: absolute;
top: 191px;
left: 0px;
width: 185px;
height: 182px;
background-image: url(Elements/ButtonLinks03.jpg);
}

#button03 a:hover {
background-image: url(Elements/ButtonLinks03_MO.jpg);
}

#button04 a{
position: absolute;
top: 191px;
left: 0px;
width: 185px;
height: 182px;
background-image: url(Elements/ButtonLinks04.jpg);
}

#button04 a:hover {
background-image: url(Elements/ButtonLinks04_MO.jpg);
}

#nobuttonleft {
position: absolute;
top: 373px;
left: 0px;
width: 185px;
height: 13px;
border-bottom: solid 1px white;
background-color: #ee7f01;
}

/* content */

#content {
background-image: url(Elements/Backgroundschaduw.jpg);
padding-left: 245px;
padding-top: 15px;
padding-right: 65px;
padding-bottom: 15px;
margin-top: 0px;
min-height: 373px; 

/*code voor min-height in explorer*/
height: auto !important; /* for modern browsers */
height: 373px; /* for IE5.x and IE6 */
min-height: 373px; /* for modern browsers */
}

#bottom {
background-image: url(Elements/bottom.jpg);
height: 71px;
}

/* contactformulier */

#contactformulier {
position: relative;
width: 400px;
height: 450px;
padding-top: 15px;
}

#route {
	position: absolute;
	top: 157px;
	width: 260px;
	left: 696px;
}

.input1 {
position: relative;
left: 28px;
width: 257px;
}

.input2 {
position: relative;
left: 50px;
width: 257px;
}

.input3 {
position: relative;
left: 67px;
width: 257px;
}

.input4 {
position: relative;
left: 54px;
width: 257px;
}

.textarea {
position: relative;
left: 48px;
width: 257px;
}

.inputbuttonsubmit {
position: relative;
left: 114px;
}

.inputbuttonreset {
position: relative;
left: 110px;
}

/* portfolio */

#portfolio {
width: 720px;
}

.portfolio_item {
padding-top: 10px;
height: 240px;
border-bottom: 1px solid white;
}

.portfolio_itembottom {
padding-top: 10px;
height: 240px;
}

.portfolio_text {
position: absolute;
width: 190px;
height: 240px;
padding-right: 10px;
}

.portfolio_afbeeldingen {
position: absolute;
margin-left: 224px;
width: 520px;
height: 301px;
top: 0px;
}

.portfolio_afb01 {
position: absolute;
height: 213px;
}

.portfolio_afb02 {
position: absolute;
left: 340px;
}

.portfolio_afb03 {
position: absolute;
top: 115px;
left: 340px;
}

.portfolio_afb04 {
position: absolute;
top: 213px;
left: 220px;
margin-top: 10px;
}

#content2 {
background-image: url(Elements/Backgroundschaduw.jpg);
padding-left: 245px;
padding-right: 65px;
min-height: 373px;
margin: 0 auto;
}

.sitemap a{
color: #FFFFFF;
}


.portfoliobutton {
}

.starters_item {
	position: relative;
padding-top: 10px;
height: 240px;
border-top: 1px solid white;
}

.starters_text {
position: absolute;
width: 290px;
height: 220px;
padding-right: 10px;
}

.starters_afbeeldingen {
position: absolute;
margin-left: 224px;
width: 496px;
height: 301px;
top: 0px;
}

.startersthumb {
	text-align: right;
position: absolute;
left: 150px;
height: 213px;
width: 346px;
}

#portfoliomargin {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}