@charset "utf-8";
/* CSS Document */

/******************/
/* Content Layout */
/******************/
#container {
	margin-top:8px;
	/*border:1px red solid;
	background-color:black; */
}
#nav {
	margin-bottom: 1px;
}
#header { display:none;
}
#header-elements {
/* position:relative; */ /* uncomment to reposition vertically */
	/* top:160px; */ /* uncomment to reposition vertically */
}
#header-graphic img {
	border-width: 0px;
	display:none;
}

#content /*colmask*/ {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;	/* width of whole page */	
	overflow:hidden;
	background-color:#FF0099;
	border:#FFFFFF 1px solid;
}

#right-column-fix /*colleft*/{
	float:left;
	width:100%;
	position:relative;
	/*right:79%;			right column width */
	right:749px;	
	border-right:#FFFFFF 1px solid;
	background-color:#FF9933;
}

#left-column {
	float:left;
	position:relative;
	overflow:hidden;
	width:198px;		/* left column content width (column width minus left and right padding) */
	left:79%;		/* 100% plus left column left padding */
	background-image: url(../images/koot_oranje.gif);
	background-position: top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	min-height:670px;
}

.left-content {
}
#center-column {
}
.center-content {
}
#right-column-navigation {
	float:left;
	position:relative;
	padding-bottom:1em;
	width:77%;		/* right column content width */
	left:78%;		/* 100% plus left column left padding */
}

#right-column {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	width:76%;			/* right column content width */
	left:79%;			/* 100% plus left column left padding */
}
.right-content {
}
#footer {
	height:30px;
	background-color:#7E7F83;
}
#footer p {
	margin:8px 0px 0px 6px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}
