/* Blauwkleur: die van de hor lijn uit 'proef app 3 001.jpg': #567eb1. Te licht, daarom #496991 */

body, html {padding-top:0; margin-top: 0}

body {
	color: #6f6b6b;
	background: #dce1e8;
	}

p, td, th, dd, dt, li, h1, h2, h3, a, div {
	font-family: sans-serif}

h1 {
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	color: #496991;
	margin: -10px 0 0 0}

h1 span{
	/* font-style: italic; */
	background-image: url('images/stars.png'); 
	background-repeat: no-repeat;
	background-position: 30px 0%;
	/* font-size: 45px; */
	font-weight: normal;}	

h2 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom:-1em;
	color: #496991;}

h3 {
	font-size: 90%;
	font-weight: bold;
	margin-bottom:-1em;
	color: #496991;}

.rechts {float:right; margin-left:15px;}
.tdrechts {text-align: right }
.links {float:left; margin-right:15px;}
.tdlinks {text-align: left}
.center {text-align: center;}
span.nobr {white-space: nowrap}

img {border: none}

a, a:visited {color: gray;}
a:hover {color: #496991}

/*Geen underline op img-link: */
a img, a:hover img { 
text-decoration: none;} 

/*Geen onderstreping op img in taal link met vlag: */
/*
a#taalkeuze {width: 100%; border: 1px solid red}
a#taalkeuze img {display:block; text-decoration: none;}
*/
a#taalkeuze {display:block; width: 100%;}
a#taalkeuze img {text-decoration: none;}

table {width: 100%; border-collapse: collapse} 
td, th {padding-left:3px; padding-right: 3px;}
table.prijzen {}
table.prijzen td ,table.prijzen th {border: 1px solid #CCC}
td.euro {width: 1%; border-right: none !important;}
td.prijs {text-align: right; border-left: none !important; width: 3em;}
caption {text-align: left}

p.rood, span.rood {color:red}
span.appartementnaam {font-weight: normal; font-style: italic }

p#logo {display: none}

sup {
  position: relative;
  top: -1ex;
  vertical-align:baseline;
  font-size: 80%;}
  
div#container {max-width: 1280px; margin: auto; min-width: 1000px; background: white}

div#kop {width: 100%; margin:0;  border-bottom: 2px solid #CCC; text-align:center; overflow:auto}
div#kop, div#vlag {padding: 0; margin:0;}
div#vlag {float: right; text-align: center; padding-top: 0; margin-top: 15px; margin-right: 15px }
div#kop img{padding:0; margin:0; text-align: center}

div#menubottom {
	margin-top: 25px;
	text-align:center;
	padding-top:0;
	clear: both}
div#menubottom a, div#menubottom a:visited {
	text-decoration:none;}
div#menubottom a:hover {
	color: black}

div#menu {
	float:left;
	text-align: center;
	width: 180px;
	padding-top: 1em}

div#hoofdimage {width: 320px; float: left; text-align: center; padding-top: 1em;}
div#hoofdtekst {margin-left: 520px;}

div#content {margin-left: 183px; }

div#menu ul {margin:0; padding: 0;}
div#menu li {text-align:center; list-style-type: none; 
	margin-left: 10px; margin-right: 10px; 
	margin-bottom: 3px;}

a.menu, a.menu:visited{
      padding:0 2px;
      text-decoration:none;
      font-size: 15px;
      color:white;
      font-weight: bold;
      width: 144px;
      background-color: #496991;
      border-left: 2px solid #BABDC2;
      border-top: 2px solid #BABDC2;
      border-right: 2px solid black;
      border-bottom: 2px solid black;
      display: block;
   }
a.menu:hover{
      color:black;
      border-left: 2px solid black;
      border-top: 2px solid black;
      border-right: 2px solid #BABDC2;
      border-bottom: 2px solid #BABDC2;
   }

div#img_hover {width: 150px; height: 109px; margin-left: 10px; margin-top: 5px; display: none}

/* div#gallery {overflow: auto; width: 100%;} -> middelste plaatje zakt in  FF */
div#gallery {clear: both; margin-top: 40px;}
div#gallery img {margin-bottom: 10px}
img#gallery_1 {float: left; margin-left: 10px}
img#gallery_2 {float: right; margin-right: 10px}
img#gallery_3 {position: absolute; left: 50%; margin-left: -150px;}

/*gallery windroos*/
table#gallery2 {width: 100%}
table#gallery2 td.l {text-align: left}
table#gallery2 td.m {text-align: center}
table#gallery2 td.r {text-align: right}

p#sig {font-size: 80%; color: gray; margin-top:50px; float: right}
a.sig:link, a.sig:visited  {color: gray; text-decoration: none; border-right: none}
a.sig:hover	{color: #993300;}

/* Bug in FF: zonder border komt div#gallery te hoog */
div {border: 1px solid #FFF}