/*------------------------------------------------------------------------------------
 * Bink Bouw Website Screen Presentation Layer
 * Author:	REYEZ!
 * Created:	10-7-2009
 * Notes:	{notities, bugs, etc.}
-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                		BODY	                                     */
/*                                                                                   */
/* ################################################################################# */


/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

-------------------------------------------------------------------------------------*/

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

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:			#FFF url(../images/bg_body.jpg) left top repeat-x;
	color: 				#666;
	font-family:		Arial;
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		140%;
}

/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	clear:				both;
	margin: 			0 auto;
	width:				940px;
}

#header {
	height:				85px;
}

#footer {
	margin:				0 auto;
	text-align:			left;
	width:				940px;
}

#footerclearer, #footer {
	clear:				both;
	height:				300px;
	margin:				0 auto;
	width:				940px;
}

/*------------------------------------------------------------------------------------
 * 
 * Alleen gebruiken wanneer de footer van de website altijd 
 * tegen de onderkant van de browser aan moet staan of onderaan de content

#wrapper {
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -30px auto; /* the bottom margin is the negative value of the footer's height *//*
	width:				960px;
}

#footer, #footerclearer {
	background:			#00FF00;
	height: 			30px; /* .footerclearer must be the same height as .footer *//*
	margin:				0 auto;
	width:				960px;
}

-------------------------------------------------------------------------------------*/

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

/*------------------------------------------------------------------------------------
 * 
 * Gebruik font-size alleen bij html tags en niet bij classes en id's,
 * dit mag slechts bij uitzondering.
 *
 * Deze eigenschap zal altijd blijven ondanks verdere classes
 * 		!important
 * IE 6 and below
 *     	* html {}
 * IE 7 and below
 *     	*:first-child+html {} * html {}
 * IE 7 only
 *     	*:first-child+html {}
 * IE 7 and modern browsers only
 *     	html>body {}
 * Modern browsers only (not IE 7)
 *     	html>/**body {}
 /*
 * Recent Opera versions 9 and below
 *     html:first-child {}
 *
-------------------------------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
	font-family: 		Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	margin: 			0;
	padding: 			0;
	letter-spacing: 	0;
	border-bottom: 		0 !important;
}

button, input, option, select, textarea {
	font-family: 		Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif !important;
	letter-spacing: 	0;
	margin: 			0;
	padding: 			0;
}

a, a:active, a:visited {
	color:				#F00;
	text-decoration:	underline;
}

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



/* Custom tags */

p, table, ul, button, input, select, textarea {
	font-size:			1.2em;
}

li, td p, td input, td ul, td button, td select, td textarea {
	font-size:			1em;
}

h1 {
	color:				#FFF;
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.4em;
	margin:				0 0 0.5em 0;
}

h2 {
	color:				#000;
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.4em;
	margin:				0 0 0.5em 0;
}

h3 {
	color:				#666;
	font-size:			1.3em;
	font-weight:		bold;
	margin:				0.5em 0 1em 0;
}

h4 {
	color:				#F00;
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.3em;
	margin:				0 0 0.5em 0;
}

h5 {
	color:				#F00;
	font-size:			1.3em;
	font-weight:		bold;
	line-height:		1.3em;
	margin:				0 0 0.5em 0;
}

p {
	line-height:		1.4em;
	margin:				0 0 1.5em 0;
}

img.img {
	margin:				0 10px -5px 0;
}

ul li {
	list-style:			none;
	list-style-image:	none;
}

table {
	border:				0;
	margin:				0 0 1.5em 0;
}

td {
	padding-top:		5px;
	line-height:		1.4em;
	vertical-align:		top;
}
	
button, input, select, textarea {
	border:				1px solid #999999;
	color:				#666;
	padding:			3px;
	margin:				0 5px 0 0;
	outline:			none;
	width:				250px;
}

textarea.profiel {
	height:				150px;
	
}

input.checkbox, input.radio {
	width:				20px;
}

.stay {
	*border:			0;
}

.focusField{
	border:				solid 1px #CCC;
	background:			#E5E5E5;
	color:				#000;
}

.idleField{
	border:				1px solid #999999;
	background:			#FFF;
	color:				#666;
}




