html, body, h1, h2, h3, h4, h5, h6, li, td {
	font-family: arial;
	font-size: 12px;
}

a {
	color: #548c00;
}

img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/header_background.png);
	background-position: top left;
	background-repeat: no-repeat;
}

h1 {
	width: 770px;
	height: 92px;
	margin: 0;
	padding: 0;
	background: url(../images/logo.png);
	text-indent: -1000px;
}

#print_logo {
	display: none;
}

h2 {
	font-size: 18px;
	color: #548c00;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0;
}

sup {
	font-size: 7px;
}

#serre_demo {
	float: right;
	width: 250px;
	height: 200px;
}

#lichtstraat_demo {
	float: right;
	width: 250px;
	height: 250px;
}

#adresgegevens {
	font-size: 10px;
	color: #FFF;
	margin: 27px 0 0 200px;
}

#adresgegevens a {
	color: #FFF;
	text-decoration: none;
}

#contentcontainer {
	background-color: #eeffd4;
	width: 753px;
	margin: 62px 0 0 0;
}

#menu {
	float: left;
	width: 185px;
}

#menutop, #menubottom {
	margin: 0;
	padding: 0;
	width: 185px;
	height: 23px;
	background-repeat: no-repeat;
}

#menutop {
	background-image: url(../images/menu_top.png);
}

#menubottom {
	margin: -1px 0 10px 0;
	background-image: url(../images/menu_bottom.png);
}

#content {
	float: left;
	width: 542px;
	margin: 0 0 20px 13px;
}

.clearfix {
	clear: both;
}

#footer {
	width: 770px;
	height: 25px;
	background: url(../images/footer_background.png);
	background-repeat: no-repeat; 
	padding: 0 0 20px 0;
}

#menulist {
	margin: 0;
	padding: 0;
 	list-style-type: none;
}

#menulist li {
	width: 154px; /* 185 - 55 padding */
	margin: 0;
	padding: 0 0 0 31px;
	line-height: 24px;
	background-image: url(../images/menu_item_seperator.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#menulist a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#menulist a:link, #menulist a:visited {
	color: #000000;
}

#menulist a:active, #menulist a:hover {
	color: #548c00;	
}

#menulist a.selected:link, #menulist a.selected:visited {
	color: #548c00;
}

#banners {
	margin: 0 0 0 15px;
}

#banners img {
	margin: 0 0 10px 0;
	padding: 0;
}

#home_serres, #home_lichtstraten, #montage_serres, #montage_lichtstraten {
	float: left;
	width: 250px;
	height: 183px;
	margin-top: 20px;
	position: relative;
}

#home_lichstraten, #montage_lichtstraten {
	margin-left: 15px;
}

#home_serres div, #home_lichtstraten div, #montage_serres div, #montage_lichtstraten div {
	position: absolute;
	top: 180px;
	left: 10px;
}

#home_serres, #montage_serres {
	margin-right: 15px;
}

#home_vakantie {
	clear: both;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 125%;
}

#home_vakantie span {
	color: #538B00;
}

#serres_standaard_serres, #serres_serre_op_maat, #serres_losse_materialen {
	width: 175px;
	height: 127px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#serres_standaard_serres, #serres_serre_op_maat {
	margin-right: 4px;
}

#serres_serre_op_maat, #serres_losse_materialen {
	margin-left: 4px;
}

#losse_materialen_platen {
	float: left;
	padding-left: 80px;
}

#losse_materialen_materialen {
	float: left;
	margin-left: 20px;
}

#footer ul {
	position: relative;
	top: 5px;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
 	list-style-type: none;
 	border-left: 1px solid black;
}

#footer li {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	border-right: 1px solid black;
}

#footer a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#tbl_standaard_serres th {
	text-align: left;
	width: 532px;
	height: 21px;
	background-image: url(../images/standaard_serres_th_backgro.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

#tbl_standaard_serres .serre_afbeelding {
	width: 180px;
	text-align: center;
}

#tbl_standaard_serres .serre_omschrijving {
	width: 342px;
	padding: 10px;
}

#tbl_standaard_serres .serre_omschrijving td {
	font-weight: bold;
	color: #548c00;
}

#tbl_standaard_serres table {
	margin: 10px 0 0 0;
	width: 100%;
}

#tbl_standaard_serres .bestelbutton, #losse_materialen .bestelbutton {
	width: 150px;
	text-align: right;
}

