/*
	Title: Default CSS
	Date: 11 Oct 2010
	Author(s): Kristof Houben
	Company: Yappa BVBA
*/

/* GLOBAL
=====================================*/
body{
	font-family:Helvetica, arial, serif;
	font-size:12px;
	background:url(../img/bg.gif);
	color:#cccccc;
	line-height:1.4em;
	text-shadow:1px 1px 0 black;
}

*{
	font-family:Helvetica, arial, serif;
	font-size:12px;
}

.page, .container{
	width:940px;
	margin:0 auto;
	position:relative;
}

#content{
	margin-top:60px;
}

.content{
	width:620px;
	float:left;
}

#skates{
	position:absolute;
	right:0;
	top:-5px;
	z-index:50;
}

strong{
	color:#eee;
}


/* HEADER 
=====================================*/
header{
	background:black;
}

.goodbrowser header{
	background:rgba(0,0,0,0.75);
}

header .logo{
	line-height:0;
	display:block;
	float:left;
	margin-left:-38px;
}

/* NAV
=====================================*/
nav.main{
	background: url(../img/bg-nav-grad.png) repeat-x top center;
	-moz-box-shadow:-10px 0 10px rgba(0,0,0,0.75);
}

nav.main .container{
	background:url(../img/bg-nav.png) no-repeat top center;
	
}

nav.main ul{
float:left
}

nav ul li{
	float:left;
	margin-right:20px;
}

nav ul li a{
	display:block;
	padding:16px 0;
	text-transform: uppercase;
	text-decoration:none;
	color:#3a291e;
	text-shadow:0 1px 0 #a79169;
	letter-spacing:1px;
	float:left;
}

nav ul li a:hover, nav ul li a.active{
	color:white;
	text-shadow:0 -1px 0 #7a6642;
}

nav ul li.last{
	margin-right:0;
}


/* ASIDE HOME
=====================================*/
aside.side{
	width:220px;
	margin-right:20px;
	float:left;
}

aside.side a.live{
	width:137px;
	display: block;
	margin:20px auto;
}

aside.side div.box{
	padding:20px;
	background:black;
	margin-top:20px;
	font-size:11px;
}

.goodbrowser aside.side div.box{
	background:rgba(0,0,0,0.25);
}

aside.side div.box h2{
	margin-top:0 !important;
}

aside.side div.box p img{
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
}

/* HOME CONTENT
=====================================*/
#content h1{
	color:white;
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:10px;
}

#content h2{
	margin-top:10px;
	color:white;
	font-size:12px;
	margin-bottom:10px;
}

#content a{
	color:#dca850;
}

#content .praktisch-content ul{
	margin-bottom:10px;
	margin-left:15px;
}

#content p{
	line-height:1.4em;
	margin-bottom:10px;
}

#content .home-content, #content .praktisch-content, #content .feestmaand-content{
	background:black;
	float:left;
	width:340px;
	padding:20px;
}

.goodbrowser #content .home-content, .goodbrowser #content .praktisch-content, .goodbrowser #content .feestmaand-content{
	background:rgba(0,0,0,0.75);
}

#content .full-content{
	background:black;
	float:left;
	width:580px;
	padding:20px;
}

#content .full-content.margin{
	margin-top:20px;
}



#content .small-content{
	background:black;
	float:left;
	width:180px;
	padding:20px;
	margin-left:20px;
}

.goodbrowser #content .small-content{
	background:rgba(0,0,0,0.75);
}

#content .small-content h2{
	margin-top:0;
}

.full-content table{
	margin-top:20px;
}

/* ASIDE BUTTONS
=====================================*/
aside.buttons{
	width:300px;
	float:left;
	margin-left:20px;
}

aside.buttons ul{
	list-style:none;
}

aside.buttons ul li{
	float:left;
	margin-bottom:10px;
}

aside.buttons ul li a{
	line-height:0;
	display:block;
	float:left;
}

aside.buttons ul li.margin{
	margin-right:10px;
}

aside.buttons ul li .partners{
	background:black;
	padding:10px;
	width:280px;
}

aside.buttons ul li .partners h6{
	margin-bottom:10px;
	color:white;
	font-weight:bold;
	font-size:14px;
}

aside.buttons ul li .partners a.more {
	font-size:11px;
	color:#666 !important;
	text-decoration:none;
	float:right;
}

aside.buttons div.box{
	padding:20px;
	background:black;
	font-size:11px;
}

.goodbrowser aside.buttons div.box{
	background:rgba(0,0,0,0.25);
}

aside.buttons div.box h2{
	margin-top:0 !important;
}

aside.buttons div.box p img{
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
}

#partner-table{
	width:100%;
}

#partner-table tr td{
	padding-bottom:20px;
	text-align: center;
}
/* FOOTER
=====================================*/
footer{
	background:#8c734a;
	-moz-box-shadow:-10px -10px 10px rgba(0,0,0,0.25);
	margin-top:120px;
	padding:20px 0;
}

footer table{
	width:100%;
}

/* rotator in-page placement */
div.rotator {
	position:relative;
	height:90px;
	width:220px;
	margin:0 auto;
	margin-bottom:10px;
}
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div.rotator ul li.show {
	z-index:80;
}