@charset "utf-8";

/* class */
.breaker {clear:both;}
.hr {height:2px; background:url(../images/hr.jpg) repeat-x top left;}

/* body */
body {background-color:#2e2d2b; background-image:url(../images/bodyBackground.jpg); background-repeat:repeat-x; background-position:left top; margin:0; padding:0;}
#mainContainer {position:relative; width:909px; margin:16px auto 0;}

/* header */
#header {position:relative; width:909px; height:241px; background-color:#FFF;}
#headerLeft,
#headerCenter,
#headerRight {position:relative; float:left;}
#headerLeft {width:241px; height:241px; background:url(../images/headerLeft.jpg) no-repeat bottom right;}
#headerCenter {width:113px; height:241px; background:url(../images/headerCenter.jpg) no-repeat top left;}
#headerRight {width:534px; height:241px; background:url(../images/headerRight.jpg) no-repeat bottom left;}

/* content */
#contentContainer {position:relative; width:909px; background:url(../images/contentContainerBackground.jpg) repeat-y top left;}
#contentLeft,
#contentCenter,
#contentRight {position:relative; float:left;}

/* contentLeft */
#contentLeft {width:220px; height:420px; padding:0 0 0 21px; background:url(../images/contentLeftBackground.jpg) repeat-y top right;}
#info {position:relative; width:213px; padding:5px 0 0 7px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; color:#838383;}
#contentLeftImage {position:absolute; bottom:-20px; right:-25px; width:248px; height:248px;}

/* contentCenter */
#contentCenter {position:relative; width:113px; background:url(../images/contentCenterBackground.jpg) repeat-y top left;}
#menu {position:relative; width:113px; font-family: Arial, Helvetica, sans-serif, Gadget, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; color:#9e9e9e; line-height:24px;}
#menu ul {margin:0; padding:0;}
#menu li {width:113px; height:21px; list-style-type:none;}
#menu a {width:103px; height:21px; padding:0 0 0 10px; display:block; text-decoration:none; color:#9e9e9e;}
#menu a:hover,
#menu a.hover,
#menu a.hover:hover {background-color:#f4f3f1; color:#575757;}

/* contentRight */
#contentRight {width:469px; padding:23px 41px 20px 25px; background:url(../images/contentRightBackground.jpg) repeat-y top left; text-align:justify;}
#contentRight a,
#contentRight a:hover { color: #e2001a; } 
#content {position:relative; width:448px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#6c6c6c; line-height:20px;}
#content h1 {color:#e2001a; font-size:15px;}
.button {position:relative;  width:224px; float:left;}
.button h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase; color:#9e9e9e;}
.button a {text-decoration:none; color:#9e9e9e;}
.button a:hover {color:#575757;}
.buttonImage {position:relative; background:url(../images/buttonBackground.png) no-repeat top left; width:179px; height:138px; padding:8px 0 0 8px;}
.buttonImage img {border:none;}

/* footer */
#footer {background:url(../images/footerBackground.jpg) no-repeat top left; width:909px; height:21px;}

/* copryright */
#copyright {background:url(../images/copyrightBackground.png) no-repeat top left; width:909px; height:64px; text-transform:uppercase;}
#copyrightLeft,
#copyrightRight {position:relative; font-family:"Arial Black", Gadget, sans-serif; font-size:11px; color:#777; float:left;}
#copyrightLeft {width:430px; padding:10px 0 0 20px; text-align:left;}
#copyrightRight {width:430px; padding:10px 20px 0 0; text-align:right;}

span.error input,
span.error textarea { border:1px solid red; background-color:#FCC }

.impressietitel,
.producten { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#6c6c6c;}

.background0 {	background-color:#e4e3df }
.background1 { background-color:none }

input.terugbutton { background-color: #e2001a; color:#FFF; font-weight:bold; border: none; }