/*

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/bg_btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.black { background: #000; }
.btn.green { background: #f1f000; }
.btn:hover { background-color: #fff; color: #FFF}
.btn:active { background-color: #f1f000; }
.btn[class] {  background-image: url(../images/bg_but_shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.black { border-color: #000; }
* html .btn.green { border-color: #f1f000; }
* html .btn:hover { border-color: #f1f000; }

*/
.inlog a.butzwart {
	*float:					right;
}

.inlog {
	*text-align:			left;
	*padding-left:			31px;
}



a.but, a.butzwart {
    display: 				block;
    float: 					left;
    height: 				24px;
    padding-right: 			18px; /* sliding doors padding */
    text-decoration: 		none;
}

a.but span, a.butzwart span {
    display: 				block;
    line-height: 			14px;
    padding: 				5px 0 5px 18px;
} 

a.but:hover, a.butzwart:hover {
    background-position: 	bottom right;
    outline: 				none; /* hide dotted outline in Firefox */
}

a.but:hover span, a.butzwart:hover span {
    background-position: 	bottom left;
} 

a.but {
    background: 			transparent url(../images/bg_but_a.png) no-repeat scroll top right;
    color: 					#000;
}

a.but span {
    background: 			transparent url(../images/bg_but_span.png) no-repeat;
}

a.butzwart {
    background: 			transparent url(../images/bg_butzwart_a.png) no-repeat scroll top right;
    color: 					#FFF;
}

a.butzwart span {
    background: 			transparent url(../images/bg_butzwart_span.png) no-repeat;
} 







/* ################################################################################# */
/*                                                                                   */
/*                                 HEADER				                             */
/*                                                                                   */
/* ################################################################################# */

#logo, #login {
	float:				left;
	padding:			15px 15px 7px 0;
}

#logo {
	width:				305px;
}

#login {
	text-align:			right;
	height:				54px;
	margin-top:			10px;
	width:				605px;
}


/* ################################################################################# */
/*                                                                                   */
/*                                 LOGIN				                             */
/*                                                                                   */
/* ################################################################################# */

.switch {
	float:				right;
	padding:			0 0 0 7px;
	color:				#999;
	height:				40px;
	border-left:		1px solid #e1e1e1;
	font-size:			1.1em;
}

.switch span {
	float:				left;
	margin:				0 2px;
}

.switch span a {
	display:			block;
	text-align:			center;
	color:				#999;
	padding:			0 4px;
	width:				12px;
	text-decoration:	none;
}

.switch span a:hover, .switch span a.sel {
	display:			block;
	text-align:			center;
	color:				#000;
	padding:			0 4px;
	width:				12px;
}

.loginfields {
	float:				right;
	color:				#999;
	font-size:			1.1em;
	margin-right:		15px;
}

.headerzoeken {
	margin:				10px 0 0 0;
	
}

input.log {
	border:				1px solid #DDD;
	width:				110px;
	font-size:			1.1em;
	margin:				1px 5px 0 5px;
	padding:			3px;
}

.zoektop .log {
	border:				1px solid #DDD;
	width:				110px;
	font-size:			1.1em;
	margin:				1px 5px 0 5px;
	padding:			3px;
	*float:				left;
	*margin:			1px 5px 0 385px;
}

.zoektop .butzwart {
	margin-top:			0px;
}

.extra {
	padding:			2px 0;
}

input.stay {
	margin:				0 0 -3px 0;
	width:				20px;
}

a.topbut {
	background:			url(../images/topbut_arrow.png) left 4px no-repeat;
	color:				#999;
	margin-left:		5px;
	text-decoration:	none;
}

a.topbut:hover {
	background:			url(../images/topbut_arrow_hover.png) left 4px no-repeat;
	color:				#F00;
}

a.topbut {
	padding:			0 0 0 10px;
	margin:				0 0 0 15px;
}

a.toplink {
	color:				#999;
	margin:				0 5px;
	text-decoration:	none;
}

a.toplink:hover {
	color:				#F00;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 CONTENT				                             */
/*                                                                                   */
/* ################################################################################# */

#content {
}

#content-left, #content-right {
	float:					left;
}

#content-left {
	width:					620px;
}

#content-right {
	margin:					0 0 0 14px;
	width:					300px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 BLOKKEN LINKS		                             */
/*                                                                                   */
/* ################################################################################# */


