@charset "UTF-8";
*   { margin 0 auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body {padding-top:3px;line-height: 1.6em}

.icon               {padding:0 0 5px !important 0}

a                   {
		color: #000;
		text-decoration: underline;
		margin-left: 1px;
		padding: 0 0 0 0
}
a:active            {color: #A22F1E;text-decoration: none;margin-left: 1px;	padding: 0 0 0 0}
a:hover             {color: #A22F1E;text-decoration: none;margin-left: 1px;	padding: 0 0 0 0}
a:focus 			{outline: 0;}
a:active 			{outline: 0;}
h1                  {
		font-size:1.25em;
		color: #A22F1E;
		padding:5px 0 10px 0;
		font-family: Georgia, "Times New Roman", Times, serif;
}
h1.sponsor          {font-weight:bold;color: #A22F1E;padding:0 0 3px 10px;display:block;border-bottom-width: 1.1px;style: solid;color: #A22F1E;font-family: Georgia, "Times New Roman", Times, serif;}
h2                  {font-size: 1.1em;font-weight:bold;color: #000000;padding-bottom:5px;font-family: Georgia, "Times New Roman", Times, serif;
}
h2.sponsor {
	color: #A22F1E;
	padding-bottom: 10px;
	display: block;
	padding-left: 10px;
	padding-top: 10px;
	text-indent: -15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3 {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1em;
}

p.nieuws            {line-height: 1.2em;letter-spacing: 1px;}
p.nieuws first-line:{font-weight: bold;	line-height: normal;letter-spacing: 0.1em;white-space: nowrap;}

.slideshow1         { height: 80px; width: 160px; }
.slideshow2         { height: 80px; width: 160px; }
.slideshow1 img     { border: 0px   }
.slideshow2 img     { border: 0px   }
img.groot {
		height: auto;
		width: 480px;
}
img.middel {
		height: auto;
		width: 250px;
}
img.klein {
		height: auto;
		width: 100px;
}

.centreren          {text-align:center;}
.red {
	color: #000;
}
.black {
	color: #000;
}
body  {
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 78%  !important;
	background-repeat: no-repeat;
	vertical-align: 100%;
	background-color: #62A23B;
	background-image: url(../afbeeldingen/background.jpg);
	padding-top: 0px;

}
#fotoAlbum {
	text-align: left;
			padding-bottom: 20px;

}
/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
#fotoAlbum h1 {
	background-image: url(../afbeeldingen/IconFotoAlbum.png);
	background-repeat: no-repeat;
	padding-left: 60px;
}
#fotoAlbum #foto {
	height: auto;
	width: 480px;
}
#fotoAlbum #foto img {
	border: 1px solid #FFF;
	margin: 0px;
	padding: 0px;
}
.nieuwsTitel {
	border-bottom: #A22F1E;
	margin: 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 25px;
	background-image: url(../afbeeldingen/front.png);
	cursor: pointer !important;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
.nieuwsInhoud {
	text-align:justify;
	-moz-user-select: none;
	-khtml-user-select: none;
	border: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #FFF;
	padding: 10px;
	margin-top: 10px;
	background-image: url(../afbeeldingen/transparant.png);
	
}
.clearleft {
	clear: left;
}
.menuItems {
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 20px;
}
.menuItems li {
	background-image: url(../afbeeldingen/bullit1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
.menuKop {
	background-image: url(../afbeeldingen/folder_red.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-size: 1em;
	display: block;
	padding-bottom: 5px;
	vertical-align: middle;
	padding-top: 5px;
	cursor: pointer;
}
.menuItems ul {
	list-style-type: none;
}
.driekolom #container {
	width: 1300px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	top: 0px;
	margin-top: -11px;
} 
.driekolom #headerBG {
	width: 1300px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../afbeeldingen/header3.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 326px;
}
.driekolom #containerContent {
	width: 1000px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../afbeeldingen/BG2.png);
	padding:-3px 0 20px 0;
	top: -11px;
	position: relative;
}

.driekolom  #containerContent  img    {
	text-decoration: none;
	border: none;
	height: auto;
	padding: 3px;
}
.driekolom    #header {
	height: 114px;
	padding-top: 215px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
} 
.driekolom  #header  h1 {
	margin: 0; /* door de marge van het laatste element in het element div voor #header op 0 in te stellen voorkomt u het wegvallen van marges – een onverklaarbare ruimte tussen div-elementen. Als om het element div een rand loopt, is dit niet nodig aangezien dit tevens het wegvallen van de marge voorkomt */
	padding: 10px 0; /* door het gebruik van padding (opvulling) in plaats van een marge (via het element margin) kunt u het element van de randen van het element div vandaan houden */
}
.driekolom #header .headermenu{
	padding-top: 20px;
	margin-left: 20px;
	padding-left: 130px;
}
.driekolom #header .headermenu ul li   {
	display: inline;
	padding-right: 8px;
}
.driekolom #header .headermenu ul li a   {
		font-size: 1.1em;
		font-weight: bold;
		color: #FFF;
		font-style: normal;
		font-variant: small-caps;
		text-decoration: none;
}
.driekolom .headerwelkom {
	color: #A22F1E;
	margin-top: 0px;
	padding-top: 20px;
	margin-left: 80px;
}
.driekolom .headerwelkom h1 {font-size:1.2em }
.driekolom  #kolomLinks {
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-left: 0px;
}
.driekolom #kolomLinks .bannerLeft {
	height: auto;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	padding: 2px;
	border: 1px solid #A22F1E;
}
.driekolom   #kolomMidden {
	margin-top: 11px;
	margin-right: 235px;
	margin-bottom: 0;
	margin-left: 270px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
} 
.driekolom #kolomMidden p {
		text-align: left;
		padding-bottom: 10px;
}

