/* Quick Reset */
body,a,ul,ol,img,form,p,h1,h2,h3,h4,h5,h6,blockquote {
margin:0;padding:0;border:none;list-style:none;font-weight:normal;text-decoration:none} 

/*
	CSS STYLESHEET VOOR DE LAYOUT VAN xxxx.tpl (niet index.tpl => index.css)
	OFTEWEL www.belkart.be/xx/ EN VERDER

	LAYOUT.CSS = layout van bv. divs, tables (width, height, background-color)
	STYLE.CSS = opmaak van bv. divs, tables, forms, teksten, lists (bv. font opmaak, form opmaak, links)
															

	opgelet! afbeeldingen staan /img/
	dus er moet een map teruggegaan worden (../img/)
*/


/* ------------------------------- */	
/* HOOFDLAYOUT (INDEX2.TPL)        */
/* ------------------------------- */	
body{
	background-color:#fff; 
	}
div#top-container{
	width:100%; 
	height:35px; 
	background-color:#2f2f2f
	}
		div#top-wrapper{
			width:850px; 
			height:27px; 
			margin:0 auto; 
			position:relative; 
			background:url(../img/top.jpg); 
			padding:8px 15px 0 15px;
			}
				div#memberspanel{
					float:left;
					}				
				div#languages{
					float:right;
					}
					
div#main-container{
	margin:0 auto; 
	background:url(../img/bg_stretch.jpg);
	width:862px; 
	padding:0 9px 0 9px
	}
		div#header-wrapper{
			width:100%; 
			height:79px; 
			background:url(../img/header_stretch.jpg);
			position:relative
			}
				div#header-logo{
					width:195px; 
					height:47px; 
					background:url(../img/logo.png) no-repeat; 
					position:absolute; 
					left:25px; 
					top:12px
					}
				div#header-img{
				width:192px;
				height:79px; 
				background:url(../img/header_img.png) no-repeat;
					position:absolute;
					right:0
					}
				div#header-title{
					position:absolute;
					left:240px; 
					bottom:35px; 
					font-size:15px; 
					font-weight:bold;
					font-style:italic;
					text-transform:uppercase
					}
		div#menu-wrapper{
			width:100%; 
			height:26px; 
			background:url(../img/menu_stretch.jpg) repeat-x
			}
		div#submenu-wrapper{
			width:100%; 
			height:20px; 
			background:url(../img/submenu_stretch.jpg) repeat-x
			}
		div.bar{ /* 2X GELE STREEP SUBMENU */
			width:100%;
			height:5px;
			background-color:#ffc700; 
			font-size:1px /*IE hack voor empty div */
			}
		div#left, div#right{
			width:149px; 
			float:left
			}
				div#sidesTitlebar{
					width:100%; 
					height:26px;
					background:url(../img/menu_stretch.jpg); 
					text-align:center; 
					font-weight:bold; 
					font-size:13px; 
					color:#cc1717; 
					line-height:24px
					}
				div#sidesContent{
					width:100%;
					background-color:#e8e8e8;
					text-align:center; 
					padding:5px 0 5px 0; 
					font-size:12px
					}
		div#content-main{
			width:100%;
			text-align:center;
			padding-top:10px
			}
			
div#bottom{
	margin:0 auto;
	width:880px; 
	height:50px; 
	background:url(../img/bottom.jpg);
	}
	
/* --------------------------------------------- */	
/* TERUGKERENDE LAYOUT						     */
/* --------------------------------------------- */
div#content_menu {
	background-color:#666;
	padding:4px;
	margin:4px;
	height:16px;
	}
		div#content_menu ul li {
			float:left;
			}	

/* --------------------------------------------- */	
/* LOGINFORM.TPL + MEMBERSPANEL.TPL			     */
/* --------------------------------------------- */
form#loginform{
	float:left;
	}
div#memberspanel ul{
	float:left;
	padding-top:4px;
	padding-left:5px;
	}
		div#memberspanel li{
		float:left;
		height:12px;
		line-height:11px
		}

/* --------------------------------------------- */	
/* CONTENT STANDARD (CONTENTMAIN_STANDARD.TPL)   */
/* --------------------------------------------- */
div#standard{
	text-align:center; 
	padding-top:10px;
}

/* --------------------------------------------- */	
/* CONTENT REGISTER (CONTENTMAIN_REGISTER.TPL)   */
/* --------------------------------------------- */
div#register{
	text-align:center; 
}

/* --------------------------------------------- */	
/* CONTENT FAQ (CONTENTMAIN_FAQ.TPL)	         */
/* --------------------------------------------- */
div#faq_toc {
	width:556px;
	margin:0 auto; 
	background-color:#fed782
	}

div#faq_q {
	width:556px;
	margin:0 auto; 
	}
		div#faq_q ol {
			margin:6px 0 6px 0;	
		}
		