/* CUSTOM INTRODUCTIE BOX */

#homeslideshow {
	height:					280px;
	width:					620px;
	overflow:				hidden;
}

.homeslide {
	height:					280px;
	width:					620px;
}

.events {
	background:				url(../images/bg_events.png) center top no-repeat;
	*background:			url(../images/bg_events.png) left top no-repeat;
	color:					#FFF;
	padding:				50px 140px 20px 30px;
	*padding:				50px 100px 20px 30px;
	height:					210px;
	width:					450px;
	*width:					520px;
}

.events ul li {
	background:				url(../images/bullit_events.png) left 1px no-repeat;
	line-height:			1.7em;
	font-size:				1.3em;
	padding-left:			35px;
	margin:					0 0 10px 0;
	font-weight:			bold;
}


/* NIEUWSBRIEF BOX */

.blok_left_breed_inschrijven {
	background:				url(../images/bg_balk_groen.png) left top no-repeat;
	margin:					0 0 15px 0;
	height:					47px;
	width:					620px;
}


.blok_left_breed_inschrijven h1 {
	color:					#333;
	margin:					11px 0 10px 18px;
}

.blok_left_breed_inschrijven td {
	padding-top:			4px;
	vertical-align:			top;
}

.blok_left_breed_inschrijven input {
	margin:					9px 0 0 0;
	padding:				2px;
	height:					18px;
	width:					150px;
}

.blok_left_breed_inschrijven .butzwart {
	margin:					9px 0 0 0;
}






.blok_left_breed {
	margin:					0 0 15px 0;
	width:					620px;
}

.blok_left_breed_top, .blok_left_breed_mid {
	clear:					both;
	padding:				2px 15px 0 15px;
}

.blok_left_breed_top {
	background:				url(../images/bg_header_long_grijs.png) center top no-repeat;
	min-height:				28px;
}

.blok_left_breed_top_wit {
	background:				url(../images/bg_top_long.png) center top no-repeat;
	height:					15px;
}

.blok_left_breed_mid {
	background-color:		#FFF;
	border-left:			1px solid #DDD;
	border-right:			1px solid #DDD;
	padding:				15px 15px 0 15px;
	overflow:				hidden;
}

.blok_left_breed_mid p {
	margin:					8px 0 12px 0;
}

.blok_left_breed_bot {
	background:				url(../images/bg_bot_long.png) center top no-repeat;
	height:					16px;
	margin-bottom:			15px;
}


input.send {
	height:					21px;
	border:					0;
	width:					102px;
}



/* ################################################################################# */
/*                                                                                   */
/*                                 BLOKKEN RECHTS		                             */
/*                                                                                   */
/* ################################################################################# */


.blok_smal_ad {
	margin:					0 0 9px 0;
	*margin:				0 0 9px 0;
	width:					306px;
}

.blok_smal {
	float:					left;
	margin:					0 0 15px 0;
	width:					306px;
}

.blok_smal_top {
	padding:				2px 15px 0 15px;
}

.blok_smal_top {
	background:				url(../images/bg_blok_smal_top.png) center top no-repeat;
	height:					28px;
}

.wit {
	background:				url(../images/bg_blok_smal_top_wit.png) center top no-repeat;
	height:					20px;
}

.wit h1 {
	color:					#000;
}

.blok_smal_mid {
	background:				url(../images/bg_blok_smal_mid.jpg) center top repeat-y;
	min-height:				50px;
	clear:					both;
	padding:				10px 15px 0 15px;
}

.blok_smal_mid p {
	margin:					8px 0 0 0;
}

.blok_smal_bot {
	background:				url(../images/bg_blok_smal_bot.png) center top no-repeat;
	height:					16px;
}

.overlay {
	position:				absolute;
	margin:					0 0 0 -306px;
	*margin:				0 0 0 -309px;
}


.zoektop .right {
	*margin:					8px 0 -50px 0;
}

.right .butzwart {
	float:					left;
}

.btlogintop .butzwart {
	*position:				absolute;
	*margin:				-24px 0 0 -70px;
}

.rightbut {
	float:					right;
}

h1.groot {
	color:					#000;
	font-size:				1.8em;
	margin:					0;
	padding:				0 0 5px 0;
}

