/******************************************************************************
*
*						De site onderdelen.
*
******************************************************************************/
/* cabedge.com Screen Styles */
html { margin: 0; padding: 0; width: 100%}

/* resets most browser styles to enhance cross-browser compatibility */
h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { margin: 0; padding: 0; }
img, a{ border:none; text-decoration: none;}

/*reset link eigenschappen*/
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

html, body
	{
		/*reset padding */
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;

		/*reset margin */
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}

.clr
	{
		clear: both;
	}

body
	{
    background-color: #FFF;

  }

#wrapper
	{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
	}

#content
	{
		width: 960px;
		float: left;
				background-color: #FFF;
	}

#content_left
	{
		width: 220px;
		float: left;
		display: inline;
		margin-right: 10px;
	}

#content_midden
	{
		width: 500px;
		float: left;
		display: inline;
	}

#content_content
	{
    width: 460px;
	min-height: 738px;
    float: left;
    display: inline;
/*    background: url('../images/site/content_bg.png') repeat-x;*/
    background-color: #e9e9e9;
    padding: 20px;
    font-family: "Trebuchet MS", verdana;
    font-size: 12px;
  }

#content_content a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
		font-weight: bold;
	}

#content_content a:hover
	{
		text-decoration: underline;
	}

#content_right
	{
		width: 220px;
		float: left;
		display: inline;
		margin-left: 10px;
	}
/******************************************************************************
*
*						HEADER
*
******************************************************************************/
#header
	{
		width: 960px;
		height: 140px;
		margin-top: 0px;
	}

#logo
	{
/*		width: 111px;
		height: 119px;*/
		float: left;
		display: inline;
		margin: 30px 0px 0px 30px;
	}

#slogan
	{
		float: left;
		margin: 90px 0px 0px 110px;
		display: none;
	}

#slogan h1
	{
		font-family: NeoSans, "TrebuchetMS";
		font-size: 30px;
		color: #0066cc;
		font-weight: bold;
	}

#slogan h1 .medium
	{
		font-weight: normal;
	}

/******************************************************************************
*
*						MENU
*
******************************************************************************/
#menu
	{
		width: 950px;
		height: 30px;
		position: relative;
		background-color: #296DBA;
	padding-left: 10px;
		
	}

#menu ul.first
	{
		list-style: none;	
		float: left;
	}

#menu ul.first li
	{
		height: 26px;
		float: left;
		display: inline;
		margin-right: 10px;
		padding-left: 10px;
		padding-right: 20px;
		padding-top: 4px;
	}

#menu ul.first li.li_first_hover a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 13px;
		font-weight: bold;
		color: #adcef4;
		padding-bottom: 5px;
	}

#menu ul.first li a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding-bottom: 5px;
	}

#menu ul.first li.mijn_club
	{
		margin-right: 0px;

	}
	

#menu ul.first li.ingelogd
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 13px;
		font-weight: bold;
		color: #FFFFFF;
		padding-top: 6px;

	}

#menu ul.second 
	{	
		width: 190px;
		position: absolute;
		top: 1em;
		left: 1em;
		float: left;
		display: none;
		background: #FFFFFF;
		border-left: 1px solid #0066CC;
		border-bottom: 1px solid #0066CC;
		border-right: 1px solid #0066CC;
		margin-top: 14px;	
	}

#menu ul.second li
	{
		width: 210px;
		display: block;
		float: left;
		margin: 0px;
		padding: 0 10px;
	}

#menu ul.first li.li_first_hover ul.second li a
	{			
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
		display: block;
	}	

#menu ul.first li.li_first_hover ul.second li.li_first_hover a
	{
		color: #333333;
	}


#menu ul.vereniging
	{
		margin-left: 67px;
	}

#menu ul.senioren
	{
		margin-left: 174px;
	}

#menu ul.jeugd
	{
		margin-left: 268px;
	}

#menu ul.kalender
	{
		margin-left: 347px;
	}

#menu ul.fotos
	{
		margin-left: 430px;
	}

#menu ul.emma
	{
		margin-left: 710px;
	}

#menu ul.second li ul.third
	{	
		width: 215px;
		left: 1em;
		position: absolute;
		display: none;
		background: #FFFFFF;
		border-top: 1px solid #0066CC;
		border-left: 1px solid #0066CC;
		border-bottom: 1px solid #0066CC;
		border-right: 1px solid #0066CC;
		margin-left: 174px;
		margin-top: -24px;
	}

#menu ul.first li.li_first_hover ul.second li.li_first_hover ul.third li a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
		display: block;
	}

#menu ul.first li.li_first_hover ul.second li.li_first_hover ul.third li.li_first_hover a
	{
		color: #333333;
	}

/******************************************************************************
*
*						TOPBANNERS
*
******************************************************************************/

