/* CSS Document */

/*--------------------------------------- OPMAAK PAGIASTRUCTURE ---------------------------------------*/
/*--------------------------------------- LAYOUT PAGESTRUCTURE ---------------------------------------*/

html, body{
	height: 100%;
	background-position: center top;
	background-color: #eaeaea;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	behavior:url("csshover.htc");
	text-align: left;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 0.85em;
	color: #838383;
} 

#outer{
	min-height: 100%;
	height: auto;
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	background-image: url(../images/default/body/jpg/bodyBack.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

* html #outer{
	height: 100%;
}

#header{
	width: 978px;
	height: 216px;
	background-image: url(../images/default/body/jpg/headerBack.jpg)
}

#languageChoiceHolder{
	height: 459px;
	width: 978px;
	background-image: url(../images/default/body/jpg/indexBack.jpg);
	text-align: left;
}

#languageChoice{
	height: 150px;
	width: 700px;	
	background-color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
	-moz-opacity: .90;
	opacity: .90;
	margin-top: 270px;
	margin-left: 55px;
	float: left
}

#languageChoiceLanguages{
	height: 130px;
	width: 680px;	
	margin: 10px;
}

#languageChoiceLanguagesColumn{
	width: 200px;
	float: left;
	margin-right: 20px;
}

#languageChoiceLanguagesCell{
	width: 200px;
	height: 22px;
}

#languageChoiceLanguagesCell a{
	width: 100%;
	height: 100%;
	display: block;
	color: #2a7e8b;
	text-decoration: none;
	font-size: 13px;
}

#languageChoiceLanguagesCell a:hover{
	color: #20616A;
}

#language{
	width: 958px;
	height: 35px;
	text-align: right;
	padding-top: 10px;
	padding-right: 20px;
	color: #FFFFFF;
}

#fldLanguage
{
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FBFBFB;
	color:#000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}


#clearfooter{
	clear: both;
	height: 44px;
	width: 100%;
}

#footer {
	width: 100%;
	height: 44px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footerTekst{
	width: 978px;
	height: 22px;
	margin: 0 auto 0 auto;
	color: #999999;
	text-align: right;
	background-image: url(../images/default/body/jpg/footerBack.jpg);
	padding-top: 22px;
	text-align: center;
}

#footerTekst a{
	color: #999999;
	text-decoration:none;
}


#footerTekst a:hover{
	color: #FFFFFF;
	text-decoration:none;	
}

#content {
	width: 978px;
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
}

* content{

}


/*--------------------------------------- OPMAAK LINKS ---------------------------------------*/
/*--------------------------------------- LAYOUT LINKS ----------------------------------------*/

#divLink{
	margin-bottom: 15px;
}

#home{
	width: 664px;
	margin-bottom: 20px;
}

#homeBanners{
	width: 664px;
}

#homeBannerLeft{
	width: 300px;
	overflow: hidden;
	float: left;
	margin-right: 12px;
	margin-left: 20px;
}

#homeBannerRight{
	width: 300px;
	overflow: hidden;
	float: left;
	margin-left: 12px;
	margin-right: 20px;
}

#linksBanner{
	margin-bottom: 10px;
}

/*--------------------------------------- OPMAAK LINKSMENU ---------------------------------------*/
/*--------------------------------------- LAYOUT LEFTMENU ----------------------------------------*/


#cataloguetitleWrap{
	width: 263px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#cataloguetitleStroke{
	width: 263px;
	height: 10px;
	background-color:#16406e;
}

#cataloguetitle{
	width: 243px;
	height: 30px;
	background-image: url(../images/default/body/jpg/titleBack.jpg);
	font-size: 18px;
	font-weight: bold;
	color: #2a7e8b;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#cataloguetitle a{
	color:#2a7e8b;
}

#leftmenu{
	width: 263px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	margin-bottom: 10px;
}

#leftmenu a{
	text-decoration: none;
}

#leftmenubutton{
	width: 243px;
	height: 20px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-top: 2px;
	border-bottom: 1px solid #CCCCCC;
}

#leftmenubutton a{
	height: 100%;
	width: 100%;
	display: block;
	text-decoration: none;
}

#leftmenubutton:hover{
	width: 243px;
	height: 20px;
	cursor: hand;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-top: 2px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F4F4F4;
}

