/*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* UNIVERSEEL /*************************************************************************************************************************************************************************************************************************************************************************************************************/ img, fieldset { border: 0;} p, h1, h2, fieldset, form, input, select, table, tr, td { margin: 0; padding: 0;} table { border-collapse: collapse; border-spacing: 0;} h1 { font: 24px Arial; width: 280px;} p { font: 12px Arial;} li, ul {padding: 0px 0px 0px 0px; margin: 0px;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* HTML, BODY, CONTAINER /*************************************************************************************************************************************************************************************************************************************************************************************************************/ html, body { margin: 0; padding: 0; border: none; height: 100%;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* ZOEKEN /*************************************************************************************************************************************************************************************************************************************************************************************************************/ form#frmZoek table { border-collapse: collapse;} form#frmZoek table tr td { border: 1px solid #4B7C9F;} form#frmZoek input#txtZoek { width: 100%; height: 17px; border: 0; padding-top: 1px; font: 12px Arial;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* OVERIGE /*************************************************************************************************************************************************************************************************************************************************************************************************************/ body { background-image: url(../images/background.jpg); background-position: 0px 0px; background-repeat: repeat-x; background-color: #1D68CD;} logo{ margin: 0px; padding: 0px;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* MENU /*************************************************************************************************************************************************************************************************************************************************************************************************************/ #menu { position: absolute; top: 180px; left: 0px; padding: 0px; margin: 0px; height: 340px; width: 225px; border: 0px; border-bottom: dotted 1px #CCCCCC; border-right: solid 1px #8BBDE6; background-color: #2483CF; padding-top: 29px; z-index: 10;} #menu ul { width: 225px; padding: 0px; margin: 0px; border-top: dotted 1px #cccccc;} #menu li { padding-left: 20px; color: white; height: 20px; font-family: Verdana; font-size: 13px; background-image: url(../images/pointer.gif); background-position: 12px 6px; background-repeat: no-repeat; cursor: pointer; border-bottom: dotted 1px #cccccc;} #menu li a{ text-decoration: none; color: white;} #menu li:HOVER{ background-color: #176FBB;} #menu #ACTIVE{ background-color: #3390d7 ; padding-left: 20px; color: white; font-family: Verdana; font-size: 13px; background-image: url(../images/pointer.gif); background-position: 212px 6px; background-repeat: no-repeat; cursor: pointer;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* IMAGE ON TOP /*************************************************************************************************************************************************************************************************************************************************************************************************************/ #img_top { z-index: 9; background-color: white; width: 397px; height: 208px; position: absolute; left: 194px; top: 0px;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* GROTE GRIJZE CONTENT BLOK /*************************************************************************************************************************************************************************************************************************************************************************************************************/ #page { position: absolute; left: 0px; top: 0px; min-height: 100%; height: auto !important; height: 100%; width: 967px; background-image: url(../images/content_back.jpg); background-repeat: repeat-y;} #top { position: absolute; left: 591px; top: 0px; height: 178px; width: 376px; background-image: url(../images/background.jpg); z-index: 8;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* CONTENT ITEMS EN DIVS /*************************************************************************************************************************************************************************************************************************************************************************************************************/ #samenwerking { position: absolute; left: 590px; top: 178px; z-index: 8; } #content{ position: absolute; top: 198px; left: 0px; width: 337px; padding-top: 80px; padding-left: 246px; padding-right: 383px; background-image: url(../images/content_back.jpg); background-position: 0px 0px; min-height: 100%; height: auto !important; height: 100%; background-repeat: repeat-y; font-family: Arial; font-size: 12px;} #content ul, #content li, #content ul li { color: black; font-family: Arial; font-size: 12px; text-decoration: none;} #content a { color: #2483CF; font-family: Arial; font-size: 12px; text-decoration: none;} #content a:hover { text-decoration: underline; } #content .input { width: 200px; } #nieuwsbrief { position: absolute; left: 590px;top: 452px; width: 344px; height: 111px; z-index: 8;} #zoeken { position: absolute; top: 270px; left: 590px; width: 344px; height: 182px; background-color: #F3F7F8; z-index: 8;} #container-banners { position: absolute; top: 452px; left: 590px; width: 344px; z-index: 8;} #banner { position: absolute; top: 563px; left: 590px; width: 344px; height: 111px; z-index: 8;} #welbuiten { position: absolute; top: 674px; left: 590px; width: 344px; height: 111px; z-index: 8;} #releaf { position: absolute; top: 0px; left: 934px; width: 32px; min-height: 759px; height: auto !important; height: 759px; z-index: 7; background-image: url(../images/releaf.jpg); background-position: -1px 141px; background-repeat: no-repeat; } #novarage_link { position: relative; top: 511px; right: 0px; height: 110px; width: 32px;} #releaf_link{ position: relative; top: 515px; height: 87px; right: 0px; width: 32px;} #banner-links {position: absolute; top:683px; z-index: 2; margin-left: 60px;} /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* HEADINGS /*************************************************************************************************************************************************************************************************************************************************************************************************************/ h1 { position: absolute; left: 225px; top: 10px; font-family: Arial; font-size: 16px; color: #0072BA; padding: 20px;} h2 { font-family: Arial; font-size: 14px; color: #0072BA; } h3 { position: absolute; top: 538px; /*top: 538px;*/ left: 0px; width: 204px; height: 85px; z-index: 11; color: #0072BA; font-size: 11px; font-family: Tahoma; background-color: #e0e8e9; padding-left: 22px; padding-top: 15px; padding-bottom: 15px; font-weight: normal; border-top: dotted 1px #2483CF;} h4 { font-family: Arial; color: #1F7BC7; font-weight: normal; text-decoration: none; line-height: normal;} .heading5 { font-family: Arial; color: #1F7BC7; font-weight: normal; text-decoration: none; line-height: 15px; font-size: 12px;} h4 a { color: #1F7BC7; font-weight: normal; text-decoration: none; line-height: normal; } h4 a:hover { color: #1F7BC7; font-weight: normal; text-decoration: none; line-height: normal; } /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* AANBOD GEDEELTE MAIN EN OUTSIDE /*************************************************************************************************************************************************************************************************************************************************************************************************************/ #sort { position: absolute; top: 11px; left: 225px; z-index: 10; width: 365px; height: 61px; padding-top: 5px; background-image: url(../images/sort.jpg); color: #1F7BC7; font-size: 17px; font-family: Arial; padding-top: 0px; text-align: center;} #content_aanbod{ position: absolute; top: 198px; left: 0px; width: 330px; padding-top: 73px; padding-left: 225px; background-image: url(../images/content_back.jpg); } #content_aanbod td div{ padding: 5px; font: 13px Arial; color: #0072BA; z-index: 9;} #content_aanbod td div p { font: 12px Arial; color: black; padding-top: 4px;} #content_detail {position: absolute; top: 198px; left: 0px; width: 340px; padding-top: 35px; padding-left: 246px; padding-right: 383px; background-image: url(../images/content_back.jpg); background-position: 0px 0px; background-repeat: no-repeat; } #content_detail {background-image: url(../images/content_back.jpg); background-repeat: repeat-y; background-position: 0px 0px;} #content_detail table tr td img { border: solid 2px white;} #content_detail table tr td, #content_detail table tr td p {font-size: 10px; font-family: Arial;} #detail_all_foto {position: absolute; padding-top: 10px; padding-bottom: 10px; top: 270px; left: 590px; width: 344px; min-height: 82px; height: auto !important; background-color: #E8EDEF; z-index: 8; background-image: url(../images/border.gif); background-position: 10px bottom; background-repeat: no-repeat;} /* detail_all_foto #subschrift {padding:10px; left: 590px; idth: 344px; z-index: 8; background-image: url(../images/border.gif); background-position: 10px top; background-repeat: no-repeat;} */ #content_detail table tr td table tr td { font-size: 10px; font-family: Arial;} #contactForm table tr td, #verkoopForm table tr td, #taxatieForm table tr td { padding-left: 10px; padding-right: 10px;} #contactForm table tr td .input, #verkoopForm table tr td .input, #taxatieForm table tr td .input { width: 150px; color: black; background-color: white; border: solid 1px black; font-family: Arial; font-size: 10px;} #contactForm table tr td select { width: 152px; color: black; background-color: white; border: dashed 1px #F3F7F8; font-family: Arial; font-size: 10px;} #contactForm table tr td textarea { width: 158px; color: black; background-color: white; border: dashed 1px #F3F7F8; font-family: Arial; font-size: 10px;} /*#contactForm table tr td .button{ width: 98px; color: black; background-color: white; border: solid 1px black; font-family: Arial; font-size: 10px; cursor: pointer;} #contactForm table tr td .button:HOVER{ width: 98px; color: black; background-color: yellow; border: solid 1px black; font-family: Arial; font-size: 10px; cursor: pointer;} */ /*************************************************************************************************************************************************************************************************************************************************************************************************************/ /* ALGEMENE SHOW EN HIDDEN CLASSES /*************************************************************************************************************************************************************************************************************************************************************************************************************/ .show { display: block;} .hidden{ display: none;} .link { color: black; text-decoration: none;}