/*

Theme Name: pensiondeappelgaard

Theme URI: 

Author: Shahid Malook

Author URI: 

Description: 

Version: 1.0

License: GNU General Public License v2 or later

License 

Tags: 

Text Domain: twentyfifteen



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * Table of Contents

 *

 * 1.0 - Reset

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigations

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Header

 * 11.0 - Widgets

 * 12.0 - Content

 *    12.1 - Posts and pages

 *    12.2 - Post Formats

 *    12.3 - Comments

 * 13.0 - Footer

 * 14.0 - Media

 *    14.1 - Captions

 *    14.2 - Galleries

 * 15.0 - Media Queries

 *    15.1 - Mobile Large

 *    15.2 - Tablet Small

 *    15.3 - Tablet Large

 *    15.4 - Desktop Small

 *    15.5 - Desktop Medium

 *    15.6 - Desktop Large

 *    15.7 - Desktop X-Large

 */





/**

 * 1.0 - Reset

 *

 * Resetting and rebuilding styles have been helped along thanks to the fine work of

 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 * and Blueprint http://www.blueprintcss.org/

 */

@charset "utf-8";

/* CSS Document */



body{

    background-color:#BDDC66;

    font-size:0.8em;

    font-weight:bold;

    letter-spacing:0.01em;

    padding-top:1px;

}

#menu-topmenu li:hover ul{

	display:block;

}



#menu-topmenu li ul{

	display: none;

position: absolute;

margin-left: 80px;

z-index: 99;

background: #a7d525;

width: 220px;

margin-top: -4px;

}



.sub-menu{

	

}



#front_left{

    position: absolute !important;

	top: 455px !important;

	left: 55px !important;

}



#linksBoven{

    left: 2px;

    position: relative;

}

#linksMidden{

    left: 2px;

    position: relative;

    top: -3px;

}



#frontRight{

    background-color: white;

    height: 673px;

    margin-left:5px;

}

#frontRightOmgeving{

    background-color: white;

        margin-left: 5px;

}



#linkerKant{

    padding-top:0px;

    padding-left: 35px;

	position:relative;

	z-index:5;

}

#witBlok{

    background: none repeat scroll 0 0 white;

    height: 57px;

    left: -201px;

    position: relative;

    top: -6px;

    width: 911px;

}

#rightFotos{

    padding-top:2px;

}

#frontLogo{

    left: -100px;

    position: relative;

    top: -315px;

    /*z-index: 10;*/

	z-index: 1;

}

#linkerfotos{

    padding-top:2px;

}

#rechtsMidden {

    left: 1px;

    position: relative;

    top: 54px;

}

 #rechtsOnder {

    left: -1px;

    position: relative;

    top: 54px;

 }

 #rechtsBoven {

     left:1px;

     position: relative;

}

#linksOnder{

    left: 2px;

    position: relative;

    top: -7px;

}

/* listbox navigatie */

#linkerKant ul{

    margin:0;

    padding:0;

    list-style-type:none; 

}

#linkerKant ul li{

	

    margin:0;

    padding:0;

	display:block !important;

    list-style-type:none !important;

	list-style-image:none !important; 

	font-size: 1.1em !important;	

	line-height:26px;

}

ul.menu li{clear:both !important;}



#linkerKant ul ul li {

	margin-left:-14px !important;

	font-size: 12px !important;	

	font-weight:bold !important;

	font-family:Verdana !important;

	line-height:24px !important;

}



#leftPicture{

	background-color:white;

}

#pictureColumn{

	background-color: white;

	padding-top:4px;

	padding-left: 4px;

	overflow: hidden;

}

#pictureColumn p{

    margin:0px;

}

#linkerKant 

 li{

    float:left;

	background:url("images/other/appel.png") left top no-repeat;

    padding-bottom:10px; 

    padding-top: 3px;

	padding-left:14px !important;

}





#linkerKant li , #linkerKant a , #linkerKant a:visited{

    color: white;

    font-family: verdana;

    font-size: 1.1em;

    /*font-weight: bold;*/

    padding-left: 20px;

    text-decoration: none;

}

#linkerKant a:hover{

	color: #660033;

}



.container {

    background:url("images/other/bgNavigatie.png") repeat-y scroll left top transparent;

    background-color: #A8D626;

}

.kleiner{

	font-size:0.95em;

}



table{



    font-weight:bold;

    color: #660033;

    

}

