html {
}

body {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #6a6868;
	background-color:#cccccc;
	/*background-image: url(../images/stripe_bg.png);*/
	height: 100%;
}

img {
	border: 0px;
}

 
a:link,
a:visited,
a:active {
	color: #00b0cf;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: none;
}

h1 a:link,
h1 a:active,
h1 a:visited {
	color: white;
}

h2 {
   color:#A1C900;
}

div.Container {
	position: relative;
	width: 999px;
	margin: 0px auto;
	padding-top: 260px; /* header fix */
	padding-bottom: 85px; /* footer fix */
	background-image: url(../images/BodyBg.jpg);
	min-height: 300px;
}

div.Container div#Header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 220px;
	width: 999px;
	overflow: hidden;
}

div.Container div#Header div#HeaderImages {
	position: absolute;
	width: 999px;
	height: 220px;
}

div.Container div#Header div#HeaderImages img {
	position: absolute;
}

div.Container div#Header img#TransparentLogo {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 11;
}

div.Container div#Header img#HeaderOverlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}

div.Container div#Topmenu {
	position: absolute;
	top: 220px;
	left: 170px;
	width: 656px;
	background-color: #e0e1de;
	height: 40px;
}

div.Container #Content {
	float: left;
	position: relative;
	left: 13px;
	width: 656px; 
	overflow: hidden;
	z-index: 1;
	margin-bottom: 10px;
}



div.Container #Content > * {
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #f5f3f3;
}

div.Container #Content img {
	max-width: 635px;
    max-height: auto !important;
    height: auto !important;
}

div.Container #Content h1 {
	display: block;
	margin-top: 15px;
	height: 25px;
	line-height: 24px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	color: white;
	background-color: #a1c900;
	padding-left: 10px;	
}

div.Container #Content h1.Expandable {
	cursor: pointer;
	background-image: url(../images/expand.gif);
	background-position: 99% center;
	background-repeat: no-repeat;	
}

div.Container #Content h1.Expandable.Opened {
	background-image: url(../images/collapse.gif);
}

div.Container div#Content div.ContentItem {
	float: left;
	background-color: #f5f3f3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

div.Container div#Content div.ContentItem span.Title {
	display: block;
	height: 25px;
	line-height: 24px;
	margin-bottom: 8px;
	font-size: 13px;
	color: white;
	background-color: #a1c900;
	padding-left: 10px;
}

div.Container div#Content div.ContentItem div.Content {
	padding-left: 10px;
	padding-right: 10px;
}

div.Container div#Content div.ContentItem.Full {
	width: 656px;
}

div.Container div#Content div.ContentItem.Half {
	width: 315px;
	margin-right: 10px;
}


/**
 * Special content
 */
div.Container #Content table.StatsTable th {
	text-align: left;
}
div.Container #Content ol.LastEdited,
div.Container #Content ol.Newest {
	width: 290px;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}

div.Container #Content ol.LastEdited li span,
div.Container #Content ol.Newest li span {
	position: absolute;
	right: 5px;
		font-size: 10px;
	font-style: italic;
}

div.Container #Content ol.LastEdited li,
div.Container #Content ol.Newest li {
	position: relative;
}


div.Container #Content ul.SponsorOverview {
	list-style-type: none;
	position: relative;
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
}

div.Container #Content ul.SponsorOverview li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 200px;
	border: 1px dotted green;
	height: 150px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

div.Container #Content ul.SponsorOverview img {
	width: 200px;
}

div.Container #Content ul.SponsorOverview a {
	position: absolute;
	text-align: center;
	height: 20px;
	font-weight: bold;
	padding-top: 130px;
	top: 0px;
	left: 0px;
	width: 200px;
	display: block;
}

div.Container #Content div.Guestbook {
	text-align: center;
}

div.Container #Content div.Hidden {
	display: none;
}

div.Container #Content div.Guestbook div.Entry {
	width: 500px;
	margin: 0px auto;
	text-align: left;
	margin-bottom: 25px;
}

