/* =========================
CSS tbv Team DBA website
Copyright 2010
written by unleaded
--------------
Swatch colors:
--------------
#e82f2f = red
#212121 = dark grey
#2f2f2f = less dark grey
#cccccc = light grey (img border)
#eaeaea = lighter grey (bg welcome block)
========================= */

/* General settings */
body {
	background: #000 url(../images/bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #212121;
}

a { 
	font-weight: bold; 
	color:#e82f2f;
	text-decoration: none;
}
em {
	font-style: italic;
}
p {
	margin-top: 8px;
}
strong {
	font-weight: bold;
}

h1 { 
	font-size: 24px;
	color: #e82f2f;
	margin: 0 0 12px 0;
}
h2 { /* for menu */
	font-size: 21px;
	color: #212121;
}
h3 { 
	font-size: 18px;
	color: #fff;
}
h4 { 
	font-size: 15px;
	color: #212121;
}
h5 { 
	font-size: 14px;
	color: #fff;
	margin:0;
}
h6 { 
	font-size: 11px;
	margin: 0;
}

#container { 
	width: 100%;
	height: 100%;
	margin: 0;
	text-align:center;
	position: relative;
	background: url(../images/bg_top.gif) left top repeat-x;
}

#container2 { 
	width: 100%;
	height: 100%;
	margin: 0;
	text-align:center;
	position: relative;
	background: url(../images/bg_top2.gif) left top repeat-x;
}

#page-wrap { 
	max-width: 960px;
	min-width: 960px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

/* Top + Menu */
#header {
	width: 960px;
	height: 152px;
}
	#logo {
		background: url(../images/logo_dba.png) left top no-repeat;
		top: 19px;
		left: 0;
		width: 315px;
		height: 75px;
		position: absolute;	
	}	
	#azg-tfl {
		background: url(../images/logos_azg_tfl.png) right top no-repeat;
		top: 0;
		right: 0;
		width: 310px;
		height: 97px;
		position: absolute;		
	}
	#menu {
		background: url(../images/menubalk.png) left top no-repeat;
		top: 100px;
		left: 0;
		width: 960px;
		height: 52px;
		position: absolute;
	}
		/* #menu a {
			font-size: 12px;
			color: #fff;
			text-decoration: none;
			font-weight: normal;
		}
		#menu a:hover {
			font-size: 12px;
			color: #fff;
			text-decoration: none;
			background: #e82f2f;
			font-weight: normal;
		} */
		#menu ul li {
			display: inline;
		}
		#menu #home {
			float: left;
			margin: 5px 0 0 14px;
			width: 52px;
		}
			#menu #home a {
				color: #fff;
				text-decoration: none;
				font-weight: normal;
				height: 32px;
				padding: 8px 10px; 
				width: 52px;
			}
			#menu #home a:hover {
				color: #fff;
				text-decoration: none;
				width: 52px;
				height: 32px;
				background: url(../images/bgmenu-home.gif) left top no-repeat;
				
			}
		#menu #buttons {
			float: right;
			margin: 18px 14px 0 0;
		}
			#menu #buttons ul li a {
				color: #fff;
				text-decoration: none;
				font-weight: normal;
				height: 12px;
				padding: 10px 5px; 
			}
			#menu #buttons ul li a:hover {
				color: #fff;
				text-decoration: none;
				background: #e82f2f;
				font-weight: normal;
			}

/* Balk met flash en bg foto */
#bg-foto1 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto1_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto2 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto2_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto3 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto3_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto4 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto4_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto5 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto5_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto6 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto6_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto7 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto7_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}
#bg-foto8 {
	width: 960px;
	height: 250px;
	background: #fff url(../images/foto8_header.jpg) center center no-repeat;
	margin: 4px 0 0 0;
}