div#faq_a {
	width:530px;
	margin:0 auto;
	}
		div#faq_a li.question {
			list-style:decimal;
			margin-left:25px;
			}
		div#faq_a ul {
			padding-left:25px;
			_padding-left:0;
			}	
		div#faq_a ul li{
			margin-bottom:15px;
			}				
			
			
/* --------------------------------------------- */	
/* CONTENT KALENDER (CONTENTMAIN_KALENDER.TPL)	 */
/* --------------------------------------------- */			
div#kalender{
	}
		div#kalender div#nextrace {
			width:470px; 
			margin:0 auto; 
			background-color:#fef8e1; 
			padding:5px; 
			border:2px #facb28 solid; 
			margin-top:10px;
			margin-bottom:10px;
			text-align:center;
			}
		div#kalender table#kalender {
			width:550px; 
			margin:0 auto;
			
			}	

/* --------------------------------------------- */	
/* CONTENT RESULTS (CONTENTMAIN_RESULTATEN.TPL)  */
/* --------------------------------------------- */
div#results {
	text-align:center; 
	}
		div#results table {
			width:550px; 
			text-align:center; 
			margin:0 auto;
			}
		div#results table#results_groep {
			width:410px; 
			text-align:center; 
			margin:0 auto;
			}

/* --------------------------------------------- */	
/* CONTENT KARTINGS (CONTENTMAIN_KARTINGS.TPL)   */
/* --------------------------------------------- */
div#kartings {
	text-align:center; 
	}
		div#kartings table {
			width:100%;
			text-align:left; 
			margin:0 auto;
			}
				div#kartings table tr{
					height:60px
					}
				div#kartings table tr#heading{
					height:30px
					}
				div#kartings table th{
					text-align:left;
					background-color:#E0E0E0;
					padding-left:10px
					}	
						div#kartings table th.no-bg{
							background:none;
							}	
				div#kartings table td{
					padding-left:10px
					}	
				div#kartings table td.center{
					padding-left:0px;
					text-align:center
					}
				div#kartings table td#text_large{
					font-size:14px
					}	

/* --------------------------------------------- */	
/* CONTENT REGISTER (CONTENTMAIN_REGISTER.TPL)   */
/* --------------------------------------------- */
form#register {width:90%; margin:0 auto}
		form#register fieldset{
			border:1px solid #b9b9b9;
			padding:10px;
			_padding-top:0px;
			text-align:left;
			margin-bottom:18px; 
			_margin-bottom:8px;
			}
				form#register fieldset input{
					border: 1px solid #385c9a;
					margin: 0px 0 6px 0;
					padding: 1px 0 2px 3px;
					height:17px;
					width: 202px;
					}
				form#register fieldset input.kleinInput{
					width: 60px;
					}
				form#register fieldset select{
					margin: 0px 0 6px 0;
					padding: 1px 0 2px 3px;
					border: 1px solid #385c9a;
					}			
		form#register legend{
			color:#a0bdd5
			}
		form#register label {
			float:left;
			width:35%;
			margin-right:0.5em;
			padding-top:0.2em;
			text-align:right;
			font-weight:bold;
			color:#333333;
			}
		form#register div#notes{
			margin:0 auto;
			font-size:11px;
			text-align:left;
			color:#666;
			}
		form#register fieldset#errors{
			border:1px solid #b7a1a1;
			padding:10px;
			background-color:#fceaea;
			position: relative;
			margin-bottom:18px;
			}
				form#register fieldset#errors p{
					font-weight:bold; color:#cc0000; margin-bottom:2px
					}
				form#register fieldset#errors legend {
					color:#d5a0a0
					}
div#registratie-succes {
	margin:0 auto; margin-top:20px; width:100%; text-align:center
	}

/* --------------------------------------------------------- */	
/* CONTENT INSCHRIJVINGEN (CONTENTMAIN_INSCHRIJVINGEN.TPL)   */
/* --------------------------------------------------------- */
div#inschrijvingen {
	text-align:center;
	margin:0 auto;
	width:90%;
}
div#inschrijvingen ul {
	text-align:left; 
}	

/* --------------------------------------------------------- */	
/* CONTENT USERS/INSCHRIJVEN (CONTENTMAIN_INSCHRIJVEN.TPL)   */
/* --------------------------------------------------------- */
div#inschrijven {
	text-align:center; 
}

