@charset "utf-8";
/* CSS Document voor Joomla!-template De Luchtreiziger*/


html,body{
	height:101%;
	width:100%;
	margin:0;
	padding:0;
}
body {
/*	background-color: #547aa1;*/
	background-color:#387ba5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #061e2e;
}

/*links (algemeen)*/
a, a:link, a:visited {
	text-decoration:none;
	color:#990000;
}
a:hover{
	text-decoration:underline;
}

 /*basis lay-out */
#LBuitenste {
	min-height: 100%;
	position:relative;
	width:100%;
	padding: 0;
	margin-bottom: 10px;
	background-image:url(../images/Verlooptile.jpg);
	background-repeat:repeat-x
}
#LBinnenste {
	/*height: 100%;*/
	width:100%;
	padding: 0; margin: 0;
	background-image: url(../images/WolkenReep.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	padding-bottom: 20px; /* hoogte footer*/
}
#LCentreer {
	margin: 0 auto;
	width:955px;
	position: relative;
}
#header {
	position: relative;
	width:955px;
	height:212px;
	/*left: -50px;*/
}

#home  {
    position: absolute;
    z-index:10;
    left: 0;
    top: 0;
    height: 170px;
    width: 250px;
}
#topmenu {
    position: absolute;
    z-index:20;
    /*left: 294px;*/
    left: 244px;
    bottom: 2px; /* aangepast bij nieuw foto-component */
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
}
#topmenu ul {
    list-style: none;
    margin:0;padding:0;
}
#topmenu li {
    list-style: none;
    margin:0;padding:0;
    float: left;
}
#topmenu li a, #topmenu li a:link, #topmenu li a:visited{
    text-decoration:none;
    color:#fff;
    padding-left: 4px;
    padding-right: 8px;
    margin-right: 20px;
    padding-bottom: 6px;
    padding-top:6px;
}
#topmenu a:hover {
    text-decoration:none;
    color:#061e2e;
    background-color: #bdced8;
}


#wrapper {
	position: relative;
	width:955px;
	/*height: 485px;*/
}
        
#left {
	float: left;
	width: 216px;
}

/*menu aan linkerkant*/
#menu {	
	width:210px;
	border:3px solid #015c91;
	background-color:#196b9b;
	margin-bottom: 7px;
	position relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;	
}