/* Balk met doneerknop en sponsorlogo's */
#sponsorbalk {
	width: 960px;
	height: 83px;
	background: url(../images/sponsorbalk.png) center center no-repeat;
	margin: 8px 0 0 0;
}
	#sponsorbalk #doneer {
		width: 250px;
		height: 65px;
		text-align: center;
		padding: 13px 0 0 0;
		float: left;
	}
	#sponsorbalk #sponsors {
		width: 690px;
		height: 69px;
		text-align: center;
		padding: 7px 10px;
		font-size: 11px;
		float: right;
	}
		#sponsorbalk #sponsors img {
			float: left;
			margin: 5px 5px 0 5px;
		}

/* Main text & sidebar backgrounds */
#topmain {
	width: 960px;
	height: 20px;
	background: url(../images/topmain.png) center center no-repeat;
	margin: 8px 0 0 0;
}
#mainbg {
	width: 960px;
	background: url(../images/bg_main.gif) left top repeat-y;
	padding: 0 0 20px 0;
	float: left;
}
	#mainbg img {
		border: 3px solid #cccccc;
		margin: 6px 0;
	}
	#mainbg #breadcrumbs {
		font-size: 11px;
		font-weight: normal;
		margin: 0 0 12px 0;
	}
	#mainbg #breadcrumbs a {
		font-size: 11px;
		font-weight: normal;
	}
	#main-welcome {
		width: 630px;
		margin: 0 20px 20px 20px;
		background: #eaeaea;
		font-weight: bold;
		padding: 20px;
		float: right;
		text-align: left;
	}
	#main-txt {
		padding: 0 20px 20px 20px;
		width: 670px;
		float: right;
		text-align: left;		
	}
		#main-txt ul {
			margin: 0 0 0 12px;
		}
			#main-txt ul li {
				margin: 0 0 0 12px;
				list-style-type: disc;
			}
		#main-txt #pic {
			width: 331px;
			float: right;
			margin: 0 0 0 12px;
		}
			#main-txt #pic #caption {
				text-align: center;
				font-style: italic;
				font-size: 11px;
				margin: 6px 0;
			}
	#home-left {
		float: left;
		margin: 0 0 20px 20px;
		width: 325px;
		text-align: left;
	}
		#home-left h2 {
			border-bottom: 1px solid #e82f2f;
		}
	#home-right {
		float: right;
		margin: 0 20px 20px 0;
		width: 325px;
		text-align: left;
	}
		#home-right h2 {
			border-bottom: 1px solid #e82f2f;
		}

/* sidebar */
#sidebar {
	float: left;
	width: 250px;
	padding: 0 0 20px 0;
}
	/* Sponsorbedrag tussenstand */
	#sidebar .bg1 {
		background: url(../images/bidon.png) left top no-repeat;
	}
	#sidebar .bg2 {
		background: url(../images/bidon2.png) left top no-repeat;
	}
	#sidebar .bg3 {
		background: url(../images/bidon3.png) left top no-repeat;
	}
	#sidebar .bg4 {
		background: url(../images/bidon4.png) left top no-repeat;
	}
	#sidebar .bg5 {
		background: url(../images/bidon5.png) left top no-repeat;
	}
	#sidebar .bg6 {
		background: url(../images/bidon6.png) left top no-repeat;
	}
	#sidebar #score {
		width: 192px;
		height: 87px;
		*height: 92px;
		text-align: left;
		padding: 6px 8px 0 50px;
		*padding: 1px 8px 0 50px;
		margin: 0 0 20px 0;
		color: #fff;
		font-size: 11px;
	}
		#sidebar #score p {
			line-height: 40px;
		}
		#sidebar #score .sponsorbedrag {
			color: #fff;
			font-size: 16px;
			font-weight: bold;
		}
	
	/* Blogfeed van fietskrabbels.blogspot.com */
	#sidebar #blogfeed {
		width: 234px;
		padding: 0 8px;
		margin: 20px 0;
		text-align: left;
		color: #fff;
		font-size: 11px;
	}
		#sidebar #blogfeed .rssChannel {
			text-indent:-9999px;
			height: 0px;
			width: 0px;
		}
		#sidebar #blogfeed .rssChannelDesc {
			height: 16px;
		}
		#sidebar #blogfeed a {
			color: #fff;
			font-weight: normal;			
		}
		#sidebar #blogfeed li {
			margin: 5px 0;
			height: 61px;
			overflow: hidden;
		}
		#sidebar #blogfeed .feedbg {
			background: #2f2f2f;
			padding: 4px;
		}
	
	/*  Twitterfeed */
	#sidebar #twitter {
		width: 234px;
		padding: 0 8px;
		margin: 10px 0;
		text-align: left;
	}
		#mtaTwitter { padding: 0; width: 234px; margin: 6px 0 0 0;}
		#mtaTwitter > a { float: left; }
		#mtaTwitter a img {
			height: 48px;
		    width: 48px;
		    border: 1px solid #CCC;
		}
		#mtaTwitter ul:before {
		    margin: 0;
		}
		#mtaTwitter ul {
			position: relative;
		    background-color: #fff;
		    -moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		    list-style: none;
		    margin: 0;
		    padding: 0px;
		    font-family: Helvetica, sans-serif;
		}
		#mtaTwitter ul li { padding: 10px 10px; font-size: 10px; }
		#mtaTwitter ul li.first { font-size: 11px; font-weight: bold; }
		#mtaTwitter ul li.even { background-color: #eaeaea; }
		#mtaTwitter ul li.first span { font-size: 10pt; font-weight: normal; }
		#mtaTwitter ul li span { font-style: normal; }
		
