﻿/*
Kleuren:
Oranje: #ff9610
Link Donkerblauw: #003366
Donkerblauw: #16256b
Lichtblauw: #3169C6
Heel lichtblauw: #e5eef9 (achtergrond linkermenu)
Rood: #900
Grijs borders: #999999
Grijs menu achtergrond: #f1f1f1
Grijs menu achtergrond hover: #cccccc
Eindkleur gradient linkermenu licht oranje: #FFD87B / #ffd87c

*/

/* Algemene Elements */

body
{
	margin: 0px; 
	color: #003366; 
	font-family: Lucida Sans Unicode, Tahoma, Arial;
	font-size: 12px;
	background-color:#ff9610;
	}
h1 
{
	color: #ff9610;
	font-size: 12px;
	display:inline;
	} 

h1 a
{
	color: #ff9610;
	font-size: 12px;
	display:inline;
	} 

h1 a:visited
{
	color: fuchsia;
	text-decoration:none;
	display:inline;
	} 
	
h1 a:hover
{
	color: #ff9610;
	text-decoration:underline;
	display:inline;
	} 

		
h2 
{
	color: #3169C6;
	font-size: 12px;
	display:inline;
	} 

h2 a
{
	color: #3169C6;
	font-size: 12px;
	display:inline;
	} 
	
h2 a:visited
{
	color: #3169C6;
	text-decoration:none;
	display:inline;
	} 
	
h2 a:hover
{
	color: #3169C6;
	text-decoration:underline;
	display:inline;
	} 

h3 
{
	color:#003366;
	font-size: 12px;
	display:inline;
	} 

h3 a
{
	color:#003366;
	font-size: 12px;
	display:inline;
	} 
	
h3 a:visited
{
	color:#003366;
	text-decoration:none;
	display:inline;
	} 
	
h3 a:hover
{
	color:#003366;
	text-decoration:underline;
	display:inline;
	} 
	
a
{
	text-decoration:None;
	color:#003366;
}

a:visited
{
	text-decoration:None;
	color:#003366;
}

a:hover
{
	text-decoration:Underline;
	color:#3169C6;
}

select
{
    font-size:12px;
}
.underline a
{
	text-decoration:Underline;
	color:#003366;
}

.underline a:hover
{
	text-decoration:None;
	color:#3169C6;
}

img 
{
	border:0;
}
table, td
{
    font-size:12px;
}

p
{
    text-align:justify;
}
	
/* Algemene classes*/
.bold{ font-weight:bold;}
/* Begin Aanbevolen  */

.AanbiedingPrijs
{
	text-align:right; 
	font-size:2em; 
	font-weight:bold; 
	color:#900; 
	width:80px;
	float:left;
}

.aanbiederaanbevolen
{
    width:100%;
    height:600px;
    border:solid 1px #3169C6;
    margin-bottom:10px;
    }
/* Einde Aanbevolen */


.whitebox750
{
    border: solid 1px #3169C6;
    width:750px;
	padding: 5px 8px 10px 8px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	background-color:White;
}

.whitebox750 ul
{
    margin:0;
    padding:0;
    margin-top:20px;
    margin-left:15px;
}
.whitebox750 li
{
    float:left;
    width:32%;
}
.whitebox750 .lmtable th, .whitebox750 .lmtable td
{
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
}

.whitebox750 .lmtable tr
{
    background-color:White;
}
.whitebox750 .lmtable tr.highlight
{
    background-color:#ffe7c8; 
    cursor: pointer;   
}

.whitebox550
{
    border: solid 1px #3169C6;
    width:560px;
	padding: 8px 8px 10px 8px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	background-color:White;
}

.whitebox550 .plaatje
{	
	float:right;
}

.whitebox550 .plaatje img
{	
    border: solid 1px #3169C6;
	width: 200px;
	height:150px;
	margin-top:5px;
	}

#map
{
    width: 765px; 
    height: 510px; 
    float:left;
    border: solid 1px #3169C6; 
    margin-top:10px;
}
.aanbieders
{
    width:750px;
    border: solid 1px #ff9610;
    background-color:#FFD87B;
    padding:0;
    float:left;
}
.aanbieders ul
{
    margin:0;
    float:left;
    width:750px;
    padding-left:0;
}

.aanbieders li
{
    width:120px;
    float:left;
    margin:5px;
    margin-left:15px;
    margin-right:10px;
    padding:0;
    border: solid 1px #3169C6;
    background-color:white;
    list-style-type:none;
}
.aanbieders li img
{
    margin:0;
    padding:0;
    float:left;
    width:60px;
    height:30px;
    border-right: solid 1px #3169C6;
}
.aanbieders p
{
    margin:0px;
    padding:0;
    float:right;
    line-height:27px;
    width:59px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    color:#900;
    }
    