div.Container #Content div.Guestbook div.Entry div.Message {
	display: block;
	background-color: #E0E1DE;
	margin: 0px;
	overflow: hidden;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	color: #6A6868;
}

div.Container #Content div.Guestbook div.Entry div.Message p {
	margin-top: 0px;
	padding-top: 0px;
	color: #6A6868;
}

div.Container #Content div.Guestbook div.Entry dl {
	background-color: #F2A532;
	margin: 0px;
	position: relative;
	height: 60px;
}

div.Container #Content div.Guestbook div.Entry dl dt {
	position: relative;
	float: left;
	margin: 0px;
	width: 145px;
	padding-left: 5px;
	height: 20px;
	color: #6A6868;
}

div.Container #Content div.Guestbook div.Entry dl dd {
	float: left;
	margin: 0px;
	width: 350px;
	height: 20px;
	color: #6A6868;
}





div.Container #Content dl.NewsDefinitionList dd, 
div.Container #Content dl.NewsDefinitionList dt {
	display: inline;
	margin: 0px;
	padding: 0px;
}

div.Container #Content div.NewsMessageContents {
	padding-left: 10px;
	padding-right: 150px;
	text-align: justify;
}

div.Container #Content div.NewsMessageContents h1 {
    display: block;
    margin-top: 5px;
    height: 25px;
    line-height: 24px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    color: gray;
    padding-left: 10px;
    background-color: transparent !important; 
}

div.Container #Content div.NewsMessageContents img {
	max-width: 200px;
	max-height: 150px;
}

div.Container #Content div.NewsMessageContents img.NewsImage {
	width: 100px;
	max-height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.Container #Content div.NewsMessageContents p {
	margin-top: 0px;
}

div.Container #Content ul.TeamTypes {
	display: block;
	height: 330px;
	padding-top: 5px;
}

div.Container #Content ul.TeamTypes li {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-right: 9px;
	margin-bottom: 9px;
	display: block;
	background-color: white;
}

div.Container #Content ul.TeamTypes li a {
	display: block;
	height: 150px;
	width: 150px;
	text-align: center;
	position: relative;
	border: 1px dotted black;
}

div.Container #Content ul.TeamTypes li a:hover {
	border: 1px dotted red;
}

div.Container #Content ul.TeamTypes li a img {
	max-width: 100px;
	max-height: 100px;
	margin-top: 10px;
}

div.Container #Content ul.TeamTypes li span.Name {
	position: absolute;
	bottom: 10px;
	width: 150px;
	text-align: center;
	left: 0px;
	font-size: 13px;
}


div.Container #Content div.TeamListOverviewTeam {
	float: left;
	position: relative;
	width: 290px;
	height: 175px;
	border: 2px dashed green;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
}


div.Container #Content div.TeamListOverviewTeam * {
	z-index: 10;
}

div.Container #Content div.TeamListOverviewTeam h2 { 
	left: 10px;
	top: 10px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	
}

div.Container #Content div.TeamListOverviewTeam img.TeamListPicture {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	border: 0px;
	opacity: 0.5;
}

div.Container #Content ol.TeamListLeden {
	width: 136px;
	display: block;
	position: absolute;
	right: 5px;
	z-index: 10;
	top: 0px;
	background-color: red;
	opacity: 0.65;
	color: white;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 120px;
}


div.Container #Content div.TeamPagina ul.Pictures img {
	width: 200px; 
}


div.Container #Content ul.TopMostPhotoAlbums {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.Container #Content ul.TopMostPhotoAlbums li {
	width: 150px;
	height: 140px;
	border: 1px dotted black;
	background-color: white;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	position: relative;
}

div.Container #Content ul.TopMostPhotoAlbums li h2.Name {
	font-size: 12px; 
	text-align: center;
	position: absolute;
	z-index: 10;
	width: 150px;
}

div.Container #Content ul.TopMostPhotoAlbums li img {
	width: 150px;
	max-height: 140px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}


