@charset "UTF-8";
/* CSS Document */

html, body {
height:100%;
margin:0;
}

#topbanner {
height:48px;
background-image:url(../pictures/BG_topbanner.png);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#666666;
padding-left:10px;
top:0px
}


#container {
position:relative;
top:-47px;
margin-left:auto;
margin-right:auto;
width:810px;
padding-top:47px
}


#sense_of_sailing {
position:absolute;
right:0px;
top:0px;
}


#content {
height:700px;
}


#flags {
text-align:right;
}

#logo {
position:absolute;
top:60px;
left:0px;
}

.lichtkrant {
position:absolute;
top:125px;
right:0px;
width:662px;
text-align:right;
} 

.lichtkrant_BG {
position:absolute;
top:125px;
right:0px;
}

.OCCYachting {
position:absolute;
top:85px;
right:0px;
text-align:right;
}


.OCCYachting h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#002B5C;
font-size:18px;
position:relative;
top:3px;
}


.OCCYachting h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#002B5C;
font-size:x-small;
position:relative;
top:4px;
font-weight:normal;
}

.OCCYachting a {
color:#002B5C;
text-decoration:none;
}



marquee {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
position:relative;
top:-2px;
}

 



/* banners zijn containers voor de foto-divs en daarbovenop de enveloppe divs*/

#testbanner {
position:absolute;
top:240px;
left:0px;
width:600px;
background-color:#00CC99;
opacity:0.2;
z-index:10;
}

#banner_left {
position:absolute;
left:0px;
top:194px;
z-index:1;
width:252px;
height:661px;
}

#banner_right {
position:absolute;
top:194px;
right:0px;
z-index:1;
width:252px;
height:661px;
}

#banner_center {
position:relative;
margin-left:auto;
margin-right:auto;
width:260px;
text-align:center;
top:131px;
z-index:1;
width:252px;
height:661px;
}

.foto {
position:absolute;
left:1px;
top:0px;
z-index:2;
}

.enveloppe {
position:absolute;
left:0px;
top:0px;
z-index:3;
}

#content h1 {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
text-align:center;
position:absolute;
width:252px;
left:0px;
top:345px;
z-index:3;
height:120px;
}


.enveloppe_transparant {
position:absolute;
left:0px;
top:0px;
z-index:5;
opacity:0.2;
filter:alpha(opacity=20);			/* FOR IE */
}



img {
border-style:none;
border:0;
}

table, td, tr {
width:252px;
height:120px;
}

tr {
text-align:center;
vertical-align:center;
}

#footer {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
color:#CCCCCC;
top:60px;
z-index:5;
}

#footer table {
width:100%;
height:auto;
}

#footer tr {
height:auto;
}

#footer td {
width:50%;
height:auto;
}

#footer a {
text-decoration:none;
color:#CCCCCC;
}

#footer a:hover {
text-decoration:none;
color:#666666;
}