#menu ul {	
	list-style: none;
	margin:0;padding:0;
	padding-top:16px;
	padding-bottom:5px;
}
#menu li {
	list-style: none;
	margin:0;padding:0;
	width:210px;
}
#menu li a {
	display: block;
	width:200px;
	padding-left:10px;
	height: 17px;	
	padding-bottom:4px;
	padding-top:4px;
	border-bottom: 1px solid #bdced8;
}
#menu a, #menu a:link, #menu a:visited {
	text-decoration:none;
	color:#fff;
}
#menu a:hover{
	text-decoration:none;
	color:#061e2e;
	background-color: #bdced8;
	border-bottom: 1px solid #196b9b;
}
#menu li.active a {	
	color:#061e2e;
	background-color: #bdced8;
	border-bottom: 1px solid #196b9b;
}#middle {	
	float: left;
	width: 507px;
	margin-left: 8px;
}
.contentAchter {
	background-image:url(../images/ContentMiddenSlice.jpg);
	background-repeat:repeat-y;
	/*background-color:#719cbc;*/
}
.contentBoven {
	background-image:url(../images/ContentBovenzijde.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.contentOnder {
	background-image:url(../images/ContentOnderzijde.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.contentBinnen {
	background-image:none;
	padding: 20px;
	padding-top: 18px;
}

#right {
	
	float: left;
	width: 216px;
	margin-left: 8px;
}

.vakAchter {	
	background-image:url(../images/VakjeSlice.jpg);
	background-repeat:repeat-y;
	margin-bottom: 7px;
	/*background-color:#719cbc;*/
}
.vakBoven {
	background-image:url(../images/Kopvakje.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.vakOnder {
	background-image:url(../images/VakjeOnder.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
.vakBinnen {
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
}
.vakTitel {
	height: 14px;	
	padding: 8px 20px;
	border-bottom: 1px solid #305c8e;
	text-align:center;
	font-size: 14px;
	color: #dd0008;
}
.vakInhoud {
	padding: 8px 20px;
	/*padding-top: 8px;*/
	font-size: 14px;
	color: #061e2e;
}

.vakBuiten {	
	margin-bottom: 7px;
	position: relative;
}

#footer {
	position: absolute;
	bottom:0;
	width:100%;
	height:20px;
	background-color: #305c8e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;	
}
#footerCentreer {
	margin: 0 auto;
	width:955px;
	height: 21px;
}

/*ondermenu*/
#footer ul {
	list-style:none;
	margin:0; padding:0;
	/* margin-left:240px; */
	height: 21px;
}
#footer li {
	float: left;
	margin:0; padding:0;
	height: 21px;
}
#footer a, #footer a:link, #footer a:visited{
	display:block;
	text-decoration:none;
	color:#fff;	
	padding-left: 4px;
	padding-right: 8px;
	margin-right: 20px;
	padding-bottom: 0;
	padding-top:0;
}


/*tekst*/
h1, .contentheading, .componentheading {
	font-family:Arial, Helvetica, sans-serif;
	color:#dd0008;
	font-size:22px;
	font-weight:bold;
}
h2{
	color:#9a0c00;
	font-size:14px;
	margin-bottom:2px;
}

p {
	margin-top: 2px;
}

.LZw {
	filter: alpha(opacity=70);
	opacity:0.70;
	-moz-opacity:0.70;
}
.tekstKader {
	filter: alpha(opacity=36);
	opacity:0.36;
	-moz-opacity:0.36;
}
.popup{
	display:none;
	margin-top:6px;
}
.Deel{
	display:none;
}
.TekstKop{
	width:400px;	
	margin-bottom:5px;
}
.Driehoek{
	width:8px;
	border:0;
	margin-right:9px;
}

/* extra stylesheet foto-pagina in Frame --------------van fotopag2.css ---------------*/
html,body{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

a{
    text-decoration:none;
    color:#990000;
}
a:hover{
    text-decoration:underline;
}

h1, h2{
    color:#990000;
}
/*.LZw {
	filter: alpha(opacity=70);
	opacity:0.70;
	-moz-opacity:0.70;
}
.tekstKader {
	filter: alpha(opacity=36);
	opacity:0.36;
	-moz-opacity:0.36;
}*/
.popup{
    display:none;
    margin-top:6px;
}
.Deel{
    display:none;
}
.TekstKop{
    width:400px;
    margin-bottom:5px;
}
.Driehoek{
    width:8px;
    border:0;
    margin-right:9px;
}

#LBuitenste {
    /*height:100%;
width:100%;
padding: 0; margin:0;
background-color: #84cbe1;*/
}
#LCentreer {
    margin: 0 auto;
    padding:0;
    width:955px;
    /*height:100%;*/
}
#fBinnenste {
    position:relative;
    margin:0; padding:0;
    /*bottom: 0;*/
/}
#LAchtergrond {
    width:955px;
    /*height:584px;*/
    z-index:5;
}
#PAchtergrond {
    width:955px;
    /*height:584px;*/
}
#LBasisTekst{
    position:absolute;
    bottom:0;
    width:955px;
    z-index:-1;}
#LHome {
    position:absolute;
    left:29px;
    top:18px;
    width:304px;
    height:128px;
    z-index:20;
}
input, textarea, select{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    /*background-color:#f8e51a;
    scrollbar-base-color: #f8e51a;*/

}
.knop {
    font-family: Arial, Helvetica, sans-serif;
    color: #A41418;
    background-color: #f8e51a;
    border: 1px outset #990000;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
    cursor: hand;

}






body {
    background-color:#387ba5;
}
#LBasisTekst {
    display:none;
}
/*#LTekstLayerGeelFoto{
	position:absolute;
	left:183px;
	top:175px;
	width:580px;
	height:390px;
	z-index:30
	/*background-color:#f8e51a;*/
border: 1px solid #061e2e;
visibility: visible;
}
*/
/*#LTekstKopFoto {position:absolute; left:408px; top:150px;width:400px; height:30px;z-index:35; }*/

#LVaart {
    position:absolute; left:200px; top:185px;height:30px;z-index:35;
}
#pag {
    position:absolute; right:210px; top:185px; height:30px;z-index:36;
}
#LDownload {
    position:absolute; left:241px; top:545px; width:461px;z-index:36; text-align:center;color:#990000;
}
.drpVaartBox {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
/*specifieke CSS voor dropdownlist via tamingselect - nu even niet*/
.trigger{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:auto;
    height:auto;
    margin: 0px;
    padding-left:2px;
    /*background:url(plaatjes/ddAchtergrondBlauw.gif) top right no-repeat;*/
    display:block;
}
.activetrigger{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:auto;
    height:auto;
    margin: 0px;
    padding-left: 2px;
    /*background:url(plaatjes/ddAchtergrondBlauw.gif) top right no-repeat;*/
    display:block;
}
/* style of the UL */
.dropcontainer ul{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    list-style-type:none;
    margin: 0px;
    padding-left:2px;
    width:auto;
    position:absolute;
    /*background: #32243d;*/
}
.dropdownhidden{
    top:0;
    left:-999em;
}
.dropdownvisible{
    top:0;
    left:0;
}
/*
a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
a:link{
color:#ffa953;
}
a:visited{
color:#ffa953;
}
a:hover{
color:#d38e31;
font-weight:bold;
}						*/
.dropcontainer ul a{
    display:block;
    width:90px;
    text-decoration:none;
}
.dropcontainer{
    position:relative;
}
/*------------------------------------------------------*/
#LReset3Foto {
    position:absolute;
    left:658px;
    top:154px;
    width:164px;
    height:23px;
    z-index:102;
}

