/*BASIC*/
html,body { 
	height:						100%;
	margin: 					0px 0px 0px 0px;  
}

img{
	display:					block;
	border:						0;
}
 
.quote{
	float:						right;
	font-family:				arial;
	font-size:					11pt;
	font-style:					italic;
	color:						#ffffff;
	width:						160px;
	background-color:			#008AAC;
	text-align:					center;
	padding-top:				10px;
	padding-right:				10px;
	padding-bottom:				10px;
	padding-left:				10px;
	margin-right:				10px;
	background-image:			url(/images/q.jpg);
	background-repeat:			no-repeat;
}
 
 
.breadcrump{
	border-bottom:				solid 1px #F7F7F7;
	font-family:				arial;
	font-style:					italic;
	font-size:					8pt;
	color:						#8D2466;
}



 
.emptyleft {
    margin-right: 				-487px;
    float: 						left;
    width: 						49.9%;
	background-image:			url(images/agsite.jpg);
}

.emptyleft .liner {
      margin-right: 			487px;
	  height:					110px;
}

.emptyright {
	margin-left: 				-487px;
    float: 						left;
    width: 						49.9%;
	background-image:			url(images/agsite.jpg);
}

.emptyright .liner {
    margin-left: 				500px;
	height:						110px;
}

.content {
    width: 						974px;
	position:					relative;
	min-height:					500px;
	height:						auto !important;
	height:						500px;
    float: 						left;
	padding-bottom :			0;
}

.contentplacement{
	height: 					auto; 
}

/*HEADER*/
.header{
	
}

.header .logo{
	float:						left;
}

.header .infopanel{
	float:						left;
	width:						772px;
}

.header .sitemenu{
	height:						50px;
	text-align:					right;
	font-family:				arial;
	font-size:					8pt;
	color:						#7C7C7C;
}

.header .sitemenu a{
	color:						#7C7C7C;
	text-decoration:			none;
}

.header .sitemenu a:hover{
	color:						#7C7C7C;
	text-decoration:			underline;
}

.header .sitemenu .padding{
	padding-top:				4px;
	padding-right:				4px;
	padding-bottom:				4px;
	padding-left:				4px;
}

.header .login{
	text-align:					right;
	margin-left:				527px;
}


/*CONTENT*/
.contentmenu{
	font-family:				arial;
	font-size:					8pt;
	font-weight:				bold;
	float:						left;
	width:						210px;
	height:						300px;
	background-image:			url(/images/menuag.jpg);
}

.contentmenu a{
	color:						#6F6F6F;
	text-decoration:			none;
}

.contentmenu i{
	font-family:				arial;
	font-size:					12pt;
	font-style:					italic;
	font-weight:				normal;
	color:						#8D2466;
	margin-left:				5px;
	margin-top:					5px;
}

.contentmenu li{
	width:						200px;
	list-style-type:			square;
	list-style-position:		inside;
	color:						#8D2466;
	line-height:				18px;
	margin-bottom:				4px;
	margin-top:					5px;
	margin-left:				5px;
	border-bottom:				solid 1px #C4C4C4;
}

.contentmenu ul{
	margin-top:					0px;
	margin-left:				0px;
	margin-right:				0px;
	margin-bottom:				0px;
	padding-top:				0px;
	padding-left:				0px;
	padding-right:				0px;
	padding-bottom:				0px;
}

.contentmenu .padding{
	padding-top:				10px;
}

.contentcontent h1{
	font-family:				arial;
	font-style:					italic;
	font-weight:				normal;
	font-size:					21px;
	color:						#008AAC;
}

.contentcontent	h2{
	color:						#8D2466;
	font-family:				arial;
	font-size:					12px;	
	margin-bottom:				0px;
	padding-bottom:				0px;
}

.contentcontent li{
	list-style-image:			url(/images/listitem.jpg);
}


.contentcontent a{
	color:						#008AAC;
	text-decoration:			none;
}

.contentcontent a:hover{
	text-decoration:			underline;
}