/* de homepage */

#footer{

	background-image: url('images/other/footer.png');

	height:40px;

}



#home{

	background-image: url("images/buttons/home/homeUp.html");

	height: 44px;

	width: 240px;

	cursor: pointer;	

}

#navFiller{

	background-image: url("images/other/navFiller.png");

	height:10px;

}

#home:hover{

		background-image: url("images/buttons/home/homeDown.html");

}



#informatie{

	background-image: url("images/buttons/home/informatieUp.png");

	height: 44px;

	width: 240px;

	cursor: pointer;

}

#informatieSelected{

	background-image: url("images/buttons/home/informatieDown.png");

	height: 44px;

	width: 240px;

}

#informatie:hover{

	background-image: url("images/buttons/home/informatieDown.png");

}

#arrangementen{

	background-image: url("images/buttons/home/arrangementenUp.png");

	height: 43px;

	width: 240px;

	cursor:pointer;

}

#arrangementen:hover{

	background-image: url("images/buttons/home/arrangementenDown.png");

}

#bbArrangement{

	background-image: url("images/buttons/home/bbArrangementUp.png");

	height: 50px;

	width: 240px;

	cursor:pointer;

}

#bbArrangementDown{

	background-image: url("images/other/arrangementen/BBarrangementDown.png");

	height: 51px;

	width: 240px;

}

#bbArrangement:hover{

	background-image: url("images/buttons/home/bbArrangementDown.png");

}

#prijzen{

	background-image: url("images/buttons/home/prijzenUp.png");

	height: 49px;

	width: 240px;

	cursor:pointer;

}

#prijzen:hover{

	background-image: url("images/buttons/home/prijzenDown.png");

}

#omgeving{

	background-image: url("images/buttons/home/omgevingUp.png");

	height: 39px;

	width: 240px;

	cursor:pointer;

}

#omgeving:hover{

	background-image: url("images/buttons/home/omgevingDown.png");

}

#omgevingDown{

	background-image: url("images/buttons/home/omgevingDown.png");

	height: 42px;

	width: 240px;

	cursor:pointer;

}

#contact{

	background-image: url("images/buttons/home/contactUp.png");

	height: 48px;

	width: 240px;

	cursor:pointer;

}

#contactDown{

	background-image: url("images/buttons/home/contactDown.png");

	height: 42px;

	width: 240px;

	cursor:pointer;

}

#contact:hover{

	background-image: url("images/buttons/home/contactDown.png");

}

#gastenboekDown{

	background-image: url("images/buttons/home/gastenboekDown.png");

	height: 43px;

	width: 240px;

	cursor:pointer;

}

#gastenboek{

	background-image: url("images/buttons/home/gastenboekUp.png");

	height: 45px;

	width: 240px;

	cursor:pointer;

}

#gastenboek:hover{

	background-image: url("images/buttons/home/gastenboekDown.png");

}



#links{

	background-image: url("images/buttons/home/linksUp.png");

	height: 43px;

	width: 240px;

	cursor:pointer;

}

#linksDown{

	background-image: url("images/buttons/home/linksDown.png");

	height: 47px;

	width: 240px;

	cursor:pointer;

}



#links:hover{

	background-image: url("images/buttons/home/linksDown.png");

}



/* informatie */

#informatieFooter{

    background: url("images/other/footer.png") no-repeat scroll 0 0;

    height: 42px;

    background-color: #A8D626;

    }

#informatieNav #leftTop,#prijzenNav #leftTop{

	background-image:url("images/other/informatie/leftTop.png");

	height:22px;

	width:240px;

}

#informatieNav #home, #prijzenNav #home {

	background-image: url("images/buttons/default/homeUp.png");

	height: 44px;

	width: 240px;

	cursor: pointer;	

}

#informatieContent{

	background-color:#A8D626;

	background-image:url("images/other/informatie/logoBottom.png");

	background-position:center bottom;

	background-repeat:no-repeat;

	height:673px;

}

#pictureColumnPrijzen{

	top:3px;	

	position:relative;

}

#prijzenContent{

	background-color:#A8D626;

	background-image:url("images/other/informatie/logoBottom.png");

	background-position:center bottom;

	background-repeat:no-repeat;

	height:676px;

}

#omgevingContent{

	background-image: url("images/other/omgeving/bgContent.png");

	height: 468px;

}