#topbanners
	{
		width: 960px;
		float: left;
		display: inline;
		padding: 10px 0 5px 0;
		text-align: center;
		background-color: #FFF;		
	}

#topbanners img
	{
		width: 90px;
		height: 50px;
		padding: 2px;
		margin-right: 6px;
		border: 1px solid #e1e1e1;
		
	}	

#topbanners img.hover
	{
		width: 90px;
		height: 50px;
		padding: 2px;
		margin-right: 6px;
		border: 1px solid #cc9789;
	}

/******************************************************************************
*
*						BLOCK
*
******************************************************************************/
.block
	{
		width: 220px;
		float: left;
		display: inline;
	}

.block_header
	{
		width: 203px;
		height: 29px;
		float: left;
		border-top: 4px solid #0066cc;
		border-bottom: 1px solid #999999;
		margin-bottom: 3px;
	
		padding-left: 17px;
		background-color: #FFF;
	}

.block_header h2
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		color: #999;
		padding-top: 4px;
	}

.block_content 
	{
    width: 200px;
    float: left;
    display: inline;
/*    background: url('../images/site/block_bg.png') repeat-x;*/
    padding: 10px 10px 20px 10px;;
    background-color: #e9e9e9;
    
    
  }

.block_content ul
	{
		display: block;
		list-style-type: disc;
		margin-left: 10px;
	}

.block_content ul li
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		padding-bottom: 7px;
		color: #333333;
	}

.block_content ul li a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #333333;
	}

.block_content ul li a:hover
	{
		text-decoration: underline;
	}

.block_content .input
	{

		width: 150px;
		border: 1px solid #0066CC;
		padding: 3px;
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #333333;
	}

.block_content .searchbutton
	{
		width: 20px;
		height: 20px;
		float: right;
		background: url('../images/site/magnifier.png') no-repeat;
		cursor: pointer;
		border: none;
		margin-top: 5px;
	}	

.block_content label
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		color: #333333;
	}

.block_content .button
	{
		padding: 2px 10px 2px 10px;
		border: 2px solid #0066CC;
		background: #FFFFFF;
		cursor: pointer;
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #333333;
		font-weight: bold;
	}

.block_content a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
	}

.hoofdsponsor
	{
		text-align: center;
	}

/******************************************************************************
*
*						Breadcrumbs
*
******************************************************************************/
#breadcrumbs
	{
		width: 483px;
		height: 29px;
		float: left;
		border-top: 4px solid #0066cc;
		border-bottom: 1px solid #999999;
		margin-bottom: 3px;
		padding-left: 17px;
	}

#breadcrumbs ul
	{
		list-style-type: none;
		margin-top: 3px;
	}

#breadcrumbs ul li 
	{
		display: inline;
		color: #999999;
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		padding-right: 5px;
	}

#breadcrumbs ul li a
	{
		display: inline;
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		color: #999999;
		margin-top: 3px;
	}
/******************************************************************************
*
*						HEADLINES
*
******************************************************************************/
.headlines
	{
		float: left;
		margin-bottom: 20px;
		border-bottom: solid 2px #FFF;
		padding-bottom: 15px;
	}

.headlines_title
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		font-weight: bold;
		color: #0066CC;
		margin-bottom: 4px;
	}

.headlines_date
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 10px;
		color: #999999;
		margin-bottom: 5px;
	}

.headlines_content
	{
		width: 460px;
		float: left;
		display: inline;
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		line-height: 20px;
	}

.headlines_tekst
	{
		width: 320px;
		float: left;
		line-height: 20px;
	}

#content_content .headlines .headlines_tekst a
	{
		font-weight: normal;
	}

.headlines_foto
	{	
		width: 130px;
		float: left;
		margin-left: 10px;
	}

.headlines_foto	img
	{
		width: 120px;
		padding: 4px;
		background: #FFFFFF;
		border: 1px solid #0066CC;
	}

.lees_meer
	{
		float: left;
		margin-top: 5px;
	}

.lees_meer a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
		font-weight: bold;
	}

/******************************************************************************
*
*						HOOFDITEM
*
******************************************************************************/
.block_content ul.dropdown
	{
		list-style-type: none;
	}

.block_content ul.dropdown li a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #0066CC;
		font-weight: bold;
	}

.block_content ul.dropdown li ul.drop
	{
		list-style-type: none;
	}

.block_content ul.dropdown li ul.drop li 
	{
		padding: 2px;
	}

.block_content ul.dropdown li ul.drop li a
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 12px;
		color: #333333;
		font-weight: normal;
	}

.tablecolor
	{
		color: #FFFFFF;
	}

#content_content h1
	{
		font-family: "Trebuchet MS", verdana;
		font-size: 14px;
		font-weight: bold;
		color: #0066CC;
		margin-bottom: 4px;
	}
	