/* Forms */
form,input,select,textarea{margin:0; padding:0; }

div.box {
	margin:0 auto;
	width:745px;
	position:relative;
	top:10px;
}	
	div.box label {
		width:100%;
		display: block;
		padding:10px 0 10px 0;
	}
	div.box label span {
		display: block;
		float:left;
		line-height: 15px;
		width:200px;
		text-align:right;
		padding:5px 20px 0 0;
	}
	div.box .input_text {
		padding: 0 3px;
		width:200px;
		border:1px solid #212121;
		font-family: Arial, Helvetica, sans-serif;
	}
	div.box .button
	{
		margin:0 0 10px 0;
		padding:4px 7px;
		position: relative;
		left:220px;
		width:200px;
		cursor: pointer;
	}
	div.box .message{
		padding:3px;
		width:300px;
		border:1px solid #212121;
		overflow:hidden;
		height:150px;
		font-family: Arial, Helvetica, sans-serif;
	}
.fout {
	border: 1px solid #e82f2f;
	margin: 10px 0;
	padding: 10px;
	font-weight: bold;
	color: #e82f2f;
	background:#eaeaea;
}

/* Tables */
table {
	border: solid 1px #212121;
	margin: 12px 0 0 0;
}
	th,td {
		padding: 3px;
	}
	th {
		font-weight: bold;
	}
	.b1 {
		border-right: solid 1px #212121;
		border-bottom: solid 1px #212121;
	}
	.b2 {
		border-bottom: solid 1px #212121;
	}
	.b3 {
		border-right: solid 1px #212121;
	}
	
/* Aanmoedigingsboek */
#gastenboek hr {
	size: 1px;
}
#gastenboek li {
	font-size: 10px;
}
	#gastenboek #noshowab {
		visibility: collapse;
	}

/* Footer */
#footer {
	height: 38px;
	width: 960px;
	background: url(../images/footerbalk.png) left top no-repeat;
	margin: 2px 0 20px 0;
	float: left;
}
	#footer #left {
		font-size: 10px;
		color: #fff;
		float: left;
		width: 234px;
		padding: 0 8px;
		line-height: 38px;
	}
	#footer #right {
		font-size: 10px;
		color: #212121;
		float: right;
		width: 710px;
		margin:10px 0 0 0;
	}
	#footer #right a {
		color: #212121;
		text-decoration: none;
	}