#informatieNav #home:hover, #prijzenNav #home:hover{

		background-image: url("images/buttons/default/homeDown.png");

}



#informatieNav #informatie{

	background-image: url("images/buttons/default/informatieDown.png");

	height: 44px;

	width: 240px;

}



#informatieNav #arrangementen, #prijzenNav #arrangementen{

	background-image: url("images/buttons/default/arrangementenUp.png");

	height: 46px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #arrangementen:hover, #prijzenNav #arrangementen:hover{

	background-image: url("images/buttons/default/arrangementenDown.png");

}

#informatieNav #bbArrangement{

	background-image: url("images/buttons/default/bbarrangementUp.png");

	height: 47px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #bbArrangement:hover{

	background-image: url("images/buttons/default/bbarrangementDown.png");

}

#informatieNav #prijzen{

	background-image: url("images/buttons/default/prijzenUp.png");

	height: 44px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #prijzen:hover{

	background-image: url("images/buttons/default/prijzenDown.png");

	}

#prijzenDown{

	background-image: url("images/buttons/default/prijzenDown.png");

	height: 44px;

	width: 240px;

}

#informatieNav #omgeving{

	background-image: url("images/buttons/default/omgevingUp.png");

	height: 45px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #omgeving:hover{



	background-image: url("images/buttons/default/omgevingDown.png");

}

#informatieNav #contact{

	background-image: url("images/buttons/default/contactUp.png");

	height: 45px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #contact:hover{

	background-image: url("images/buttons/default/contactDown.png");

}

#informatieNav #gastenboek{

	background-image: url("images/buttons/default/gastenboekUp.png");

	height: 43px;

	width: 240px;

	cursor:pointer;

}

#informatieNav #gastenboek:hover{

	background-image: url("images/buttons/default/gastenboekDown.png");

}



#informatieNav #links{

	background-image: url("images/buttons/default/linksUp.png");

	height: 50px;

	width: 240px;

	cursor:pointer;

}



#informatieNav #links:hover{

	background-image: url("images/buttons/default/linksDown.png");

}

/* arrangementen */

#arrangementenNav #home{

	background-image: url("images/other/arrangementen/homeUp.png");

	height: 48px;

	width: 240px;

	cursor: pointer;	

}



#arrangementenNav #home:hover{

	background-image: url("images/other/arrangementen/homeDown.png");

}



#arrangementenNav #informatie{

	background-image: url("images/other/arrangementen/informatieUp.png");

	height: 47px;

	width: 240px;

	cursor: pointer;	

}

#informatieUp{

	background-image: url("images/other/arrangementen/informatieUp.png");

	height: 47px;

	width: 240px;

	cursor: pointer;	

}

 #informatieUp:hover{

	background-image: url("images/other/arrangementen/informatieDown.png");

}

#arrangementenNav #informatie:hover{

	background-image: url("images/other/arrangementen/informatieDown.png");

}



#arrangementenNav #arrangementen{

	background-image: url("images/other/arrangementen/arrangementenDown.png");

	height: 47px;

	width: 240px;

	cursor: pointer;	

}



#arrangementenNav #aaArrangement{

	background-image: url("images/other/arrangementen/aArrangementUp.png");

	height: 49px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #aaArrangement:hover{

	background-image: url("images/other/arrangementen/aArrangementDown.png");

}

#aaArrangementDown{

	background-image: url("images/other/arrangementen/aArrangementDown.png");

	height: 49px;

	width: 240px;

	cursor: pointer;	

}



#arrangementenNav #bbArrangement{

	background-image: url("images/other/arrangementen/BBarrangementUp.png");

	height: 51px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #bbArrangement:hover{

	background-image: url("images/other/arrangementen/BBarrangementDown.png");

}

#arrangementenNav #gdArrangement:hover{

	background-image: url("images/other/arrangementen/GDarrangementDown.png");	

}

#arrangementenNav #gdArrangement{

	background-image: url("images/other/arrangementen/GDarrangementUp.png");

	height: 53px;

	width: 240px;

	cursor: pointer;	

}

#gdArrangementDown{

	background-image: url("images/other/arrangementen/GDarrangementDown.png");

	height: 53px;

	width: 240px;	

}

#arrangementenNav #leftTop{

	background-image: url("images/other/arrangementen/navFiller.png");

	height: 19px;

	width: 240px;

}