div.Container #Content h2.NewsMessageTitle {
	border-bottom: 2px dotted gray;
	font-style: italic;
	padding-top: 10px;
}

div.Container #Content dl.NewsDefinitionList {
	display: block;
	width: 646px;
	text-align: right;
	text-decoration: underline;
}

div.Container #Content div.NewsMessageContents {
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 10px;
}

div.Container #Content div.NewsMessageContents img.NewsImage {
	float: left;
	top: 0px;
	left: 0px;
}

div.Container #Content p.More {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

div.Container #Content ul.PictureList {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.Container #Content ul.PictureList li {
	float: left;
	width: 150px;
	height: 150px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

div.Container #Content ul.PictureList li:hover {

}

/**
 * /End of special content
 */

div.Container #Leftmenu {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 157px;
	z-index: 2;
}

div.Container #Leftmenu div.MenuBlock,
div.Container #Rightmenu div.MenuBlock {
	position: relative;
	width: 157px;
	margin-bottom: 20px;
	color: white;
}

div.Container #Leftmenu div.MenuBlock h2.Title,
div.Container #Rightmenu div.MenuBlock h2.Title {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: white;
	left: 10px;
	font-size: 12px;
	width: 145px;
	display: block;
	margin-bottom: 8px;
}

div.Container #Leftmenu div.MenuBlock .Content,
div.Container #Rightmenu div.MenuBlock .Content {
	background-color: #d43333;
	padding: 10px;
	text-align: center;
}

div.Container div.MenuBlock .Content div#SponsorImages {
	height: 100px;
	text-align: center;
}



div.Container #Leftmenu div.MenuBlock ul,
div.Container #Rightmenu div.MenuBlock ul  {
	list-style-type: none;
	width: 157px;
	margin: 0px;
	padding: 0px;
	background-color: #c90000;
}

div.Container #Leftmenu div.MenuBlock ul li,
div.Container #Rightmenu div.MenuBlock ul li {
	margin: 0px;
	padding: 0px;
	height: 22px;
	position: relative;
}

div.Container #Leftmenu div.MenuBlock ul li.Odd,
div.Container #Rightmenu div.MenuBlock ul li.Odd  {
	background-color: #d43333;
}

div.Container #Leftmenu div.MenuBlock ul li.Even,
div.Container #Rightmenu div.MenuBlock ul li.Even {
	background-color: #c90000;
}

div.Container #Leftmenu div.MenuBlock ul li a,
div.Container #Rightmenu div.MenuBlock ul li a {
	color: white;
	display: block;
	width: 145px;
	height: 22px;
	padding-left: 12px;
	line-height: 22px;
}

div.Container #Leftmenu div.MenuBlock ul li a:hover,
div.Container #Rightmenu div.MenuBlock ul li a:hover {
	text-decoration: underline;
}

div.Container #Leftmenu div.MenuBlock ul li ul {
	position: absolute;
	display: none;
	z-index: 2;
	margin-left: 157px;
	top: 0px;
}


div.MenuBlock ul.List.Birthdays {
	list-style-type: circle !important;
	padding-left: 30px !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 145px !important;
}

div.MenuBlock ul.List.Birthdays li {
	margin-left: 20px !important;
	text-align: left;
	width: 123px !important;
}

div.Container #Rightmenu {
	float: right;
	top: 0px;
	left: 0px;
	width: 157px;
	margin-bottom: 127px;
}

div.Container #Rightmenu div.MenuBlock ul li ul {
	position: absolute;
	display: none;
	z-index: 2;
	margin-left: 0px;
	right: 157px;
	top: 0px;
}

div.Container div#Topmenu {
	text-align: right;
}

div.Container div#Topmenu ul {
	position: relative;
	top: 10px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div.Container div#Topmenu ul li {
	background-color: #f0f0ef;
	height: 30px;
	margin-right: 12px;
	float: right;
}

div.Container div#Topmenu ul li a,
div.Container #Leftmenu div.MenuBlock ul a,
div.Container #Rightmenu div.MenuBlock ul a {
	outline: 0;
}

