@charset "utf-8";
/* CSS Document */

@import url(screen.css);


/* ----------------------lay out general items ------------------------------*/
body{
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
}

img{
	border:none;

}

h1 {
	font-size:1.8em;
	color:#333300;
}

h2 {
	font-size:1.2em;
	color:#0066ff;
	font-weight:bold;
}

h3 {
	font-size:1.2em;
	color:#333300;
	font-weight:bold;
	margin-bottom:10px;
	margin-top: 25px;
}


#evenementen h2 {
	font-size:1.4em;
	color:#0066ff;
	font-weight:bold;
	margin-top: 25px;
}
/* ----------------------lay out main boxes ------------------------------*/

.container{
	background-image:url(../images/shade.png);
	background-repeat:no-repeat;
	background-color:#FFF;
	padding-top:15px;
}
#colom1{
	height:1200px;
	margin-right:25px;
}
/*Shows de browns line on the right side of the page*/
#linebox{
	height: 600px;
	border-right:#333300 solid 1px;
}
#contentbox{
	margin-top: 15px;
	min-height: 400px;
}


#headerbottom{
	background-image:url(../images/header_img.jpg);
	background-repeat:no-repeat;
	height:185px;
}

#headertop{
	height:110px;
}

/* ----------------------lay out header items ------------------------------*/

#dirktrainer{
	position:relative;
	float:right;
	margin-top: 10px;
	
	}

#logo{
	position:relative;
	float:right;
}

#page_id{
	font-size:4em;
	height:75px;

}



/* ----------------------lay out main navigation ------------------------------*/

#navigation{
	position: relative;
	color:#333300;
	font-size:1.6em;
	text-align:left;
}



#navmenu{
	padding:3px;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
}

#subnavigation a,
#subnavigation a:link,
#subnavigation a:active
 {	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
	
#subnavigation a:hover
 {	color:#333300;
	font-weight:bold;
	text-decoration:none;
	}

a.dirktriatleetlink,
a.dirktriatleetlink:link,
a.dirktriatleetlink:active,
a.dirktriatleetlink:visited{
	position:relative;
	float:right;
	margin-right:-1px;
	background-image: url(../images/tab_triatleet_passive.png);
	background-repeat:no-repeat;
	display:block; 
	width:52px; 
	height:160px; 
	text-decoration:none;
	}

a.dirktriatleetlink:hover {
	position:relative;
	margin-right:-1px;
	float:right;
	background-image: url(../images/tab_triatleet_active.png);
	background-repeat:no-repeat;
	display:block; 
	width:52px; 
	height:160px; 
	text-decoration:none;
	}


/* ----------------------lay out content items ------------------------------*/



#contentleft{
	font-size:1.5em;
	color:#333300;
	line-height:1.5em;
}

#contentright{
	margin-left: 55px;
	font-size:1.5em;
	color:#333300;
	line-height:1.5em;
	
}

#wedstrijdzwaarte{
	font-size:0.8em;
		}

#wedstrijdzwaarte_box{
	margin-bottom:15px;
	}

#sportevents{
}
#articles{
	margin-top: 25px;
}
/*gives a blue tekst color used for the first sentences of a paragraph*/
.blue{
	color:#0066ff;
	font-weight: 500;
}

#menu a,
#menu a:link,
#menu a:active,
#menu a:visited
 {	color:#0066ff;
	font-size:1em;
	text-decoration:none;
	}
	
#menu a:hover
 {	color:#333300;
	font-size:1em;
	text-decoration:none;
	}

#eventmenu{
	font-size:0.9em;
	margin-top: 5px;
	}
	
	
#eventmenu a,
#eventmenu a:link,
#eventmenu a:active,
#eventmenu a:visited
 {	color:#0066ff;
	font-size:1em;
	text-decoration:none;
	}
	
#eventmenu a:hover
 {	color:#333300;
	font-size:1em;
	text-decoration:none;
	}

#menu {
	position:relative;
	float:right;
}

#contentleft a,
#contentleft a:link,
#contentleft a:active {
	color:#0066ff;
	text-decoration:underline;
	}
	
#contentleft a:hover {
	color:#333300;
	text-decoration:underline;
	}
	
#contentright a,
#contentright a:link,
#contentright a:active {
	color:#333300;
	text-decoration:underline;
	}
	
#contentright a:hover {
	color:#0066ff;
	text-decoration:underline;
	}
	
a.bluelink,
a.bluelink:link,
a.bluelink:active,
a.bluelink:visited {
	color:#0066ff;
	text-decoration:underline;
	}
	
a.bluelink:hover {
	color:#333300;
	text-decoration:underline;
	}
	
#sitemapsub a,
#sitemapsub a:link,
#sitemapsub a:active,
#sitemapsub a:visited{
	color:#0066ff;
	text-decoration:underline;
	margin-left:25px;
	}
	
#sitemapsub a:hover {
	color:#333300;
	text-decoration:underline;
	}

#greylink a,
#greylinkb a:link,
#greylink a:active,
#greylink a:visited{
	color:#333300;
	text-decoration:underline;
	margin-left:25px;
	}
	
#greylink a:hover {
	color:#0066ff;
	text-decoration:underline;
	}
/* ----------------------lay out footer ------------------------------*/

#footerbox{
	margin-top: 25px;
	text-align:center;
	padding-top:10px;
	border-top:#0066ff solid 1px;
}


#footerbox a,
#footerbox a:link,
#footerbox a:active
 {	color:#0066ff;
	font-size:1.2em;
	text-decoration:none;
	}
	
#footerbox a:hover
 {	color:#333300;
	font-size:1.2em;
	text-decoration:none;
	}
	
/* ---------------------- end ------------------------------*/