/*
magenta: #ff0085; cyan-light: #00ccfe; cyan-dark: #02a0c7;
text-body: #4a5b79;
*/

body {
	margin: 30px;
	color: #ffffff;
	background-color: #312e73;
}
body, input, select, textarea {
	font-family: "Sans-Serif", "Arial";
	font-size: 11px;
}
a {
	color: #ff0085;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
table {
	border-collapse: collapse;
}
p {
	margin: 10px 0;
}
.clear {
	clear: both;
}

/* PAGE STRUCTURE */
#page-header, #page-footer, #page-body {
	width: 940px;
	margin: 0 auto;
}
#page-header {
	color: #ffffff;
	background-color: #ff0085;
	background-image: url("header-bg.gif");
	background-position: top center;
	background-repeat: no-repeat;
}
#page-footer {
	margin-top: 10px;
	color: #ffffff;
	text-align: center;
}
#page-body {
	width: 900px;
	padding: 20px;
	color: #4a5b79;
	background-color: #ffffff;
	background-image: url("../content-bg.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* HEADER */
#logo {
	float: left;
	margin: 10px 20px 30px 20px;
	font-size: 25px;
	font-weight: bold;
}
#quick-links {
	float: right;
	margin: 10px;
	font-size: 11px;
}
#quick-links a, #quick-links span {
	margin: 0 5px;
	color: #ffffff;
}
#quick-links a.current {
	text-decoration: underline;
}
#nav {
	clear: both;
	margin: -35px auto -16px auto; /* negative bottom margin for IE */
	padding: 0 15px;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #02a0c7;
	text-align: center !important;
	white-space: nowrap;
}
div.nav-button {
	display: inline;
  	margin: 0 0 0 4px;
	padding: 0 0 0 10px;
	background-position: top left;
	background-repeat: no-repeat;
}
div.nav-button a, div.nav-button span {
	padding: 5px 10px 0 0;
	color: #ffffff;
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
div.nav-button, div.nav-button a, div.nav-button span {
	background-image: url("nav-button.gif");
}
div.current a {
	text-decoration: underline;
}

/* FOOTER */
#page-footer a {
	color: #ffffff;
}

