/*
***********************************************************
Title:     Main
Author:    Martin van der Linden - Elegantchaos.nl
***********************************************************
*/

/* Global reset ////////////////////////////////////////////////////////////////////////////////*/
*	    { 	
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparant;
}

em { font-style: italic; }
strong { font-weight: bold; }
/*
table {	border-collapse: collapse; border-spacing: 0; }
*/
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
caption, th, td { font-weight:normal; text-align:left; }
ol, ul { list-style:none;}

Body {
	overflow: auto;

}




table {
/*
float: left;
display: inline;
*/
}

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#frame {
	margin: auto;
	width: 900px;
	height: 740px;
	position: relative;
	text-align: left;

}

#main, #left, #center, #right, #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#main {
	background: url(/fileadmin/site/images/achtergrond-frame.jpg) repeat-y center;
	min-height: 740px;
	height: auto !important;
	height: 740px;
	text-align: left;
}

#header{
	background: url(/fileadmin/site/images/top_01.jpg) no-repeat;
	height: 178px;
	width: 900px;
}

#description, #skip, #logo span, #slogan span{
	display: none;
}

#slogan {
	font-size: 14px;
	width: 900px;
	color: #333333;
	position: absolute;
	margin-top: 112px;
	padding-left: 13px;
	font-weight: bold;
}


#left, #center, #right {
overflow: hidden;
}

/* Left  ////////////////////////////////////////////////////////////////////////*/
#left {
	width: 138px;
	width: 200px;
	padding-right: 18px;
	padding-top: 10px;
	height: 530px;
}

/*  Center ////////////////////////////////////////////////////////////////////////*/
#center{
	width: 440px;
	margin-right: 12px;
	height: 530px;
	overflow: auto;
	scrollbar-arrow-color: #0089B4;
 	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #E6EFF8;
	scrollbar-3dlight-color: #E6EFF8;
	scrollbar-shadow-color: #E6EFF8;
	scrollbar-darkshadow-color: #E6EFF8;
	scrollbar-track-color: #E6EFF8;
	
	}

#content {
	border-left:0px solid #fff;
	border-right:0px solid #fff;
	border-top:0px solid #FFFFFF;
	float:left;
	display: inline;
	padding-left:14px;
	padding-right:8px;
	padding-right:14px;
	padding-top: 11px;
	
}

/* Right ////////////////////////////////////////////////////////////////////////*/
#right{

        background: url(/fileadmin/site/images/bubble.jpg) no-repeat bottom;
        height: 530px;
}

#huis {
	width: 202px;
        height: 52px;
        background: url(/fileadmin/site/images/huis.jpg) no-repeat bottom;
        margin-top: 0px;
	
}

#rechterbuttons {
	width: 150px;
	margin-left: 80px; 
	margin-top: 0px;

}

#rechterbuttons a:hover {
	text-decoration: none;
	color: #fff;
}

#rechterbuttons a, #rechterbuttons a:visited{
	text-decoration: none;
	color: #93D7F8;
}


#contact {
	background: #00598B;
	height: 18px;
	margin-bottom: 5px;
	padding: 2px;
	padding-left: 5px;
}

.forum {
	background: #651764;
	height: 18px;
	margin-bottom: 5px;
	padding: 2px;
	padding-left: 5px;
}
.forum a{
	color: #C4168D;
}

.forum a:hover{
	colro: #ffffff;
}

#rechterbuttons .loguit {
	margin-bottom: 35px;
	color: #929294;
	font-weight: strong;	


}

#rechterbuttons .loguit input{
        margin-top: 10px;
	background: url(/fileadmin/site/images/forum/pink.png) repeat-x bottom left;
	width: 100%;
	text-align: left;
	height:20px;
	margin-bottom:5px;
	padding:0px 2px 2px 5px;
	cursor:pointer;	
	color: #E662C1:
}

#rechterbuttons .loguit input:hover{
	color: #ffffff;
}

#rechterbuttons .csc-loginform {
	width: 100%;
}

#rechterbuttons .csc-form-fieldcell {
       	color: #ffffff;
    	background: #C4168D url(/fileadmin/site/images/forum/driehoek-licht.png) no-repeat scroll right top;
}

#rechterbuttons .csc-form-fieldcell:hover {
    	background: #651764 url(/fileadmin/site/images/forum/driehoek-donker.png) no-repeat scroll right top;
}    


.knop {
	background: #C4168D;
	height: 18px;
	margin-bottom: 5px;
	padding: 2px;
	padding-left: 5px;
	width: 100%;
	}
	
.loguit input{
	background: none;
	color: #F2ACDF;
	}

#helpdesk {
	background: #0089B4;
	height: 18px;
	margin-bottom: 5px;	
	padding: 2px;
	padding-left: 5px;	
}