.contentcontent{
	font-family:				arial;
	font-size:					12px;
	line-height:				17px;
	float:						left;
	width:						588px;
}

.contentcontent .padding{
	padding-top:				10px;
	padding-left:				20px;
	padding-right:				20px;
	padding-bottom:				10px;
}

.txtkader{
	width:						545px;
}

/*tools*/
.uitools{
	width:						170px;
	height:						30px;
	margin-left:				360px;
	padding-top:				20px;

}

.uitools img{
	float:						left;
}


/*MENU*/
.menu{
	clear:						both;
	height:						29px;
	background-color:			#8D2466;
	background-image:			url(images/menu.jpg);
}

.menu .item{
	float:						left;
	font-family:				arial;
	font-size:					8pt;
	font-weight:				bold;
	color:						#ffffff;
}

.menu .item .padding{
	padding-top:				6px;
	padding-right:				10px;
	padding-bottom:				4px;
	padding-left:				10px;
}


.menu .line{
	float:						left;
	padding-right:				4px;
	padding-left:				4px;
}

.menu a{
	color:						#ffffff;
	text-decoration:			none;
}

.menu a:hover{
	text-decoration:			underline;
}


.submenulijst li{
	margin-left:				16px;
	width:						189px;
	color:						#008AAC;
	font-size:					7pt;
}

/*INTROBLOK*/
.introblok{
	background-color:			#EDEDED;
	height:						244px;
}

.introblok .foto{
	position:					absolute;
	z-index:					1;
}

.introblok .tabs{
	margin-left:				704px;
	position:					absolute;
	z-index:					2;
}


.introblok .tabs .tabbed, .introblok .tabs .tabbedactive{
	width:						270px;
	height:						61px;
	font-family:				arial;
	font-size:					18px;
	font-style:					italic;
}


.introblok .tabs .tabbed a{
	color:						#0D7E9B;
	text-decoration:			none;
}

.introblok .tabs .tabbedactive a{
	color:						#ffffff;
	text-decoration:			none;
}

.introblok .tabs .tabbed .padding, .introblok .tabs .tabbedactive .padding{
	padding-top:				19px;
	padding-right:				0px;
	padding-bottom:				0px;
	padding-left:				19px;
}


.introblok .tabs .tabbed{
	color:						#0D7E9B;
	background-image:			url(images/tab_0.png);
}

.introblok .tabs .tabbedactive{
	color:						#FFFFFF;
	background-image:			url(images/tab_1.png);
}


.introblok .overlay{
	position:					absolute;
	z-index:					1;
	width:						207px;
	height:						244px;
	background-image:			url(images/overlay.png);
	margin-left:				507px;
	font-family:				arial;
	font-size:					11px;
	font-style:					italic;
	color:						#ffffff;
}

.introblok .overlay .padding{
	padding-top:				4px;
	padding-right:				10px;
	padding-bottom:				4px;
	padding-left:				4px;
}


.introblok .overlay .h1{
	font-family:				arial;
	font-size:					15px;
	font-style:					italic;
	font-weight:				bold;
	color:						#ffffff;
	margin-top:					10px;
	margin-bottom:				4px;
}

.introblok .payoff{
	position:					absolute;
	z-index:					  4;
	margin-top:					140px;
	margin-left:				0px;
}

.introblok .payoff2 {
	position            :	absolute;
	z-index             : 4;
	margin-top          :	100px;
	margin-left         : -20px;
}

/*proefabonnement*/
.proefabonnement{
	background-image:			url('/images/achtergrond.jpg');
	height:						103px;
}

.workshops{
	background-image:			url('/images/achtergrond_workshops.jpg');
	height:						123px;
}

.tipstrucs{
	background-image:			url('/images/achtergrond_mq.jpg');
	height:						123px;
}


.contentblokproef{
	float:						left;
	width:						310px;
	height:						148px;
	border:						solid 1px #7E7E7E;
	overflow:					hidden;
	padding-top:				1px;
	padding-right:				1px;
	padding-bottom:				1px;
	padding-left:				1px;
	margin-left:				5px;
	margin-right:				5px;
	margin-bottom:				10px;
	font-family:				arial;
	font-size:					12px;
	color:						#4B4B4B;
	line-height:				16px;
}


