@charset "utf-8";

a { outline: 0; } 

.td
{
	font-size: 14px;
}
.diverse a:link, a:visited, a:hover, a:active
{
    color:red;
}

ul#navigation  {
	color:#FFF;
	display:inline-block;
	font-size:20px;
	margin:0;
	padding:0;
	float:left;
	
}

ul#navigation li {
	color:#FFF;
	display:inline-block;
	font-size:20px;
	margin:0;
	padding:0;
	float:left;
	position: relative;
	background:#000FFF;
}

ul#navigation li a {
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	font-size: 20px;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	float: left;
	position: relative;
	background-color: #00FF;
}

ul#navigation li a:hover {
	color:#FFF;
	background-color: #7575ff;
}


ul#navigation li:hover > a {
	background-color: #7575FF;
	
	
}
ul#navigation li:hover > ul
{

	visibility:visible;
	opacity:0.90;
	
	
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility:hidden;
	opacity:0;
	position: absolute;
	z-index: 99999;
	width:180px;
	background-color: #000FFF;	
	
}

ul#navigation ul {
    top: 42px;
    left: 0px;
}

ul#navigation ul li ul {
    top: 0;
    left: 180px; 
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	color:#FFF;
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;	
}

#menuknopsub td a:link,
#menuknopsub td a:visited {
	background-image: url(../menu/afbeeldingen/subknopmenu.png);
}

#menuknopsub td a:hover,
#menuknopsub td a:active {
	background-image: url(../menu/afbeeldingen/menuknopaansub.png);
}
#menuknopsub td a {
	display:block;
	line-height:40px;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../menu/afbeeldingen/subknopmenu.png);
	text-align: center;
	height: 40px;
	width: 130px;
	text-decoration: none;
	margin: auto;
	bottom: 0px;
	}
	.menuknopsub {
	font-size: 14px;
	font-weight: bold;
	color: #e6d7c8;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#menuknop td a:link,
#menuknop td a:visited {
	background-image: url(../menu/afbeeldingen/knopmenu.png);
}

#menuknop td a:hover,
#menuknop td a:active {
	background-image: url(../menu/afbeeldingen/menuknopaan.png);
}
#menuknop td a {
	display:block;
	line-height:40px;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../menu/afbeeldingen/knopmenu.png);
	text-align: center;
	height: 40px;
	width: 100px;
	text-decoration: none;
	margin: auto;
	bottom: 0px;
	}
.menuknoppen {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#submenuknop td a:link,
#submenuknop td a:visited {
	background-image: url(../menu/afbeeldingen/knopsubmenu.png);
}

#submenuknop td a:hover,
#submenuknop td a:active {
	background-image: url(../menu/afbeeldingen/menuknopaansub.png);
}
#submenuknop td a {
	display:block;
	line-height:40px;
	font-size: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	background-image: url(../menu/afbeeldingen/knopsubmenu.png);
	text-align: center;
	height: 40px;
	width: 200px;
	text-decoration: none;
	margin: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	background-color: #D4D4D4;
	}
