/***********************************************
* CSS hippodroomwaregem.be
*
* - Please do not reuse without permission -
************************************************/

/* swatches: rood: 6d181d - grijs: cdcbcc
content width:896px;
*/

/***************
** MAIN STUFF **
****************/

*{margin:0;}
html,body{height:100%;}
body{background:url(../images/bg.jpg) repeat-y center center #6d181d; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#222; text-align:center; margin:0px; position:relative; line-height:20px;}
.clear{clear:both; line-height:0px; height:0px;}
.alignRight{text-align:right;}
.push, #footer{height:20px;}

/***************
** CONTAINERS **
****************/
#wrapper{width:896px; text-align:left; position:relative; min-height:100%; height:auto!important; height:100%; margin:0 auto -20px; padding:0 10px;}
#adrestop{font-size:10px; display:block; text-align:right; position:absolute; top:1px; right:17px;}
	#adrestop a{text-decoration:none; color:#900;}
		#adrestop a:hover{text-decoration:underline;}

#topmenu{position:absolute; top:0px; right:8px;}
	#topmenu a{color:#333; font-size:11px;}
		#topmenu a:hover{text-decoration:underline;}
	#topmenu li{float:left; margin:0 10px 0 0;}
	#topmenu li.selected{text-decoration:underline;}

#header{height:233px; width:896px; overflow:hidden; z-index:1; position:relative; float:left; margin:60px 0 0 0;}
#headerleft{height:233px; width:33px; position:absolute; z-index:11; top:38px; left:10px;}
#headerbg{height:233px; width:896px; position:absolute;z-index:10; top:60px; left:10px;}

#partners{width:184px; height:100px; overflow:hidden; z-index:1; position:relative; margin:0 0 0 8px;}

#nav{width:896px; height:40px; background:url(../images/menubg.jpg) repeat-x; -moz-border-radius:8px; -webkit-border-radius:8px; margin:2px 0 20px 0;}
	#nav li{float:left;}
		#nav li a{color:#fff; height:40px; line-height:40px; padding:0 19px; display:block; font-size:12px; letter-spacing:0.5px;}
		#nav li span{display:block; width:auto; background-color:#fff; position:relative; top:-12px; height:4px; line-height:5px; margin:0 14px; -moz-border-radius:8px; -webkit-border-radius:8px;}
			#nav li a:hover{line-height:40px; color:#aaa;}
			
#left{width:200px; float:left; margin:0 30px 0 0; font-size:10px;}
	#left .article{color:#333; margin:0 10px 10px 10px; border-bottom:dotted 1px #999; width:180px; padding:0 0 10px 0;}
		#left .article a{color:#333; text-decoration:underline;}
			#left .article a:hover{text-decoration:none;}
	
#center{float:left; width:440px; margin:0 25px 25px 0;}
	#center a{color:#333; text-decoration:underline;}
		#center a:hover{color:#6d181d; text-decoration:none;}

#right{float:left; width:200px;}
	#right .article{margin:0 0 4px 0; line-height:16px;}
		#right .article p{padding:0 10px 0px 10px; font-size:10px;}
	
#footer{z-index:20; position:relative; width:920px; margin:0 auto; background-color:#ccc; font-size:10px;}
	#footer a{color:#222;}
		#footer a:hover{text-decoration:underline;}

/***************
**** TITLES ****
****************/
h1{width:186px; height:165px; text-indent:-9999px; background-image:url(../images/hippodroomwaregemlogo.png); margin:0 0 0 0; top:-20px; left:25px; position:absolute; z-index:2}
h3{width:auto; padding:5px 10px 5px 0; color:#6d181d; font-size:18px; margin:0 0 10px 0;}
h4{width:auto; padding:5px 10px; background-color:#efefef; margin:0 0 10px 0; -moz-border-radius:8px; -webkit-border-radius:8px; width:180px; position:relative;}
h5{color:#6d181d; font-size:14px; margin:10px 0 6px 0;}


/***************
**** STYLES ****
****************/
strong{font-weight:bold;}
em{font-style:italic;}

.markedtext{color:#6d181d;}

.imagegallery{width:101px; height:101px; margin:0 12px 12px 0; float:left;}
.imagegallery.right{margin-right:0px;}

.floatImage{margin:0 10px 10px 0; float:left;}

/***************
** NAVIGATION **
***************/