/*
********************************************
*    Developed by Alexander van Veelen     *
*                   2009                   *
*         for more information visit       *
*          www.alexandervanveelen.nl       *
********************************************

*/
/* Layout */

html, body {
	background-color:#F1EFE2;
	color: #333333;
	letter-spacing:1px;
	word-spacing: 0.1em;
	background-image: url(../_images/background.png);
	background-repeat:repeat-x;
	height: 100%;
}
body {
	font: 76% arial, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
}
p {
	margin: 0;
	margin-bottom: 1em;
}

img{
	border: 0;	
}
a {
	color:#0039BF;
	text-decoration: none;
}
h1 {
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size: 2em;
	margin:0;
	margin-bottom: 0.5em;
	color: #666666;
}
h2 {
	margin:0;
	font-size:1.5em;
	margin-bottom:1em;
	color:#9A9A9A;
	clear:left;
}

h3{
	/*color:#0039BF;*/
	color: #5C6E99;
}

hr {	
	color:#9A9A9A;
	height: 0px;
	border: 1px dotted #9A9A9A;
	margin-bottom: 1.5em;
}
#container {
	text-align:left;
	width:827px;
	margin:0 auto;
	height: 82%;
}
#header {
	padding-top: 10px;
}
#headerMenu {
	background-image: url(../_images/backgroundMenu.png);
	background-position:center;
	background-repeat:repeat-y;
	height: 26px;
	padding-left:28px;
	color: white;
	line-height:26px;
}
#headerMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
#headerMenu li {
	display: inline;
	text-align: center;
}
#headerMenu ul li a {
	text-decoration:none;
	margin: 4px;
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
}
#headerMenu ul li a:hover {
}

#headerMenu .selected{
	font-weight: bold;
}
#content {
	background-image: url(../_images/background_content.png);
	background-position:top;
	background-repeat:repeat-y;
	padding-left:15px;
	margin: 0px;
	overflow:auto;
	min-height: 90%;
}
#content #menu {
	float: left;
	width: 150px;
	padding-top: 2em;
}

.submenu ul {
	color: #333333;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	list-style-type: none;
	list-style-image: none;
	
}
.submenu li {
	display: block;
	border-bottom: 1px dotted #CCCCCC;
	width: 120px;
	height: 20px;
	margin-top: 5px;
	
}
.submenu ul li a {
	text-decoration:none;
	color: #333333;
		/*margin: 50px;
padding: 5px 5px 5px 5px;*/
}
.submenu .selected {
	font-weight: bold;
	color: #0039BF;
}
.submenu ul li a:hover {
	color: #0039BF;
}

#content #pageText {
	float: left;
	width: 648px;
	padding-right: 10px;
	padding-top: 2em;
}
#footer {
	color: #FFF;
	clear:both;
}
#footer div {
	height:42px;
	color: #6c6c6c;
	line-height:42px;
	text-align:center;
}
#footerCornerLeft {
	background-image:url(../_images/footerCornerLeft2.png);
	background-repeat:no-repeat;
	background-position:left;
	float: left;
	width: 42px;
}
#footerCenter {
	background-image:url(../_images/footerCenterbBackground2.png);
	width:743px;
	float: left;
}
#footerCornerRight {
	background-image:url(../_images/footerCornerRight2.png);
	background-repeat:no-repeat;
	background-position:right;
	float: left;
	width: 42px;
}
/* REST */

.quote{
	font-weight: bold;
	text-align: center;
}

.textRight{
	text-align: right;
}

.imageBorder {
	border:1px solid #449CBE;
	float:right;
	margin:5px;
}

.imageBorderPadding {
	border:1px solid #449CBE;
	float:right;
	margin:5px;
	padding: 1px;
}
/* Kalender */

.kalender .item {
	clear:both;
	overflow: auto;
	padding-bottom: 1em;
}
.kalender .item .agendaLink{
	color: #333333;
	cursor: pointer;
}

.kalender p {
	font-size:0.8em;
	margin: 0;
}

.kalenderpage .kalender .item .kalenderLeft span {
	float:left;
	margin-right:5px;
	width: 36px;
	height: 40px;
	line-height:49px;
	text-align:center;
	font-size: 1.5em;
}