#tbl_standaard_serres a, #losse_materialen a {
	padding: 0 20px 0 0;
	background-image: url(../images/btn_bestel.gif);
	background-position: right center;
	background-repeat: no-repeat;
	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

fieldset {
	border: 1px solid #538B00; 
	padding: 5px;
}

#serre_op_maat fieldset {
	width: 521px;
	height: 126px;
	background-image: url(../images/serre_op_maat_berekening_form_background.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 0;
}

.button {
	border: 1px solid #538B00; 
	background-color: #538B00;
	color: #FFF;
}

#serre_op_maat .button, #serre_op_maat_platen_form .button {
	position: relative;
	top: 10px;
	left: 472px;
}

legend {
	font-weight: bold;
	color: #538B00;
	margin: 0 0 0 10px;
}

#serre_op_maat fieldset .text {
	width: 40px;
	padding: 2px 0 2px 0;
	border: 1px solid #538B00;
}

form .error {
	color: #F00;
}

#serre_op_maat_platen {
	width: 531px;
}

#serre_op_maat_platen td {
	cursor: pointer;
}

#serre_op_maat_platen .groep th, #losse_materialen .groep th {
	color: #538B00;
	font-weight: bold;
	text-align: left;
	padding-top: 20px;
	height: 20px;
}

#losse_materialen td {
	padding: 2px;
}

#serre_op_maat_platen .kolomtitels th, 
#serre_op_maat_uitkomst th, 
#losse_materialen .kolomtitels th, 
#besteloverzicht .kolomtitels th {
	background-color: #90F200;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

#serre_op_maat_platen .kolomtitels img, #losse_materialen .kolomtitels img {
	position: relative;
	top: 35px;
	left: 0px;
	margin: -20px 0 -20px 0;
}

#serre_op_maat_uitkomst {
	margin: 20px 0 20px 0;
}

#serre_op_maat_uitkomst .prijs, #besteloverzicht .prijs {
	font-weight: bold;
	color: #538B00;
	text-align: right;
}



#serre_op_maat_uitkomst .totaal, #besteloverzicht .totaal {
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}

#serre_op_maat_uitkomst .subtotaal, #besteloverzicht .subtotaal {
	font-style: italic;
	text-align: right;
}

#besteloverzicht .subtotaal td {
	padding-right: 2px;
}


#serre_op_maat_uitkomst .productafbeelding {
	position: absolute;
	margin: 0 0 0 20px;
	padding: 0;
	display: none;
	border: 1px solid black;
}

.label {
	font-weight: bold;
	color: #538B00;
}

.even {
	background-color: #def3be;
}

.oneven {
	background-color: #eeffd4;
}


#serre_op_maat_schema {
	margin: 20px auto 0 auto;
}

#serre_op_maat_schema table {
	border: 1px solid black;
}

#serre_op_maat_schema .plaat {
	border: 1px solid black;
	background-color: #d6f4d5;
	font-size: 1px;
	line-height: 1px;
}

#losse_materialen {
	width: 100%;
}

#losse_materialen .prijs {
	text-align: right;
}

#besteloverzicht {
	width: 100%;
}

input.aantal, input.lengte, input.prijs, input.breedte, input.text {
	border: 1px solid #548c00;
}

input.verplicht {
	background-image: url(../images/verplicht.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

textarea.text {
	border: 1px solid #548c00;
}

textarea#vraag {
	width: 262px;
	height: 50px;
}

#besteloverzicht input.aantal {
	width: 30px;
	text-align: center;
}

#bestellen input.aantal {
	width: 20px;
}

#bestellen input.lengte, #bestellen input.prijs {
	width: 30px;
}

#lichtstraat .lengte, #lichtstraat .breedte {
	width: 30px;
}

#lichtstraat_carport, #lichtstraat_overkapping, #lichtstraat_lichtstraat {
	width: 175px;
	height: 127px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#lichtstraat_carport, #lichtstraat_overkapping {
	margin-right: 4px;
}

#lichtstraat_overkapping, #lichtstraat_lichtstraat {
	margin-left: 4px;
}

.somlijn {
	border-top: 2px solid black;
}

body.standaard_serre_info {
	background: none;
	padding: 20px;
}

#standaard_serre_info {
	width: 400px;
}
#standaard_serre_info #serre_op_maat_schema {
	margin: 0;
}