div.Container div#Topmenu ul li a {
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	height: 30px;
	line-height: 30px;
	color: #757575;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

div.Container div#Topmenu ul li a.Active,
div.Container div#Topmenu ul li a:hover {
	color: #c90000;
}


div.Container div#Topmenu ul li ul {
	display: none;
}

div.Container div.MenuBlock .Content ul.Birthdays {
	background-color: #d43333 !important;
}

div.Container div#Footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 999px;
	height: 65px;
	padding-bottom: 0px;
	background-color: #999999;
	background-image: url(../images/FooterLarge.jpg);
	background-repeat: no-repeat;
}

div.Container div#Footer span {
	position: absolute;
	left: 600px;
	top: 30px;
	font-size: 12px;
	color: white;
}

div.Container div#Footer span a {
	color: white;
}

div.Container div#Footer img#SmallLogo {
	position: absolute;
	right: 0px;
	bottom: 75px;
}


div#Dialog {
	display: none;
}

div.Guestbook a.New {
	font-weight: bold;
}

div#Dialog div.Guestbook label {
	display: block;
	width: 350px;
	position: relative;
	height: 20px;
	margin-bottom: 5px;
}

div#Dialog div.Guestbook label input {
	position: absolute;
	right: 0px;
	width: 190px;
}

div#Dialog div.Guestbook label.Bericht {
	height: 200px;
	width: 400px;
}

div#Dialog div.Guestbook textarea {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 400px;
	height: 150px !important;
}

div#Popup {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	display: none !important;
}

div#Popup div.Background {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: white;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.5;
}

div#Popup div.Content {
	position: relative;
	margin: 0px auto;
	width: 200px;
	height: 200px;
	background-color: red;
	z-index: 2;
}






















/* MAILFORMULIER */

.MFKop {
	color: #018DAE;
	font-size: 18px;
}

.MFErrorMessage {
  color: red;
}

.MFSubmitButton, .MFCancelButton, .MFConfirmButton {
  width: 121px;
  height: 24px;
  line-height: 24px;
  color: #fff6dd;
  font-size: 10px; 
  border: 0 none;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #E78F08;
}

.MFConfirmButton {
	height: 20px;
	line-height: 20px;
	width: 150px;
}

.MFSubmitTD {
  text-align: left;
}

.MFDataTD {
  text-align: left;
}

.MFTD {
  width: 180px;
  vertical-align: top;
  font-weight: normal;
}

.MFSelectType {
	border: 1px solid #bb9966;
	width: 256px;	
	font-family: "Arial", sans-serif;	
	margin-bottom: 3px;
	color: black;	
}

.MFNaamType, .MFEmailType, .MFFileType {
	border: 1px solid #bb9966;
	background-image: url( ../images/InputBG.jpg );
	background-repeat: repeat-x;
	background-position: bottom left;
	width: 250px;
	padding: 3px;
	font-family: "Arial", sans-serif;
	font-size: 10px;
	margin-bottom: 3px;
	color: black;
}

.MFLarge {
	width: 172px;
}

.MFSmall {
	width: 45px;	
}

.MFExtraUitleg {
  font-weight: normal;
  font-style: italic;
  padding-bottom: 10px;
}

.MFVerplichtTD {
  color: red;
  font-weight: bold;
  vertical-align: top;
  padding-top: 5px;
  width: 10px;
}

.MFFileType {
  color: #7b797a;
  border: 1px solid #5D152D;
  margin: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 304px;
}


div.MenuBlock .Calendar .ui-datepicker-inline {
	margin-left:3px !important;
	padding:0.2em 0.2em 0 !important;
	width:12em !important;
}

#Content div.Content .Calendar .ui-datepicker-inline {
	margin-left:3px !important;
	padding:0.2em 0.2em 0 !important;
	width: 300px !important;
	margin-left: 250px;
	margin: 0px auto !important;
}




/** Clears **/

.Clear {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.ClearShow {
	clear: both;
}