#leftmenubutton:hover a{
	height: 100%;
	width: 100%;
	display: block;
	text-decoration: none;
}

#leftmenubuttonActive{
	width: 243px;
	height: 20px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-top: 2px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E4E4E4;
}

#leftmenubuttonActive a{
	text-decoration: none;
}

/*--------------------------------------- OPMAAK TOPMENU ---------------------------------------*/
/*--------------------------------------- LAYOUT TOPMENU ---------------------------------------*/


#topmenu{
	width: 970px;
	height: 19px;
	margin-left: 50px;
	margin-left: 4px;
	margin-top: 100px;
	float: left;
}

#topmenu a{
	text-decoration: none;
}

#topmenubeam{
	width: 970px;
	height: 19px;
}

#topmenubutton{
	height: 17px;
	float: left;
	cursor: pointer;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#topmenubutton:hover{
	background-color: #13467e;
}

#topmenubuttonActive{
	height: 17px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #13467e;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

/*-------------------------------------- OPMAAK BROODKRUIMEL --------------------------------------*/
/*--------------------------------------- LAYOUT BREADCRUMB ---------------------------------------*/

#breadcrumb{
	height: 23px;
	width: 644px;
	color: #CCCCCC;
	margin-left: 4px;
	margin-top: 20px;
	float: left;
	padding-left: 20px;
}

#breadcrumb a{
	color: #999999;
}

#breadcrumb a:hover{
	color: #999999;
	text-decoration: none;
}

#search{
	width: 286px;
	height: 28px;
	float: left;
	padding-right: 20px;
	margin-right: 4px;
	margin-top: 20px;
	text-align: right;
}

#frmSearch{
	margin: 0;
	padding: 0;
}

#fldSearchWord{
	height: 16px;
	width: 217px;
	margin: 0;
	padding: 2px;
	border: solid 1px #CCCCCC;
	float: right;
	margin-right: 10px;
}

#btnSearch{
	height: 22px;
	width: 32px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-color: #2a7e8b;
	border: solid 1px #CCCCCC;
	float: right;
}

/*-------------------------------------- OPMAAK PAGINA --------------------------------------*/
/*--------------------------------------- LAYOUT PAGE ---------------------------------------*/

#page{
	width: 970px;
	background-position: center;
	background-repeat: repeat-y;
	margin: 0 auto 0 auto;
	margin-left: 4px;
	margin-right: 4px;
}

* page{
}

#left{
	width: 664px;
	float: left;
}

* left{
}


#right{
	width: 265px;
	float: right;
	border-left: 1px solid  #999999;
	padding-left: 20px;
	padding-right: 20px;
}

* right{
}

#parawrap{
	height: 264px;
}

* #parawrap{
	min-height: 264px;
	display: block;
}


#parafoto{
	width: 264px;
	height: 264px;
	float: left;
	overflow: hidden;
}

#paratext{
	padding-left: 10px;
	width: 361px;
	float: left;
}

#homeNewsReadMore{
	text-align: right;
	padding-right: 10px;
}


#homeAgeda{
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #CCCCCC;
}

#homeAgedaStroke{
	width: 300px;
	height: 10px;
	background-color:#16406e;
}

#homeAgedaTitle{
	width: 290px;
	height: 30px;
	background-image: url(../images/default/body/jpg/titleBack.jpg);
	font-size: 18px;
	font-weight: bold;
	color: #2a7e8b;
	padding-left: 10px;
	padding-top: 10px;
}

#homeAgedaTitle{
	width: 290px;
	height: 30px;
	background-image: url(../images/default/body/jpg/titleBack.jpg);
	font-size: 18px;
	font-weight: bold;
	color: #2a7e8b;
	padding-left: 10px;
	padding-top: 10px;
}

#homeAgedaText{
	width: 280px;
	margin: 10px;
}

#homeNews{
	width: 300px;
	float: left;
	margin-right: 20px;
	border: 1px solid #CCCCCC;
}

#homeNewsStroke{
	width: 300px;
	height: 10px;
	background-color:#16406e;
}

#homeNewsTitle{
	width: 290px;
	height: 30px;
	background-image: url(../images/default/body/jpg/titleBack.jpg);
	font-size: 18px;
	font-weight: bold;
	color: #2a7e8b;
	padding-left: 10px;
	padding-top: 10px;
}