#mythen {
	background: #B4A657;
	height: 18px;
	margin-bottom: 5px;	
	padding: 2px;
	padding-left: 5px;	
}

#mythen a, #mythen a:visited{
	text-decoration: none;
	color: #fff;
}


.tx-macinasearchbox-pi1 {
	background: #93D7F8;
	background: #346536;
	height: 22px;
	margin-bottom: 15px;
	padding: 0px;
	padding-left: 2px;	
}

.tx-macinasearchbox-pi1 input{
	width: 100px;
	height: 15px;
	margin-bottom: 3px;
	margin-top: 2px;
	margin-left: 2px;
}

.tx-macinasearchbox-pi1 input.button{
	width: 33px;
	background: #93D7F8;
	background: #346536;
	color: #0089B4;
	color: #fff;


	
}

/* Overlay ////////////////////////////////////////////////////////////////////////*/

#overlay {
        background: #fff no-repeat bottom;
	height: 20px;
	width: 240px;
	z-index: 255;
	position: relative;
	margin-top: 514px;
	left: 660px;
	position: absolute;
}




/* Familiestad ////////////////////////////////////////////////////////////////////////*/

#familiestad {
        background: url(/fileadmin/site/images/familiestad.gif) no-repeat bottom;
	height: 46px;
	width: 194px;
	z-index: 255;
	position: relative;
	margin-top: 500px;
	left: 665px;
	position: absolute;
}


/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer {
	background: #E6EFF8;
	color: #A692A7;
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 4px;
	height: 15px;
	width: 900px;
}

#copyright {
	width: 200px;
	margin-left: 695px;
}

#copyright a, copyright a:visited {
	color: #A692A7;
}





/*
***********************************************************
Title:     Content
Author:    Martin van der Linden - Elegantchaos.nl
***********************************************************
*/

/* Typography////////////////////////////////////////////////////////////////////////////////*/
body { 
	background: url(/fileadmin/site/images/achtergrond.jpg) no-repeat;
        background-size: 100%;
	color: #000;
	font-size: 76%; 
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif; 	
	line-height: 1.3em;
	text-align: center;
	
}

h1 { font-size: 17px; }
h2 { font-size: 17px; }
h3 { font-size: 12px; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1, h2, h3, h4, h5, h6 { 
	border: 0;
	font-weight: bold;
	margin-bottom: 1em;
}

h1, h2 {
	background: none;
	color: #538FB2;
	padding: 1px;
	margin-bottom: 10px;
	padding-left:0px;
	padding-right:6px;

}

#center h2 {
	border-top: 12px solid #E6EFF8;
	color: #000;
	line-height: 19px; 
}

#center .kader h2 {
	border-top: 2px solid #E6EFF8;
	color: #000;
	line-height: 19px; 
}


h1 a,h2 a {
color: #FFF;
}

h3 {
	background: none;
	border-top: 0px solid #FFF;
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1px;
	padding-left:0px;
        margin-bottom: 0px;
        font-szie: 12px;
}

#left h3 {
	background: none;
	border: none;
    	font-size: 0.9em;
	margin-left:0.6em;
    	margin-bottom: 0.3em;
    	color: #6F1967;
    	border-top: 1px;
}

h4 {
	color: #990099;
	margin-bottom: 0.3em;
}

a { color: #990099; text-decoration: none; }
a:hover { text-decoration: underline;}

p { 
	font-size: 1em;
	margin-bottom: 1.3em;
} 

acronym, abbr {
	border-bottom: 1px dotted #000;
	cursor:help;
}

hr {
	clear:both;
	background: #FFF;
	color: #FFF;
	border: 0;
	height: 1px;
}

#content ol, #content ul { 
	list-style:disc;
	margin-left: 1.3em;
	margin-bottom: 1.3em;
	padding-left: 1.3em;
}

#content ol {
	list-style: decimal;
}

/* Buttons links /////////////////////////////////////////////////////////////////////////////////*/

.buttons {
	width: 196px;
	float: left;	
	margin-top: 25px;
}

.button1, .button2, .button3 {
	width: 196px;
	float: left;	
	margin-left: 0px;
	margin-bottom: 5px;
}


.button1 a {
	display:block;
	width: 187px;
	padding:38px 0px 38px 7px;
	font: bold 13px sans-serif;
	color:#333;
	background: url(/fileadmin/site/linkerkolom/gids1.jpg) 0 0 no-repeat;
	text-decoration: none;

}

.button1 a:hover { 
	background-position: 0 -92px;
	color: #049;
}

.button1 a:active {
	background-position: 0 -92px;
	color:#fff;
}

