@charset "utf-8";
* { 
    margin: 0; 
    padding: 0; 
}


/* effects */
.shadow {
   -moz-box-shadow:    0 0 10px #828282;
   -webkit-box-shadow: 0 0 10px #828282;
   box-shadow:         0 0 10px #828282;
}
.radius {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.radius10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* Global */
.Mailing {width:600px; background-color:#ffffff; border:solid 1px #000000;}

td {
vertical-align:top;
/*font-size:11px;*/
padding-left:5px;
}


a {border: 0; color:#297BBA; text-decoration: none; }

.fout {
color:#ed3126;
font-weight:bold;
border: #F00 1px solid;
padding:10px;
background-color:#FCC;
}
.success {
color: #390;
font-weight:bold;
border: #6C0 1px solid;
padding:10px;
background-color:#CFC;
}



input
{
 	border: #ccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:400;
	background-color:#fff;
}

input:focus, select:focus {
    outline: none;
}

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

.ErrorField {
    border-color: #D00 !important;
    color: #D00 !important;
    
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D00;
    padding-left: 10px;
    font-style: italic;
}


.txtbox
{
 	border: #ccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:400;
	background-color:#fff;
}



.txtBox1
{
 	border: #ccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight:400;
	background-color:#fff;
}
.txtbox2
{
 	border: #ccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight:bold;	
	background-color:#fff;
}
.txtbox3
{
 	border: #96C43D 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight:bold;	
	background-color:#fff;
}
.txtbox4
{
 	border: #96C43D 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight:bold;	
	background-color:#fff;
}
.knop
{
 	border: #ccc 1px solid;
	font-size: 12px;
	font-weight:bold;
	background-color:#f0f0f0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
}

.knop2
{
 	border: #ccc 1px solid;
	font-size: 12px;
	font-weight:bold;
	background-color:#fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:1px;
	padding-bottom:1px;
}

.knop3
{
 	border: #ccc 1px solid;
	font-size: 18px;
	font-weight:bold;
	background-color:#fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:1px;
	padding-bottom:1px;
}



body{ 
	background-color: #E6E7E9;
	font-family: 'PT Sans', sans-serif;
	color:#333;
	line-height:14px;
	font-size: 70%;
}
h1 {font-size:20px; color:#297bba;  font-family: 'PT Sans', sans-serif;}
h2 {font-size:16px; color:#297bba;  font-family: 'PT Sans', sans-serif;} /*231F20*/
h3 {font-size:14px; color: #297bba;  border-bottom:#ccc solid 0px; font-family: 'PT Sans', sans-serif;}


img { border:0px;}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
	/*background:url(../images/bg-cont.jpg) no-repeat center top;*/
	/*
	background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	

*/
 /* fallback */ background-color: #e5e5e5; background-image: url(images/radial_bg.png); background-position: center center; background-repeat: no-repeat; 
 /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#e6e7e9)); 
 /* Safari 5.1+, Chrome 10+ */ background: -webkit-radial-gradient(circle, #ffffff, #e6e7e9); 
 /* Firefox 3.6+ */ background: -moz-radial-gradient(circle, #ffffff, #e6e7e9); 
 /* IE 10 */ background: -ms-radial-gradient(circle, #ffffff, #e6e7e9); 
 /* Opera cannot do radial gradients yet */
}

#contcenter { 
    margin: 0 auto; 
    width: 980px;
    padding: 0px;
   /* padding-bottom:100px;*/
}
#logo { width:300px; position:relative; top:10px; text-align:center;}
#header   { width:980px;height:180px;text-align:center;   font: bold 11px/30px 'PT Sans', sans-serif;}
#header .topleft { float:left; padding-top:10px; width:340px; text-align:left;  font: bold 11px/30px 'PT Sans', sans-serif;}
#header .phone {font: bold 16px/30px 'PT Sans', sans-serif; color:#297BBA; margin-bottom:-10px;}
#header .topleft a { 
padding:10px;
text-decoration:none;
text-align:center;
font: bold 11px/30px 'PT Sans', sans-serif;
color:#868686;
background-color:#f0f0f0;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	
border: 1px solid #e5e5e5;
}

#header .middle { width:300px; position:relative; top:10px; float:left;}
#header .topright { float:right; padding-top:10px; font-size:11px; width:340px; text-align:right; }
#header .topright a { color:#373737;padding:10px;font: bold 11px/30px 'PT Sans', sans-serif;border: 1px solid #e5e5e5;	}
#header .topright a.active {
padding:10px;
text-decoration:none;
text-align:center;
font: bold 11px/30px 'PT Sans', sans-serif;
color:#373737;
background-color:#f0f0f0;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	
border: 1px solid #e5e5e5;	
	}
#content   {width:980px;background-color:#fff; font:  12px/18px Verdana, Geneva, sans-serif; color:#373737; padding-bottom:20px;

/*padding:5px;*/
color:#373737;


}
#content ul { padding-left:30px;}
#footer   {width:980px;height:50px; text-align:center; color:#383838; padding-top:20px; letter-spacing:1px;}
#footer a {color:#297BBA;}

#header .topleftb  { border:1px solid #504241; padding:5px; text-decoration:none; background-color:#362c2b; color:#fff; font-size:14px; font-weight:bold; }
#header .topleftb:hover { color:#000; }


h1 { color:#297bba;}

.transparent
{
   filter:alpha(opacity=90); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
}
.transparentmore
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}


/* navigatie */ 
#headernavigatie {clear: both; width:980px; position:relative; top:5px; text-align:center; }
#headernavigatie ul {list-style:none;margin:0;width:970px; height:40px;
padding:5px;
text-align:center;
color:#373737;
background-color:#f0f0f0;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	
border: 1px solid #e5e5e5;	

}
#headernavigatie li {float:left;margin:0;padding:0px;text-align:center;height:30px;padding-right:15px; }
#headernavigatie li a { 
display:block;
float: left; 
color:#747474;
padding:10px;
text-decoration:none;
text-align:center;
font: 16px/20px 'PT Sans', sans-serif;
}
#headernavigatie li a.active {color:#383838;  text-shadow:none;background-color:#e6e7e9;	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;}
#headernavigatie li a:hover, li a:focus, li a:active{
background-color:#f7f7f7;	
padding:10px;
text-decoration:none;
text-align:center;
font: 16px/20px 'PT Sans', sans-serif;
color:#000;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;	
}

#headernavigatie-sub {padding-top:0px;clear: both; width:220px}
#headernavigatie-sub ul {list-style:none;margin:0px;padding-left:0px; padding-top:10px;}
#headernavigatie-sub li {margin:0px;padding:0px;text-align:left;font-size:12px; font-weight:normal; width:220px;}
#headernavigatie-sub li a  {display:block;padding-top:4px;padding-left:10px;color:#272020;text-decoration:none; height:25px; }
#headernavigatie-sub li a {background-color:#f0f0f0; background-image: url("../images/bg-sub.jpg"); background-repeat:repeat-x; font-size:15px;}
#headernavigatie-sub li a.active {background-color:#fff;color:#000; background-position:-400px 0;}
#headernavigatie-sub li a:hover, li a:focus, li a:active{background-color:#fff;color:#000; background-position:-400px 0;}


#adminoptions { clear:both; width:636x; margin:5px; background-color:#fff; color:#ccc; border:1px dotted #f0f0f0; padding:10px; font-size:14px}
#adminoptions a { 
padding:10px;
text-decoration:none;
text-align:center;
font: bold 14px/30px 'PT Sans', sans-serif;
color:#868686;
background-color:#f0f0f0;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	
border: 1px solid #e5e5e5;

}
#adminoptions a:hover { color:#000; }

