/* 
Title: 		
Updated: 	
Version: 1.0
Author: yse
*/

* {margin: 0; padding: 0;}

body { 
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align:center;
}

img { border: 0;}
hr { display:none; }



#wrapper {width: 850px;margin: 0 auto;text-align:left;  position:relative;}


/* mainlogo
------------------------------------------------------------- */
#mainlogo { clear:both; }

#blockmain { width: 810px; background: #6DCFFE; clear:both; color: #FFF;  padding: 20px 20px 5px 20px; float:left;}

#mainnav { margin-bottom: 1em; display:block;width:100%; clear:both;float:left;}
#mainnav ul { list-style:none; margin:0;padding:0; font-size: 14px;}
#mainnav ul li { list-style:none;  display:inline;  }
#mainnav ul li a { color: #FFF; display:block; float:left; padding: 0 15px; border-right: 1px solid #FF9900}
#mainnav ul li.last a { border:0;}
#mainnav ul li a:hover { text-decoration:underline;}


/* blockcontent
------------------------------------------------------------- */

#blockcontent { padding: 10px 20px 10px 30px; line-height: 1.5em;clear:both; }

/* editor */
#blockcontent h1 { font-size: 30px; color: #FFF; margin-bottom: 1em; text-align: center; }
#blockcontent h2 { font-size: 23px; color: #FFF; margin: 1em 0;}
	#blockcontent h2 a { color: #FFF;}
	#blockcontent td h2 { margin-top:0;}
	h2.tip { background: url('../images/tip.gif') no-repeat top left; padding-left: 30px;line-height: 30px;}
	td { vertical-align:top;}
	table { margin-top: 1em;}
	
#blockcontent h3 { font-size: 15px; color: #FFF;}
#blockcontent h4 { font-size: 13px; color: #FFF;}
#blockcontent p { margin-bottom: 1em;}
#blockcontent ul,#blockcontent ol { margin: 1em 2em;}

a { text-decoration:none; color: #FFF;}
a:hover { text-decoration:underline;}


.items { width: 100%; float:left; }
.items .item { margin-bottom: 30px;  width: 100%;float:left; }
.items .item img { float:left; margin-right: 10px;}
.items .item p { width: 200px; float:left;}
.items .item a { font-weight:bold; text-decoration:none;}
.items .item a:hover { text-decoration:underline;}

.tpl-home .items .item a { color: #FFF; }

.hidden { display:none;}

.home-txt { background: url('../images/title1_fr.jpg') no-repeat top left;padding-top: 150px;float:left;width:100%; }
.home-txt.nl { background: url('../images/title1_nl.jpg') no-repeat top left; }

.home-txt #pageTitle { display:none;}
.home-txt #pageBody { float:left; width: 325px;padding-top: 50px; padding-left: 75px;}

.p-subscribe { background: url('../images/title_wedstrijd_fr.jpg') no-repeat top left;padding-top: 150px;float:left;width:100%; }
.p-subscribe.p-subscribe-nl { background: url('../images/title_wedstrijd_nl.jpg') no-repeat top left; }
.p-subscribe #pageTitle { display:none;}
.p-subscribe #pageBody { padding-top: 30px;}

.p-content { padding-top: 2em;}

.p-win { background: url('../images/win_fr.jpg') no-repeat top left;padding-top: 200px;float:left;padding-left: 50px; padding-right: 100px; width: 610px;}
.p-win-nl { background: url('../images/win_nl.jpg') no-repeat top left;}

#blockcontent #zones  { list-style:none;margin:0;padding:0; width: 175px; float:left;}
#blockcontent #zones  li { list-style:none; margin:0;padding:0;margin-bottom: 1em;}
#zones li a {font-size: 15px; display:block; background: #FFF; color: #000; border-right: 1px solid #FF9900; padding: 5px 10px; width: 140px; }
#zones li.inactive a { background: #CCCCCC }
#blockcontent #zones p { padding-right: 10px; margin: 5px 0;}

#zones-pic { float:left;height: 600px;}
.zone-pic { position:absolute;}

.overview-item { width:180px; float:left; margin: 0 10px 20px 0;height: 60px;}
.overview-item a img { float:left; border: 1px solid #CCCCCC; padding:2px;}
.overview-item .nickname { margin-left: 10px;font-weight:bold; width: 90px;}

.search label { font-weight:bold;}
.search { margin-bottom: 2em;}
.search .textInput { width: 100px; margin: 0px 10px;}

/* pageSubpage
------------------------------------------------------------- */
.pageSubpage { float:left; width: 46%; margin-bottom: 1em; margin-right: 25px;}
.pageSubpage.row1 { margin-right:0;}
.clr { clear:both;}

/* pages
------------------------------------------------------------- */
#subscribeForm { width: 400px; float:left;}
#sidebar { width: 270px; float:right;}

.block { background: url('../images/block.bg.jpg') no-repeat top left; width: 260px; height: 145px; margin-bottom: 2em; padding-top: 10px; padding-left: 10px; color: #000; overflow:hidden;}
.block .thumb { float:left; margin-bottom: 2px; margin-right: 2px;}

/* footer
------------------------------------------------------------- */
#footer { color: #FFF; font-size: 11px;  float:left; width: 100%; padding-top: 10px;}
#footer a { text-decoration:none; color: #FFFFFF}
#footer a:hover { text-decoration:underline; }
	#lang { float:right; }
	
	#powered { float:left;}
	
#splash-txt { padding-top: 300px; padding-left: 450px;}
#splash2-txt { padding: 95px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 95px; /* for IE5/Win only */margin-left: 0px;  }
#splash-button { margin:0 auto; margin-top: 15px; display:block;width: 100%;padding-top: 500px;margin-top: -485px;}
#splash-button:hover { text-decoration:none;}
#splash-button img { margin-left: 230px;}
#splash-button div { margin-left: 230px;}

/* forms
------------------------------------------------------------- */
form, fieldset, input,select,textarea { font-family: Arial,sans-serif;}
fieldset {border:0;}
legend {display:none;}
input, textarea {color:#474A53; font-size:110%;}
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { }

.uniForm { overflow:visible;}

.uniForm .ctrlHolder { padding: 3px 0;}
.uniForm .error { background:none; border: 0; color: #E2007A;}
.uniForm .inlineLabels .error input { border: 1px solid #E2007A;}

.uniForm .inlineLabels label, .uniForm .inlineLabels .label { text-align:left; width: 30%;}
.uniForm .inlineLabels .textInput, .textInput { background: url('../images/input.bg.jpg') no-repeat top left; width: 250px; padding: 3px 5px; border:0;}
.uniForm .inlineLabels .ctrlHolder.inline, .uniForm .inlineLabels .formHint { padding-left: 1%; margin-left:0;padding-top: 0;padding-bottom: 0;}
#blockcontent p.formHint { margin-bottom: 0; color: #F9F9F9;}
#blockcontent p.formHint a { color: #F9F9F9; text-decoration:underline;}
.uniForm .buttonHolder button { background:none; height:auto;width:auto;}
