/* 


					  DO NOT EDIT THIS FILE
			
					DIT BESTAND NIET WIJZIGEN

tenzij je de wijzigingen doorgeeft aan webcie@hchouten.nl. Van daar uit wordt
deze CSS beheerd.


2009-09-16 mruys: velerlei wijzigingen t.b.v. oplevering site
2009-09-17 mruys: hoofdmenu op vaste positie geplaatst
2009-09-17 mruys: betere witruimte kaders linker kolom
2009-09-17 mruys: rechter kolom een pixel smaller
2009-09-17 mruys: login knop strakker
2009-09-17 mruys: a:hover rood maken
2009-09-22 mruys: error box strakker
2010-03-09 mruys: fixeer breedte plaatjes in de menu-balk op 180px
2010-03-17 mruys: banners linker kolom dichter op elkaar gezet
2010-04-16 mruys: content deel pagina vaste witruimte geven + layout H1 met rood lijntje
2010-10-24 mruys: regnotification van layout voorzien (was eerst hard-coded HTML)
2010-11-11 mruys: design search box
2011-08-19 mruys: <dl> style toegevoegd om weer te geven in tabel lay-out
2011-08-22 mruys: ongedaan maken 'fixeer breedte plaatjes in de menu-balk op 180px' ipv Twitter client
*/

html, body 
{
	height: 100%; 
	padding: 0px;
	margin: 0px;
}

body, table, td, input, select
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

body
{
	background: #FFFFFF;
}	

A:link, A:visited, A:active
{
	color: #39713f;
	text-decoration: none; 
}

A:hover
{
	color: #e22424; 
	text-decoration: none;
}

img
{ 
	border: none; 
}