#footer a {
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
}
#footer a:hover {
	color:#FFFFFF;
}
#bottom-nav {
	height:50px;
	padding-top:10px;
	background-color:#7E7F83;
}
#bottom-nav, #bottom-nav a {
	font-size:10px;
	font-weight: normal;
}
#bottom-nav ul li {
	list-style:none;
	display:inline;
}
/***************************************/
/* Interior Content Elements and Forms */
/***************************************/
#search {
	margin-top:0px;
	margin-left:150px;
	z-index:10000;
	position:relative;
	width:180px;
	float:left;
	display:block;
}
#search input {
	vertical-align:middle;
}
#search input.searchfield {
	width:136px;
	color:#555;
	font-size:11px;
	padding:2px;
	margin-left:0px;
	border:1px solid #ccc;
}
#search input.searchimage {
	border:0;
	margin-left:-24px;
	position:relative;
	z-index:10000;
	float: none;
}
#advsearch-link {
	margin-left:0px;
	letter-spacing:-0.1px;
}
#advsearch-link a {
	font-weight:normal;
	text-decoration:none;
}
#member-welcome {
	font-weight:bold;
}
#member-links {
	z-index:10000;
	position:relative;
	float:right;
	top:8px;
	right:0px;
	border:0px solid red;
}
#member-links ul li {
	list-style:none;
	display:inline;
}
#member-links li {
	float:left;
}
#member-links a {
}
#member-links input {
	color:#008BCE;
	background-color:transparent;
	border:0px solid transparent;
	margin:0px;
}
#member-links input:hover {
	background-color:transparent;
	color:#ff8700;
}
.pipe {
	background:url(../images/pipe.gif) center right;
	background-repeat:no-repeat;
	padding:0px 8px 2px 8px;
}
.pipe-l {
	background:url(../images/pipe.gif) center left;
	background-repeat:no-repeat;
	padding:0px 8px 2px 8px;
}
.no-pipe {
	padding:0px 8px 0px 8px;
}
/***************************************************************/
/* Content navigation bar (Breadcrumb, Print and Tip-a-Friend) */
/***************************************************************/
#content-navigation {
	text-align:left;
	width:980px;
	vertical-align:bottom;
	font-weight:normal;
	border-top:1px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	margin:8px,0px,0px,8px;
	padding-top:4px;
}
#content-navigation img {
	margin:0;
	padding-left:4px;
	padding-top:2px;
	vertical-align:top;
}
#content-navigation a {
	padding-right:4px;
	text-decoration:none;
	font-weight: normal;
}
#breadcrumb {
	float: left;
}
#print, #tipafriend, #pdf {
	float:right;
}
/****************************/
/* Vertical navigation menu */
/****************************/
#vertnav-title {
}
#vertnav-menu {
	margin-bottom: 12px;
}
.vertnav1 a {
	margin:0px;
	width:200px;
	display:block;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	color: #FFFFFF;
}
.vertnav1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.vertnav1-act a, .vertnav1-act a:hover {
	margin:0px;
	width:200px;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.vertnav2 a {
	margin:0px;
	width:180px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color: #FFFFFF;
}
.vertnav2 a:hover {
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}
.vertnav2-act a, .vertnav2-act a:hover {
	margin:0px;
	width:190px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/nav-arrow-act.gif) 10px 8px no-repeat;
	color:#FFFFFF;
}
.vertnav3 a {
	margin:0px;
	width:170px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/vbullet.gif) 20px 9px no-repeat;
	color: #FFFFFF;
}
.vertnav3 a:hover {
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}
.vertnav3-act a, .vertnav3-act a:hover {
	margin:0px;
	width:180px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#FFFFFF;
}
.vertnav4 a {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:160px;
	color: #FFFFFF;
}
.vertnav4 a:hover {
	background-color:#f5f5f5;
	/*silver*/
	color:#FFFFFF;
	text-decoration:none;
}
.vertnav4-act a, .vertnav4-act a:hover {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	background-color:#f5f5f5;
	/*silver*/
	color:#FFFFFF;
}
/***********************/
/* Page Content Frames */
/***********************/
/* Frame 1 */
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 {
	clear:both;
	height:1%;
	background-color:#f5f5f5;
	color:#008BCE;
	padding:2px 6px;
}
DIV.csc-frame-frame1 {
	background-color:#fff;
	border:0px solid #ccc;
	padding:2px;
	margin:0px 0px 12px 0px;
}
DIV.csc-frame-frame1 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 2 */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 {
	clear:both;
	height:1%;
	background-color:#fff;
	color:#333;
	padding:2px 6px;
}
DIV.csc-frame-frame2 {
	padding:0px 0px 10px 0px;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	margin-bottom:10px;
	font-size:12px;
}
DIV.contentframe3 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 3 */
/* See root (pid=1) Typoscript template and page TS to add new styles */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 {
	clear:both;
	height:1%;
	background-color:#008BCE;
	clear:left;
	color:#fff;
	padding:2px 6px;
}
DIV.contentframe3 {
	background-color:#fff;
	border:0px solid #ccc;
	padding:0px;
	margin:0px 0px 18px 0px;
}
DIV.contentframe3 p {
	color:#000;
	padding: 0px 6px;
}
/* Center Mini Calendar */
DIV.center-mini-calendar {
	margin:0 auto;
	text-align:center;
	width: 200px;
}

/**********/
/* Images */
/**********/

/* Captions */
 DIV.csc-textpic-caption-c .csc-textpic-caption {
	font-size:9px;
	color:#000;
	letter-spacing:1px;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
	font-size:9px;
	color:#000;
	letter-spacing:1px;
}
DIV.csc-textpic-caption-l .csc-textpic-caption {
	font-size:9px;
	color:#000;
	letter-spacing:1px;
}
/* Header date */ 
P.csc-header-date {
	font-size:10px;
	color:#555;
}
/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons {
	position:relative;
	z-index:10000;
	vertical-align: middle;
	margin: 0px 2px 0px 2px;
}
/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel {
	border: 1px solid black;
	background-color: #F6F2E6;
	z-index:10000;
}
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD {
	z-index:10000;
	background-color: #9BA1A8;
}
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD {
	background-color: #ABBBB4;
}
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD {
	border: 0px;
}
TABLE.typo3-adminPanel TD FONT {
	font-family: verdana;
	font-size: 10px;
	color: black;
}
TABLE.typo3-adminPanel TD A FONT {
	font-family: verdana;
	font-size: 10px;
	color: black;
}
TABLE.typo3-editPanel {
	position:relative;
	z-index:10000;
	border: 1px solid black;
	background-color: #F6F2E6;
}
TABLE.typo3-editPanel TD {
	border: 0px;
}
/*************************/
/* Extension Styles */
/*************************/
.tx-felogin-pi1 .submit, .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
	padding:4px;
	width:130px;
	margin-top:8px;
	font-weight: bold;
}