#homeNewsText{
	width: 280px;
	margin: 10px;
}

#homeAgedaReadMore{
	text-align: right;
	padding-right: 10px;
}

/*-------------------------------------- OPMAAK PARAGRAFEN --------------------------------------*/
/*-------------------------------------- LAYOUT PARAGRAPHS --------------------------------------*/

#paragraphlisting{
	text-align: justify;
	margin-bottom: 30px;
}

#titleWrap{
	width: 622px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
}

#titleStroke{
	width: 622px;
	height: 10px;
	background-color:#16406e;
}

#title{
	width: 602px;
	min-height: 30px;
	background-image: url(../images/default/body/jpg/titleBack.jpg);
	font-size: 18px;
	font-weight: bold;
	color: #2a7e8b;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#title a{
	color:#2a7e8b;
}

#subtitle{
	font-size: 14px;
	font-weight: bold;
	color: #2a7e8b;
	padding-bottom: 10px;
}

p{
	margin: 0;
	padding: 0;
}

#text{
	width: 602px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: justify;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}

#image{
	margin-bottom: 10px;
	text-align: center;
}

#videoholder{
	text-align: center;
}

#actions{
	margin-bottom: 5px;
	padding-right: 50px;
	text-align: right
}

#jumptotop{
	text-align: right;
	padding: 5px;
}

#reactions{
}

#frmReaction{
}

#frmReaction fieldset{
	margin: 0;
	padding: 0px;
	border: 0;
}

#frmReaction dl{
	width: 635px;
	border: 0;
}

#frmReaction dt{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 135px;
	float: left;
}

#frmReaction dd{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	width: 500px;
	float: left;
}

#frmReaction dd input{
	width: 494px;
	color: #ffffff;
	background-color:#4D4D4D;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: 1px solid #4D4D4D ;
	padding: 2px;
}

#frmReaction dd textarea{
	width: 494px;
	color: #ffffff;
	background-color: #4D4D4D;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: 1px solid #4D4D4D ;
	padding: 2px;
}

#frmReaction dd #btnSend{
	width: 500px;
	color: #ffffff;
	background-color: #4D4D4D;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: none;
}

#frmReaction dd #btnSend:hover{
	width: 500px;
	color: #ffffff;
	background-color: #999999;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: none;
}

/*---------------------------------------- OPMAAK ORDER PROFIEL ---------------------------------------*/
/*---------------------------------------- LAYOUT ORDER PROFIEL ---------------------------------------*/

#orderheader{
	width: 631px;
	background-color: #333333;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EFB19A;
	border-right-color: #AE441C;
	border-bottom-color: #AE441C;
	border-left-color: #EFB19A;
	color: #FFFFFF;
}

#orderheaderdetail{
	width: 631px;
	background-color: #999999;
	padding: 2px;
}

#evenorder{
	width: 631px;
	background-color: #E4E4E4;
	padding: 2px;
}

#oddorder{
	width: 631px;
	background-color: #C7C7C7;
	padding: 2px;
}

#orderheaderdetail-id{
	width: 50px;
	float: left;
}

#orderheaderdetail-datum{
	width: 140px;
	float: left;
}

#orderheaderdetail-prijs{
	width: 130px;
	float: left;
	text-align: right;
}

#orderheaderdetail-change{
	width: 100px;
	float: right;
}

/*---------------------------------------- OPMAAK CATALOGUS ---------------------------------------*/
/*---------------------------------------- LAYOUT CATALOGUE ---------------------------------------*/

#product{
	width: 602px;
	margin-bottom: 15px;
}

#productImage{
	width: 202px;
	overflow: hidden;
	text-align: center;
	float: left;
}

#productInfo{
	width: 400px;
	float: right;
}

#productText{
	width: 390px;
	float: right;
	background-color: #f7f7f7;
	border-top: solid 1px  #CCCCCC;
	padding: 5px;
}

#productTitle{
	width: 395px;
	font-weight: bold;
	font-size: 18px;
	float: right;
	color: #16406e;
	padding-left: 5px;
}

#productTitle a{
	color: #16406e;
}