.button2 a {
	display:block;
	width: 187px;
	padding:38px 0px 38px 7px;
	font: bold 13px sans-serif;
	color:#333;
	background: url(/fileadmin/site/linkerkolom/gids2.jpg) 0 0 no-repeat;
	text-decoration: none;

}

.button2 a:hover { 
	background-position: 0 -92px;
	color: #049;
}

.button2 a:active {
	background-position: 0 -92px;
	color:#fff;
}


.button3 a {
	display:block;
	width: 187px;
	padding:38px 0px 38px 7px;
	font: bold 13px sans-serif;
	color:#333;
	background: url(/fileadmin/site/linkerkolom/gids3.jpg) 0 0 no-repeat;
	text-decoration: none;

}

.button3 a:hover { 
	background-position: 0 -92px;
	color: #049;
}

.button3 a:active {
	background-position: 0 -92px;
	color:#fff;
}


/* Design /////////////////////////////////////////////////////////////////////////////////*/

#logo{
	background: url(/fileadmin/site/images/logo.jpg) no-repeat top;
	height: 56px;
	width: 322px;
	left: 0;
	top: 42px;
	position: absolute;
}

#logo a {
	display: block;
	height: 56px;
	width: 322px;
	cursor: pointer;
}



#rss {
	top: 10px;
	right: 5px;
	position: absolute;
}

#rss li { list-style: none; }

#iconbar {
	margin-top: 1.3em;
}

#copy {
	margin-left: 4px;
}

/* Frames /////////////////////////////////////////////////////////////////////////////////*/
.banner {
	border: 1px solid #C6C6C6;
	padding: 6px;
	margin-top: 6px;

}

#main .frame-01, #main .csc-frame-frame1 {
	float: left;
	display: inline;
	padding: 16px;
	padding-top: 4px;
}

#main .frame-01 li, #main .csc-frame-frame1 li  {\
	list-style: none;
	float: left;
	display: inline;
	width: 230px;
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	
}

#main .frame-01 a, #main .csc-frame-frame1 a {

	background: url(../img/arrow-purple.gif) no-repeat left;
	color: #000;
	font-size: 12px;
	line-height: 1.2em;
	padding-left: 20px;
}

.frame-02, .csc-frame-frame2 {
	background: #F3F2F9;
	_border-top: 8px solid #F3F2F9;
	clear: both;
	display: block;
	padding: 8px;
	margin-bottom: 18px;
}

#main .frame-02 a, #main .csc-frame-frame2 a{
	color: #000;
}

#main .frame-02 li, #main .csc-frame-frame2 ul {
	color: #000;

	list-style:disc;
	padding-left: 1.3em;
}

.kader {
	border: 1px solid #0089B4;
	padding: 5px;
	padding-bottom: 0px;
	
}



/* BACKGROUND ////////////////////////////////////////////////////////////////////////////////*/

body { 
        height: 100%;
	margin: 0;
	padding: 0;
}


img#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#frame {
	position:relative;
	z-index:1;
}

/*#linkerkolom {
       background: url(/fileadmin/site/images/huisje.gif) no-repeat top right; 
	padding-top: 50px;
       
}*/

.links_blok {
	background: #93D7F8;
	color: #000;
	font-size: 1em;
			
}

.k2links {
	background: #930040;
	color: #fff;
	margin-bottom: 5px;
	}
	
.k2links H2 {
	margin: 0px;
	margin-left: 12px;
	padding: 2px;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}
	
.k2links-actueel {
	background: #DE0007;
	color: #fff;
	margin-bottom: 5px;
	}	

.k2links-actueel H2 {
	margin: 0px;
	margin-left: 12px;
	padding: 2px;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}	
	

.k2links-film {
	background: #Fff;
	color: #fff;
	margin-bottom: 5px;
	}
	
.k2links-film p {
	text-align: right;
		
	}
	
.k2links-film H2 {
	margin: 0px;
	padding-left: 12px;
	padding: 2px;
	padding-left: 12px;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
	background: #F3B514;
}
	
.k2links-tour {
	background: #AEC800;
	color: #fff;
	margin-bottom: 5px;
	}

.k2links-tour H2 {
	margin: 0px;
	margin-left: 12px;
	padding: 2px;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}

.links_blok p {
	margin: 15px;
	margin-right: 5px;
	margin-top: 8px;
	color: #333;	
	padding: 6px;
	padding-bottom: 10px;
	}

.links_banner {
	margin: 10px;
	margin-top: 5px;	
}
/* MENU ////////////////////////////////////////////////////////////////////////////////*/

/*<![CDATA[*/


/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */


#menu {
	width: 900px;
	position: relative;
	top:101px;
	left:10px;
	z-index: 30;
}

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	margin-right: 10px;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li ul {
	margin-top: -1px;
}


.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
	z-index: 5510;
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */

	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
