/* body */
body,html {height:100%;}
body {margin:0; padding:0; background:url(../images/bodyBackground2.jpg) no-repeat fixed bottom center #6288c9;}
body * {font-family:Arial, Helvetica, sans-serif;}
/* classes */
.breaker {clear:both;}
.whiteTop {position:relative; width:790px; height:10px; background:url(../images/whiteTop.png) no-repeat top left;}
.whiteTop2 {position:relative; width:900px; height:10px; background:url(../images/whiteTop2.png) no-repeat top left;}
.whiteBottom {position:relative; width:790px; height:10px; margin:0 0 10px; background:url(../images/whiteBottom.png) no-repeat top left;}
.whiteBottom2 {position:relative; width:900px; height:10px; margin:0 0 10px; background:url(../images/whiteBottom2.png) no-repeat top left;}
.greenTop {position:relative; width:790px; height:14px; background:url(../images/greenTop.png) no-repeat top left;}
.greenBottom {position:relative; width:790px; height:12px; margin:0 0 10px; background:url(../images/greenBottom.png) no-repeat top left;}
.searchText {width:128px; color:#FFF;}
.searchSelect {width:250px;}
.searchButton {float:right; /*position:absolute; top:130px; right:17px;*/}
.searchButton input {background-color:#FFF; width:150px; height:20px; border:none; font-weight:bold; font-size:11px;}
.boldText {font-weight:bold;}
.googleMaps {width:500px; height:300px; float:left; position:relative;}
/* main containers */
#mainContainer {position:relative; width:790px; margin:0 auto;}
#mainContainer2 {position:relative; width:900px; margin:0 auto;min-height:90%}
#whiteBackground {position:relative; background:fixed bottom center #fff; height:100%; padding:0px 0 10px;}
/* menu bovenin */
#menuTop {position:relative; width:440px; height:40px; padding:0 0 0 450px; font-size:14px; line-height:32px; z-index:1;}
#menuTopBackground {position:absolute; width:462px; height:86px; padding:0 0 0 5px; top:0; right:0; background:url(../images/menuTopBackground.png) no-repeat top left; z-index:2;}
#menuTop ul {margin:0; padding:0;}
#menuTop li {list-style-type:none; float:left; margin:0 0 0 15px; display:inline;}
#menuTop a {text-decoration:none; color:#bbb; height:40px; display:block; font-size:14px; line-height:28px;}
#menuTop a:hover,
#menuTop a.hover {color:#d2da3d;}
/* algemeen menu */
#menu {position:relative; width:880px; margin:0 auto 10px; height:38px; font-size:12px; line-height:36px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; float:left;}
#menu a {text-decoration:none; height:28px; display:block; margin:0 10px 0 0;}
/* banner */
#banner {position:relative; background-color:#FFF;}
#bannerTop {position:relative; width:773px; height:5px; margin:0 auto; background:url(../images/bannerTop.jpg) no-repeat top left;}
#bannerImage {position:relative; width:773px; margin:0 auto; background-color:#d2da3d;}
#bannerHaaxman {position:relative; width:880px; height:101px; margin:0 auto; background:url(../images/bannerHaaxman.jpg) no-repeat top left;}
#bannerMenu {position:absolute; bottom:2px; left:0; font-size:13px;}
#bannerMenu ul {margin:0; padding:0;}
#bannerMenu li {list-style-type:none; float:left; margin:0 0 0 2px; display:inline; line-height:24px;}
#bannerMenu a {text-decoration:none; padding:0 5px; height:27px; display:block;}
#bannerMenu a:hover,
#bannerMenu a.hover,
#bannerMenu a.hover:hover {background-color:#FFF;}
#phoneMenu { position:absolute; font-size:32px; font-weight:bold; margin:20px 0 0 30px; color: #fff }
/* zoeken */
#searchContainer {position:relative; width:860px; height:215px; margin:0 auto; padding:10px; background-color:#d3da3e; font-size:12px;}
#searchContainerBlue{position:relative; width:860px; height:215px; margin:0 auto; padding:10px; background-color:#4686d3; font-size:12px;}
#search {position:relative; width:382px; height:213px; padding:2px 14px 0 4px; float:left; background-color:#a8ae32;}
#searchBlue {position:relative; width:382px; height:213px; padding:2px 14px 0 4px; float:left; background-color:#383D40;}
#searchBlue select,
#search select {width:250px; margin:0 0 3px;}
#medewerkers {position:absolute; bottom:-85px; right:29px;}
/* 3 menu */
#content {position:relative; width:770px; padding:10px 10px 0; background-color:#FFF;}
#contentLeft {position:relative; float:left; width:252px; padding:0 8px 0 0;}
#contentCenter {position:relative; float:left; width:252px; padding:0 7px 0 0;}
#contentRight {position:relative; float:left; width:251px;}
/* pagina indeling */
#contentContainer {position:relative; width:880px; margin:0 auto; font-size:12px;}
#contentContainer h1 {font-size:12px; padding:5px 0 0 10px;}
#contentContainer p { padding:0 0 0 10px; }
#left {position:relative; float:left; width:199px;}
#right {position:relative; float:left; width:660px; padding:0; border-left:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
#right a {text-decoration:none; font-weight:bold; color:#000;}
/*#right img {float:right;}*/
/* linkerkant zoeken */
.leftSearch {position:relative; width:158px; padding:10px 5px; border:1px solid #d8d8d8; font-size:12px;}
.leftSearch * {margin:0 0 4px; font-size:12px;}
.leftSearch select {width:140px;}
.leftSearch input {background-color:#b9c02e; border:none; width:156px; height:23px; cursor:pointer; color:#FFF; font-size:11px;}
/* linkerkant menu */
/*
#leftMenu {position:relative; width:190px; padding:50px 0 0; font-size:12px; line-height:18px;}
#leftMenu ul {margin:0; padding:0;}
#leftMenu li {list-style-type:none;}
#leftMenu a {text-decoration:none; color:#000;}
#leftMenu a:hover {color:#b9c02e;}
#leftMenu h3 {margin:0; padding:10px 0 0; color:#b9c02e; font-size:12px;}
*/
#leftMenu {position:relative; width:190px; padding:0; font-size:12px; line-height:18px;}
#leftMenu ul {margin:0; padding:0;}
#leftMenu li {list-style-type:none;border-bottom:1px dotted #CCCCCC}
#leftMenu li:hover {background-color:#4D4D4D; cursor: pointer}
#leftMenu li:hover a { color: #FFF }
#leftMenu a {text-decoration:none; color:#999999;}
#leftMenu a:hover {color:#FFF;}
#leftMenu h3 {margin:0; padding:10px 0 0; color:#b9c02e; font-size:12px;}
/* rechterkant */
#rightOverview {background-color:#f1f1f1; position:relative; padding:0 0 10px; font-size:12px;}
.rightOverviewHeader {position:relative; width:650px; height:40px; padding:0 0 0 10px; background-color:#d8d8d8; line-height:38px;}
.rightOverviewItem {position:relative; width:630px; margin:10px 10px 0 10px; padding:5px; background-color:#FFF;}
.rightOverviewItem h1 {margin:0; padding:0; font-size:16px;}
.rightOverviewItem h3 {margin:0; padding:0; font-size:12px; font-weight:normal; color:#666;}
.rightOverviewItem input {background-color:#b9c02e; border:none; margin:15px 0 0; width:82px; height:24px; color:#FFF; cursor:pointer; font-size:11px;}
.rightOverviewSort {position:relative; float:left; width:130px;}
.rightOverviewSort img {margin:0 auto;}
.rightOverviewPlace {position:relative; float:left; width:200px; padding:0 0 0 15px;}
.rightOverviewM2 {position:relative; float:left; width:75px;}
.rightOverviewM3 {position:relative; float:left; width:75px;}
.rightOverviewPrice {position:relative; float:left; width:135px; text-align:right;}
/* page */
.page {position:relative; background-color:#FFF; width:635px; height:32px; margin:12px 0 0 10px; padding:8px 0 0 5px;}
.page ul {margin:0; padding:0;}
.page li {list-style-type:none; float:left; height:22px; border:1px solid #f1f1f1; margin:0 2px 0 0; display:inline;}
.page a {text-decoration:none; height:22px; padding:0 4px; display:block; color:#666; line-height:20px;}
.page a:hover,
.page a.hover,
.page a.hover:hover {background-color:#e6ea9d;}
/* meer info */
.infoContainer {position:relative;}
.infoHeader {position:relative; height:50px; width:880px; margin:0 auto;}
.infoHeader h1 {margin:0; padding:0; font-weight:normal; font-size:26px;}
.infoHeader h3 {margin:0; padding:0; font-weight:normal; font-size:12px ;color:#b9c02e;}
.infoHeaderLeft {position:relative; width:440px; float:left; text-align:left;}
.infoHeaderRight {position:relative; width:440px; float:left; text-align:right;}
.infoImage {position:relative; width:880px; /*height:404px;*/ padding:4px 0 14px; background-color:#000; margin:5px auto 0; text-align:center;}
.infoThumbs {position:relative; width:880px; /*height:52px; */margin:0 auto; background-color:#333;}
.thumbnailPlayer {position:relative; float:left; width:130px; padding:0 0 0 20px; line-height:50px;}
.thumbnailPlayer a {text-decoration:none; color:#FFF; font-weight:bold; font-size:16px;}
.thumbnails {position:relative; float:left; width:580px; /*height:42px;*/padding:5px 0; overflow:hidden; margin:0 auto}
.thumbnails ul {margin:0; padding:0;}
.thumbnails li {list-style-type:none; float:left; margin:0 4px 0 0; display:inline;}
.thumbnails img {border:1px solid #fff;}
.thumbnails img:hover {border:1px solid #a8ae32;}
.thumbnailPages {position:relative; float:right; width:110px; height:52px; padding:0 0 0 40px; line-height:50px;}
.thumbnailPages ul {margin:0; padding:0;}
.thumbnailPages li {list-style-type:none; float:left;}
.thumbnailPages a {text-decoration:none; color:#777; font-weight:bold; padding:0 5px 0 0;}
.thumbnailPages a:hover,
.thumbnailPages a.hover {color:#FFF;}
#reel { width:5000px; height:96px; }
#reelviewer { width:626px; height:96px; }
/* print buttons */
.printButtons {position:relative; height:61px; width:600px; line-height:50px; padding:0 0 0 12px;}
.printButtons input {background-color:#d2da3d; border:none; height:22px; cursor:pointer; color:#4f5217;}
/* informatie */
.informatieContainer {position:relative; width:880px; margin:0 auto; padding:0 0 25px;}
.informatieLeft {position:relative; float:left; width:500px; padding:0; border-top:1px solid #e0e0e0; font-size:12px; line-height:18px;}
.informatieCenter {position:relative; float:left; width:10px;}
.informatieRight {position:relative; float:left; width:370px; padding:5px 0 0; border-top:1px solid #e0e0e0;}
.informatieRight table tr td {/*float:left;*/ border-bottom:1px solid #e0e0e0; line-height:22px; font-size:12px; color:#333;}
.informatieRight div.long {float:left; border-bottom:1px solid #e0e0e0; width:370px; line-height:22px; font-size:12px; color:#333;}
/* hover menu */
.contentBackground {position:relative; height:260px; overflow:hidden;}
.hoverMenu {position:absolute; top:234px; /*top:114px;*/ left:0; width:220px; height:146px; padding:0 0 0 32px; background-color:#000; color:#FFF;}
.hoverMenu a { text-decoration:none }
.hoverMenu h1 {margin:0; padding:0 5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;text-decoration:none; cursor:pointer}
.hoverHeader {position:relative; height:26px; width:220px;}
.headerGreen {background:url(../images/arrowGreen.jpg) no-repeat top right #fff; color:#d2da3c;}
.headerBlue {background:url(../images/arrowBlue.jpg) no-repeat top right #fff; color:#4274a7;}
.headerGray {background:url(../images/arrowGray.jpg) no-repeat top right #fff; color:#6d6d6d;}
.headerGreen h1 a {color:#d2da3c;}
.headerBlue h1 a {color:#4274a7;}
.headerGray h1 a {color:#6d6d6d;}
/* hover submenu */
.hoverSubmenu ul {list-style: none; margin:0; padding:0; }
.hoverSubmenu li {padding:0; margin:2px 0; }
.hoverSubmenu li a {padding:2px 5px; color: #FFF; font-size:13px; }
.hoverSubmenu li a:hover {background-color: #B9C02E }
/* nieuws */
#news {position:relative; width:730px; padding:0 50px 0 10px; background-color:#d2da3d; color:#7b6c28; font-size:12px;}
#news h1 {margin:0; padding:0; color:#000; text-transform:uppercase; font-size:18px; font-weight:normal;}
#news p {margin:0; padding:0;}
#news a {text-decoration:none; color:#FFF;}
#news h1 a {color:#000;}
/* items */
#itemContainer {position:relative; padding:10px 0 10px 10px;}
.item {position:relative; float:left; border:1px solid #a8ae32; padding:5px; margin:0 5px 5px 0; display:inline;}
.itemText {position:relative; text-align:center; width:108px; height:48px; font-size:12px;}
#leftMenu .itemText a { color: #666; }
#leftMenu .itemText a:hover {color:#666; text-decoration:none; width:108px; height:48px; display:block;}
.itemImage {position:relative; width:108px; height:100px;}
/* sponsors */
#sponsors {position:relative; width:780px; padding:0 5px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666600;}
#sponsorsLeft {position:relative; width:190px; padding:5px 5px 0; /*float:left*/;}
#sponsorsLeft a {color: #999; text-decoration: none; font-size:11px; }
#sponsorsRight {position:relative; float:right;}
#sponsorsRight img {float:left; border:none; margin: 0 5px 0 0}
#sponsorsBottom {position:absolute; bottom:0; right:0; width:186px; height:26px; text-align:right;}
#sponsorsBottom img {float:left; border:none;}
#menuTopBackgroundBlue {position:absolute; width:462px; height:86px; padding:0 0 0 5px; top:0; right:0; background:url(../images/menuTopBackgroundBlue.png) no-repeat top left; z-index:2;}
.borderGreen {border-bottom:1px solid #d2da3d;}
.borderBlue {border-bottom:1px solid #237bb4;}
.greenLink {color:#a8ae32;}
.blueLink {color:#4686d3;}
.hrefGreen {background-color:#e6ea9d; color:#a8ae32;}
.hrefBlue {background-color:#c8e0ef; color:#4686d3;}
#bannerHaaxmanBlue {position:relative; width:880px; height:101px; margin:0 auto; background:url(../images/bannerHaaxmanBlue.jpg) no-repeat top left;}
#menu a.greenLink:hover,
#menu a.greenLink.hover,
#menu a.greenLink.hover:hover {color:#000; border-bottom:1px dotted #a8ae32}
#menu a.blueLink:hover,
#menu a.blueLink.hover,
#menu a.blueLink.hover:hover {color:#000; border-bottom:1px dotted #4686d3}
.popupSale {position:absolute; top:-320px; right:10px; width:446px; height:254px; background:url(../images/popupBackground.png) no-repeat top left; z-index:2;}
.popupSaleContainer {position:relative; width:446px; height:254px;}
.popupSaleContainer h1 {color:#333; font-weight:normal; font-size:18px; margin:10px 0 0;}
/* X rechts onderin */
.imageX {position:absolute; bottom:16px; right:18px; width:28px; height:28px; z-index:3;}
.imageX a {width:28px; height:28px; display:block;}
.imageX img {border:none;}
/* header gedeelte */
.popupSaleHeader {position:relative; width:419px; height:40px;}
.popupSaleHeaderLeft {position:relative; float:left; width:257px; height:40px; padding:0 0 0 11px;}
.popupSaleHeaderRight {position:relative; float:left; width:141px; height:30px; padding:10px 0 0;}
.popupSaleHeaderRight ul {margin:0; padding:0;}
.popupSaleHeaderRight li {list-style-type:none; float:left; margin:0 3px 0 0; display:inline;}
.popupSaleHeaderRight a {text-decoration:none; height:21px; padding:0 3px; line-height:20px; display:block; background-color:#d2da3d; color:#333;}
.popupSaleHeaderRight a:hover {background-color:#000; color:#FFF;}
/* content gedeelte */
.popupSaleContent {position:relative; width:419px; height:162px;}
.popupSaleContentLeft {position:relative; float:left; width:213px; height:162px; padding:0 0 0 19px;}
.popupSaleContentRight {position:relative; float:left; width:169px; height:154px; padding:8px 0 0 18px;}
.close {position:absolute; bottom:10px; left:18px;}
.close a {text-decoration:none; color:#333;}
/* pop up scherm met formulier */
.popupForm {position:absolute; width:100%; height:100%; top:0; left:0; margin:0 auto; z-index:2; background:url(../images/pngBackground.png) repeat top left;}
.popupFormContainer {position:relative; width:585px; height:591px; margin:100px auto 0; background:url(../images/popupFormBackground.png) no-repeat top left;}
.popupFormContent {position:relative; width:512px; height:500px; top:81px; left:10px; background-color:#d2da3d; font-size:12px; color:#5A5E13;}
.iframe { padding:15px 10px 10px; }
.h3 {height:2px;}
.popupFormContent h3 {font-size:12px; color:#000;}
.popupFormContent td {width:300px; height:30px;}
.send {position:absolute; bottom:5px; right:25px;}
.send ul {margin:0; padding:0;}
.send li {list-style-type:none; float:left; margin:0 0 0 5px;}
.send a {color:#000; background-color:#FFF; height:24px; display:block; padding:0 5px; text-decoration:none; line-height:24px;}
.send a:hover {color:#d2da3d; background-color:#000;}
/* X rechts bovenin */
.imageXtop {position:absolute; top:18px; right:18px; width:28px; height:28px; z-index:3;}
.imageXtop a {width:28px; height:28px; display:block;}
.imageXtop img {border:none;}
div.errors ul { display:none; }
div.errors { float:left; margin:0 4px 0 0;padding:0; border:none}
div.errors input,
div.errors textarea { border: 1px solid #FBC2C4; color:#8A1F11;background-color:#FBE3E4;}
#ie6 { display:none; width: 600px; margin: 100px auto 0; background-color: white; position: absolute; }
#ie6 img { border: medium none; width: 100px; }