/*CONTENTBLOK*/

.contentblok a:link, .contentblok a:visited, .contentblokproef a:link, .contentblokproef a:visited{
	color:						#008AAC;
	text-decoration:			underline;
}


.contentblok a:hover, .contentblokproef a:hover{
	color:						#8D2466;
	text-decoration:			underline;
}

.contentblok{
	float:						left;
	width:						310px;
	height:						472px;
	border:						solid 1px #7E7E7E;
	overflow:					hidden;
	padding-top:				1px;
	padding-right:				1px;
	padding-bottom:				1px;
	padding-left:				1px;
	margin-left:				5px;
	margin-right:				5px;
	font-family:				arial;
	font-size:					12px;
	color:						#4B4B4B;
	line-height:				16px;
}

.contentblok li{
	margin-left:				-36px;
	list-style-type:			square;
	list-style-position:		inside;	
}


.contentblok .paars, .contentblokproef .paars{
	background-image:			url(images/paars_h1.jpg);
	height:						30px;
	font-family:				arial;
	font-size:					10pt;
	font-style:					italic;
	font-weight:				bold;
	color:						#ffffff;
}

.contentblok  .padding, .contentblokproef .padding{
	padding-top:				6px;
	padding-right:				5px;
	padding-bottom:				5px;
	padding-left:				5px;	
}

.contentblok  .content, .contentblokproef  .content{
	width:						310px;
	/*height:						310px;*/
}

.contentblok .content i, .contentblokproef .content i{
	color:						#008AAC;
}

.shadow2{
	background-image:			url(images/achtergrondscha5duw.jpg);
}

.shadow{
	width:						987px;
	margin-top:					10px;
	margin-left:				-13px;
	padding-left:				13px;
	padding-bottom:				40px;
	overflow:					hidden;
	background-image:			url(images/achtergrondschaduw.jpg);
	background-position:		bottom;
	background-repeat:			no-repeat;
}

.white{
	margin-top:					30px;
	background-color:			#ffffff;
}


/*ZOEKEN*/
.searchheader{
	position:					absolute;
	z-index:					1;
	margin-top:					83px;
	margin-left:				805px;
}

.searchheader form{
	margin-top:					0px;
	margin-right:				0px;
	margin-bottom:				0px;
	margin-left:				0px;
	padding-top:				0px;
	padding-right:				0px;
	padding-bottom:				0px;
	padding-left:				0px;
}

.searchheader INPUT{
	border:						solid 1px #491235;
	height:						15px;
	width:						146px;
	font-size:					7pt;
}


.extraframe{
	float:						left;
	width:						156px;
	height:						400px;
	background-image:			url(/images/schaduw2.jpg);
	background-repeat:			no-repeat;
}

.zijkant{
	font-family:				arial;
	font-size:					8pt;
	color:						#555555;
	margin-left:				18px;
	margin-top:					28px;
}

.zijkant h1{
	font-family:				arial;
	font-size:					10pt;
	font-style:					italic;
	font-weight:				normal;
	color:						#008AAC;
	padding-top:				0px;
	padding-right:				0px;
	padding-bottom:				0px;
	padding-left:				0px;
	margin-top:					0px;
	margin-right:				0px;
	margin-bottom:				0px;
	margin-left:				0px;
}

.zijkant p{
	margin-top:					6px;
	/*text-align:					justify;*/
}


.zijkant a{
	color:						#831866;
	text-decoration:			none;
	
}

.zijkant a:hover{
	text-decoration:			underline;
}


.tagcloudwidth{
	position:					absolute;
	width:						380px;
}

.tagcloud a{
	font-family:				arial;
	color:						#666666;
	font-weight:				normal;
	font-style:					italic;
	text-decoration:			none;
	
}


/*CMS HOLDER*/
.cmsholder{
	margin-top:					4px;
	margin-bottom:				40px;
}

