/* ----------------------------------------------------
   Project: 	blokfluit.org
   Subject: 	general CSS definitions

   (C) 2008 Netklaar.nl, Amsterdam
   ---------------------------------------------------- */

html {height: 100%;}

/* for IE */
/*\*/
* html #wrap {height: 100%;}
/**/

body
{
	margin: 0px;
	padding: 0px;
	/* Need to set body margin and padding to get consistency between browsers. */
	text-align: center;
	/* Hack for IE5/Win */
	background-color: #F9F9F0;
	height: 100%;
}

body, p, td, blockquote, li
{
	color: #757673;
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	line-height: 20px;
}

p, td { margin-bottom: 10px; }

pre
{
	font: 11px monospace;
	line-height: 11px;
	margin: 0;
	padding: 0;
	color: green;
}

a:link,
a:visited
{
	color: black;
	text-decoration: none;
/*	border-bottom: 1px solid transparent;*/
}

a:hover
{
	color: #757673;
/*	border-bottom: 1px solid transparent;*/
}

a:active
{
	color: black;
	text-decoration: none;
/*	border-bottom: 1px solid transparent;*/
}

sup { font-size: 11px; }

/* --- FORM ELEMENTS --------------------------------------------------------------------------- */
input,select,textarea { font-size: 11px; }

fieldset {
	border:medium none;
	margin-bottom:10px;
	position:relative;
	display:block;
	margin-right:0;
	padding:0;

}

div.csc-mailform-field
{
	height:30px;
}

#mailform label {
	float:left;
	text-align:left;
	width:25%;
}

#mailform input {
}

#mailformformtype_mail
{
	clear:both;
}

/* --- HEADERS --------------------------------------------------------------------------------- */
h1, h2, h3, h4 ,h5, h6
{
	font-family: arial, helvetica, sans-serif;
	color: #757673;
}

h1 { font-size: 3em; }

h2
{
	font-size: 18px;
	font-weight: normal;
	margin: 14px 0pt;
}

a h2, a:visited h2
{
	color: #2d4054;
	text-decoration: none;
	border-bottom: none;
}

a:hover h2
{
	color: black;
	text-decoration: none;
	border-bottom: none;
}

a:active h2
{
	color: #2d4054;
	text-decoration: none;
	border-bottom: none;
}


h1,h3
{
	font-size: 1.3em;
	font-weight: bold;
	margin: 18px 0 14px 0;
}

h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

h6
{
	font-size: 13px;
	margin-bottom: 4px;
}

/* --- LISTS ----------------------------------------------------------------------------------- */


ul.recordings
{
	list-style-type: square;
	list-style-position: outside;
	margin: 0px 0px 0px 40px;
	padding: 0;
}

ul.recordings li
{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#footerul {
	display:block;
	float:right;
	list-style-type:none;
	position:relative;
}

#footerul li
{
	display: inline;
	padding: 0 6px 0 6px;
	border-right: 1px #757673 solid;
}

#footerul li.last
{
	border-right: none;
}

/*
ul li ul
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 0px 10px;
}

ol
{
	list-style-position: outside;
	margin: 10px 0px 0px 40px;
	padding: 0;
}

blockquote { margin: 0px 0px 0px 23px; }
*/

/* --- TABLES ---------------------------------------------------------------------------------- */
table
{
	border: 0px;

}
td, th { font-size: 11px; }
th { font-weight: bold; }

td.default-layout
{
	color: black;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	background-color: #C2D4E4;
	border-right: 1px solid #DEE7EF;
	border-bottom: 1px solid #DEE7EF;
}

td#table-box-main-menu-1
{
	padding-bottom:50px;
}

table.odd {
	background-color:#d6d4c0;
}

table.odd,
table.even
{
	width: 100%;
}

.tx-pilmailform-pi1 table h3
{
	color:#92886D;
}

input.inputtext
{
	width:200px;
}

td input.small
{
	width:100px;
}

span.required
{
	color: #92886D;
	font-style: italic;
	margin-left:3px;
}

td.red,
span.red
{
	color:#ac0202;
}