.driekolom #kolomMidden li { margin-left: 20px; }
.driekolom #kolomMidden img {
	padding-top: 20px;
}
.driekolom   #kolomMiddenLinks1 {
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 230px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-left: 0px;
	text-align: justify;
}
.driekolom #kolomMiddenRechts1 {
	float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: justify;
}
.driekolom    #kolomRechts {
	float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 215px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.driekolom #kolomRechtsSpatie {
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
}
.driekolom #kolomRechtsSpatie img {
	border: 1px solid #FFF;
	padding: 0px;
	margin: 0px;
	cursor: pointer!important;
}
.driekolom #kolomRechtsThumbs {
		float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
		width: 215px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		margin-left: 15px;
		margin-top: 0px;
		cursor: pointer;
}
.driekolom #kolomRechtsThumbs #thumbs {
	padding-top: 30px;
}
.driekolom #kolomRechtsThumbs #thumbs img{
		height: auto;
		width: 75px;
		padding-right: 22px;
		border: 1px solid #FFF;		
}
.driekolom #kolomRechtsThumbs h1  {
	text-align: left;
}
.driekolom #kolomRechtsThumbs #thumbs h2  {
	text-align: left;
}
.driekolom #kolomRechts h3{
	font-size: 1em;
	color: #A22F1E;
	background-image: url(../afbeeldingen/ball_foward.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.driekolom  #kolomRechts  img    {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.driekolom #kolomTwee {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 255px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 10px;
}
.driekolom  #footer {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 40px;
} 
.driekolom  #footer  p {
	margin: 0; /* door de marges van het eerste element in de footer (voettekst) in te stellen op 0 vermijdt u het risico dat de marge wegvalt – een ruimte tussen div-elementen */
	padding: 10px 0; /* door het gebruik van padding (opvulling) voor dit element maakt u ruimte (op dezelfde manier als door middel van een marge), zonder het probleem van wegvallende marges */
}
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.tweekolom #container {
	width: 1300px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.tweekolom #headerBG {
	width: 1300px;
	text-align: left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
	background-image: url(../afbeeldingen/header.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tweekolom #header {
	height: 216px;
	padding-top: 195px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 260px;
}
.tweekolom #containerContent {
	width: 1000px;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../afbeeldingen/BG.png);
	padding:-3px 0 20px 0;

}
.tweekolom  #kolomEen {
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 205px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
	margin-left: -1px;
}
.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
		color: #A22F1E;
		list-style-type: none;
		padding-left: 15px;
		margin-left: 0px;
		background: url(../afbeeldingen/list.png) no-repeat left 3px;
}
#menu1 a {
	color: #000000;
	text-decoration: none;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: url(../afbeeldingen/closed.png) no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