.cmsholder .spacer{
	padding-top:				4px;
	padding-left:				4px;
	padding-right:				4px;
	padding-bottom:				4px;
}

.cmsholder  .btn{
	float:						left;
	font-family:				arial;
	font-size:					7pt;
	color:						#ffffff;
	background-color:			#008AAC;
	margin-right:				4px;
}

.cmsholder .btn a{
	color:						#ffffff;
	font-weight:				bold;
	text-decoration:			none;
}

.cmsholder .btn a:hover{
	color:						#ffffff;
	font-weight:				bold;
	text-decoration:			underline;
}

/*ITEM*/

.tipitem{
	padding-top:				6px;
	padding-left:				6px;
	padding-right:				6px;
	padding-bottom:				6px;
	margin-bottom:				20px;
}

.tipitem h1{
	font-family:				arial;
	font-size:					10pt;
	font-weight:				bold;
	font-style:					normal;
	margin-top:					0px;
	margin-bottom:				0px;
	padding-top:				0px;
	padding-left:				0px;
	padding-right:				0px;
	padding-bottom:				4px;	
}

.tipitem p, .tiptitem .teaser{
	padding-top:				0px;
	padding-left:				0px;
	padding-right:				0px;
	padding-bottom:				0px;	
	margin-top:					0px;
	margin-right:				0px;
	margin-bottom:				0px;
	margin-left:				0px;	
}


.item{
	margin-bottom:				20px;
}


.item h1{
	font-family:				arial;
	font-size:					10pt;
	font-weight:				bold;
	margin-top:					0px;
	margin-bottom:				0px;
}

.item h2{
	font-family:				arial;
	font-size:					7pt;
	margin-top:					0px;
	margin-bottom:				0px;
}

/*FOOTER*/



.footer{
	width:						987px;
	font-family:				arial;
	font-size:					7pt;
	color:						#A8A8A8;
	padding-left:				0px;
}

.footer .adres{
	width:						140px;
	float:						left;
	padding-left:				20px;
}

.footer .footerlinks{
	width:						230px;
	height:						200px;
	background-image:			url(images/footer_ag.png);
	float:						left;
	padding-left:				20px;
}

.footer li{
	margin-left:				-20px;
}

.footer a{
	color:						#A8A8A8;
	text-decoration:			none;
}

.footer a:hover{
	text-decoration:			underline;
}

.adresregel{
	font-family:				arial;
	font-size:					8pt;
	color:						#A8A8A8;
	position:					abolute;
	z-index:					2px;
	margin-top:					-33px;
	height:						40px;
	padding-left:				170px;
}

.adresregel2{
	font-family:				arial;
	font-size:					7pt;
	color:						#A8A8A8;
	position:					abolute;
	z-index:					2px;
	margin-top:					-33px;
	height:						40px;
	padding-left:				250px;
}


/*PROEFABONNEMENT*/


#proefabonnement th, #abonnement th{
	text-align:					left;
}

#abonnement img{
	float:						right;
}

#proefabonnement td, #abonnement td{
	font-style:					italic;
	font-size:					10px;
}

#abonnement td span{
	color:						#8D2466;
}

#proefabonnement label, #abonnement label{
	font-style:					normal;
	font-size:					12px;
}

#proefabonnement input[type='submit'], #abonnement input[type='submit'] {
	float:					right;
}


/*TELL A FRIEND*/

#tellafriend {
	font-weight:				bold;
}

#tellafriend  .fout{
	font-weight:				normal;
	color:						#8D2466;
	font-style:					italic;
}

#tellafriend label{
	font-weight:				normal;
}

#tellafriend input[type='submit']{
	float:						right;
}

#address {
  display           : none;
}

.label {
  clear             : left;
  float             : left;
  width             : 130px;
}

.label2 {
  clear             : left;
  float             : left;
  padding-bottom    : 6px;
  width             : 410px;
}

.field {
  float             : left;
  padding-bottom    : 6px;
  width             : 300px;
}

.clear, .tags {
  clear             : both;
}