#arrangementenNav #prijzen{

	background-image: url("images/other/arrangementen/prijzenUp.png");

	height: 43px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #prijzen:hover{

	background-image: url("images/other/arrangementen/prijzenDown.png");

}

#arrangementenNav #omgeving{

	background-image: url("images/other/arrangementen/omgevingUp.png");

	height: 49px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #omgeving:hover{

	background-image: url("images/other/arrangementen/omgevingDown.png");

}

#arrangementenNav #contact{

	background-image: url("images/other/arrangementen/contactUp.png");

	height: 46px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #contact:hover{

	background-image: url("images/other/arrangementen/contactDown.png");

}

#arrangementenNav #gastenboek{

	background-image: url("images/other/arrangementen/gastenboekUp.png");

	height: 48px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #gastenboek:hover{

	background-image: url("images/other/arrangementen/gastenboekDown.png");

}

#arrangementenNav #links{

	background-image: url("images/other/arrangementen/linksUp.png");

	height: 52px;

	width: 240px;

	cursor: pointer;	

}

#arrangementenNav #links:hover{

	background-image: url("images/other/arrangementen/linksDown.png");	

}



#content{

    color: #660033;

    padding-left: 15px;

    padding-top: 55px;

}



li , a , a:active, a:visited{

	/*font-weight:bold;*/

	text-decoration:none;

	color: #660033;

}

a:hover{

	color: #990033;

}

h1 {

	font-size: 1.5em;

	font-weight: bold;

	color: #660033;

}

h2 {

	font-size: 1.1em;

	font-weight: bold;

	color: #660033;

}

#logoBottom{

	background-image: url("images/other/informatie/logoBottom.png");

	height:205px;

	width:470px;

	bottom:0px;

}



#BBMagazine{

	background-image:url("images/other/bbMagazine.png");

	height:200px;

	left:280px;

	position:relative;

	top:-80px;

	width:150px;

}

#bbContentTop{

	position:relative;

	top:-200px;

width:280px;

}

#bbContentBottom{

	position:relative;

	top: -160px;

	

}



#bbPrijs{

	font-weight:bold;

	position:relative;

	right:15px;

	text-align:right;

	top:180px;

}

#arrangementenFoto{

	background-image:url("images/other/arrangementenFoto.png");

	width:150px;

	height: 143px;

	position:relative;

	float:left;

}

#arrangementenFotoTekst{

	float:left;

	position:relative;

	top:40px;

	width:175px;

}

#arrangementenNaFoto{

	clear:left;

}



#contactForm{

	background-color:#BDDC66;

	border:1px solid #660033;

	height:300px;

	padding:10px;

	width:415px;

}





/*Drupalizeren van de site geeft deze css regels*/

#rechterKant{

    	background-color:#A8D626;

	background-image:url("images/other/appel_03.png");

	background-position:right bottom;

	background-repeat:no-repeat;

        margin-left: 5px;

}

#witteAchtergrondLogo{

    background-color: white;

    left: 39px;

    position: relative;

    width: 911px;

    height: 40px;

}



#witteAchtergrondLogo img{

    left: 120px;

    position: relative;

    top: -50px;

}

.menu .current-menu-item > a {

    color: #660033!important;

}

.active-trail {

    color: #660033;

}

ul.menu ul.sub-menu li {

    margin: 10px;

}



/*#linkerKant li.toeractief, #linkerKant li.appelgaard, #linkerKant li.betuwe-buitenleven{

    font-size: 12px !important;

	font-weight:bold !important;

}*/

#langFlags img{

	width:32px;

}

#langFlags{

	margin-left:10px;

	margin-bottom:40px;

}

#langFlags a{

	padding-left:0;

}



/**

 * 8.0 Alignments

 */



.alignleft {

	display: inline;

	float: left;

}



.alignright {

	display: inline;

	float: right;

}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

}



blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

	margin: 0.4em 1.6em 1.6em 0;

}



blockquote.alignright,

.wp-caption.alignright,

img.alignright {

	margin: 0.4em 0 1.6em 1.6em;

}



blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

	clear: both;

	margin-top: 0.4em;

	margin-bottom: 1.6em;

}



.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

	margin-bottom: 1.2em;

}



ul.ppqtrans_language_chooser{margin:0; padding:0;}

ul.ppqtrans_language_chooser li{

	display:inline;

	float:left;

	background:none!important;

	margin-bottom:10px;

}