/* auteur: Edwin van der Pol
gevalideerd als geldig CSS3 

ALGEMEEN */

*{
margin:0;
padding:0;
}
BODY{
background:#FFF url(../../images/design/achtergrond.jpg) no-repeat fixed top center;
font:0.9em/1.4em verdana,lucida grande,sans-serif;
text-align:justify;
color:#222;
}
A{
color:#222;
text-decoration:underline;
}
A:hover{
color:#F60;
text-decoration:none;
}
H1{
color:#F60;
font-size:1.15em;
font-weight:bold;
margin-bottom:0.9em;
}
H1 A{
color:#F60;
text-decoration:none;
}
H1 A:hover{
text-decoration:underline;
}
H2{
color:#F60;
font-size:1em;
font-weight:bold;
}
H2 A{
color:#F60;
text-decoration:none;
}
H2 A:hover{
text-decoration:underline;
}
IMG{
border-width:0;
}
UL{
text-align:left;
margin:0 0 1em 1.1em;
list-style-type:disc;
}
UL UL{
list-style-type:square;
margin-bottom:0;
}
UL UL UL{
list-style-type:circle;
margin-bottom:0;
}
UL UL UL UL{
list-style-type:disc;
margin-bottom:0;
}
OL{
text-align:left;
margin:0 0 1em 1.4em;
}
OL UL{
margin-bottom:0;
}
INPUT{
width:230px;
margin:2px 0 2px 0;
}
SELECT{
width:232px;
margin:2px 0 2px 0;
}
TEXTAREA{
width:440px;
margin:2px 0 2px 0;
}
TABLE{
border-collapse:collapse;
margin-bottom:1em;
}
TD{
vertical-align:top;
}
P{
margin-bottom:1em;
}
DT{
font-weight:bold;
margin-top:1.4em;
}
DD{
text-align:left;
text-indent:-13px;
margin-left:13px;
}
HR{
margin:10px -15px 10px -15px;
height:1px;
border: 0px solid #AAA;
background-color:#AAA;
}
.center{
text-align:center;
display:block;
}

/* GECENTREERDE CONTAINER */

#bootverhuur{
margin:0 auto;
width:1000px;
}

/* HEADER */

#schaduw_links{
float:left;
width:10px;
height:291px;
}
#schaduw_rechts{
float:left;
width:10px;
height:291px;
}
#header{
float:left;
width:980px;
height:305px;
}
#kruimelpad{
height:0px;
z-index:2;
position:relative;
right:110px;
top:10px;
font-size:0.8em;
color:#444;
text-align:right;
}
#kruimelpad A{
color:#444;
}

/* MENU */

#menu{
float:left;
width:245px;
text-align:center;
}
#menu H2{
line-height:3em;
}
#menu IMG{
margin:0 6px 6px 0;
}
.accordion-menu UL{
margin:0;
list-style:none;
background-color:#EEE;
}
.accordion-menu LI{
padding-left:45px;
background: url(../../images/design/menu.png) no-repeat;
}
.accordion-menu A{
color:#022c46;
font-weight:bold;
line-height:34px;
font-size:0.8em;
text-decoration:none;
}
.accordion-menu A:hover{
text-decoration:underline;
}
.accordion-menu .submenu LI{
background:none;
list-style:circle;
}
.accordion-menu .submenu LI A{
color:#222;
font-weight:normal;
line-height:1em;
margin-left:-45px;
}
.accordion-menu .menuopen{
background: url(../../images/design/menu_open.png) no-repeat;
}
.accordion-menu .menuopenBootverhuur{
background: url(../../images/design/menu_open_actief.png) no-repeat;
}
.accordion-menu .menuopenNieuws{
background: url(../../images/design/menu_open_actief.png) no-repeat;
}
.accordion-menu .activemenu{
background: url(../../images/design/menu_actief.png) no-repeat;
}
.accordion-menu .submenu .activemenu{
list-style:disc;
}
.accordion-menu .submenu .id15 A, .accordion-menu .submenu .id16 A, .accordion-menu .submenu .id17 A, .accordion-menu .submenu .id124 A, .accordion-menu .submenu .id65 A, .accordion-menu .submenu .id82 A, .accordion-menu .submenu .id89 A, .accordion-menu .submenu .id94 A{
color:#022c46;
font-weight:bold;
}

/* CONTENT */

#menu-content-nieuws{
background: url(../../images/design/nieuws_achtergrond.png) repeat-y right;
float:left;
margin-left:10px;
width:980px;
}
#content{
float:left;
width:450px;
padding:20px 20px 0 20px;
min-height:770px;
}
#content IMG{
display:block;
margin:0 auto;
border:1px solid #075d70;
}
#content .geenlijn{
border:none;
}
#watersportbelevenissen{
margin:0 auto;
width:376px;
}
#watersportbelevenissen IMG{
float:left;
margin:3px;
}

/* LINKER KOLOM */