.actiecodes
{
    width:760px;
    border: solid 1px gray;
    background-color:#FFD87B;
    padding-left:10px;
    padding-bottom:10px;
    margin-bottom:10px;
}

.actiecodes img
{
    float:right;
    border-left: solid 1px gray;
    border-bottom: solid 1px gray;
    margin-left: 10px;
    margin-bottom: 10px;
}
	
/* Pagina layout */

#main
{  width :995px;
}

#toppagina
{ 
	position:absolute;
	top:0px;
	border-right: #999999 1px solid; 
}

#wrapper
{
	position: absolute;
	top:112px;
	width :995px;
	border-right: #999999 1px solid; 
	border-bottom: #999999 1px solid; 
    background-color: #e5eef9;

}

#logo
{
	margin: 0;
	padding:0;
	background-color:White;
	width:995px;
	}

/* Content */	
#content
{
	margin:0px;
	padding:0px;
	width:799px;
	float:right;
	background-color:#ffe7c8;
	border-left: #999999 1px solid; 
}

#contenmargin10
{
	float:left; 
	margin:10px;
	min-height:840px;
	width:780px;
}
#TextOnImage
{
	text-align:right; 
	position:relative;
	float:right;
	width:780px;
	margin-top:-200px;
	margin-right:10px;
	color:White;
	font-weight:bold;
	font-size:28px;
}
/* Pagina layout - zoekbar */

#searchbar 
{	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	font-weight:bold;
	font-size:12px;
	background-color: #ff9610;
	height:32px;
	margin:0px;
	color:White;
}

/* Pagina layout - Menuboven */

#menuboven 
{
	padding: 5px; 
	border-top: #999 1px solid; 
	border-bottom: #999 1px solid; 
	background-color: #f1f1f1;
	}
	
#menuboven a 
{
	color: #003366; 
	text-decoration: none;
	}
	
#menuboven a:hover 
{
	color: #003366; 
	text-decoration: none;
	}

#menuboven .lt0 
{
	border: #f1f1f1 1px solid; 
	padding:2px 6px 2px 6px; 
	background: #f1f1f1; 
	color: #003366; 
	text-decoration: none;
	}
	
#menuboven .lt1 
{
	border: #999999 1px solid; 
	padding:2px 6px 2px 6px; 
	background: #cccccc; 
	color: #003366; 
	text-decoration: none;
	}
	
#menuboven .ltsep 
{
	padding: 0px 1px 0px 1px;
	}

/* Pagina layout - Menulinks */

#menulinks
{	
	width: 195px; 
	float:left;
    background-color: #e5eef9; 
    padding-top: 5px;
}

#menulinks h2
{
	margin: 4px 0px 5px 5px;
}

#menulinks .line
{
	border-top: #999999 1px solid; 
	margin: 5px 0px 5px 0px;
	width:100%;
}

#menulinks ul {
	padding:0px;
	margin: 0px; 
	margin-top:5px;
	list-style-type: none;
}
#menulinks li {
	padding: 0px; 
	margin: 0px 2px; 
}

#menulinks a 
{
	padding: 2px 4px 4px 8px;
	display: block; 
	margin: 1px 0px; 
	cursor: pointer; 
	text-decoration: none;
	color: #003366;
}

#menulinks a:visited {
	color: #003366;
}
#menulinks a:hover 
{
	border:#cccccc 1px solid; 
	padding: 1px 3px 3px 7px; 
	margin:  0px; 
	background-color: #f1f1f1; 
	text-decoration: none;
	margin-bottom:1px;
}
#menulinks .selc a {font-weight:bold;}

#menulinks .selc a:hover {
	border:0; 
	padding: 2px 4px 4px 8px; 
	margin:  0px; 
	cursor: default; 
	background-color: Transparent;
	text-decoration: none;
    }
/* Pagina layout - Menubeneden */

#menuwrapper
{  
	clear:both;
}

#linksmenubeneden
{   width:195px;
	float:left;
	background-color:#e5eef9;
	padding-top:5px;
	padding-bottom:5px;
	border-top: #e5eef9 1px solid; 
}

#menubeneden 
{
	float:right;
	border-top: #999 1px solid; 
	border-left: #999 1px solid; 
	background-color: #f1f1f1;
	padding-top:5px;
	padding-bottom:5px;
	width:799px;
	}

#menubeneden a {color: #003366; text-decoration: none;}
#menubeneden a:hover {color: #003366; text-decoration: none;}
	