h1 {
    font-family:Arial, Helvetica, sans-serif;
    color:#dd0008;
    font-size:22px;
    font-weight:bold;

    text-align: center;
}

#fotowrapper {
    float: left;
    position: relative;
    height: 440px;
    width: 955px;
}

#vaartbeschrijving  {
    float: left;
    margin: 0 108px 10px 108px;
    width: 731px;
}
.clear {
    clear: both;
}

/* extra stylesheet foto-pagina --------------------- van fotopag2Xtra.css --------------*/

#LAchterMidden {
    margin:0; padding:0;
    margin-bottom:10px;
    width: 955px;
    /*height: 485px;*/
    background-image:url(../images/ContentFotoSlice.jpg);
    background-repeat: repeat-y;
}

#LAchterBoven {
    margin:0; padding:0;
    width: 955px;
    /*height:485px;*/
    background-image:url(../images/ContentFotoBoven.jpg);
    background-repeat: no-repeat;
    background-position:top left;
}
#LAchterOnder {
    width: 955px;
    /*height: 485px;*/
    background-image:url(../images/ContentFotoOnder.jpg);
    background-position:bottom left;
    background-repeat: no-repeat;
}

#LTekstLayerGeelFoto{
    position:absolute;
    left:183px;
    top:0;
    width:580px;
    height:390px;
    z-index:30;
    /*background-color:#f8e51a;*/
    border: 1px solid #061e2e;
    visibility: visible;
}

#LTekstKopFoto {/*position:absolute; left:408px; top:150px;width:400px; height:30px;z-index:35;*/
    float: left;
    width:955px;
    height:45px;
    text-align: center;
}

#LVaart {
    position:absolute;
    left:200px;
    top:40px;
    height:30px;
    z-index:35;
}
#pag {
    position:absolute; right:210px; top:10px; height:30px;z-index:36;
}
#LDownload {
    position:absolute;
    left:241px;
    top:377px;
    width:461px;
    z-index:36;
    text-align:center;
    color:#9a0c00;
}
.drpVaartBox {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
/*specifieke CSS voor dropdownlist via tamingselect - nu even niet*/
.trigger{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:auto;
    height:auto;
    margin: 0px;
    padding-left:2px;
    /*background:url(plaatjes/ddAchtergrondBlauw.gif) top right no-repeat;*/
    display:block;
}
.activetrigger{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:auto;
    height:auto;
    margin: 0px;
    padding-left: 2px;
    /*background:url(plaatjes/ddAchtergrondBlauw.gif) top right no-repeat;*/
    display:block;
}
/* style of the UL */
.dropcontainer ul{
    border-top: 1px solid #990000;
    border-right: 2px solid #990000;
    border-bottom: 2px solid #990000;
    border-left: 1px solid #990000;
    list-style-type:none;
    margin: 0px;
    padding-left:2px;
    width:auto;
    position:absolute;
    /*background: #32243d;*/
}
.dropdownhidden{
    top:0;
    left:-999em;
}
.dropdownvisible{
    top:0;
    left:0;
}
/*
a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
a:link{
color:#ffa953;
}
a:visited{
color:#ffa953;
}
a:hover{
color:#d38e31;
font-weight:bold;
}						*/
.dropcontainer ul a{
    display:block;
    width:90px;
    text-decoration:none;
}
.dropcontainer{
    position:relative;
}
/*------------------------------------------------------*/
#LReset3Foto {
    position:absolute;
    left:658px;
    top:110px;
    width:164px;
    height:23px;
    z-index:102;
}



/*--------- social media -----------------------*/
#fotowrapper {
    height: 400px;
}
#socialmedia {
    float: left;
    width: 955px;
    height: 34px;
    margin-bottom: 10px;
}


/* ---------------------------------------- fuertecontainer ---------------------*/
#fuertecontainer {margin-top: 40px;}


/* ---------------------2014 J!3 in oude template ---------------------------*/

#vaartForm select{
    width: 350px;
}