.film{
margin:0 auto;
margin-top:15px;
width:190px;
height:108px;
border: 1px solid #022c46;
}
#weer{
margin:0 auto;
margin-top:15px;
height:92px;
width:166px;
background: url(../../images/design/weer.png) no-repeat;
font:bold 0.8em/1.2em Arial, Helvetica, sans-serif;
color:#FFF;
padding:9px 10px 0 14px;
cursor:pointer;
text-align:left;
}
#weer A{
color:#FFF;	
}
#twitter{
margin:0 auto;
margin-top:15px;
height:92px;
width:164px;
background: url(../../images/design/twitter.png) no-repeat;
font:bold 0.8em/1.2em Arial, Helvetica, sans-serif;
color:#FFF;
padding:25px 25px 0 25px;
cursor:pointer;
text-align:left;
}
#twitter A{
color:#FFF;	
}
#watersportlinks{
position:relative;
width:220px;
height:0;
bottom:90px;
left:16px;
}

/* RECHTER KOLOM */

#rechterkolom{
float:left;
width:215px;
padding:24px 15px 0 15px;
font-size:0.8em;
line-height:1.4em;
color:#FFF;
text-align:left;
}
#rechterkolom A{
color:#FFF;
}
#rechterkolom IMG{
border:1px solid #075d70;
margin: 0 auto;
display:block;
margin-top:10px
}
#rechterkolom P{
margin-top:6px;	
}
#rechterkolom H2{
text-align:center;
}
#rechterkolom TABLE{
width:100%;
}
.celprijs{
text-align:right;
}
#nieuws H2{
text-align:left;	
}
#nieuws H2 A{
color:#F60;
}
#nieuws IMG{
float:left;
margin-right:15px;
}

/* CONTACT */

#contact{
z-index:1;
position:relative;
width:230px;
height:0;
bottom:150px;
left:735px;
font-size:0.9em;
line-height:1.3em;
clear:both;
text-align:right;
color:#FFF;
}
#contact A{
color:#FFF;	
}
#contactachtergrond{
z-index:0;
position:relative;
width:245px;
height:0;
bottom:295px;
left:735px;
}

/* FOOTER */

#footer{
clear:both;
background: url(../../images/design/footer.png) no-repeat;
height:40px;
width:980px;
margin-left:10px;
font-size:0.8em;
line-height:40px;
text-align:center;
color:#777;
}
#footer A{
color:#777;
}

/* BOOTVERHUUR PAGINA'S */

.boot_wit{
width:715px;
height:205px;
margin-left:-20px;
padding:15px 0 0 20px;
position:relative;
}
.boot_grijs{
background-color:#EEE;
width:715px;
height:205px;
margin-left:-20px;
padding:15px 0 0 20px;
position:relative;
color:#000;
}
.boot_type{
width:460px;
}
.boot_foto{
height:210px;
width:245px;
position:absolute;
top:0;
right:0;
background-color:#022c46;
padding-top:10px;
}
.boot_eigenschappen{
width:153px;
float:left;
text-align:left;
}
.boot_specificaties{
width:305px;
float:left;
text-align:left;
}

/* BOOT PAGINA'S */

.knop{
background-color:#F60;
color:#FFF;
padding:0 7px 0 7px;
display:inline-table;
line-height:1.8em;
font-weight:bold;
}
#beschikbaarheid{
margin-top:1em;
}
#beschikbaarheid TD{
text-align:center;
line-height:1.4em;
border:1px solid #AAA;
}
#inventaris TD{
width:430px;
}
#inventaris TD{
width:33%;
padding-right:1em;
}
.rood{
background-color:#F00;
}
.oranje{
background-color:#F60;
}
.hokje{
width:16px;
height:12px;
float:left;
margin:2px 10px 0 0;
}
#termwolk{
text-align:justify;
}
#termwolk A{
text-decoration:none;
}
#termwolk A:hover{
text-decoration:underline;
}
#rechterkolom .termwolk1{
font-size:0.9em;
color:#FFF;
}
#rechterkolom .termwolk1 A{
color:#FFF;
}
#rechterkolom .termwolk2{
font-size:1em;
color:#F00;
}
#rechterkolom .termwolk2 A{
color:#F00;
}
#rechterkolom .termwolk3{
font-size:1.3em;
color:#F96;
}
#rechterkolom .termwolk3 A{
color:#F96;
}
#rechterkolom .termwolk4{
font-size:1.5em;
color:#F60;
}
#rechterkolom .termwolk4 A{
color:#F60;
}

/* FORMULIER PAGINA'S */

#formulier{
width:460px;
}
.versturen{
width:80px;
background-color:#FFF;
}
.radio{
width:10px;
}
.aantal{
width:19px;
}
.dag{
width:50px;
}
.maand{
width:118px;
}
.jaar{
width:65px;
}
.formuliertekst{
width:220px;
}
.formuliervakjes{
width:240px;
}
/* HUURPRIJZEN */
.huurprijzen{
width:680px;
text-align:center;
}
.huurprijzen_cel1{
width:112px;
}
.huurprijzen_cel2{
width:54px;
}
.huurprijzen_cel3{
width:89px;
color:#AAA;
}
.huurprijzen_links{
width:114px;
text-align:left;
}
.huurprijzen_grijs{
background-color:#EEE;
text-align:left;
text-transform:uppercase;
height:1.7em;
vertical-align:middle;
}
.daghuurprijzen{
width:502px;
text-align:center;
}

/* LINKPAGINA */
#links TD IMG{
margin-left: 20px;	
margin-top:1.8em;
}
#links TD{
padding-bottom:1.8em;
}