#menubeneden .ft0 {border: #f1f1f1 1px solid; padding:2px 6px 2px 6px; background: #f1f1f1; color: #003366; text-decoration: none;}
#menubeneden .ft1 {border: #999999 1px solid; padding:2px 6px 2px 6px; background: #cccccc; color: #003366; text-decoration: none;}
#menubeneden .ftsep { padding: 0px 1px 0px 1px;}


#footer
{
	clear:both;
	padding:5px;
	border-top: #999 1px solid; 
	border-bottom: #999 1px solid; 
	background-color: #FF9610;
	margin-bottom:20px;
}

#footer a
{
	color:White;
}

#footer .ltsep { padding: 0px 2px 0px 2px;}


/* Zoekresultaten */

#zoeken 
{	border: solid 1px #3169C6;
	padding: 5px 8px 10px 8px;
	margin-bottom:20px;
	background-color:White;
	width:750px;
	
}
.object 
{ 	margin-bottom:20px;
	border: solid 1px #3169C6;
	padding:5px;
	text-align:justify;
}

.plaatje
{	
	float:left;
}

.plaatje img
{	
    border: solid 1px #3169C6;
	width: 200px;
	height:150px;
	margin-right:10px;
	}
	
.plaatje .AanbiederLogoKlein
{
	border: solid 1px #3169C6;
	width:30px;
	height:30px;
	}

.beschrijving
{
	float:left;
	margin: 0px 0px 0px 5px;
	width:540px;
	}

.beschrijving h1 a
{
	color:#3169C6;
	margin:0px;
	}

.beschrijving h1 a:visited
{
	color: #3169C6;
	text-decoration:none;
	} 
	
.beschrijving h1 a:hover
{
	color: #3169C6;
	text-decoration:underline;
	} 

	
.beschrijving p
{	
	margin-top:10px;
}

.italiclink
{ 	
	font-size:12px;
	font-style:italic;
	}
	
.googleadd
{
    float:left;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:20px;
	}

#zoekwrapper
{	
	width:775px; 
	margin-left:15px; 
	margin-top:20px;
	min-height:1200px;
}

/* Paging zoekgegevens */

#divnav
{ 
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
}

#listing-hits 
{
    color:  #16256b;
	text-align:left;
	float:left;
}
#listing-prev-next {
	text-align:right;
	float:right;
}
#listing-prev-next a {
    color:  #16256b;
}
#listing-pages {
	text-align: center;
	font-weight: bold;
}
#listing-pages #sel {
	color: #fff;
	background: #16256b;
	text-decoration: none;
	padding: 0 .3em;
	width: 1.2em;
	margin-bottom: -0.4em;
}
#listing-pages span, #listing-pages a:link, #listing-pages a:visited  {
    color:  #16256b;
	padding: 0 .3em;
	margin: 0;
	text-decoration: none;
   border: 1px solid #fff;
}
#listing-pages a:hover, #listing-pages a:active {
text-decoration: none;
   color:  #16256b;
   border-color: #16256b;
}

/* Laatst Bekeken*/

.objectLaatstBekeken 
{ 	margin-bottom:20px;
	border: solid 1px #3169C6;
	padding:5px;
	text-align:justify;
}

.objectLaatstBekeken h2
{ 	margin-bottom:0px;
}

.objectLaatstBekeken .plaatje
{	
	float:left;
	margin-right:10px;
	width:246px;
	text-align:center;
	height:300px;
}

.objectLaatstBekeken .plaatje img
{	border: solid 1px #3169C6;
	width: 200px;
	height:150px;
	margin:5px;
	}
	
.objectLaatstBekeken .plaatje .AanbiederLogoKlein
{
	border: solid 1px #3169C6;
	width:30px;
	height:30px;
	}

/* Objecten in de buurt */
.objectIndeBuurt ul
{   
	width: 800px;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	list-style-type:square;
}

.objectIndeBuurt li 
{ 
  float: left;
  width: 250px;
  margin: 0px;
  padding: 5px;
  }


/* Forumen */

.bericht
{
	border: solid 1px #999999;
	margin-bottom:15px;
	background-color:#e5eef9;
}

.berichttitel
{
	background-color:#ffd87c;
	font-weight:bold;
	padding: 5px;
	border-bottom:solid 1px #999999;
}

.cijfers
{
	margin-bottom:5px;
	padding: 5px;
}

.berichttext
{
	padding: 5px;
}

.berichtfooter
{
	font-style:italic;
	color:#3169C6;
	padding: 5px;
	font-size:12px;
	}

.txt-red-dark-bold
{
	color:#900;
	font-weight:bold;
}

.smallred
{FONT-WEIGHT: bold; 
 FONT-SIZE: 12px; 
 COLOR: #900;
    }

/* Nieuwsbrief aanbiedingen */
.Nieuwsbrief
{
	text-align:right; 
	position:relative; 
	left:520px; 
	z-index:5; 
	border: solid 1px #3169C6; 
	width:250px;
	margin-bottom:10px;
}