.lees {
	position:				absolute;
	display:				block;
	float:					right;
	margin:					-65px 0 0 350px;
	height:					70px;
	width:					250px;
}

.berichten, .uitnodigingen {
	float:					left;
	text-align:				center;
	padding:				0;
	width:					125px;
}

.lees p {
	line-height:			1.2em;
}

.lees a {
	color:					#333;
	text-decoration:		none;
}

.lees a:hover {
	color:					#F00;
	text-decoration:		none;
}

input.zoeken {
	border:					1px solid #DDD;
	color:					#666;
	font-size:				1.2em;
	margin:					8px 5px 0 0;
	padding:				3px;
	width:					170px;
}

.multiple {
	float:					left;
	width:					314px;
}

.multiple div {
	margin-left:			-2px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 WEDSTRIJDKAARTEN		                             */
/*                                                                                   */
/* ################################################################################# */


.blok_wedstrijd, .blok_regel {
	background:				#FFF;
	border-bottom:			1px solid #CCC;
	padding:				8px 0;
}

.blok_wedstrijd {
	position:				relative;
	float:					left;
	display:				block;
	height:					45px;
	width:					280px;
}

.blok_zaken {
	float:					left;
	border:					1px solid #DDD;
	padding:				10px;
	margin:					10px 0 0 0;
	height:					45px;
	width:					255px;
}

.blok_zaken_groot {
	float:					left;
	border:					1px solid #DDD;
	padding:				10px;
	margin:					10px 0 0 0;
	width:					255px;
}

.blok_zaken p, .blok_zaken_groot p {
	font-style:				italic;
}

.wedstrijd {
	color:					#000;
	float:					left;
	font-size:				1.1em;
	line-height:			1.4em;
	width:					180px;
}

span.data {
	color:					#777;
}

.reserveer {
	font-size:				1.2em;
	line-height:			1.4em;
}




.counter {
	padding:				20px 0 3px 0;
	text-align:				center;
}

.counter span {
	display:				inline-block;
	margin:					0 2px;
}

.nav {
	font-size:				1.3em;
}

.nav a {
	text-decoration:		none;
	color:					#666;
}

span.page a {
	background-color:		#FFF;
	text-decoration:		none;
	padding:				3px 6px;
}

span.page a.actief {
	background-color:		#000;
	color:					#FFF;
	padding:				3px 6px;
}

 span.page a:hover {
	border-top: #000 2px solid;
}

td.col span {
	color:					#999;
	display:				block;
	padding:				4px 0 0 0;
}

.blok_left_breed_mid ul li, 
.blok_smal_mid ul li {
	background:				url(../images/topbut_arrow_hover.png) left 5px no-repeat;
	line-height:			1.4em;
	padding-left:			15px;
	margin:					0 0 10px 0;
}

.blok_left_breed_mid ul {
	margin-bottom:			12px;
}

ul.arrinfo {
	margin:					0 0 20px 0;
}



/* ################################################################################# */
/*                                                                                   */
/*                          PERSOONLIJKE PAGINA				                         */
/*                                                                                   */
/* ################################################################################# */

.foto img {
	border:					1px solid #DBDBDB;
}

.foto {
	float:					left;
	margin:					0 10px 0 0;
}

.gegevens {
	float:					left;
	font-size:				1.2em;
	width:					210px;
}

span.aantal {
	color:					#F00;
}

h2 span.aantal {
	font-size:				0.7em;
}

span.naambedrijf {
	color:					#999;
	display:				block;
	margin:					2px 0 0 0;
}

.navbut {
	margin:					15px 0 0 0;
	text-align:				right;
}

.aanbod {
	float:					left;
	border:					1px solid #DDD;
	padding:				10px;
	height:					45px;
	width:					255px;
}

.taak {
	float:					left;
	margin-left:			12px;
	min-height:				60px;
	width:					280px;
}

.datum , .taak_beschrijving {
	float:					left;
	font-size:				1.2em;
	display:				block;
	padding:				8px 0 0 2px;
}
.datum {
	height:					42px;
	width:					48px;
}

.taak_beschrijving {
	color:					#000;
	width:					228px;
}

.fotogroot, .info, .opties {
	float:					left;
}

.fotogroot {
	width:					120px;
}

p.functie {
	margin:					-0.5em 0 0 0;

}

.fotogroot img {
	border:					1px solid #DDD;
	max-width:				118px;
}

.imgborder {
	border:					1px solid #DDD;
	padding:				10px;
}

.info {
	margin:					0 20px;
	width:					250px;
}

.opties {
	width:					155px;
}

.opties img {
	border:					1px solid #DDD;
	margin-bottom:			10px;
	width:					150px;
}

span.optie {
	background:				url(../images/topbut_arrow_hover.png) left 3px no-repeat;
	display:				block;
	font-size:				1.1em;
	padding:				0 0 0 15px;
}

span.optie a {
	color:					#666;
	text-decoration:		none;
	display:				block;
	margin:					4px 0;
}

span.optie a:hover {
	color:					#F00;
	text-decoration:		none;
}

.blok_smal_mid table {
	margin:					10px 0 0 0;
}

td.top {
	color:					#F00;
	font-weight:			bold;
}

.seperator {
	border-bottom:			1px solid #CCC;
	padding:				4px 0 0 0;
	margin:					0 0 6px 0;
}

.club img {
	padding:				3px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 FAQ					                             */
/*                                                                                   */
/* ################################################################################# */

.faq {
	width: 					585px;
}
.faq h3 {
	background: 			url(../images/acc_pointer.png) no-repeat right -50px;
	padding: 				7px 15px;
	margin: 				0;
	font-size:				1.2em;
	border-bottom: 			none;
	cursor: 				pointer;
}

.faq h3:hover {
	color: 					#F00;
	background: 			url(../images/acc_pointer2.png) no-repeat right -50px;
}

.faq h3.active {
	color: 					#F00;
	background-position: 	right 5px;
}

.faq p {
	margin: 				0;
	padding: 				10px 15px 20px;
	display: 				none;
}



/* ################################################################################# */
/*                                                                                   */
/*                                 NAVBAR				                             */
/*                                                                                   */
/* ################################################################################# */

#navbar {
	height:					60px;
	background:				url(../images/bg_navbar_bot.jpg) center 23px no-repeat;
	margin:					10px 0 15px 0;
}

#navbar ul {
	margin:					0 0 0 20px;
}