.goldtext
{
	color: #92886D;
	font-style: italic;
}
/* --- IMAGES --------------------------------------------------------------------------- */
img#bg-modern
{
	position: absolute;
	top: 0px;
	left: 1px;
	width: 376px;
	height: 393px;
	z-index: -9;
}

img#bg-historical
{
	position: absolute;
	top: 0px;
	left: 376px;
	width: 376px;
	height: 393px;
	z-index: -8;
}

img#bg-qs-modern
{
	position: absolute;
	top: 0px;
	left: 1px;
	width: 377px;
	height: 50px;
	z-index: 0;
}

img#bg-qs-hist
{
	position: absolute;
	top: 0px;
	left: 379px;
	width: 377px;
	height: 50px;
	z-index: 0;
}

img#main-header
{
	position: relative;
	top: 0px;
	width: 750px;
	height: 121px;
	z-index: 2;
	float: left;
}

img#main-logo
{
	position: absolute;
	top: 30px;
	width: 306px;
	height: 31px;
	z-index: 3;
	float: right;
	padding: 0 10px 0 10px;
}

img#main-lock-closed
{
	position: relative;
	top: 0px;
	width: 26px;
	height: 45px;
	z-index: 3;
	display: inline;
}

img#contentheight
{
	position: relative;
	top: 0px;
	width: 1px;
	height: 500px;
	z-index: 5;
	display: inline;
	right: 0px;
	float: right;
}

/* --- BOXES HOME--------------------------------------------------------------------------- */
#spacer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 100%;
}

/*
#spacer {
	height:99%;
	float:left;
	width:1px;
	font-size: 1px;  to make sure width is not overridden
	padding: 0;
	margin: 0;
}
*/

#box-horizontal-banner-home
{
	position: absolute;
	top: 299px;
	left: 0px;
	width: 100%;
	height: 200px;
	z-index: 0;
	background-color: #E7E8E3;
}

#box-bg-home
{
	position: relative;
	z-index: 1;
	top: 106px;
	width: 758px;
	/*	width: 800px;*/
	background-image: url(/fileadmin/images/algemeen/bg_total.jpg);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	margin: 0px auto;
}

/*
#box-loginsection-home
{
	position: relative;
	top: 0px;
	height: 193px;
	margin: 0px auto;
	z-index: 2;
	float: left;
	border:1px solid red;
}
*/
#box-login-container
{
	position: relative;
	top: 0px;
	height: 193px;
	z-index: 2;
	text-align: left;
	float: left;
	padding: 0px 15px 15px 15px;
}

.loginboxinput
{
	width:100px;
}

#box-wachtwoord
{
	position: relative;
	top: 20px;
	width: 250px;
	height: 250px;
	margin: 0px auto;
	z-index: 1;
	background-image: url(/fileadmin/images/algemeen/bg_modern.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #2D1D0F;
}

#box-wachtwoord a:link,
#box-wachtwoord a:active,
#box-wachtwoord a:visited
{
	color: #2D1D0F;
	text-decoration: underline;
}

#box-wachtwoord a:hover
{
	color: #2D1D0F;
	text-decoration: none;
}



#box-login-labels p.bodytext
{
	margin:0;
}

#box-login-labels
{
	position: relative;
	top: 0px;
	width: 355px;
	height: 93px;
	z-index: 4;
	text-align: left;
	padding: 15px 0px 0px 0px;
	line-height: 20px;
	letter-spacing: 1px;
	color: #757673;
}

#box-login-labels a, #box-login-labels a:active, #box-login-labels a:visited
{
	text-decoration: underline;
}

#box-login-input
{
	position: absolute;
	top: 16px;
	left: 80px;
	width: 280px;
	height: 93px;
	z-index: 4;
	text-align: left;
	padding: 15px 0px 0px 0px;
}

#box-enter-modern
{
	position: absolute;
	top: 119px;
	left: 0px;
	width: 376px;
	height: 83px;
	z-index: 5;
	display: inline;
}

#box-enter-historical
{
	position: absolute;
	top: 119px;
	left: 376px;
	width: 382px;
	height: 83px;
	z-index: 5;
	display: inline;
}

#box-vertical-spacer {
	clear:both;
}