/* BODY */
table.home {
	width: 900px;
	margin-bottom: 20px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.home td {
	width: 150px;
}
table.home thead td {
	padding-left: 2px;
}
table.home .covers img {
	padding: 2px 7px 8px 2px;
	background-image: url("../cover-small-shadow.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

table.three-cols {
	width: 900px;
}
table.three-cols td {
	width: 220px;
	vertical-align: top;
}
table.three-cols thead td {
	padding: 0 0 10px 5px;
	color: #ff0085;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
table.three-cols tfoot td {
	padding: 15px 10px;
}
table.three-cols tbody tr.buttons td {
	padding: 15px 10px;
	text-align: center;
}
table.three-cols tbody .text td {
	padding: 0 10px;
	text-align: justify;
}

table.two-cols {
	width: 860px;
	margin: 10px 20px;
}
table.two-cols td {
	padding: 0;
	vertical-align: top;
}
table.two-cols td.left {
	width: 220px;
}
table.two-cols td.right {
	width: 640px;
	padding-left: 20px;
	text-align: justify;
}
table.two-cols div.buttons, div.contact-frame {
	margin-top: 10px;
}
table.two-cols h1 {
	margin-top: 5px;
	font-size: 25px;
	text-align: left;
}
table.two-cols h2 {
	font-size: 12px;
}
table.two-cols h3 {
	font-size: 11px;
}

table.two-cols-centered {
	width: 100%;
}
table.two-cols-centered td {
	text-align: center;
}

h1.heading {
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
}
h1.mm {
	padding: 33px 0 0 0;
	height: 0px !important;
	height /**/: 33px;
	background-image: url("../title-mm.gif");
}
h1.evenement {
	padding: 33px 0 0 0;
	height: 0px !important;
	height /**/: 33px;
	background-image: url("../title-evenement.gif");
}
h1.talkies-stijl {
	padding: 60px 0 0 0;
	height: 0px !important;
	height /**/: 60px;
	background-image: url("../title-talkies-stijl.gif");
}
h1.genieten {
	padding: 60px 0 0 0;
	height: 0px !important;
	height /**/: 60px;
	background-image: url("../title-genieten.gif");
}
h1.voyages-voyages {
	padding: 60px 0 0 0;
	height: 0px !important;
	height /**/: 60px;
	background-image: url("../title-voyages-voyages.gif");
}
h1.elders-anders {
	padding: 60px 0 0 0;
	height: 0px !important;
	height /**/: 60px;
	background-image: url("../title-elders-anders.gif");
}
h1.gazette-diplomatique {
	padding: 60px 0 0 0;
	height: 0px !important;
	height /**/: 60px;
	background-image: url("../title-gazette-diplomatique.gif");
}

.content-villas {
	width: 900px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #bbbbbb;
	text-align: center;
}

.contact-frame {
	width: 600px;
}
div.contact-frame {
	margin-bottom: 4px;
	padding-bottom: 5px;
	background-image: url("../contact-frame-bottom.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}
div.contact-frame-heading {
	padding-top: 5px;
	background-image: url("../contact-frame-top.gif");
	background-position: top center;
	background-repeat: no-repeat;
}
table.contact-frame {
	border-width: 0 1px;
	border-style: solid;
	border-color: #bbbbbb;
}
table.contact-frame td {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
}

.content-announce {
	width: 820px;
	margin: 20px;
	padding: 0 20px;
	font-weight: bold;
	text-align: justify;
}

.content-frame {
	width: 860px;
	margin: 20px;
	padding: 0 0 15px 0;
	background-color: #f1f1f1;
	background-image: url("../content-frame-bottom.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
}
.content-frame .img {
	padding-top: 15px;
	background-image: url("../content-frame-top.gif");
	background-position: top center;
	background-repeat: no-repeat;
}
.content-frame .img img {
	margin: 0 15px;
}
.content-frame h2, .content-frame p {
	padding: 0 15px;
}
.content-frame h2 {
	margin: 0;
}

h1.outline {
	margin: 20px 0 0 0;
	text-align: center;
	font-size: 20px;
}
.outline-frame {
	width: 620px;
	margin: 10px auto;
}
.outline-frame td {
	width: 280px;
	padding: 15px;
	vertical-align: top;
}
.outline-frame td.left {
	border-right: 1px solid #cccccc;
}
.outline-frame img.left {
	float: left;
	margin: 0 5px 5px 0;
}
.outline-frame img.right {
	float: right;
	margin: 0 0 5px 5px;
}
.outline-frame img.center {
	display: block;
	margin: 0 auto 5px auto;
}
.outline-frame h1, .outline-frame h2 {
	margin: 0 0 10px 0;
}
.outline-frame h1 {
	font-family: "Arial";
	font-size: 25px;
	font-weight: normal;
}
.outline-frame h2 {
	font-size: 14px;
}

.contact {
	margin: 0 auto;
	padding: 10px 20px;
}
.contact u, .contact a, .contact span {
	margin: 0 5px;
}

.subscription-confirm {
	margin-top: 20px;
	padding: 10px;
	color: #ff0085;
	border: 1px solid #bbbbbb;
	font-weight: bold;
	text-align: center;
}
.subscription-frame {
	width: 860px;
	margin: 20px;
}
.subscription-frame th, .subscription-frame td {
	padding: 2px 5px;
	vertical-align: top;
}
.subscription-frame th {
	text-align: left;
}
.subscription-frame .input {
	width: 300px;
}
.subscription-frame .zip {
	width: 100px;
}
.subscription-frame .city {
	width: 193px;
}
.subscription-frame .birthday {
	width: 238px;
}
.subscription-frame .error {
	border: 1px solid #ff0085;
}
.subscription-frame td.buttons {
	text-align: right;
}

/* MISC */
td.bottom {
	vertical-align: bottom !important;
}
td.middle {
	vertical-align: middle !important;
}

img.cover {
	padding: 4px 9px 10px 4px;
	background-image: url("../cover-shadow.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.mail {
	padding-left: 16px;
	background-image: url("../mail.gif");
	background-position: center left;
	background-repeat: no-repeat;
	color: #ff0085;
}
.phone {
	padding-left: 16px;
	background-image: url("../phone.gif");
	background-position: center left;
	background-repeat: no-repeat;
}
.mobile {
	padding-left: 11px;
	background-image: url("../mobile.gif");
	background-position: center left;
	background-repeat: no-repeat;
}
.fax {
	padding-left: 16px;
	background-image: url("../fax.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

div.button, div.button-large {
	height: 27px;
	margin: 0;
	color: #ff0085;
	font-size: 11px;
}
div.button-home, div.button {
	width: 189px;
	height: 33px;
	padding: 6px 0 0 0;
	background-image: url("../button.gif");
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
}
div.button-home {
	margin: 0 auto;
}
div.button {
	font-weight: bold;
	text-transform: uppercase;
}
div.button-large {
	width: 216px;
	height: 33px;
	padding: 6px 0 0 25px;
	background-image: url("button-large.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
div.button-home {}
.subscription-buttons {
	margin-top: 30px;
	text-align: center;
}
.subscription-buttons div.button {
	margin: 0 auto;
	text-align: center;
}

.gallery {
	width: 100%;
}
.gallery td {
	width: 25%;
	padding: 10px 5px !important;
	text-align: center;
	vertical-align: middle;
}
.gallery-top td {
	width: 50% !important;
}
.gallery-one {
	text-align: center;
}
.gallery-one img {
	margin-bottom: 10px;
}
.gallery-one p {
	margin: 0 0 10px 0;
}

.pager {
	width: 100%;
	margin-bottom: 10px;
}
.pager-mid {
	text-align: center;
}
.pager-right {
	text-align: right;
}

.ad {
}
#ads-header {
	float: right;
	width: 728px; height:90px;
	margin: -25px 20px 30px 20px;
}
#ads-left {
	float: left;
	width: 220px;
}
#ads-left .ad {
	margin: 20px auto;
	text-align: center;
}


/* FIXES RELATED TO IE */
@media screen
{
	#page-header>#quick-links {
		margin-right: 15px;
	}
	#page-header>#nav {
		margin-bottom: 0;
	}
	#page-header>#nav>div.nav-button, #page-header>#nav>div.nav-button-current {
		padding-top: 5px;
	}
}