﻿#html {
	height: 100%;
}

body {
	color: #cbd9e7;
	background-color: #1e2329;
	font-size: 12px;
	font-family: "Rosario";
	line-height: 16px;
}

h1 {
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
}

a {
	color:#65b8f9;
	text-decoration: none;
}

a:hover {
	color:#0768B8;	
}

.button {
	border: none;
	background:transparent;
	color: #cbd9e7;
	font-size: 11px;
	font-family: "Rosario";
	font-weight: bold;
	display: inline;
	height: 30px;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
}

.button:hover {
	cursor: pointer;
	background-image: url('../images/fills/button.png');
	background-repeat: repeat-x;	
}

.button_active {
	border: none;
	background:transparent;
	color: #cbd9e7;
	font-size: 11px;
	font-family: "Rosario";
	font-weight: bold;
	display: inline;
	height: 30px;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url('../images/fills/button.png');
	background-repeat: repeat-x;
}

h2 {
	font-size: 18px;
	font-family: "Rosario";
	line-height: 17px;
	font-weight:normal;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #cbd9e7;
	text-transform: none;
}

.highlight {
	color:#65b8f9;
}

h3 {
	font-size: 10px;
	font-family: "Rosario";
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #5C6470;
}

ul {
	list-style:none;
	float: left;
	margin: 0;
	padding: 0;
}

li {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

#container {
	width: 744px;
	background-color: #383d43;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
}

#titlebar {
	height: 32px;
	margin-top: 15px;
	font-size: large;
	color: #65b8f9;
	letter-spacing: 1px;
	padding-top: 15px;
	padding-left: 15px;
}

#tss_container {
	height: 313px;
	background-color: #26292e;
}

#teaser {
	height: 313px;
	width: 100%;
}

#menubar {
	height: 28px;
	background-color: #1e2329;
	color: #cbd9e7;
	font-size: 11px;
	padding-top: 15px;
	padding-left: 15px;
	font-weight: bold;
	background-image: url('../images/fills/menubar.png');
	background-repeat: repeat-x;
}

#menubar a:hover {
	color: #cbd9e7;
}

#social_media {
	margin-top: -5px;
	display: inline;
	float: right;
	padding-right: 15px;
}

#social_media img{
	padding-left: 10px;
	border-style: none;
}

#menubar li {
	display: inline;
	margin-right: 10px;
}

#sidebar ul {
	float:none;
	padding-bottom: 20px;
}

.content3 ul {
	float:none;
	padding-bottom: 20px;
}

#sidebar li {
	display: block;
	padding-bottom: 10px;
}

#content {
	width: 500px;
	display: block;
	float: left;
	line-height: 16px;
	background-color: #26292e;
}

#content_holder {
	background-color: #26292e;
	overflow: auto;
}

#sidebar {
	width: 199px;
	display: inline;
	float: right;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	line-height:20px;
}

#copyright {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 15px;
	text-align: right;
	color: #5C6470;
	background-color: #1e2329;
}

.content1 {
	background-color: #2F3338;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 200px;
	overflow: hidden;
}

.content2 {
	background-color: #2A2D32;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 200px;
	overflow: hidden;
}

.content3 {
	background-color: #2A2D32;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
}

.hoofdfoto {
	float: right;
	display: inline;
	margin-right: -200px;
	padding-top: 15px;
	padding-bottom: 15px;
	width:160px;
}

.sidebar_title {
	color: #cbd9e7;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	padding-left: 15px;
	padding-top: 7px;
	margin-left:-15px;
	margin-bottom: -20px;
	background-image: url('../images/fills/button.png');
	background-repeat: repeat-x;
	line-height:normal;
}

.sidebar_title a {
	color: #cbd9e7;
}

.archieftabel {
	border-style:none;
	border-spacing: 0px;
}

.archieftabel tr td:first-child {
	width: 75px;
}

.uitslagentabel {
	border-style:none;
	border-spacing: 0px;
}

.uitslagentabel tr td {
	padding-right: 20px;
}

.uitslagentabel tr td:first-child {
	text-align: right;
	padding-right: 10px;
}

.fototabel {
	border-style: none;
	border-spacing: 0px;
	text-align: center;
	padding-right: 15px;
	margin: auto;
}

.fototabel img{
	border: 0;
}

.fototabel tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}