#productSubTitle{
	font-weight: bold;
	font-size: 14px;
	color: #2a7e8b;
	padding-bottom: 10px;
}

#productDetailText{
	width: 390px;
	float: right;
	background-color: #e1e1e1;
	padding: 5px;
	margin-top: 10px;
}

#productDetailTitle{
	font-weight: bold;
	font-size: 16px;
	font-variant: small-caps;
	color: #2a7e8b;
	padding-bottom: 10px;
}

#productFiles{
	width: 390px;
	padding-top: 10px;
}

#productImages{
	width: 390px;
	padding-top: 10px;
}


#eigenschap{}

#eigenschapnaam{
	float: left;
	padding-right: 10px;
	font-weight: bold;
}

#eigenschapwaarde{
	float: left;
}

/*---------------------------------------- OPMAAK WINKELWAGEN ---------------------------------------*/
/*---------------------------------------- LAYOUT SHOPPINGCART --------------------------------------*/

#shopsteps{
	background-color: #333333;
}

#shopstepnow{
	width: 25%;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

#shopstep{
	width: 25%;
	color: #FFFFFF;
	padding: 5px;
	text-align: center;
}

#shoppingcartheader td{
	background-color: #b79045;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-bottom-width: 1px;
}

#odditem{
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px;
}

#evenitem{
	background-color: #333333;
	color: #FFFFFF;
	padding: 3px;
}

#shoppingcarttotal{
	background-color:#b79045;
	color: #FFFFFF;
	font-weight: bold;
}

#remove{
	position:absolute;
	width: 248px;
	height: 98px;
	color: #FFFFFF;
	background-color: #000000;
	z-index: 1000;
	top: 0px;
	left: 0px;
	float: left;
	visibility: hidden;
	border: 1px solid #ffffff;
	padding: 5px;
	z-index: 5000;
}

#remove #yes{
	width: 109px;
	height: 15px;
	display: block;
	background-color:#FFFFFF;
	color: #000000;
	text-align: center;
	padding: 5px;
	float: left;
	border: 1px solid  #7E5221;
	margin-right: 5px;
	margin-top: 40px;
}

#remove #yes a{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #b79045;
}

#remove #yes a:hover{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
}

#remove #yes:hover{
	background-color: #7E5221;
	color: #FFFFFF;
}

#remove #no{
	width: 109px;
	height: 15px;
	display: block;
	background-color:#FFFFFF;
	color: #000000;
	text-align: center;
	padding: 5px;
	float: left;
	border: 1px solid #7E5221;
	margin-top: 40px;
}

#remove #no a{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: #b79045;
}

#remove #no a:hover{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
}

#remove #no:hover{
	background-color: #7E5221;
	color: #FFFFFF;
}

#orderremarks{
	padding-top: 10px;
}

#orderremarkstitle{
	font-weight: bold;
}

#orderfrom{
	padding-top: 10px;
}

#orderfromtitle{
	font-weight: bold;
}

#orderuntil{
	padding-top: 10px;
}

#orderuntiltitle{
	font-weight: bold;
}

/*---------------------------------------- OPMAAK FOTOALBUM ---------------------------------------*/
/*---------------------------------------- LAYOUT PHOTOBOOK ---------------------------------------*/

#pagineringbottom{
	width: 602px;
	text-align: center;
	margin-top: 10px;
}

#paginering{
	width: 602px;
	text-align: center;
	margin-bottom: 10px;
}


#photobooksspace{
	width: 7px;
	float: left;
}


#photobooks{
	width: 120px;
	float: left;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 15px;
}

#photobooksText{
	width:116px;
	height: 30px;
	background-color: #000000;
	color: #f4a60f;
	text-align: center;
	padding: 2px;
}

#photobooksText a{
	color: #b79045;
	text-decoration: none;
}

#photobookTitle{
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

#photobooksImage{
	width: 120px;
	height: 80px;
	overflow: hidden;
}

#photo{
	float: left;
	width: 120px;
	height: 90px;
	overflow: hidden;
}

#photospace{
	float: left;
	width: 7px;
}

#photoImage{
	text-align: center;
	margin: 10px;
}

#photoTitle{
	font-weight: bold;
	margin-bottom: 5px;
}

#photoText{
	text-align: justify;
}


