﻿body
{
	background-image: url('images/Background.png');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	font-family: verdana;
	width: 100%;
	height: 100%;
}
body, html
{
	height: 100%;
}
h1,h2,h3,h4
{
	padding:0px;
	margin:0px;
	padding-bottom:5px;
}
h1
{
	font-size: 1.2em;
	color: #003399;
	text-align:center;
}
h2
{
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	background-image:url('images/ColumnTitleHeader.png');
	padding:5px;
	margin-bottom:10px;
}
h3
{
	font-size:1em;
	color:#003399;
	text-align:left;
	padding-bottom: 0px;
}
h4
{
	font-size:1em;
	color:#009966;
	text-align:left;
	padding-top: 5px;
}
a,a:link,a:visited
{
	text-decoration:underline;
	font-weight:normal;
	color:#003399;
}
a:hover
{
	color:#096;
}
a.title:link,
a.title:visited
{
	text-decoration:underline;
	font-weight:normal;
	color:#039;
}
a.title:hover
{
	color:#096;
}
a.sporttak,a.sporttak:link,a.sporttak:visited
{
	text-decoration:none;
	font-weight:normal;
	color:#003399;
}
a.sporttak:hover
{
	color:#096;
}
hr.clear
{ 
	clear:both; 
	display:block; 
	visibility:hidden; 
	width:800px; 
	margin:0; 
	padding:0;
}
span
{
  font-weight:bold;
  color:#515151;
}
.inputbutton 
{
    font-size: 1em;
    background-color: #039;
    font-family: Verdana;
    color: #ffffff;
	border-color: #ffffff;
	border: 1px solid;
}
.textbox 
{
    font-size: 1em;
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #039;
	border-color: #039;
	border: 1px solid;
	vertical-align: bottom;
}
.dropdownlist
{
    font-size: 1em;
	background-color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #039;
	border-color: #039;
	border: 1px solid;
}

.linkbutton
{
    font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #039;
	float: right;
}

.linkbuttonVoorwaarden
{
    font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #039;
	float: left;
}
    
#header
{
	height:100px;	
}
#logo,
#logo a:link,
#logo a:visited
{
	/*background-image: url('images/Logo.png');*/
	float: left;
	width: 133px;
	height: 81px;
}
#banner
{
	/*background-image: url('images/banner3.png');*/
	height: 80px;
	width: 799px;
	float: right;
}
#main
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	
	width:935px;
	background-color: #FFF;
	
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#23528F;
	
	border-right-color:#23528F;
	border-right-width:1px;
	border-right-style:solid;
	
	border-bottom-color:#23528F;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
#menu
{
	height: 26px;
	background-color: #003399;
	/*background-image:url('images/Menu_Spacer.png');*/
	background-position:left top;
}
#menu a
{
	display: block;
	float: left;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left:1px;
	background-color: #003399;
	text-decoration: none;
	border-width: 1px;
	border-color: #003399;
	border-style: solid;
}
#menu a:hover,
#menu a.AspNet-Menu-Selected
{
	background-image: url('images/Menu_Overlay.png');
	border-width: 1px;
	border-color: #66cc99;
	border-style: solid;
}
#menu li.AspNet-Menu-WithChildren ul
{	
	display:none;
}
ul.AspNet-Menu
{
	position:static;	
}
div.centerLeft
{
	width:240px;
	float:left;
	padding-right:20px;
	padding-left:10px;
	border-right:solid 1px #004600;	
}
div.centerRight
{
	margin-left:10px;
	width:270px;
	float:left;
}

.left ul.AspNet-Menu,
.left ul.AspNet-Menu ul,
.left ul.AspNet-Menu ul ul
{
	position:static;
	visibility:visible;
	display:block;
}

ul.AspNet-Menu
{
	position:static;
}

.left a:link,
.left a:visited
{
	font-weight:bold;
	padding-bottom:5px;
	color:#003399;
	text-decoration:none;		
}
.left a:hover
{
	color:#096;
}

#quicklinks
{
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
	height:18px;
}
#quicklinks a
{
	text-decoration: none;
	font-weight:bold;
}
#breadcrumb
{
	color: #003399;
	padding-left: 5px;
	padding-top: 3px;
}
#breadcrumb a
{
	text-decoration: none;
}

#LeftMainMargin
{
	float: left;
	width: 34px;
	background-image: url('images/LeftShadow.png');
}
#RightMainMargin
{
	float: right;
	width: 31px;
	background-image: url('images/RightShadow.png');
}
#LeftMainShadow, #RightMainShadow
{
	background-image: url('images/LeftGradientShadow.png');
	width: 34px;
	padding: 0px;
	margin: 0px;
	height: 730px;
	float: left;
}
#RightMainShadow
{
	width: 31px;
	float: right;
	background-image: url('images/RightGradientShadow.png');
}
.clearfix
{
	clear: both;
}
#content
{
	width: 100%;
}
#content .left, #content .right
{
	width: 150px;
	float: left;
	border-color: #009966;
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	padding: 5px;
	background-image: none;
}
#content .right
{
	float: right;
}
#content .center-2Column
{
	margin-left:170px;
	float: left;
	width: 570px;
}
#content .center-NoColumn
{
	padding:10px;
	margin-left:auto;
	margin-right:auto;	
}
#content .center
{
	float: left;
	padding-top: 10px;
	width: 570px;
}
.Center
{
	margin-left:auto;
	margin-right:auto;	
}

.floatleft
{
	padding-right: 10px;
	margin-bottom: 5px;
	border: 0px;
	float: left;
}

.floatright
{
	padding-right: 10px;
	margin-bottom: 5px;
	border: 0px;
	float: right;
}

ol
{
    list-style-type: decimal;
    font-family: Verdana;
    padding: 0px;
}

ul
{
    padding: 5px;
    list-style-type: disc;
    color: #515151;
}
    
/********** CONTACT CONTROL ***********/
.Contact .Tel,
.Contact .Fax,
.Contact .Location,
.Contact .Email
{
	display:block;
	padding-left:18px;
	background-repeat:no-repeat;
	height:20px;
}
.Contact .Email
{
	background-image:url('images/css_icon_email.gif');
}
.Contact .Tel
{
	background-image:url('images/css_icon_tel.gif');		
}
.Contact .Fax
{
	background-image:url('images/css_icon_fax.gif');		
}
.Contact .Location
{
	background-image:url('images/css_icon_location.gif');		
}

/*************** BUTTONS *************/
.BlosoButton
{
	display:block;
	color:#FFF;	
	background-color:#003399;
	border-style:outset;
	border-width:1px;
	border-color:#036;	
}
.BackButton
{
	display:block;
	clear:both;
}


.KalenderDate
{
	display:block;
}
.KalenderItem
{
	border-bottom:1px solid #E1EFE0;
	margin-bottom:5px;
	padding-bottom:5px;
}
.KalenderTitle
{
	font-weight:bold;
	color:#009966;
	display:block;
}