#navbar ul li {
	*margin-bottom:			-13px;
}

a.navitem {
    background: 			transparent url(../images/bg_button_a.png) top right no-repeat;
    color: 					#FFF;
    display: 				block;
    float: 					left;
    font: 					normal 12px arial, sans-serif;
    height: 				24px;
    margin-right: 			4px;
    padding-right: 			18px; /* sliding doors padding */
    text-decoration: 		none;
}

a.navitem span {
    background: 			transparent url(../images/bg_button_span.png) no-repeat;
    display: 				block;
    padding: 				5px 0 3px 18px;/* for firefox op pc*/
    padding: 				5px 0 4px 18px; /* for firefox op mac*/
} 

a.navitem:hover, a.navitem.current {
    background-position: 	right -25px;
    color: 					#000;
    outline: 				none; /* hide dotted outline in Firefox */
}

a.navitem:hover span, a.navitem.current span {
    background-position: 	left -25px;
} 

.msg {
	float:					right;
	height:					18px;
	padding-top:			5px;
	margin:					0 8px 0 0;
	width:					200px;
}

.msg a {
	color:					#666;
	text-decoration:		none;
}

.msg a:hover, .msg a.new:hover {
	color:					#F00;
	text-decoration:		underline;
}

.msg a.new {
	color:					#F00;
	text-decoration:		none;
}

.inbox , .uitno {
	float:					left;
	padding-left:			20px;
}

.inbox {
	background:				url(../images/inbox.png) left center no-repeat;
	width:					55px;
}

.uitno {
	background:				url(../images/uitno.png) -1px center no-repeat;
	width:					105px;
}

.subnav {
	clear:					both;
	color:					#999;
	padding:				7px 0 0 0;
	width:					900px;
}

.subnav ul  li {
	display:				inline;
	margin:					0 7px;
}

.subnav ul  li a {
	color:					#333;
	font-size:				0.9em;
	text-decoration:		none;
}

.subnav ul  li a:hover, .subnav ul  li a.huidig:hover, .subnav ul  li a.huidig {
	color:					#F00;
	text-decoration:		underline;
}

table.bericht_opstellen input {
	width:					580px;
}

