/* Imports */
@import url("reset.css");

/***** Global *****/
/* Body */
body { background: #626262 url('../images/bg-1.jpg') repeat-x center 0; color: #000305; font-size: 87.5%; font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 1.429; margin: 0; padding: 0; text-align: left; }
	
#wrapper { width: 724px; border: solid 0px red; margin: 30px auto 0 auto;  }

#header { position: relative; background: transparent url('../images/bg-header.png') no-repeat 0 0; height: 97px;  }
#header .logo { padding: 30px 0 0 20px; color: #000; text-shadow: 1px 1px 3px #fff; font-size: 2.5em; }
#header .deco { position: absolute; width: 180px; height: 80px; top: 13px; left: 540px;  background: url('../images/bg-bladeren.png') no-repeat 0 0;  }
 
#mainmenu { padding-top: 7px; background: #fff url('../images/bg-mainmenu.gif') repeat-x 0 0; height: 44px; }
#mainmenu li { float: left; margin: 0 10px; }

#mainmenu li a { padding: 5px 10px 5px 10px; font-weight: normal; border: solid 0px red; color: #fff; text-shadow: -1px -1px 2px #000; font-size: 1.3em; }

#mainmenu li.active { background-color: #fff; padding: 5px 10px 20px 10px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius: 4px 4px 0 0; }
#mainmenu li.active a { color: #000; text-shadow: none;  }


#content-wrapper { background: transparent url('../images/bg-content.png') repeat-y 0 0; padding: 20px;  } 
#navigatie{ background: transparent url('../images/bg-content.png') repeat-y 0 0; padding: 0 8px 0 5px;  } 

#content-wrapper h1 { padding: 10px 0; font-size: 1.8em; }
#content-wrapper p { padding: 5px; }

#footer { background: transparent url('../images/bg-footer.png') no-repeat 0 0; text-align: center; font-size: 0.8em; color:#000; text-shadow: 0 0 5px pink; padding-top: 18px; }
#footer a { color:#000; text-shadow: 0 0 5px pink; }


/****** Contact Form *******/
table.contact { border:solid 0px grey; width:680px; margin:0px 0px 20px 0px; }
table.contact tr  td{ padding:5px 5px 5px 10px ; border-bottom:1px #fff solid; }
table.contact tr  td span { }
table.contact tr  td.last { border-bottom-width:0; }
table.contact tr  td input.verplicht, table.contact tr  td textarea.verplicht { background:#fff url(../images/verplicht.png) no-repeat right 0; }
table.contact tr  td input{ border:solid 1px #ccc; width:435px; padding:6px; -moz-border-radius:3px; }
table.contact tr  td textarea{ border:solid 1px #ccc; width:570px; -moz-border-radius:3px; float:right; padding: 6px; }
table.contact tr.odd { background-color:#E3AAB1; }
table.contact tr.even { background-color:lightpink; }
form { padding-bottom:20px; }
span.verplicht { float:left; background: url(../images/verplicht.png) no-repeat 0 4px; padding:2px 2px 2px 14px; } 
input.submitcontact { float:right; padding: 5px; margin-bottom: 20px; } 

p.warning { padding: 10px 10px 10px 27px; background: red url(../images/warning.png) no-repeat 5px 10px; border: solid 2px #333; color: #fff; font-weight: bold; width: 667px; margin-bottom: 10px; }
p.good { padding: 10px 10px 10px 27px; background: green url(../images/warning.png) no-repeat 5px 10px; border: solid 2px #fff; }