.Nieuwsbrief td
{
		font-size:12px;
}


#infocategorien
{
    border: solid 1px #3169C6;
    width:160px;
	padding: 5px 8px 0px 8px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	background-color:White;
}

#infocategorien ul
{   
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom:10px;
	margin-top:5px;
}

#infocategorien li 
{ 
  float: left;
  width : 150px;
  height:21px;
  margin: 0px 2px; 
  padding: 0;
  }

#infocategorien li a
{
	padding: 2px 4px 4px 8px;
	display: block; 
	margin: 1px 0px; 
	cursor: pointer; 
	text-decoration: none;
	color: #003366;
}
#infocategorien li a:hover
{ 
	border:#cccccc 1px solid; 
	padding: 2px 3px 4px 7px;
	margin:  0; 
	background-color: #f1f1f1; 
	text-decoration: none;
}

#infocategorien .selc a {font-weight:bold;}

#infocategorien .selc a:hover {
	border:0; 
	padding: 2px 4px 4px 8px;
	margin: 1px 0px; 
	cursor: default; 
	background-color: Transparent;
	text-decoration: none;
    }
    
.infocategorienregio
{
    height:382px;
}

.infocategorienstad
{
    height:382px;
}

#promotion
{
    background-image: url('/images/promotion.jpg'); 
    width:418px; 
    height:570px; 
    visibility:visible;
    position:absolute; 
    padding:0;
    margin:0;
    top:100px; 
    left:100px; 
    z-index:10;
    overflow:hidden;
    background-repeat:repeat-x;
    background-color:#1061be;
}

#promotion img
{
    float:right;
    margin:0;
}
#promotion p
{
    margin-top:95px;
    margin-left:5px;
    margin-right:5px;
    color:White;
    text-align:justify;
}
.reclametop
{
    width:779px; 
    height:100px; 
    text-align:center;
    margin-top:0px; 
    margin-bottom:10px;
    padding:10px; 
    background-color:#e5eef9;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#top10Aanbiedingen
{
    border: solid 1px #3169C6;
    width:268px;
	padding: 5px 8px 0px 8px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	background-color:White;
	height:274px;
}

#top10Aanbiedingen ul
{
 margin:0;
 padding:0;
 margin-top:10px;
}

#top10Aanbiedingen li
{
 list-style-type:none;
 height:21px;
}

#top10Aanbiedingen li a
{
    text-decoration:none;
}
#top10Aanbiedingen li a:hover
{
    text-decoration:underline;
}
#top10Aanbiedingen p
{
    text-align:right;
    margin-bottom:0px;
}
#top10Lastminutes
{
    border: solid 1px #3169C6;
    width:268px;
	padding: 5px 8px 0px 8px;
	margin-right:10px;
	margin-top:10px;
	float:right;
	background-color:White;
	height:274px;
}
#top10Lastminutes ul
{
 margin:0;
 padding:0;
 margin-top:10px;
 margin-left:20px;
}

#top10Lastminutes li
{
 list-style-type:square;
 height:21px;
}

#top10Lastminutes li a
{
    text-decoration:none;
}
#top10Lastminutes li a:hover
{
    text-decoration:underline;
}
#top10Lastminutes p
{
    text-align:right;
    margin-bottom:0px;
}

#smallSearch
{    border: solid 1px #3169C6;
    width:563px;
	padding: 5px 8px 18px 8px;
	margin-right:10px;
	margin-top:15px;
	float:left;
	background-color:White;
}
.breadcrumb
{   background:white; 
    float:left; 
    margin:0; 
    padding:5px; 
    width:788px;	
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

#advertorial
{    border: solid 1px #3169C6;
	background-color:White;
    width:563px;
    height:182px;
    text-align:center;
    vertical-align:middle;
	padding: 5px 8px 18px 8px;
	margin-right:10px;
	margin-top:15px;
	float:left;
}

.doublelist
{ 
 float :left;
 width:360px;
}

.doublelist ul
{
 margin:0;
 padding:0;
 margin-top:10px;
}

.doublelist li
{
 list-style-type:none;
 height:21px;
 width:100%;
}

.doublelist li a
{
    text-decoration:none;
}
.doublelist li a:hover
{
    text-decoration:underline;
}
#aanbiederMessage
{
    background-image:url('/images/layout/pijl.gif');
    background-repeat:no-repeat;
    width:200px; 
    left:-180px;
    height:154px; 
    position:absolute;
    top:120px;
    float:left;
    padding-top:65px;
    padding-left:20px;
    color:White;
    font-weight:bold;
    font-size:20px;
    clear:both;
}