table.bericht_opstellen input.checkbox, table.bericht_opstellen input.radio {
	width:				20px;
}
table.bericht_opstellen select {
	width:					587px;
}

table.bericht_opstellen textarea {
	height:					200px;
	width:					580px;
}

table.bericht_opstellen td {
	padding:				4px 0;	
}

table.verzonden {
	width:					580px;
}

table.verzonden td {
	padding:				3px 0;
}

table.verzonden tr.toprow {
	border-top:				1px dotted #999;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 LEDEN				                             */
/*                                                                                   */
/* ################################################################################# */



.evtekst {
	float:					left;
}

img.evfoto {
	float:					right;
	margin:					0 0 20px 20px;
}

.evtekst h1 {
	font-size:				1.6em;
}

span.subtitel {
	display:				block;
	font-size:				1.2em;
	margin:					-10px 0 8px 0;
}

.rijblok {
	border-bottom:			1px dotted #999;
	float:					left;
	padding:				8px 0;
	width:					280px;
}

.lef {
	margin-right:			20px;
}

table.geg tr {
	height:					30px;
}

input.gege {
	padding:				3px;
}

select.aantal_kaarten {
	width:					50px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 BLOKKEN	& BUTTONs	                             */
/*                                                                                   */
/* ################################################################################# */

.bedrijf {
	border:					1px solid #DDD;
	float:					left;
	margin:					0px 0px 10px 0px;
	height:					75px;
	width:					130px;
	text-align:				center;
	vertical-align:			middle;
}

.bedrijf_groot {
	border:					1px solid #DDD;
	float:					left;
	margin:					0px 0px 10px 0px;
	height:					100px;
	width:					170px;
	text-align:				center;
	vertical-align:			middle;
}

.bedrijf img {
	margin:					5px;
}

.bedrijf a {
	display:				block;
}

img.lidworden {
	margin:					15px 0 0 0;
}

#logos img {
	margin:					0 15px;
}


select.filteropties {
	width:					192px;
}

.browse {
	float:					left;
}











table.profiel tr {
	height:					25px;
}

table.profielbewerk tr {
	height:					30px;
}

input.browse {
	width:					170px;
}

.browse a.butzwart  {
	float:					left;
    margin:		 			-10px 10px 0 4px;
}

.opties_bericht a {
	color:					#333;
	text-decoration:		none;
}

.opties_bericht a:hover {
	color:					#F00;
	text-decoration:		none;
}

table.bericht {
	width:					580px;
}

table.bericht tr {
	border-top:				1px dotted #CCC;
	border-bottom:			1px dotted #CCC;
}

table.bericht td {
	padding:				10px 0 10px 0;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 FOOTER				                             */
/*                                                                                   */
/* ################################################################################# */


#logos, #footnav {
	background:				url(../images/bg_footer.jpg) left top repeat-x;
	text-align:				center;
	padding:				40px 0;
}

#foottext {
	text-align:				center;
	padding:				0 0 40px 0;
}

#footnav ul li, #foottext ul li {
	display:				inline;
	margin:					0 10px;
}

#footnav ul li a, #foottext ul li a {
	color:					#999;
	text-decoration:		none;
}

#footnav ul li a:hover, #foottext ul li a:hover {
	color:					#000;
	text-decoration:		underline;
}

/* ################################################################################# */
/*                                                                                   */
/*                                 OVERIGE				                             */
/*                                                                                   */
/* ################################################################################# */

.rood {
	color:					#F00;
}

#wed {
	height:					385px;
	position:				relative;
}

#navpageswed1 {
		background:			#333;
}

#navpageswed2 {
		background:			#3F3;
}

.wedgroot {
	clear:					both;
	min-height:				620px;
	position:				relative;
}

#flippage {
	height:					510px;
	position:				relative;
}

#flippage_hoog {
	height:					825px;
	position:				relative;
}


#navr, #navrnews, #navpages, .tabpager{ 
	background: #FFF; 
	padding: 5px 0 3px 0 ;  
}

#navr a, #navrnews a, #navpages a, .tabpager a { 
	background: #FFF; 
	text-decoration: none; 
	margin: 0 3px; 
	padding: 3px 5px;  
}