#box-quicksearch
{
	position: relative;
	z-index: 10;
	width: 758px;
	color: #fff;
	letter-spacing: 1px;
	text-align: left;
	display: table;
	clear:both;
}

#box-qs-modern
{
	width: 350px;
	height: 50px;
	padding: 0px 0px 0px 15px;
	/*
	margin: 190px 0px 0px 0px;
	position: relative;
	z-index: 7;
	top: 500px;
	clear: both;
	*/
	float:left;
}

#box-qs-hist
{
	width: 350px;
	height: 50px;
	padding: 0px 15px 0px 15px;
	/*
	margin: 190px 0px 0px 0px;
	position: absolute;
	top: 0px;
	z-index: 7;
	left: 378px;

	*/
	float:right;
}

#box-announcements-header
{
	width: 748px;
	margin: 20px 0px 0px 10px;
	text-align: left;
	line-height: 13px;
	letter-spacing: 1px;
}

#box-announcements-container
{
	width: 758px;
	padding: 0px 0px 20px 10px;
	text-align: left;
	line-height: 13px;
	letter-spacing: 1px;
	/*
	position: relative;
	z-index: 11;
	top: 480px;
	margin: 0px auto;

*/
	clear:both;
}

#box-announcements-container a, #box-announcements-container a:visited
{
	color: #2D1D0F;
	text-decoration: none;
}

#box-announcements-container a:hover
{
	color: #757673;
	text-decoration: none;
}

#box-announcements-container a:active
{
	color: #2D1D0F;
	text-decoration: none;
}

#box-announcements-icon
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 58px;
	height: 35px;
	z-index: 13;
	display: inline;
}

#box-announcements-text
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 600px;
	height: 35px;
	z-index: 13;
	text-align: left;
	color: #2D1D0F;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: bold;
	display: inline;
	vertical-align: 13px;
}

#box-announcements-left
{
	width: 350px;
	padding: 0px 0px 0px 10px;
	/*
	position: absolute;
	top: 45px;
	left: 0px;
	z-index: 13;
	height: auto;
	display: inline-table;

*/
	float: left;
}

#box-announcements-right
{
	width: 350px;
	margin: 0px 20px 0px 0px;
/*
	position: absolute;
	top: 45px;
	left: 380px;
	z-index: 13;
	height: auto;

*/
	float: right;
}

#box-announcements-1
{
	width: inherit;
	/*
	top: 10px;
	left: 0px;
	position: relative;
	z-index: 13;
	height: auto;
*/
	margin: 10px 0 10px 0;
}

#box-announcements-2
{
	width: inherit;
/*
	top: 15px;
	left: 0px;
	position: relative;
	z-index: 13;
	height: auto;
*/
}

#box-announcements-3
{
	width: inherit;
	margin: 10px 0 10px 0;
}

#box-announcements-4
{
	width: inherit;
}

#box-footer-menu
{
	width: 758px;
	height: 40px;
	margin: 0px auto 10px auto;
	text-align: right;
	padding: 0 20px 0 0px;
	letter-spacing: 1px;
	clear: both;
}


/* --- BOXES MAIN TEMPLATE--------------------------------------------------------------------------- */
#box-main-horizontal-banner
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	height: 200px;
	z-index: -10;
	background-color: #E7E8E3;
}

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


#box-main
{
	position: relative;
	top: 0px;
	width: 750px;
	height: 100%;
	margin: 0px auto;
	z-index: 1;
	text-align: left;
	vertical-align: middle;
}

#box-main a:hover { color: black; }

#box-main-menu
{
	position: relative;
	top: 0px;
	width: 200px;
	height: 400px;
	z-index: 2;
	float: left;
	display: inline;
}

#table-box-main-menu
{
/*	top: 0px;
	display: inline;
	width: inherit;
	float: left;
*/
	position: relative;
	z-index: 1;
}


