﻿/* General */

body 
{
	background-color: White;
	font-size: 11px;
	color: Black;
	width: 1000px;
	text-align: center;
	margin-top: 0px;
	font-family: Sans-Serif, Verdana;
}

h1
{
    font-size: 16px;
    color: Navy;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
}

p
{
    font-size: 12px;
    color: Navy;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
}

div.main
{
	width: 1000px;
	background-color: White;
	text-align: center;
	margin-top: 0px;
}

div.header
{
	width: 1000px;
	height: 100px;
	background-color: White;
}

div.headerleft
{
    width: 601px;
	height: 100px;
	background-color: White;
	text-align: left;
	float: left;
}

div.headerright
{
    width: 399px;
	height: 100px;
	background-color: White;
	text-align: right;
	float: left;
	margin-top: 0px;
}

div.headerads
{
    margin-top: 20px;
    text-align: left;
    float: right;
}

div.horizontalmenu
{
    width: 1000px;
    height: 30px;
    background-color: Navy;
    color: White;
}

div.horizontalmenu a
{
    color: White;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

div.horizontalmenu a:visited
{
    color: White;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

div.horizontalmenu a:hover
{
    color: #FFC700;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}

div.horizontalmenuitems
{
    width: 600px;
    float: left;
    text-align: left;
    margin-top: 2px;
    font-size: 16px;
    font-weight: bold;
    color: White;
}

div.horizontalmenusearch
{
    width: 390px;
    float: right;
    text-align: right;
    font-size: 14px;
    color: White;
    margin-top: 2px;
}

div.mainleft
{
    width: 200px;
    float: left;
    text-align: left;
}

div.menu
{
    width: 180px;
    height: 200px;
    text-align: left;
    background-color: #FFC700;
    color: Navy;
    margin-top: 10px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
    float: left;
    margin-left: 0px;
}

div.menu div.menuitem
{
    text-align: left;
    margin-left: 5px;
    margin-top: 3px;
    font-family: Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

div.menu div.menuitemresultaten
{
    list-style-type: none;
    text-align: left;
    margin-left: 5px;
    margin-top: 3px;
    font-family: Sans-Serif;
    font-size: 11px;
    font-weight: bold;
}

div.menu div.menuitemzoeken
{
    list-style-type: none;
    text-align: right;
    margin-left: 5px;
    margin-top: 3px;
    font-family: Sans-Serif;
    font-size: 11px;
    font-weight: bold;
}

div.leftads
{
    width: 180px;
    height: 300px;
    text-align: center;
    background-color: White;
    margin-top: 10px;
    float: left;
}

div.leftad
{
    width: 180px;
    height: 80px;
    background-color: White;
    text-align: center;
    margin-top: 10px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}

div.leftadnewsletter
{
    width: 180px;
    background-color: #990000;
    text-align: center;
    margin-top: 10px;
    border-style: solid;
    border-color: Black;
    border-width: 1px;
}


div.maincenter
{
	width: 600px;
	background-color: White;
	float: left;
	text-align: center;
	
}

div.mainright
{
    width: 200px;
    height: 750px;
    float:left;
    text-align: center;
    margin-top: 10px;
}

div.mainads
{
    width: 200px;
    height: 750px;
    margin-top: 10px;
}

div.ad
{
	width: 190px;
	background-color: White;
	border-color: Black;
	border-width: 1px;
	border-style: solid;
	height: 200px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

div.footer
{
	background-color: White;
	color: Black;
	border-top-color: Black;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 9px;
	text-align: center;
	height: 25px;
	width: 1000px;
	margin-top: 10px;
	float: left;
}

div.topfooter
{
    float: left;
    width: 1000px;
    height: 15px;
}

div.footerlinks
{
    width: 1000px;
    background-color: White;
    color: Navy;
    text-align: center;
    float: left;
}

div.footerlinks a
{
    color: Gray;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-left: 10px;
}

div.footerlinks a:visited
{
    color: Gray;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-left: 10px;
}

div.footerlinks a:hover
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    margin-left: 10px;
}

/* Homepage */

div.maintop
{
    width: 600px;
    text-align: center;
}

div.mainsearch
{
    width: 550px;
    margin-left: 24px;
    margin-right: 24px;
    height: 210px;
    margin-top: 20px;
    background-color: #FFC700;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    float: left;
}

div.mainsearch p
{
    margin-top: 5px;
}

div.mainsearchtitel
{
    width: 550px;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    height: 30px;
    color: Navy;
}

div.mainsearchblok
{
    width: 275px;
    float: left;
}

div.mainsearchitemtitel
{
    width: 70px;
    margin-left: 5px;
    margin-right: 5px;
    height: 25px;
    margin-top: 10px;
    text-align: right;
    float: left;
    color: Navy;
    font-size: 13px;
    font-weight: bold;
    float: left;
}

div.mainsearchitem
{
    width: 180px;
    margin-left: 5px;
    margin-right: 5px;
    height: 25px;
    margin-top: 10px;
    text-align: center;
    float: left;
}

div.mainsearchitemzoek
{
    width: 263px;
    margin-left: 5px;
    margin-right: 7px;
    height: 25px;
    margin-top: 10px;
    text-align: right;
    float: left;
}

div.mainsearchresultsfound
{
    width: 550px;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 10px;
    height: 30px;
    color: Navy;
    float: left;
}

div.specialdeals
{
    width: 600px;
    text-align: center;
    height: 215px;
    float: left;
    margin-top: 10px;
}

div.specialdeal
{
    width: 260px;
    height: 205px;
    background-image: url('Images/special_deal.gif');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin-left: 20px;
    margin-right: 20px;

}

div.dealtitel
{
    width: 250px;
    margin-left: 10px;
    margin-top: 20px;
    float: left;
    height: 25px;
    text-align: center;
}

div.dealad
{
    width: 240px;
    margin-left: 10px;
    margin-top: 10px;
    height: 38px;
    float: left;
    text-align: center;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: Gray;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: Gray;

}

div.dealadtitel
{
    width: 215px;
    float: left;
    text-align: left;
    color: Navy;
    margin-top: 3px;
    margin-bottom: 3px;
}

div.dealadurl
{
    width: 25px;
    float: left;
    text-align: right;
    font-size: 10px;
    margin-top: 3px;
    margin-bottom: 3px;
}

div.dealadurl a
{
    font-weight: bold;
    color: Red;
    margin-top: 3px;
    
}

div.dealadurl a:visited
{
    font-weight: bold;
    color: Red;
    margin-top: 3px;
   
}

div.dealadurl a:hover
{
    font-weight: bold;
    color: Black;
    margin-top: 3px;
  
}

/* Searchresult */
p.searchresult
{
    margin-left: 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

div.sorteren
{
    width: 590px;
    text-align: right;
}

div.result
{
    width: 590px;
    height: 190px;
    text-align: left;
    margin-left: 5px;
    margin-top: 10px;
    border-width: 1px;
    border-color: Gray;
    border-style: solid;
}

div.titel
{
    width: 590px;
    height: 35px;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    background-color: Navy;
    color: White;
}

div.titelcategorie
{
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 3px;
    margin-top: 2px;
}

div.titelnaam
{
    width: 264px;
    height: 25px;
    text-align: left;
    float: left;
    margin-left: 3px;
}

div.titelgeografie
{
    width: 292px;
    height: 25px;
    text-align: right;
    float: left;
    margin-right: 3px;
}

div.info
{
    width: 590px;
    height: 135px;
    text-align: left;
}

div.leftinfo
{
    width: 465px;
    height: 135px;
    float: left;
}

div.resultimage
{
    width: 125px;
    height: 135px;
    text-align: left;
    float:left;
    font-weight: bold;
}

img.accommodatieimage
{
    width: 120px;
    height: 80px;
}

div.omschrijving
{
    width: 334px;
    height: 135px;
    font-size: 11px;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

div.rightinfo
{
    width: 124px;
    height: 135px;
    background-color: White;
    color: Navy;
    font-weight: bold;
    text-align: center;
    float: left;
    border-left-width: 1px;
    border-left-color: Gray;
    border-left-style: solid;
}

div.prijs
{
    width: 124px;
    text-align: center;
    margin-top: 20px;
    float: left;
}

div.prijsva
{
    font-size: 10px;
    color: Black;
    float: left;
    margin-left: 10px;
}

div.prijsbedrag
{
    font-size: 18px;
    color: Red;
    float: left;
    margin-left: 5px;
}

div.aanbiederimage
{
    width: 124px;
    text-align: center;
    float: left;
    margin-top: 20px;
}

img.logoaanbiederresult
{
    height: 80px;
    width: 80px;
}

img.logoaanbieder
{
    width: 80px;
}

div.extrainfo
{
    width: 590px;
    background-color: White;
    height: 20px;
    float: left;
}

div.accommodatieinfo
{
    width: 465px;
    height: 20px;
    float: left;
    font-weight: bold;
}

div.accommodatieinfo a
{
    color: Red;
}

div.accommodatieinfo a:visited
{
    color: Red;
}

div.accommodatieinfo a:hover
{
    color: Black;
}

div.boeken
{
    width: 124px;
    height: 20px;
    background-color: White;
    color: White;
    float: left;
    text-align: center;
    border-left-width: 1px;
    border-left-color: Gray;
    border-left-style: solid;
}

/* Aanbieder */
div.aanbieder
{
    width: 590px;
    height: 100px;
    text-align: left;
    margin-left: 5px;
    margin-top: 10px;
    border-width: 1px;
    border-color: Gray;
    border-style: solid;
    float: left;
}

div.aanbiederlogo
{
    width: 100px;
    text-align: center;
    float: left;
    margin-top: 10px;
}

div.aanbiedergegevens
{
    width: 420px;
    float: left;
    text-align: left;
}

div.aanbiedernaam
{
    width: 420px;
    float: left;
    text-align: left;
    height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: Navy;
}

div.aanbiederinfo
{
    width: 420px;
    float: left;
    text-align: left;
    height: 170px;
    font-size: 10px;
}

div.aanbiederwebsite
{
    width: 70px;
    margin-top: 30px;
    text-align: center;
    float: left;
}

div.aanbiederwebsite a
{
    font-weight: bold;
    font-size: 12px;
    color: Navy;
    text-decoration: none;
}

div.aanbiederwebsite a:visited
{
    font-weight: bold;
    font-size: 12px;
    color: Navy;
    text-decoration: none;
}

div.aanbiederwebsite a:hover
{
    font-weight: bold;
    font-size: 12px;
    color: #FFC700;
    text-decoration: none;
}

div.updating
{
    width: 590px;
    height: 400px;
    position: absolute;
    top: 175px;
    left: 217px;
}

/* Linkpartners */
ul.linkpartners
{
   width: 500px; 
}

ul.linkpartners li.linkpartner
{
    text-align: left;
    list-style-type: none;
    font-weight: bold;
    color: Navy;
    font-size: 12px;
    margin-top: 3px;
}

ul.linkpartners li.linkpartner a
{
    text-decoration: none;
    color: #FFC700;
}

ul.linkpartners li.linkpartner a:visited
{
    text-decoration: none;
    color: #FFC700;
}

ul.linkpartners li.linkpartner a:hover
{
    text-decoration: none;
    color: Black;
}