#wrapper
{
	width: 950px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#site
{
	width: 950px;
}

.clr
{
	clear: both;
}

.hh 
{ 
	font-size: 10px;
	padding: 0;
	margin: 0;
}

.spacer
{
	width: 957px;
	height: 10px;
	background: none;
}

/******************************************************************************
*
*						Opmaak error.
*
******************************************************************************/

#errormessage, #regnotification
{
	color:			#FF4444;
	margin:			10px 0px;
	font-weight:	bold;
	font-size:		120%;
}

#errormessage_container
{
	text-align:		center;	
}

/******************************************************************************
*
*						Hoofdonderdelen site.
*
******************************************************************************/



#main_400_container
{
	float:				left;
	background:			#FFFFFF;
	width:				535px;
	text-align:			left;
	min-height: 590px;  /* Mozilla */
    height: expression(this.width > 640 ? 640: true); /* IE */
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px 10px;
}

#main_400_container table
{
	text-align: left;
}

#main_400_container img
{
	max-width: 530px;  /* Mozilla */
    width: expression(this.width > 530 ? 530: true); /* IE */
}

#main_200_container
{
	width: 200px;
	float: right;
	color: #FFFFFF;
}

#main_600_container
{
	float:				left;
	width:				748px;
	text-align:			left;
	background:			#FFFFFF;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-left: 10px;
	margin-top: 10px;
	min-height: 600px;  /* Mozilla */
    height: expression(this.width > 650 ? 650: true); /* IE */
}

#main_600_container table
{
	text-align: left;
}

#main_600_container img
{
	max-width: 700px;  /* Mozilla */
    width: expression(this.width > 700 ? 700: true); /* IE */
}

#header 
{
	width: 950px;
	height: 150px;
	text-align: left;
	position: relative;
}

#header h1
{
	color:#e22424;
	font-size:20px;
	padding-left:130px;
}

#wrapper #header #rotator
{
	width: 500px;
	height: 40px;
	position: absolute;
	left:159px;
	top:68px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
}

.container
{
	width: 1000px;
	height: 150px;
}

.headerimg1
{
	background: url('/files/library/header/header1.jpg') no-repeat;
}

.headerimg2
{
	background: url('/files/library/header/header2.jpg') no-repeat;
}

.clublogo
{
	display: none;
}
	
#leftmenu_container
{
	width: 180px;
	float: left;
	text-align:	left;
}

#topmenu
{
	width: 807px;
	height: 32px;
	text-align: left;
	overflow: hidden;
	clear: both;
	position: absolute;
	left: 122px;
	top: 116px;
}

#topmenu ul
{
	display:inline;
	list-style:none;

}

#topmenu li
{
	display: inline;
	padding-right: 5px;
}

#topmenu a
{
	font-size: 1.5em;
}

#topmenu a:hover
{
	color: #e22424;
}

#topmenu a.active 
{
	color: #e22424;
}

.inlog
{
	float: right;
	height: 90px;
	z-index: 1;
}

/******************************************************************************
*
*						Block
*
*****************************************************************************/

#sponsor1
{
	width: 170px;
	height: 130px;
	position: absolute;
	left:15px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
}


#sponsor2
{
	width: 170px;
	height: 130px;
	position: absolute;
	left:15px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
}

#sponsor3
{
	width: 170px;
	height: 130px;
	position: absolute;
	top:0px;
	left: 15px;
	z-index:5;
	float: left;
	display: inline;
	color:#ffffff;
	overflow: hidden;
}



.blockzonderheader
{
	border-style: solid solid none solid;
	border-color: #ccc;
	border-width: 1px;
	margin-top: 10px;
}

.blockzonderheader h3
{
	margin: 10px 10px 0 10px;
}

.blockzonder form
{
	margin: 0;
}

.blockzonder
{
	border-style: none solid solid solid;
	border-color: #ccc;
	border-width: 1px;
	padding: 10px;
	color: #000;	
	text-align: left;	
}

.blockzonder hr
{
	width: 198px;
	border: 3px solid #0062A0;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;

}

.blockzonder strong
{
	color: #000;
}

.blockzonder table
{
	color: #000;
	text-align: left;
}

.blockzonder table
{
	color: #000;
	text-align: left;
}

.blockzonder a
{
	color: #000;
}

.blockzonder a:hover
{
	color: #000;
	text-decoration: underline;


}	
.blockzonder a:visited
{
	color: #000;
}

.blockzonder h3
{
	color: #535354;
	font: 1.3em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 8px;
}

.blockheader
{
	border: 1px solid #ccc;
	border-bottom:none;
	margin-top: 10px;
	margin-left:10px;
	
}

.blockheader h3
{
	color: #000;
	font-size: 14px;
}

.block
{
	height:130px;
	color: #000000;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-left:10px;
	position:relative;
}
.blocksponsor
{
	width:153px;
	margin-left:13px;
	margin-top:20px;
}

.block a
{
	color: #000000;
}

.block a:hover
{
	color: #000000;
}

.block a:visited
{
	color: #000000;
}

.block table
{
	width: 160px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.block td
{
	color: #000000;
}

.menu ul li.special
{
	font-size:15px;
	font-weight:bold;
}
.hoofditem
{
	width: 160px;
	height: 18px;
	padding-top: 6px;
	margin-left: 5px;
	padding-left:5px;
	list-style: none;
	color: #39713f;
	font-size: 12px;

}
.hoofditemactive
{
	width: 160px;
	height: 18px;
	padding-top: 6px;
	margin-left: 5px;
	padding-left:5px;
	list-style: none;
	color: 000;
	font-size: 12px;
}

.hoofditem:hover
{
	padding-left:7px;
}

.hoofditem a
{
	font-size: 12px;
}

.hoofditemactive a
{
	font-size: 12px;
	color:#e22424;
}

.hoofditem a:hover
{
	font-size: 12px;
	padding-left: 2px;
	color: #e22424;
}

.menu a.active 
{
	color: #e22424;
}

.hoofitem_content
{
	width: 160px;
	padding-top: 6px;
	margin-left:10px;
	list-style: none;
	color: #FFFFFF;
	display: none;
	overflow:hidden;
}

.hoofitem_content ul
{
	padding: 0px;
	margin: 0px;
	padding-bottom: 4px;
	list-style: none;
}

.hoofitem_content li a
{
	font-size: 12px;
	padding-top: 4px;
}

.hoofitem_content li a:hover
{
	font-size: 12px;
	padding-top: 4px;
	color:#e22424;
}
.menu

{
	text-align: left;
	margin-top: 10px;
	border:1px solid #ccc;

}

.menu ul
{
	width: 160px;
	list-style: block;	
	list-style:none;		
	margin: 0px 0 0 10px;
	line-height: 1.17em;
	padding: 0px;

}

.menu li
{
	width: 157px;
	height: 17px;	
	list-style: none;
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-left: 3px;
}

.menu li:hover
{
		width: 157px;
		height: 17px;		
		padding-top: 5px;
		padding-left: 6px;
}

.menu a
{
	font-size: 12px;
}

.menu a:hover
{
	font-size: 12px;
	color:#e22424;
}
.menu a:visited
{
	font-size: 12px;
}

.menu table
{
	width: 180px;	
	margin: 0px;
	padding: 0px;
}




/******************************************************************************
*
*						Content opmaak.
*
******************************************************************************/

.headlines_header
{
	width: 535px;	
	margin-top: 10px;	
	border-bottom: none;
}

.headlines
{
    margin: 0 -10px;
	border-bottom: 1px solid #e22424;
	padding-bottom: 8px;
}

#headlines_page_header_container
{
}

#headlines_page_header
{
	margin: 5px -10px 10px -10px;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #e22424;
	font-size: 1.3em;
	color: #000;	
	font-weight: bold;
}

.headlines_date
{
	float: left;
	padding-top: 2px;
	padding-left: 10px;
	color: #000;
	font: 1.1em Arial;
	font-weight: bold;
}
.headlines_title
{
	color: #000;
	font: 1.2em Arial;
	padding-top: 2px;
	font-weight: bold;
	padding-left: 50px;
}

.headlines_content
{
	padding: 0px 10px;
	border: none;
	color: #000000;
	margin-bottom: 10px;
}

.headlines_content img
{
	margin-left: 5px;
}

.news_content
{
	padding-left: 10px;
	padding-right: 10px;
}

.news_header
{
	padding-left: 10px;
	padding-right: 10px;
}

.news_category_header
{
	padding-left: 10px;
	padding-right: 10px;
}
/******************************************************************************
*
*						Form.
*
******************************************************************************/

.icon
{
	width: 11px;
	height: 8px;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	background: url('../images/vervolg.gif') no-repeat;
}

.icon2
{
	width: 11px;
	height: 8px;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	background: url('../images/vervolg2.gif') no-repeat;

}


.knop
{
	font: 1.0em;
	font-weight: bold;
	background-color: #fff;
	color: #39713F;
	border: 1px solid #000000;
	text-align: center;
	padding: 3px;
	cursor: pointer;
}
.knop:hover
{
	color: #e22424;
}


.input
{	
	width: 100px;
	font: 1.0em; 
	color: #000000;
	border: 1px solid #000000;
}


/******************************************************************************
*
*						Footer.
*
******************************************************************************/

#footer
{
	width: 950px;
	height: 30px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:	center;
	clear: both;
	color: #000000;
}

#footer a
{
	color: #000000;
}

#footer a:hover
{
	color: #e22424; 
}

#footermenu
{
	width: 807px;
	height: 37px;
	text-align: left;
	padding-left: 150px;
	padding-top: 5px;
	overflow: hidden;
}

#footermenu ul
{
	display: inline;
	list-style: none;
}

#footermenu li
{
	display: inline;
	padding-right: 5px;
}

#lisa
{
	clear: both;
}

/******************************************************************************
*
*						Opmaak headings algemeen.
*
******************************************************************************/

h1
{
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 1px solid #E22424;
	margin: 5px -10px 10px -10px;
	padding: 0px 10px 5px 10px;
}

h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

h3
{
	font-size: 1em;
	font-weight: bold;
}
	
/******************************************************************************
*
*						DL in twee kolommen lay-out
*
******************************************************************************/

dl.two_column dt {
	float: left;
	clear: left;
	width: 200px;
}
dl.two_column dt:after {
	content: ":";
}
dl.two_column dd {
	margin: 0 0 0 210px;
	padding: 0 0 1em 0;
}

/******************************************************************************
*
*						Divers
*
******************************************************************************/

a.readmore
{
	font-variant: small-caps;
}

table#AutoNumber1, table#AutoNumber2
{
	margin-bottom: 1em;
}

.searchinput
{
	width: 155px;
}

.searchbutton
{
	width: 70px;
	margin: 5px 0;
}