.driekolom .AccordionPanelContentMenu .leftcol {
	float: left;
	width: 70px;
	margin: 0px;
}
.driekolom .AccordionPanelContentMenu .leftcol2 {
	float: left;
	width: 50px;
}
.elftalfoto {
	width: 495px;
	padding-bottom: 30px;
	height: auto;
}

/*gastenboek --------------------------*/

#Gastenboek h1  {
	background-image: url(../afbeeldingen/front.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 1em;
}
#Gastenboek .berichtContent {
	border-style: solid; text-align: justify; border: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #FFF;
	padding: 10px;
	margin-top: 10px;
	background-image: url(../afbeeldingen/transparant.png);
	font-size: 90%;
}
#Gastenboek  a {
	text-decoration: underline;
}

/*Formulieren --------------------------*/
input {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
    border: 1px solid #999;
}
input .links {
    width: 150px;
}
#formInvoerGB table {
    width: 100%;
    text-align: left;
}
#formInvoerGB .links {
    width: 150px;
}
.witjes {
	text-align: justify;
	border: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #FFF;
	padding: 10px;
	margin-top: 10px;
	background-image: url(../afbeeldingen/transparant.png);
}
textarea#comments {
    height: 180px;
    width: 270px;
}
input.lang {
    width: 270px;
}
#kolomMidden #winkel {
	float: left;
	text-align: justify;
	width: 480px;
}
input {
		margin-right: 5px;
		height: 20px;
		font-style: italic;
		color: #C00;
}

textarea {
		margin-right: 5px;
		font-style: italic;
		color: #C00;
}
#kolomMidden #winkel form h2 img {
	border: 1px solid #FFF;
	padding: 1px;
}
#kolomMidden #winkel form .winkelAfbeelding { width: 120px; }
#kolomMidden #winkel form .winkelDetail { width: 350px; }
#kolomMidden #winkel form .winkelDetail h2 {
}
#kolomMidden #winkel form .winkelDetail h1 {
	padding-bottom: 0px;
}
.gastenboekEdit {
    font-family: Verdana;
    font-size: 12px;
    width: 450px !important;
    border: 0px solid;
	background: #F7FAF4;
    min-height: 100px;
}
#uploadMenu input {
    max-width: 190px;
}
#nieuwsOnder {
    display: inline;
}
#links {
    position: absolute;
    width: 220px;
    display: inline;
}
#rechts {
    position: absolute;
    margin-left: 240px;
    width: 220px;
    display: inline;
}
.ui-dialog {
    width: 200px;
    height: 120px !important;
    display: block;
    position: fixed;
    top: 30px !important;
    left: 45%;
    text-align: left;
	background-image: url(../afbeeldingen/transparant.png);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.aanpassen {
    position: fixed;
    top: 30px !important;
    left: 45%;
    width: 200px;
    height: 25px;
    text-align: left;
    padding: 10px;
    background-image: url(../afbeeldingen/transparant.png);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.ui-dialog-titlebar-close {
    display: none;
}
#nieuws img {
    float: left;
    margin-right: 10px !important;
    margin-bottom: 3px !important;
    padding: 0px !important;
   
}
#geheim {
	position: fixed;
	z-index: 1002;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 110px;
}
form table {
    width: 100%;
}
textarea {
	width: 400px;
}
.browseItem {
	width: 80px;
	height: 80px;
	padding: 2px;
	border: 1px solid lightgrey;
}
.nieuweFoto {
    border: 2px dotted #CC0000 !important;
}
.programma, .stand {
    width: 470px;
    border-spacing: 0px;
}
.programma > thead > th, .stand > thead > th {
	color: #A22F1E;
	font-weight: bold;
	font-size:100%;
	padding: 2px;
	height: 30px;
}
.programma > tr > td, .stand > tr > td {padding-left: 2px;height: 40px;font-size: 70%!important}
.datum {width:75px}
.tijd {width:50px}
.wedstrijd {width:200px}

#thumbs > img {
		width: 50px;
		height: 33px !important;
		overflow: hidden;
}