#menu .kalender .item span {
	float:left;
	margin-right:5px;
	width: 36px;
	height: 40px;
	line-height:49px;
	text-align:center;
	font-size: 1.5em;
}

#agendaConcert{
	font-size: 0.8em;
	margin-left: 5px;
	font-weight: normal;
	color: #C11616;
}

.kalenderJanuari {
	background-image:url(../_images/kalender/januari.png);
	background-repeat: no-repeat;
}
.kalenderFebruari {
	background-image:url(../_images/kalender/februari.png);
	background-repeat: no-repeat;
}
.kalenderMaart {
	background-image:url(../_images/kalender/maart.png);
	background-repeat: no-repeat;
}
.kalenderApril {
	background-image:url(../_images/kalender/april.png);
	background-repeat: no-repeat;
}
.kalenderMei {
	background-image:url(../_images/kalender/mei.png);
	background-repeat: no-repeat;
}
.kalenderJuni {
	background-image:url(../_images/kalender/juni.png);
	background-repeat: no-repeat;
}
.kalenderJuli {
	background-image:url(../_images/kalender/juli.png);
	background-repeat: no-repeat;
}
.kalenderAugustusa {
	background-image:url(../_images/kalender/augustus.png);
	background-repeat: no-repeat;
}
.kalenderSeptember {
	background-image:url(../_images/kalender/september.png);
	background-repeat: no-repeat;
}
.kalenderOktober {
	background-image:url(../_images/kalender/oktober.png);
	background-repeat: no-repeat;
}
.kalenderNovember {
	background-image:url(../_images/kalender/november.png);
	background-repeat: no-repeat;
}
.kalenderDecember {
	background-image:url(../_images/kalender/december.png);
	background-repeat: no-repeat;
	
}
/*kalender pagina */

.kalenderpage .kalender .item {
	clear:both;
	margin-bottom: 1.5em;
}


.kalenderLeft{
	float:left;
	width: 50px;
	text-align: center;
}
.kalenderRight{
	float:left;
}
.kalenderpage .kalender .kalenderRight p {
	font-size:1em;
	margin: 0;
}
.kalenderpage .kalender .kalenderRight  .head{
	font-weight: bold;
}

.kalenderpage .kalender .item .kalenderLeft span {
	background-position: center;
	margin-right:5px;
	width: 50px;
	height: 40px;
	line-height:49px;
	text-align:center;
	font-size: 1.5em;
}

.kalenderpage h3{
	clear:both;
}


/* arrangementen pagina */

.error
{
	color: #CC0000; /*rood*/	
}
	
/* De opmaak voor het "het bericht is verzonden" bericht */
.verzonden
{
	color:#0066FF /*blauw */
}

/* formulieren */
input.text{
	border: 1px solid #CCCCCC;
}

/* webshop */

#shop_items
{
	float: left;
	width: 525px;
	
}
 
#shop_cart
{
	background-image: url(../_images/Shoppingcart_48x48.png);
	background-repeat: no-repeat;
	background-position: center 20px;	
	width: 130px;
	background-color: #fff;
/*	border: 1px solid #f9f9f9;*/
	margin-top: 10px;
	border: 1px solid #8BA7BC;	
	min-height: 100px;
	overflow: auto;
}
 
.shop_info
{
	text-align: center;
	color: #444;
	font-size: 1em;	
	font-weight: bold;
	width: 130px;
	border-bottom: 1px solid #999999;
	
 
}
 
.shop_item, .shop_item_selected {
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 5px 0 0 5px;
	border: 1px solid #eee;	
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background-color: #fff;*/
	background-position: center center;
	background-repeat: no-repeat;
	cursor: move;
}
#shop_cart .shop_item {
	width: 55px;
	height: 55px;
	margin: 4px;
	background-position: -40px -22px;
	border-width: 1px;
	cursor: default;
}
#shop_cart .shop_item_selected {
	width: 55px;
	height: 55px;
	margin: 4px;
	background-position: -40px -22px;
	border-width: 1px;
	cursor: default;
}
 
.shop_item span, .shop_item_selected span
{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	color: #ffffff;
 
}