#box-main-content
{
	position: relative;
	top: 0px;
	width: 475px;
	z-index: 3;
	float: left;
	background-color: #EEECE3;
	padding: 0px 25px 25px 25px;
	display: inline;
	text-align: left;
	vertical-align: top;
}

#table-box-main-content
{
	position: relative;
	top: 0px;
	z-index: 3;
	float: left;
	background-color: #EEECE3;
	padding: 0px 10px 20px 5px;
	width:530px;
}

#box-content
{
	position: relative;
	top: 0px;
	width: 400px;
	z-index: 4;
	float: left;
	background-color: #EEECE3;
	padding: 0px 50px 25px 25px;
/*	display: inline;*/
}

#box-main-menu-1
{
	height: 260px;
	width: 200px;
	vertical-align: top;
}

#box-main-menu-2
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
}

#box-main-menu-3
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
}

#box-main-menu-4
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
	background-color: #8E8B73;
}

#table-box-main-menu-1
{
	/*	height: inherit;
	vertical-align: top;
	width: inherit;
	float:left;
*/
	position:relative;
	z-index:1;
}

#table-box-main-menu-2
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
	position:relative;
	z-index:1;
}

#table-box-main-menu-3
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
	position:relative;
	z-index:1;
}

#table-box-main-menu-4
{
	height: 45px;
	border-top: 3px solid #F9F9F0;
	background-color: #8E8B73;
	position:relative;
	z-index:1;
}

#googlesearchbox
{
	display:none;
	border-color: #D3D0C7;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 3px 0px;
	position:relative;
	z-index:1;
}

#googleadsense
{
	position:relative;
	z-index:1;
	float:left;
}

#box-main-footer
{
	width: 100%;
	height: auto;
	margin: 0px auto auto auto;
	z-index: 13;
	text-align: right;
	padding: 0 20px 0 0px;
	letter-spacing: 1px;
}


/* --- MENU DEFINITIONS ------------------------------------------------------------------*/

ul.ul-menu
{
	/*
	color: #FFFFFF;
	letter-spacing: 2px;
*/
	padding: 0 0 0 10px;
	margin: 0;
	font-weight: bold;
	list-style-type: none;
	list-style-position: default;
	display:block;
}

li.menu-level-0 a,
li.menu-level-0 a:active,
li.menu-level-0 a:visited
{
	height: 45px;
	width: inherit;
/*	vertical-align: middle;
*/
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 1px;
	color: #ffffff;
	padding: 0 0 0 10px;
	display: block;
	text-decoration: none;
}

li.menu-level-0 a:hover
{
	color: #b2ab8c;
	text-decoration: none;
}

li.menu-level-0-act a,
li.menu-level-0-act a:active,
li.menu-level-0-act a:visited
{
	height: 45px;
	width: inherit;
	vertical-align: middle;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 1px;
	color: #ffffff;
	padding: 0 0 0 10px;
	display: block;
	text-decoration: none;
}

li.menu-level-0-act a:hover
{
	color: #b2ab8c;
	text-decoration: none;
}

li.menu-level-1,
li.menu-level-1 a,
li.menu-level-1 a:active,
li.menu-level-1 a:visited
{
	height: 25px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 1px;
	color: #fff;
	padding: 0 0 0 10px;
	display: block;
	text-decoration: none;
}

li.menu-level-1 a:hover
{
	color: #b2ab8c;
	text-decoration: none;
}

li.menu-level-1-act a,
li.menu-level-1-act a:active,
li.menu-level-1-act a:visited,
li.menu-level-1-act a:hover
{
	height: 25px;
	vertical-align: middle;
	font-size: 12px;
	line-height: 25px;
	letter-spacing: 1px;
	color: #b2ab8c;
	padding: 0 0 0 10px;
	display: block;
	text-decoration: none;
}

li.menu-level-2 a,
li.menu-level-2 a:active,
li.menu-level-2 a:visited
{
	height: 22px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #fff;
	padding: 0 0 0 35px;
	display: block;
	text-decoration: none;
}