/*.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
} */
/* -- sticky.submenu.END -- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu, .menu ul li {
	color: #BA6D29;
	background: none;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #929294;
	fomt-weight: bold;
	padding:  1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color:  #783477;
}

.menu li li {	/* create borders around each item */
	border: 0px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}

/*		------   Make-up	--------			*/

#menu {
        font-size: 12px;
        font-weight: normal;
        color: #929294;
         }

#menu li.act a{
      color: #6F0F57;
}

#menu li:hover {
	color: #6F0F57;
}

#menu a {
	text-decoration: none;
	text-align: center;
	color: #929294;
	padding: 4px 5px 5px;
	font-weight: normal;
}

#menu li:hover>a {
	color: #6F0F57;
}

#menu li ul {
	color: #FFFFFF;
	background: #fff;
	border: 1px solid #9ca8b2;
	border-top: 0px;
	width: 150px;
}

#menu li ul a {
	text-align: left;
	color: #425566;
	font-weight: normal;
	width: 140px;		
}

#menu li ul a:hover {
	text-align: left;
	color:  #FFFFFF;
	background: #C3168D;	
	width: 140px;		
}






/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/

/*
li .shadow2,
li .shadow3,
li .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    li .shadow1 {
        background: #F1F0F1;
    }

    li .shadow2 {
        background: #DBDADB;
    }

    li .shadow3 {
        background: #B8B6B8;
    }

    li .container {
        background: #ffffff;
        border: 0px solid #848284;
        padding: 10px;
    }
    

*/


#nav-top3 {
	position: relative;
	top: 99px;
	left: 700px;
}



/* NEWS ////////////////////////////////////////////////////////////////////////////////*/


/* news */
.home-news-item, .news-latest-item, .news-list-item,
.cal-list1-odd, .cal-list1-even {
	border-bottom: 0px dotted #888888;
	border-bottom: 0px dotted #b6b6b6;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	clear: both;
}

.news-list-item {
	margin: 5px;
}

.news-list-item IMG {
		float: right;
}

#main .home-news-item h3, #main .news-latest-item h3, #main .news-list-item h3 {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
padding: 0.3em 0 0.3em 0;
}

.home-news-item p, .news-latest-item p, .news-list-item p {
	margin: 0;
	padding: 0;
}

#main .home-news-item h3 a, #main .news-latest-item h3 a, #main .news-list-item h3 a {
	color: #000;
        font-size: 13px;
        margin-left: -4px;
}

.news-latest-date, .cal-list1-date, .news-latest-nav-title, .news-list-date {
	color: #797981;
	font-size: 1em;
	/*font-weight: bold;*/
}

.news-list-date {
	font-size: 11px;
}

#center .news-latest-image, #center .news-list-image{

	display: inline;
	float:left;
/*
	margin-right: 10px;
	margin-bottom: 6px;
	height: 90px;
	width: 90px;
*/
	position: overflow;
padding-top: 1.8em;
}

.news-single-image {
	display: inline;
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.news-list-date {
	border-bottom: 1px solid #fff;
}

H2 {
margin-left: -4px;
}

/* Powermail////////////////////////////////////////////////////////////////////////////////*/
/*
.tx-powermail-pi1_fieldset {
	display: none;
}
*/
.tx-powermail-pi1_fieldset.active-tab-body {
	display: block;
}

.powermail_multiplejs_tabs{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.powermail_multiplejs_tabs li{
display: inline;
margin: 0;
}

.powermail_multiplejs_tabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.powermail_multiplejs_tabs li a:visited{
color: #2d2b2b;
}

.powermail_multiplejs_tabs li a:hover{
background-color: #DBFF6C;
color: black;
}

.powermail_multiplejs_tabs li a:active{
color: black;
}

/* FElogin////////////////////////////////////////////////////////////////////////////////*/

.tx-felogin-pi1 h3, .tx-felogin-pi1 legend {
      display: none;
}

.tx-sremailsubscribe-pi1 .preview-sysmail .tx-sremailsubscribe-pi1-submit {
    float: left; margin-right:5px; 
}
.tx-sremailsubscribe-pi1 dd.sys-submit{ width:275px; }
.tx-sremailsubscribe-pi1 dd.submtedit{ width:75%; }
.tx-sremailsubscribe-pi1-submit-infomail{ margin-top:5px; }
.tx-sremailsubscribe-pi1 .submit-back {
    margin-left: 5px;
}

.tx-sremailsubscribe-pi1 h4 {
    color: #000000;
    font-size: 14px;
    margin-top: 5px;
    padding-left: 0;
}
.tx-sremailsubscribe-pi1 p{ padding:0; }
.sysmail{ display:none; }
.tx-sremailsubscribe-pi1-submit-infomail{ float:right; }