/* CSS Document voor dweilorkest de Ölietappers, door Jos Vredeveld */

body {
	background: url(images/background.jpg) repeat;
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #2c3b54;
	margin-top:0px;
}
a:link {
	color: #2c3b54;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #2c3b54;
}
a:hover {
	text-decoration: none;
	color: #2c3b54;
}
a:active {
	text-decoration: underline;
	color: #2c3b54;
}

#container	{
	position: relative;
	width:890px;
	padding:0 5px 0 5px;
	margin-left:auto;
	margin-right:auto;
}

#top	{
	width:880px;
	height:152px;
	float:left;
}

#content	{
	width:886px;
	float:left;
	padding:0 0 0 6px;
	background:#FFFFFF;
}

#left_side	{
	width:210px;
	padding-right:5px;
	background-image:url(images/side_bg.jpg);
	background-repeat:repeat-y;
	float:left;
	overflow:hidden;
}

#navigatie_header	{
	background-image:url(images/navigatie.jpg);
	width:215px;
	height:46px;
	float:left;
	font-size:1px;
	text-indent:-900;
}

#navigatie	{
	width:200px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

#navigatie ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:200px;
	line-height:24px;
}

#navigatie ul li	{
	width:200px;
	background-position: 0 50%;
}

#navigatie ul li a	{
	background-image:url(images/bar.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:125px;
	text-decoration:none;
	padding-left:5px;
	padding-right:70px;	
	padding-bottom:5px;
	padding-top:5px;
	font-weight:bold;
}

#navigatie ul li a:hover	{
	background-image:url(images/bar.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:125px;
	text-decoration:none;
	padding-left:10px;
	padding-right:70px;	
	padding-bottom:5px;
	padding-top:5px;
	font-weight:bold;
}

#mp3_header	{
	background-image:url(images/mp3_speler.jpg);
	width:215px;
	height:46px;
	float:left;
	font-size:1px;
	text-indent:-900;
}

#sponsoren_header	{
	background-image:url(images/sponsoren.jpg);
	width:215px;
	height:46px;
	float:left;
	font-size:1px;
	text-indent:-900;
}

#left_footer	{
	width:215px;
	height:12px;
	float:left;
}

#main	{
	width:665px;
	background-image:url(images/main_bg.jpg);
	background-repeat:repeat-y;
	float:left;
}

#main_text	{
	width:655px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	text-align:left;
}

#main_header	{
	background-image:url(images/welkom.jpg);
	width:665px;
	height:53px;
	float:left;
}

#main_footer	{
	width:665px;
	height:12px;
	float:left;
}

#footer	{
	background-image:url(images/footer.jpg);
	height:46px;
	width:870px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-top:40px;
	float:left;
}

p	{
	padding-bottom:15px;
}

.input_field {
	background-image:url(images/input_field.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:20px;
	padding-top:5px;
	padding-left:5px;
	border:0px;
	font-size:12px;
	font-family:"Trebuchet MS";
	}
	
.text_field {
	background-image:url(images/text_field.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:95px;
	padding-top:5px;
	padding-left:5px;
	border:0px;
	font-size:12px;
	font-family:"Trebuchet MS";
	}

th	{
	border:1px #97bdff solid;
	background-color:#cbdeff;
	padding: 0 5px 0 5px;
	height:35px;
	font-weight:bold;
	}

table	{
	border-collapse:collapse;
	margin: 5px;
	}

table, td	{
	border:1px #97bdff solid;
	padding: 0 5px 0 5px;
	background-color:#FFFFFF;
	vertical-align:top;
	}