li.menu-level-2 a:hover
{
	color: #b2ab8c;
	text-decoration: none;
}

li.menu-level-2-act a,
li.menu-level-2-act a:active,
li.menu-level-2-act a:visited,
li.menu-level-2-act a:hover
{
	height: 22px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #B2AB8C;
	padding: 0 0 0 35px;
	display: block;
	text-decoration: none;
	font-style: italic;
}

a.menu-login-icon a,
a.menu-login-icon a:active,
a.menu-login-icon a:visited,
a.menu-login-icon a:hover
{
	position: relative;
	width: 16px;
	height: 45px;
	z-index: 3;
	display: inline;
	border-color: aqua;
	border-width: 1px;
	border-style: dotted;
	float:left;
}

a.menu-login-text,
a.menu-login-text a,
a.menu-login-text a:active,
a.menu-login-text a:visited
{
	position: absolute;
	height: 45px;
	width: 100%;
	font-size: 14px;
	line-height: 45px;
	letter-spacing: 1px;
	z-index: 3;
	display: inline;
	text-align: left;
	color: #fff;
	vertical-align: 18px;
}

a.menu-login-text a:hover { color: #B2AB8C; }







/* --- TEXT DEFINITIONS GENERAL------------------------------------------------------------------*/
.bodytext
{
	color: #757673;
	font-size: 11px;
	line-height: 20px;
}

.alineatext
{
	line-height: 12px;
	margin: 3px 0 0 0;
}

/*
.bodytext a:link,
.bodytext a:visited
{
	color: #2D1D0F;
	text-decoration: none;
}

.bodytext a:hover { color: #757673; }

.bodytext a:active
{
	color: #2D1D0F;
	text-decoration: none;
}
*/

.resulttable tr td p
{
	color: #757673;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.resulttable a, .resulttable a:visited {
	color:#AC0202;
	text-decoration:underline;
}

.resulttable table
{
	float:left;
	clear:both;
}

td.resultspecs
{
	color: #757673;
	text-align: center;
}

tr.resulttitlerow td
{
	color: #757673;
	font-weight: bolder;
}


td.resultlabel
{
	font-weight: bold;
	vertical-align: top;
/*	line-height: 12px;*/
}

td.resultlabelsection
{
	font-weight: bold;
	font-size: 12px;
	padding: 2px 2px 5px 2px;
	color: #92886D;
}

td.browseabc
{
	text-align: center;
}


	

button#criteria
{
	background-color: #D6D4C0;
	text-align: center;
	vertical-align: middle;
}

img.sheetimage
{
	position: relative;
	top: 0px;
	right: 60px;
	width: 200px;
	float: right;
	display: inline;
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	margin: 7px 0px 10px 0px;
}

.tx-nkblokfluit-pi1 img
{
	border-style: solid;
	border-color: #000;
	border-width: 1px;
}

a img.alfaletter {
	border:0 none;	
	width:15px;
	height:17px;
}

a.goldlink:link,
a.goldlink:visited
{
	color: #92886D;
	text-decoration: none;
}

a.goldlink:hover
{
	color: #757673;
	text-decoration: none;
}

a.goldlink:active
{
	color: #92886D;
	text-decoration: none;
}

.red_alert_box
{
	color: #AC0202;
	border-style: solid;
	border-color: #D6D4C0 #FFF #FFF #D6D4C0;
	border-width: 1px;
	padding: 5px;
	background-color: #E7E8E3;
}

.green_text
{
	color: #886700;

}

p.loginorregister
{
	position: relative;
	font-size: 11px;
	height: 45px;
	text-align: center;
	margin-top: 100px;
	clear: both;
	border-color: transparent;
	border-width: 0px;
}

p.loginorregister a
{
	color: #92886D;
	text-decoration: underline;
}

p.loginorregister a:hover
{
	color: #757673;
	text-decoration: none;
}


table.csc-loginform td p
{
	padding:0;
	margin:0;
}

.tx-srfeuserregister-pi1 dd
{
	margin-left:0;
}

p.tx-srfeuserregister-pi1-error
{
	color:#ac0202;
}