#navr a:hover, #navrnews a:hover, #navpages a:hover, .tabpager a:hover { 
	border-top: #000 2px solid;
}

#navr a.activeSlide, #navrnews a.activeSlide, #navpages a.activeSlide, .tabpager a.activeSlide  { 
	background: #000;
	color:		#FFF;
}

#navr a:focus,, #navrnews a:focus, #navpages a:focus, .tabpager a:focus  { 
	outline: none; 
}

#newsitems {
	border-bottom:			1px solid #CCC;
	margin:					0 0 12px 0;
	height:					355px;
	width:					280px;
	position:				relative;
	overflow:				hidden;
}

.newsitem {
	padding: 				5px;
	background:				#FFF;
	
}

.6weds {
	position:		relative;
	width:				280px;
	overflow:				hidden;
}

.12weds {
	background:		#0C6;
	position:		relative;
	width:				580px;
	overflow:				hidden;
}



.6veas {
	position:		relative;
	width:				280px;
	overflow:				hidden;
}



table.berichten, table.zoekleden  {
	color:			#000;
	margin:			10px 0 0 0;
	width:			580px;
}

table.berichten td {
	padding:			7px 0;
	text-align:		left;
}

table.berichten td .gegevens {
	font-size:		1em;
}

table.berichten tr {
	border-bottom:		1px solid #CCC;
}

table.berichten tr.nieuw {
	background-color:	#FDFFE2;
	border-bottom:		1px solid #CCC;
}


tr.topbold {
	color:			#000;
	height:			38px;
	font-weight:	bold;
}

td.tdacties {
	text-align:			right;
}

table.berichten a {
	color:				#666;
	text-decoration:	underline;
	font-weight:		bold;
}


table.berichten a:hover {
	color:				#F00;
}

table.berichten a.but {
	color:				#000;
	text-decoration:	none;
	font-weight:		normal;
}

table.berichten a:hover.but {
	color:				#000;
}


span.clubfilter {
	color:				#FFF;
	display:			block;
	font-size:			0.9em;
	margin:				-25px 0 0 0;
	float:				right;
	text-align:			right;
	width:				155px;
}

span.clubfilter select {
	width:				160px;
	height:				22px;
}

span.from {
	color:				#FFF;
	display:			block;
	font-size:			1.2em;
	margin:				-25px 0 0 0;
	float:				right;
	text-align:			right;
	width:				150px;
}

span.from a {
	color:				#FFF;
	text-decoration:	none;
}


.zwartbold {
	color:				#000;
	font-weight:		bold;
}

h3.res {
	color:				#F00;
}



.blok_left_breed_top h1,
.blok_left_smal_top h1,
.blok_smal_top h1 {
	margin-top:			5px;
}

.blok_smal_mid h1,
.blok_left_breed_mid h1 {
	color:				#000;
	font-size:			1.6em;
}



.right {
	float:				right;
}

.left {
	float:				left;
}

.error {
	color:				#F00;
	font-weight:		bold;
}


.blok_wedstrijd_breed {
	border-bottom:			1px solid #CCC;
	position:				relative;
	float:					left;
	display:				block;
	height:					50px;
	width:					590px;
}

.blok_wedstrijd_breed .contactpersoon h1,
.blok_wedstrijd_breed .wedstrijd h1,
.blok_wedstrijd_breed .datum h1,
.blok_wedstrijd_breed .prijs h1 {
	font-size:				14px;
}

.blok_wedstrijd_breed .contactpersoon span,
.blok_wedstrijd_breed .wedstrijd span,
.blok_wedstrijd_breed .datum span,
.blok_wedstrijd_breed .prijs span {
	color:					#999;
}


.blok_wedstrijd_breed .wedstrijd {
	font-size:				1.2em;
	float:					left;
	padding:				8px 0 0 2px;
	width:					340px;
	height:					50px;

}


.blok_wedstrijd_breed .datum {
	color:					#000;
	float:					left;
	padding:				8px 0 0 2px;
	width:					75px;
	height:					50px;

}

.blok_wedstrijd_breed .prijs {
	color:					#000;
	font-size:				1.2em;
	float:					left;
	padding:				8px 0 0 2px;
	width:					50px;
	height:					50px;

}

.blok_wedstrijd_breed .reserveer {
	float:					left;
	padding:				8px 0 0 2px;
	width:					100px;
	height:					50px;

}