.frameSquare{
	background-image: url(../_images/webshop/picture_framesquare.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 132px;
	float:left;
	clear:both;
}

.frameSquare .bigimage{
	
	font-size: 0.7em;
	width: 100%;
	margin-top: 10px;
	text-align: center;
		
}

.product_description{
	float:left;
	margin-left: 20px;
	max-width: 350px;
}

.productname{
	font-weight: bold;	
}
.productDescription{
	
}
.productPrice{}

.productPriceDetail{
	font-size: 2em;
}

.productPriceInfo{
	font-size: 0.5em;
}

/* shopppingbasket afrekenen */
.shoppingbasketAfrekenen{
	width: 95%;
	border-collapse:collapse;	
}
.shoppingbasketAfrekenen th{
	border-bottom: 1px solid #C6C6C6;
	padding-bottom: 5px;
}

.shoppingbasketAfrekenen .allignRight {
	text-align: right;
}
.shoppingbasketAfrekenen .allignCenter{
	text-align: center;
}
.shoppingbasketAfrekenen .totalPrice {
	text-align: right;
	font-weight: bold;
}
.shoppingbasketAfrekenen .devider td{
	border-top: 1px solid #C6C6C6;
	height: 15px;
}

.shoppingbasketAfrekenen .deviderTotal{
	height: 15px;
}

.shoppingbasketAfrekenen .subPrice {
	text-align: right;	
}

.shoppingbasketAfrekenen .totalPrice td{
	background-color:  #EBECEE;
	height: 20px;
}

.shoppingbasketAfrekenen .totalPriceText{
	font-size: 1.1em;
	text-align: left;
}

.shoppingbasketAfrekenen .amount {
	width: 20px;	
	text-align: center;
	border: 1px solid #eeeeee;
}

.shoppingbasketStep2 p{
	margin-bottom: 0em;
}
.shoppingbasketStep2 .label{
	margin-top: 0.6em;
}

.shoppingbasketStep2 .labelRed{
	color: red;
	padding-right: 1em;
}

.labelRed{
	color: red;
	padding-right: 1em;
}


.customerdetails .label{
	color: #333333;
	padding-right: 1em;
}

/* gastenboek */
.gastenboek p{
	margin: 0;
	padding: 0;
}
.gastenboek .item{
	border: 1px solid #8BA7BC;
	margin-top: 10px;
	padding: 1em;
	width: 90%;
}

.gastenboek .onderwerp{
	font-size: 1.2em;
	font-weight: bold;
}

.gastenboek .afzender{
	font-size: 0.9em;	
	color: gray;	
}

.gastenboek .bericht{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
}

.gastenboek .datum{
	font-size: 0.9em;	
	color: gray;	
}

/* foto album */

#tablefoto, #tablefoto table{ /* detail pagina */
	width:100%;
}

#tablefoto table tr td{
	text-align: center;
	padding: 10px;
}

#tablefoto table tr td img{
	border: 1px solid #738ABF;
	padding: 2px;
}

#fotoMenu{
	width:100%;
}

#fotoMenu tr td{
	text-align: center;
	padding: 10px;
}

.infoWebshopHome{
	text-align: center;
	font-size: 0.8em;
}

/* news */

#pageNews {
	font-size		: 0.9em;
	text-align		: justify;
	
}

#pageNews div{
	margin-right	: 1em;	
}

#pageNews div .h2Image{
	margin			: 0em;
}

#pageNews div img{
	margin-left		: 1em;
}

#pageNews #home{
	border			: 1px solid #C3C3C3;
	padding			: 1em;
	margin-right	: 0.5em;
}

#pageNews h2 {
	margin-bottom	: 0;
	color			: #333333;
}

#pageNews h2 a{
	color			: #333333;
}

#pageNews h3 {
	font-size		: 1.2em;
	margin-top		: 1em;
	color			: #333333;
	margin-bottom	: 0;
}

#pageNews h3 a{
	color			: #333333;
}

#pageNews p {
	margin			: 0;
	margin-bottom	: 0.5em;
}

#pageNews .date {
	color 			: gray;
	font-size		: 0.85em;
	margin-bottom	: 1em;
}

#pageNews .leesverder {
	margin-top		: 1em;
}

#pageNews hr {
	margin-bottom	:10px;
	border	 		:1px solid gray;
	
}

/* 555 banner */

.haitibanner {
  position			: absolute;
  height			: 1px;
  top				: 195px;
  right				: 1%;
  margin-left		: -550px;




}