.backboven {
	background-color: #9C9595;
}
.backmain {
	background-color: #F2EFE9;
	color: #7C7C7C;
	left: 0px;
	top: 0px;
}
.navigator {
	
	color: #000080;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bolder;
}
.submenuknoppen {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.kleineletters {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.user {
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
}
.user a:link,
.user a:visited ,
.user a:active
	{
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
.user a:hover
	{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: blink;
}

.kleineletters a:link,
.kleineletters a:visited ,
.kleineletters a:active
	{
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.kleineletters a:hover
	{
	font-size: 14px;
	font-weight: normal;
	color: #000080;
	text-decoration: none;
}
	
.hometekst {
	font-size: 18px;
	font-weight: bold;
	color: #D4D4D4;
	display: table-cell;
	}
.hometekst a:link,
.hometekst a:visited ,
.hometekst a:active
	{
	font-size: 18px;
	font-weight: bold;
	color: #D4D4D4;
	text-decoration: none;
	display: block;
}
.hometekst a:hover
	{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
.hometekstn {
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	display: table-cell;
	}
.hometekstn a:link,
.hometekstn a:visited ,
.hometekstn a:active
	{
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	display: block;
}
.hometekstn a:hover
	{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}
.footertekst {
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left: 10px;
	font-weight: normal;
	}
.footertekst a:link,
.footertekst a:visited ,
.footertekst a:active
	{
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
.footertekst a:hover
	{
	font-size: 17px;
	color: #FFFF80;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
.icon
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	
}
.icon a:link,
.icon a:visited,
.icon a:active,
.icon a:hover
	{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
	}

.formulier {
	background-color: #FEFEFE;
	width: 350px;
	font-size: 14px;
	font-weight: bold;
	color: #000080;
}
.tekst {
	font-size: 18px;
	font-weight: normal;
	color: #000080;
	text-decoration: none;
	background-position: center center;
	}

h1 {
font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	background-position: center center;
}
.maintekst2 {
	font-size: 20px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	background-position: center center;
	font-family: "Courier New", Courier, monospace;
	font-style: italic;
	}
.maintekst2 a:link,
.maintekst2 a:visited ,
.maintekst2 a:active
	{
	font-size: 20px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
}
.maintekst2 a:hover
	{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
}
.maintekst {
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	background-position: center center;
	}
.maintekst a:link,
.maintekst a:visited ,
.maintekst a:active
	{
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}
.maintekst a:hover
	{
	font-size: 18px;
	font-weight: bold;
	color: #9C9595;
	text-decoration: none;
}
.lijsttekst {
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	background-position: center center;
	}
.lijsttekst a:link,
.lijsttekst a:visited ,
.lijsttekst a:active
	{
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}
.lijsttekst a:hover
	{
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.logtekst
{
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}

.logtekst a:link,
.logtekst a:visited ,
.logtekst a:active
	{
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}
.logtekst a:hover
	{
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: underline;
}
.maintekstkad {
	font-size: 18px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	background-position: center center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	}

.thumbnail {
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
	
	}
	.thumbnaildoor {
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: line-through;	
	}
.thumbnail a:link,
.thumbnail a:visited ,
.thumbnail a:active
	{
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-decoration: none;
}
.thumbnail a:hover
	{
	font-size: 16px;
	font-weight: bold;
	color: #9C9595;
	text-decoration: none;
}
.paginatitel {
	font-size: 24px;
	font-weight: bolder;
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline overline;
}
.fouttekst {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
	}
	.fouttekst2 {
	font-size: 18px;
	color: #FFFF00;
	font-weight: lighter;
	font-family: "Times New Roman", Times, serif;
	}
.bredekader {
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: none;
	border-top-color: #9C9595;
	border-right-color: #9C9595;
	border-bottom-color: #9C9595;
	border-left-color: #9C9595;
}	
.knop {
	font-size: 14px;
	font-weight: bold;
	color: #000080;
	
	}
.tips {
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	}
.tips a:link,
.tips a:visited ,
.tips a:active
	{
	font-size: 18px;
	font-weight: lighter;
	color: #000000;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
}
.tips a:hover
	{
	font-size: 18px;
	color: #9C9595;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}
.divers {
	font-size: 14px;
	font-weight: bold;
	color: #c00000;
	text-decoration: none;
	}
.divers a:link,
.divers a:visited ,
.divers a:active
{
	font-size: 14px;
	font-weight: bold;
	color: #c00000;
	text-decoration: none;
	}	
.divers a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
	}
.acties {
	font-size: 24px;
	font-weight: bolder;
	color: #c00000;
	text-decoration: none;
	}
.acties a:link,
.acties a:visited ,
.acties a:active
{
	font-size: 24px;
	font-weight: bolder;
	color: #c00000;
	text-decoration: none;
	}	
.acties a:hover{
	font-size: 24px;
	font-weight: bolder;
	color: #FF0000;
	text-decoration: none;
	}
.prijs {
	width: 150px;
}
.thumbnailfoto {
	text-decoration: none;
	width: 150px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}
.thumbnailfoto150 {
	text-decoration: none;
	width: auto;
	height: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;	
}
.detailtekst {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px;
	left: 5px;
	top: 5px;
	right: 5px;
	bottom: 5px;
}
.prijstekst {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.trefwoordselect {
	font-size: 14px;
	font-weight: bold;
	color: #d4d4d4;
	background-color: #000080;
}
.trefwoord {
	font-size: 16px;
	font-weight: bolder;
	color: #000080;
}
.navtekst {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	}
.navtekst a:link,
.navtekst a:visited ,
.navtekst a:active
	{
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.navtekst a:hover
	{
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}	
.detailfoto{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.invoerniet a:link,a:active
 {
	text-decoration: none;
	color: #FFFF00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoerniet a:hover
 {
	text-decoration: none;
	color: #FFCC00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoerniet a:visited 
 {
	text-decoration: underline overline;
	color: #FFFF00;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeronline a:link,a:active
 {
	text-decoration: none;
	color: #0000FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeronline a:hover
 {
	text-decoration: none;
	color: #000080;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeronline a:visited 
 {
	text-decoration: underline overline;
	color: #0000FF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeroffline a:link,a:active
 {
	text-decoration: none;
	color: #FF0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeroffline a:hover
 {
	text-decoration: none;
	color: #CC3300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.invoeroffline a:visited 
 {
	text-decoration: underline overline;
	color: #FF0000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}
.dagmaand {
	font-size: 24px;
	font-weight: bolder;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.dagvandaag{
	font-size: 24px;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #39C;
}
.dagvandaaggesloten{
	font-size: 24px;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.wday {
	font-size: 18px;
	font-style: normal;
	background-color: #000080;
	padding-left: 20px;
	padding-right: 20px;
	color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.detailtitel {
	font-size: 24px;
	font-weight: bolder;
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tekstinvoer {
	color: #000000;
	background-color: #FFFFFF;
	width: 550px;
	font-size: 18px;
	font-weight: bold;
}

.prijsinvoer {
	
	width: 150px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.prijs {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
.loginvoer {
	background-color: #CCCCCC;
	border: medium inset #666666;
	width: 250px;
	font-weight: bold;
	color: #000000;
}
.loginvoerkl {
	background-color: #CCCCCC;
	border: medium inset #666666;
	width: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.loginvoergr {
	background-color: #CCCCCC;
	border: medium inset #666666;
	width: 35px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
div#test {
	left: 0px;
	position: fixed;
	width: 500px;
	z-index: 1;
	height: 125px;
}
.foutinvoer {
	border: 2px solid #F00;	
}
.goedinvoer {
	border: 2px solid #0F0;
}
.foutinvoerback {
	background-color: #FF7979;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#kop {
	position: fixed;
	z-index: 101;
	left: 0px;
	top: 0px;
	width: 100%;
	height:35px;
	background-color: #999;
	display: block;
	color: #0000FF;
	font-size: 24px;
}
div#menu {
	position: relative;
	z-index:100;
	left: 8px;
	width: 100%;
	height:45px;
	background-color: #999;
	display: block;
	padding-top: 35px;
}
div#input {
	position: fixed;
	z-index: 0;
	left: 0px;
	top: 85px;
	width: 100%;
	height: 30px;
	background-color: #999;
	display: block;
	padding-top: 10px;
}
div#titelbalk {
	position: fixed;
	z-index: 0;
	left: 0px;
	width: 1000px;
	height: 30px;
	background-color: #999;
	display: block;
	padding-top: 10px;
}
.anchors {

overflow: hidden;
position: relative;
top: -250px;
}
div#body {
	z-index:-1;
	left: 0px;
	width: 100%;
	background-color:#999;
	display: block;

}
#telefoon {
 background-image: -moz-linear-gradient(top,#000080 , #4A4AFF);
 background-image: -ms-linear-gradient(top, #000080, #4A4AFF);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000080), color-stop(1, #4A4AFF));
  background-image: -o-linear-gradient(top, #000080, #4A4AFF);
   background-image: linear-gradient(top, #000080, #4A4AFF);
   background-image:filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;filter: alpha(opacity=50);
 color: #ffffff;
	font-family: 'Oswald', sans-serif;
	font-weight:bolder;
	height: 40px;
	font-size: 16px;
	right:0px;
	line-height:40px;
	position:fixed;
	text-align:center;
	bottom:0px;
	width:250px;
	border-radius:10px 0 0 0;
	z-index:100;

}
#telefoonico {
	background-image: url(../icon/telefoonico.png);
	height: 40px;
	right:120px;
	position:fixed;
	bottom:37px;
	width:100px;
	z-index:100;
	background-repeat: no-repeat;
}
#telefoon span {
font-size: 20px;
padding-left:8px;
}
.fixheader{
   position:fixed;
  
   
}
 #telefoon a:link,
 a:visited ,
 a:active,
 a:hover
	{
	
	
	text-decoration: none;
	 color: #ffffff;
}
.fotos
{
	
	width: 800px;
	overflow-x:auto;
    overflow-y:hidden;
    white-space: nowrap;
	}
	.fotoblok
{
	padding: 5px;
	display: inline-block;
	
	}
	.foto
	{
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 5px;

	}
.fotocontrol
{
	height: auto;
	padding: 5px;	
}
.buttonrow
{
	margin-right: 10px;
}


.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto;
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}



.cd-top {
	display: inline-block;
	height: 25px;
	width: 25px;
	position: fixed;
	bottom: 25px;
	right: 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
    overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	background-color: #390;
    
	background-image: url(../icon/cd-top-arrow.svg);
	background-repeat: no-repeat;
	background-position: center 50%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #390;
    opacity: 1;
}
.uitverkoop
{
    background-image:url("/images/Back-out.png");
    width:750px;
    height:442px;
}
.open
{
    background-color:yellow;
    opacity: 0.60;
    float:right;
   margin:10px;
   color:black;
   font-size : 25px;
}
.Osta_Meerbeke
{
    font-size: 20px;
    color: red;
    background-color: chartreuse;
    text-align: center;
    float:right;
    margin:10px;
}
.ts
{
    font-size: 20px;
    
    text-align: center;
    float:left;
    margin:10px;
}