.radio { border:0px; vertical-align:middle;}
.radio_wedstrijd { border:0px; vertical-align:middle; background-color:#4f97d2;}

.adminkader { border: 2px solid #96C43D; padding:5px; border-top: 10px solid #96C43D; color:#333;}
.adminkader td { color:#666;}
.adminkader-grijs { border: 2px solid #eee; padding:5px; border-top: 10px solid #ddd;color:#333; background-color:#fff;}
.adminkader-grijs form { background-color:#e7e7e7;}
.adminkader-donkergrijs { border: 2px solid #6E6969; padding:5px; border-top: 10px solid #6E6969;color:#333;}


#pageoptions { clear:both; width:960px; margin:0px; background-color:#f4f4f4; color:#ccc; border:1px dotted #f0f0f0; padding:10px; font-size:14px; margin-top:10px;}
#pageoptions a { 
padding:5px;
text-decoration:none;
text-align:center;
font: bold 12px/30px 'PT Sans', sans-serif;
color:#868686;
background-color:#f0f0f0;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius:  2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background-image: -moz-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
background-image: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
background-image: -o-linear-gradient(top, #ffffff, #f7f7f7);
background-image: linear-gradient(to bottom, #ffffff, #f7f7f7);
background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);	
border: 1px solid #e5e5e5;
}
#pageoptions a:hover { color:#000; }



.Wrap { margin-left: auto; margin-right: auto; width: 980px;  clear: both; }
.clearfix { margin-left: auto; margin-right: auto; display: block; clear: both; padding-top:5px; }

/* === Layouts == */
.layout-left { float:left; width:490px;}
.layout-right {float:right; width:490px;}

.layout-left-menu { float:left; width:230px; padding-left:60px; padding-top:20px; }

.layout-left-text { float:left; width:370px; padding-left:60px;padding-right:60px; padding-top:20px; text-align:justify;}
.layout-right-text {float:right; width:370px; padding-left:60px;padding-right:60px; padding-top:20px; text-align:justify;}

.layout-right-text-70 {float:right; width:630px; padding-right:60px; padding-top:20px; text-align:justify;}

.layout-left-image { float:left; width:450px; padding-top:50px; padding-left:40px; position:relative; z-index:10;left:auto;}
.layout-left-image img {border:10px solid #e6e7e9;}
.layout-right-image {float:right; width:490px;padding-top:50px; position:relative; z-index:10;left:auto;}
.layout-right-image img {border:10px solid #e6e7e9;}

.layout-right-image-inline {float:right; width:450px;padding-top:0px; padding-bottom:10px; position:relative; z-index:10; margin-left:30px; padding-right:0px; margin-right:0px;}
.layout-right-image-inline img {border:10px solid #e6e7e9;}

.layout-right-image-70 {float:right; width:690px;padding-top:20px; position:relative; z-index:10;left:auto;}
.layout-right-image-70 img {border:10px solid #e6e7e9;}

.layout-top-image { width:980px; position:relative; z-index:10;left:auto;}
.layout-top-image img {}

.layout-bottom-text { width:860px; padding-left:60px;padding-right:60px; padding-top:20px; text-align:justify;}

.layout-left-text-inline { width:860px; padding-left:60px; padding-top:20px; text-align:justify;}

.layout-middle-text { width:860px; padding-left:60px;padding-right:60px; padding-top:20px; text-align:center;}


.layout-left-admin { background-color:#fff; float:left; width:270px; padding-left:20px; padding-top:20px; padding-bottom:20px; min-height:400px; }
.layout-right-admin { float:right; background-color:#fff; width:670px; padding-left:20px; padding-top:20px; padding-bottom:20px; min-height:400px; }


.layout-text2column div {
	
	column-count: 2;
    column-gap: 22px;
	  
    /* Column-count niet geïmplementeerd */
    -moz-column-count: 2;
    -webkit-column-count: 2;  

    /* Column-gap niet geïmplementeerd */
    -moz-column-gap: 22px;
    -webkit-column-gap: 22px;
}
fieldset {
	
	background-color: #f0f0f0;
	padding:0px;
	margin: 0px;
	border:0px solid #876e3f;
	text-align:center;
}
#upload_area {border:0px solid #876e3f;}

.image{border:1px solid #ccc;padding:4px;}
.image:hover{ background-color:#362c2b;}
#map{border:10px solid #f0f0f0;padding:4px;}
#sitemap {padding-left:40px;}
#sitemap a {text-decoration:none;}
#sitemap li { list-style:none;}
#sitemap a li {padding-left:15px;}

/* === Forms === */
.form {
	background-color: #f0f0f0;
	padding:5px;
	font-size:90%;
}

.form a { color:#333;}

#content .layout-right form { margin:0px; }
#content .layout-right input{ width:385px; height:20px; border:1px solid #CACACA; padding:4px; background-image: url("../images/bck_form.jpg"); background-repeat:repeat-x;}
#content .layout-right input.radio{ width:1px; border:0px solid #CACACA; padding:4px;}
#content .layout-right select.select{ width:395px; height:30px; border:1px solid #CACACA; padding:0px; background-image: url("../images/bck_form.jpg"); background-repeat:repeat-x; font-size:16px;}
#content .layout-right input.button{width:125px; height:32px; font-size:12px; font-weight:bold; border:1px solid #CACACA; padding:4px; margin:0px 0px 0px 15px; background-image: url("../images/bck_form.jpg"); background-repeat:repeat-x; cursor: pointer;
}
#content textarea{width:385px; height:100px; border:1px solid #CACACA; padding:4px; background-image: url("../images/bck_form_text.jpg"); background-repeat:repeat-x;}

/* === slider == */
#navprev { position:absolute; left:10px; top:50px; height:420px; width:220px; z-index:1000; padding:0px; background:url(../images/navigation/previcon.png) no-repeat; background-position:left;}
#navnext { position:absolute; left:220px; top:50px; height:420px; width:220px; z-index:999; padding:0px; background:url(../images/navigation/nexticon.png) no-repeat; background-position:right;}
#navprev.left { left:50px;}
#navnext.left { left:260px;}
#navprev.rightmenu { left:10px; top:20px; height:320px; width:335px;}
#navnext.rightmenu { left:345px;  top:20px; height:320px; width:335px;}
#navprev.top { left:10px; top:0px; height:320px;width:480px;}
#navnext.top { left:490px;  top:0px; height:320px;width:480px;}
#navprev.inline { top:0px; height:420px;}
#navnext.inline { top:0px; height:420px;}
#navprev:hover {background:url(../images/navigation/prev.png) no-repeat; background-position:left;}
#navnext:hover {background:url(../images/navigation/next.png) no-repeat; background-position:right;}


/* == move images */
#test-list {
	list-style: none;
}

#test-list li {
	display: block;
	padding: 20px 10px; margin-bottom: 3px;
	width:250px;
	background-color: #efefef;
}

#test-list li img.handle {
	margin-right: 20px;
	cursor: move;
}



/* === calendar === */
#loading {
		position: absolute;
		top: 5px;
		right: 5px;
		}

	#calendar {
		width: 90%;
		margin: 0 auto;
		}
.Mailing a {color:#000; text-decoration:underline;}
.Mailing h1 {color:#231F20; }