/* --------------------------------------------------------- */	
/* CONTENT USERS/RACES (CONTENTMAIN_RACES_xxx.TPL) 			 */
/* --------------------------------------------------------- */
div#users-race {
	text-align:center; 
}
form#addrace {width:90%; margin:0 auto}
		form#addrace fieldset{
			border:1px solid #b9b9b9;
			padding:10px;
			_padding-top:0px;
			text-align:left;
			}
				form#addrace fieldset input{
					border: 1px solid #385c9a;
					margin: 0px 0 6px 0;
					padding: 1px 0 2px 3px;
					height:17px;
					width: 202px;
					}
				form#addrace fieldset input.kleinInput{
					width: 60px;
					}
				form#addrace fieldset input.radio{
					width: 20px;
					height:15px;
					margin: 0px;
					padding: 0px;
					border: none;
					}	
				form#addrace fieldset select{
					margin: 0px 0 6px 0;
					padding: 1px 0 2px 3px;
					border: 1px solid #385c9a;
					}
				form#addrace fieldset textarea{
					width: 550px;
					height:100px;
				

					}		
		form#addrace legend{
			color:#a0bdd5
			}
		form#addrace label {
			float:left;
			width:20%;
			margin-right:0.5em;
			padding-top:0.2em;
			text-align:right;
			font-weight:bold;
			color:#333333;
			}
		form#addrace div#notes{
			margin:0 auto;
			font-size:11px;
			text-align:left;
			color:#666;
			}
		form#addrace fieldset#errors{
			border:1px solid #b7a1a1;
			padding:10px;
			background-color:#fceaea;
			position: relative;
			margin-bottom:18px;
			}
				form#addrace fieldset#errors p{
					font-weight:bold; color:#cc0000; margin-bottom:2px
					}
				form#addrace fieldset#errors legend {
					color:#d5a0a0
					}
		form#addrace fieldset#success{
			border:1px solid #090;
			padding:10px;
			position: relative;
			}
				form#addrace fieldset#success p{
					font-weight:bold; color:#333; margin-bottom:2px
					}
				form#addrace fieldset#success legend {
					color:#80FF80;
					}					
div#registratie-succes {
	margin:0 auto; margin-top:20px; width:100%; text-align:center
	}
	
/* --------------------------------------------------------- */	
/* CONTENT RACES (CONTENTMAIN_RACES.TPL) 					 */
/* --------------------------------------------------------- */
div#races {
	text-align:center; 
}
		div#races table {
			width:100%;
			text-align:left; 
			margin:0 auto;
			}
				div#races table tr{
					height:20px;

					}
				div#races table tr#heading{
					height:30px
					}
				div#races table th{
					text-align:left;
					background-color:#E0E0E0;
					padding-left:10px;
				
					}	
				div#races table td{
					padding-left:10px;
					border:1px #D2D2D2 solid;
					}
				div#races table td.racenaam{
					color:#900;					
					}	

/*   ----------------     */
ul#menu li {float:left; text-transform:capitalize}
ul#menu a {display:block; float:left; height:26px; padding:0 10px 0 20px; background:url(../img/menu_button.jpg) no-repeat; background-position:5px 0; font-size:13px; font-weight:bold; color:#000; line-height:25px;}
ul#menu a:hover {background-position:5px -26px;}

#sidesContent a {color:#01288c}
#sidesContent a:hover {color:#000; text-decoration:none}

ul#submenu {margin-left:10px}
ul#submenu li {float:left; height:15px; line-height:12px; border-right:#000 solid 1px; margin-right:5px; padding-right:5px; margin-top:3px }
ul#submenu li:last-child {border-right:0}
ul#submenu a {font-size:11px; font-weight:bold; color:#444}
ul#submenu a:hover {color:#f7c705}


#content ul.standard_disc {margin-bottom:14px}
#content ul.standard_disc {list-style:disc; padding-left:15px}
#content ul.standard_disc li {font-size:13px; color:#fff}

/* REGISTER LAYOUT */



span.strike {text-decoration:line-through}

table#results2 {width:100%}
table#results2 td {background-color:#444; font-size:11px;}
table#results2 a {color:#FFF; font-weight:bold}
table#results2 a:hover {color:#f7c705; font-weight:bold}

#top-memberspanel .theInput {font-size: 12px; color:#333; background-color: #e3e7e8; border: 1px solid #000; margin-right: 5px; }
#top-memberspanel .theInput[disabled] {color:#999; background-color: #D2D2D2;}
#top-memberspanel .theSubmit {font-size: 12px; color:#333; background-color: #CCC; border: 1px solid #000; margin-right: 3px; }
#top-memberspanel .theSubmit[disabled] {color:#999; }
#top-memberspanel a {font-size:11px; color:#fff}
#top-memberspanel a:hover {color:#f7c705}
#languages {color:#fff; font-size:12px; float:right;}
a#link_home {font-size:11px; color:#f7c705; font-weight:bold}
a#link_home:hover {color:#FFF}
#language_menu a:hover {color:#FFF}
#language_menu a {font-size:11px; color:#f7c705; font-weight:bold}
#language_menu a:hover {color:#FFF}