body     {
color:      #000000;
font-size:   12px;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
text-align:left;vertical-align:top}

td   {
color:      #000000;
font-size:   12px;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
text-align:left;vertical-align:top }

.table { 
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
padding:		5px 0px 5px 0px;
text-align: left;
color: #000000;
font-weight:bold;
vertical-align: top}

.table2 { 
padding:		5px 0px 15px 0px;
text-align: left;
color: #000000;
vertical-align: top}


h1   {
color:      #AD3692;
font-size:   12px;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px}

h2   {
color:      #000000;
font-size:   13px;
font-family: Arial,Helvetica,sans-serif;
line-height: 9px}

a:link {
color:          #AD3692;
font-size:   12px;
text-decoration: none }

a:visited {
color:          #AD3692;
font-size:   12px;
text-decoration: none }

a:hover {
color:          #AD3692;
font-size:   12px;
text-decoration: none }

#container {
position: absolute;
margin: 0 auto;
width: 975px;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
top: 0px;
left: 50%;
margin-left: -475px;
margin-top: 0px;
background-image:url(../images/content.jpg);
}

.header {  
height: 250px;  
width: 950px;
}

.content {
width: 470px; 
min-height: 390px;
float: left;
margin-top: 5px;
margin-left: 0px;
padding-right:35px;
padding-left:228px;
}

.content a {
	color: #000;
}

#fotos{
	float: 	left;
	width: 	140px;
	margin: 12px;
}

#fotos p {
	float:left; 
	padding: 5px; 
	margin: 0 0 10px 0 ; 
	border: 1px solid #ccc;
}

#fotos a:hover p {
	border: 1px solid #333;
}

#fotoboek {
	width: 700px;
}

#fotoboek p {
	float:left; 
	padding: 5px; 
	margin: 10px 20px; 
	border: 1px solid #ccc;
}

#fotoboek a:hover p {
	border: 1px solid #333;
}

.footer {  
height: 35px;  
width: 950px;
float: left;
margin-left: 0px;
background-image:url(../images/footer.jpg);
}

#menu {
position: absolute;
margin: 0 auto;
width: 875px;
height: 16px;
top: 0px;
left: 50%;
margin-left: -440px;
margin-top: 222px;
z-index:3;
}

#flash {
position: absolute;
margin: 0 auto;
width: 713px;
height: 180px;
top: 0px;
left: 50%;
margin-left: -440px;
margin-top: 64px;
z-index:2;
}

.loading {
	padding-left: 420px;
	padding-top: 60px;
}

#image {
	display: none;
}

#logos {
position: absolute;
margin: 0 auto;
width: 580px;
height: 115px;
top: 0px;
left: 50%;
margin-left: -98px;
margin-top: 0px;
z-index:2;
}

#houtenvloeren {
position: absolute;
margin: 0 auto;
width: 180px;
height: 115px;
top: 0px;
left: 50%;
margin-left: -440px;
margin-top: 0px;
z-index:2;
}

#submenu{
position: absolute;
margin: 0 auto;
width: 170px;
height: 75px;
top: 0px;
left: 50%;
margin-left: -445px;
margin-top: 255px;
z-index:3;
}

textarea {
border:1px solid #000000;
font-size:11px;
padding:1px 3px;
}
input {
border:1px solid #000000;
font-size:11px;
padding:1px 3px;
}
inputarea {
border:1px solid #000000;
padding:1px 3px;
}

ul#top-menu {
background: #AD3692 none repeat scroll 0 0;
list-style-type:none;
margin:0 0 0;
padding:5px 5px 5px;
}
ul#top-menu li {
background:transparent url(../images/divider.png) no-repeat scroll left center;
float:left;
font-size:13px;
list-style-type:none;
margin:0;
padding:0;
}
ul#top-menu li.first {
background:transparent none repeat scroll 0 0;
}
ul#top-menu li a {
color:#A0A0A0;
display:block;
float:left;
font-size:13px;
padding:1px 19px 1px;
text-decoration:none;
}
ul#top-menu li .active {
color:#000000;
}
ul#top-menu li a:hover {
color:#000000;
}

#menu1 {
list-style-type:none;
margin:0 0 0;
padding:5px 12px 5px;
}

#menu1 ul {
padding: 12px;
margin-top: 0px;
padding-top: 2px;
padding-bottom: 2px;
line-height: 22px;
list-style-type: none;
}

#menu1 a {
border-bottom:1px solid #ccc;
background:#fff;
color:#666;
display:block;
font-size:12px;
line-height:15px;
margin:0;
padding:5px 15px;
}

#menu1 a:hover, #menu1 .active {
background:#E9E9E9 none repeat scroll 0 0;
color:#666;
font-size:12px;
line-height:15px;
margin:0;
}

/* Hieronder komt de styling van de offerte formulieren */
div.content form.offerteformulier {
	width: 470px;
}

div.content form.offerteformulier fieldset {
	padding: 10px;
}

div.content form.offerteformulier label {
	display: block;
	margin-bottom: 3px;
}

div.content form.offerteformulier label.textarea {
	margin-top: 5px;
}

div.content form.offerteformulier input {
	margin: 0px 5px 10px 5px;
}

div.content form.offerteformulier input.invoer {
	width: 140px;
	margin-bottom: 10px;
}

div.content form.offerteformulier input.keuze {
	margin-left: 15px;
	margin-bottom: 10px;
}

div.content form.offerteformulier input.kort {
	width: 45px;
	margin-bottom: 10px;
}

div.content form.offerteformulier input.maat {
	width: 100px;
	margin-bottom: 10px;
}

div.content form.offerteformulier input.knop {
	width: 60px;
	text-align: center;
	margin-top: 10px;
}

div.content form.offerteformulier select.select {
	margin-bottom: 10px;
	width: 120px;
}

div.content form.offerteformulier select.product {
	margin-bottom: 10px;
}

div.content form.offerteformulier textarea {
	margin: 0px 0px 10px 5px;
	width: 210px;
}