.blok_wedstrijd_breed .contactpersoon {
	font-size:				1.2em;
	float:					left;
	padding:				8px 0 0 2px;
	width:					305px;
	height:					50px;

}

.ongelezen {
	background:				#EEE;
	font-weight:			bold;
}

.marginbot_10 {
	margin-bottom:			10px;

}

/*#uitgebreid_zoeken_form {
	display:				none;
}*/

/* ################################################################################# */
/*                                                                                   */
/*                                 TABS					                             */
/*                                                                                   */
/* ################################################################################# */

#leden {
	height:					22px;
	margin:					0 0 1px 0;
}

.tabs {
	width:				590px;
	*width:				590px;
}

ul.tabNavigation {
	margin:				0;
}

ul.tabNavigation li {
	display:			inline;
}

ul.tabNavigation li a {
    background: 			transparent url(../images/bg_ledbutton_a.png) no-repeat scroll top right;
    color: 					#FFF;
    display: 				block;
    float: 					left;
    height: 				22px;
	font-size:				0.9em;
    margin-right: 			3px;
    padding-right: 			5px; /* sliding doors padding */
    text-decoration: 		none;
}

ul.tabNavigation li a span {
    background: 			transparent url(../images/bg_ledbutton_span.png) no-repeat;
    display: 				block;
    line-height: 			14px;
    padding: 				4px 0 4px 6px;
} 

ul.tabNavigation li a:hover, ul.tabNavigation li a.current:hover,
ul.tabNavigation li a.current {
    background-position: 	bottom right;
    color: 					#FFF;
    outline: 				none; /* hide dotted outline in Firefox */
}

ul.tabNavigation li a:hover span, ul.tabNavigation li a.current span, ul.tabNavigation li a.current span {
    background-position: 	bottom left;
} 


.tabs div.tab {
	width:				590px;
	*width:				590px;
}

.banner {
	margin:				0 0 15px 0;

}


/** SAFARI  **/ 	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.overlay {
		margin:				-110px 0 0 0px;
	}
	
	.inlog {
		text-align:			left;
		padding-left:		28px;
	}
	
	.btlogintop .butzwart {
		margin:					-24px 0 0 0;
	}
	
	.zoektop .log {
		float:				left;
		margin:			    1px 5px 0 385px;
	}
	
	.zoektop .butzwart {
		margin-top:			0;
	}

}


                                                 */
/* ################################################################################# */

#leden {
	height:					22px;
	margin:					0 0 1px 0;
}

.tabs {
	width:				590px;
	*width:				590px;
}

ul.tabNavigation {
	margin:				0;
}

ul.tabNavigation li {
	display:			inline;
}

ul.tabNavigation li a {
    background: 			transparent url(../images/bg_ledbutton_a.png) no-repeat scroll top right;
    color: 					#FFF;
    display: 				block;
    float: 					left;
    height: 				22px;
	font-size:				0.9em;
    margin-right: 			3px;
    padding-right: 			5px; /* sliding doors padding */
    text-decoration: 		none;
}

ul.tabNavigation li a span {
    background: 			transparent url(../images/bg_ledbutton_span.png) no-repeat;
    display: 				block;
    line-height: 			14px;
    padding: 				4px 0 4px 6px;
} 

ul.tabNavigation li a:hover, ul.tabNavigation li a.current:hover,
ul.tabNavigation li a.current {
    background-position: 	bottom right;
    color: 					#FFF;
    outline: 				none; /* hide dotted outline in Firefox */
}

ul.tabNavigation li a:hover span, ul.tabNavigation li a.current span, ul.tabNavigation li a.current span {
    background-position: 	bottom left;
} 


.tabs div.tab {
	width:				590px;
	*width:				590px;
}

.banner {
	margin:				0 0 15px 0;

}


/** SAFARI  **/ 	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	.overlay {
		margin:				-110px 0 0 0px;
	}
	
	.inlog {
		text-align:			left;
		padding-left:		28px;
	}
	
	.btlogintop .butzwart {
		margin:					-24px 0 0 0;
	}
	
	.zoektop .log {
		float:				left;
		margin:			    1px 5px 0 385px;
	}
	
	.zoektop .butzwart {
		margin-top:			0;
	}

}