#prevPhoto{
	width: 67px;
	float: left;
	padding-top: 165px;
	text-align: center;
}


#currentPhoto{
	width: 500px;
	float: left;
	overflow: hidden;
}

#nextPhoto{
	width: 67px;
	float: left;
	padding-top: 165px;
	text-align: center;
}


/*---------------------------------------- OPMAAK TAGS ---------------------------------------*/
/*---------------------------------------- LAYOUT TAGS ---------------------------------------*/

p{
margin: 0;
}

hr{
	height: 1px;
	color: #CCCCCC;
	border: 0;
	border-top: solid thin #CCCCCC;
}

ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

li{
}

img{
}

a:active{
	color: #2a7e8b;
	text-decoration: none;
}

a:link{
	color: #2a7e8b;
	text-decoration: none;
}

a:visited{
	color:#2a7e8b;
	text-decoration: none;
}

a:hover{
	color: #2a7e8b;
	text-decoration: none;
}


/*--------------------------------------- OPMAAK NIEUWS ---------------------------------------*/
/*------------------------------------------ LAYOUT NEWS -----------------------------------------*/


#news{
	cursor: pointer;
}

#news:hover{
}

#newstitle{
	color: #999999;
}

#newstextHolder{
	width: 602px;
}

#newstext{
	color: #999999;
}

#newsimage{
	float: left;
	margin-right: 10px;
}

#newstextimage{
	color: #999999;
	float: left;
	width: 492px;
}

#newsReadMore{
	color: #2a7e8b;
	width: 602px;
	text-align: right;
}

#newsreadmore a{
	color: #2a7e8b;
}


/*--------------------------------------- OPMAAK CONTACTFORMULIER ---------------------------------------*/
/*------------------------------------------ LAYOUT CONTACTFORM -----------------------------------------*/

#error{
	color: #CC0000;
	font-weight: bold;
}

#frmGeneral{
	width: 602px;
	margin: 0;
	padding: 0;
}

#frmGeneral fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

#frmGeneral dl{
	float: left;
	margin: 0px;
	padding: 0px;
	display:block;
	width: 602px;
}

#frmGeneral dt{
	float: left;
	margin: 0px;
	padding: 0px;
	display:block;
	width: 202px;
}

#frmGeneral dd{
	float: left;
	margin: 0px;
	padding: 0px;
	display:block;
	width: 400px;
	margin-bottom: 5px;
}

#frmGeneral fieldset input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 396px;
	background-color: #FBFBFB;
	color:#000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;

}

#frmGeneral fieldset textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 396px;
	height: 200px;
	background-color: #FBFBFB;
	color:#000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}

#frmGeneral fieldset radio
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 20px;
	border: 1px solid  #999999;
	background-color:#F4F4F4;
	color:#4C321A;
}

#frmGeneral fieldset checkbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 20px;
	border: 1px solid  #999999;
	background-color:#F4F4F4;
	color:#4C321A;
}

#frmGeneral fieldset select
{
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FBFBFB;
	color:#000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}

#frmGeneral fieldset #button
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 306px;
	background-color: #FBFBFB;
	color:#000000;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
	cursor: pointer;
}

/*--------------------------------------- CALENDAR ---------------------------------------*/
/*--------------------------------------- KALENDER ---------------------------------------*/

/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


input.calendar,
select.calendar {
	width: 99px;
}

button.calendar {
	background: url(../images/default/body/png/iconCalendar.png);
	border: 0;
	cursor: pointer;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	width: 20px;
	vertical-align: top;
}
button.calendar:hover,
button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../images/default/body/png/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #fff;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(../images/default/body/png/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(../images/default/body/png/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #52412E;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(calendar-valid.gif);
		color: #52412E;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(calendar-td.gif) 0 100%;
		color: #88754D;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(calendar-valid.gif) 0 100%;
		color: #ffffff;
		cursor: pointer;
		background-color: #df6331;
	}

/*--------------------------------------- OPMAAK FIXES ---------------------------------------*/
/*--------------------------------------- LAYOUT FIXES ---------------------------------------*/

.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display:inline-block;
}

* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}

#leftmenubanner{
	margin-top: 3px;
	margin-left: 16px;
	margin-right: 16px;
	text-align: center;
}

#rightmenubanner{
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 35px;
	text-align: center;
}