/*KDV paars licht*/
.i597,.i598,.i599,.i581,.i582,.i583,.i584,.i585,.i586,.i587,.i222,.i223,.i224,.i225,.i226,.i295,.i227,.i228,.i229,.i230,.i231,.i232,.i233,.i234,.i235,.i236,.i237,.i238,.i239,.i240,.i241,.i242,.i243,.i244,.i245,.i246,.i247 {background: #A54399; /* licht paars */}
/*paars donkerder hover*/
a:hover.i597,a:hover.i598,a:hover.i599,a:hover.i581,a:hover.i582,a:hover.i583,a:hover.i584,a:hover.i585,a:hover.i586,a:hover.i587,a:hover.i222,a:hover.i223,a:hover.i224,a:hover.i225,a:hover.i226,a:hover.i295,a:hover.i227,a:hover.i228,a:hover.i229,a:hover.i230,a:hover.i231,a:hover.i232,a:hover.i233,a:hover.i234,a:hover.i235,a:hover.i236,a:hover.i237,a:hover.i238,a:hover.i239,a:hover.i240,a:hover.i241,a:hover.i242,a:hover.i243,a:hover.i244,a:hover.i245,a:hover.i246,a:hover.i247 {background: #6353A3;color:#ffffFF;text-decoration: none;}

/*PSZ blauw licht */
.i588,.i589,.i590,.i591,.i273,.i219,.i263,.i220,.i221,.i286,.i285,.i284,.i283,.i282,.i281,.i280,.i279,.i278,.i277,.i276,.i275,.i274,.i262,.i268,.i267,.i266, .i265,.i264,.i269,.i271 {background: #00AEEF;}
/*blauw donkerder hover*/
a:hover.i588,a:hover.i589,a:hover.i590,a:hover.i591,a:hover.i273,a:hover.i219,a:hover.i263,a:hover.i220,a:hover.i221,a:hover.i286,a:hover.i285,a:hover.i284,a:hover.i283,a:hover.i282,a:hover.i281,a:hover.i280,a:hover.i279,a:hover.i278,a:hover.i277,a:hover.i276,a:hover.i275,a:hover.i274,a:hover.i262,a:hover.i268,a:hover.i267,a:hover.i266,a:hover.i265,a:hover.i264,a:hover.i269,a:hover.i271 {background:#3D93D0;color: #ffffFF;text-decoration: none;}

/*BSO groen licht*/
.i784,.i521,.i523,.i525,.i526,.i527,.i529,.i531,.i532,.i533,.i534,.i519,.i562,.i592,.i593,.i594,.i595,.i596,.i248,.i287,.i289,.i215,.i216,.i261,.i260,.i259,.i258,.i257,.i256,.i255,.i254,.i253,.i252,.i251,.i250,.i249,.i288,.i294,.i293,.i292,.i291,.i290,.i270,.i272 {background: #CADB2A;}
/*groen donkerder hover*/
a:hover.i784,a:hover.i521,a:hover.i523,a:hover.i525,a:hover.i526,a:hover.i527,a:hover.i529,a:hover.i531,a:hover.i532,a:hover.i533,a:hover.i534,a:hover.i519,a:hover.i562,a:hover.i592,a:hover.i593,a:hover.i594,a:hover.i595,a:hover.i596,a:hover.i296,a:hover.i248,a:hover.i287,a:hover.i289,a:hover.i215,a:hover.i216,a:hover.i261,a:hover.i260,a:hover.i259,a:hover.i258,a:hover.i257,a:hover.i256,a:hover.i255,a:hover.i254,a:hover.i253,a:hover.i252,a:hover.i251,a:hover.i250,a:hover.i249,a:hover.i288,a:hover.i294,a:hover.i293,a:hover.i292,a:hover.i291,a:hover.i290,a:hover.i270,a:hover.i272 {background: #A1CD3A;color:#ffffFF;text-decoration: none;}	

/*BSO donkerblauw licht*/
.i822,.i823, {background: #292873;}
/*donkerblauw lichter hover*/
a:hover.i822, a:hover.i823 {background: #293999;color:#ffffFF;text-decoration: none;}