﻿
.container_12
{
/* background: #fff;*/
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.container_12 .grid_3
{
	width: 220px;
}

.container_12 .grid_6
{
	width: 460px;
}

.container_12 .grid_9
{
	width: 700px;
}

.container_12 .grid_12
{
	width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
	margin-left: 0;
}

.omega
{
	margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
	width: 60px;
}

.container_12 .grid_2
{
	width: 140px;
}

.container_12 .grid_4
{
	width: 300px;
}

.container_12 .grid_5
{
	width: 380px;
}

.container_12 .grid_7
{
	width: 540px;
}

.container_12 .grid_8
{
	width: 620px;
}

.container_12 .grid_10
{
	width: 780px;
}

.container_12 .grid_11
{
	width: 860px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3
{
	padding-left: 240px;
}

.container_12 .prefix_6
{
	padding-left: 480px;
}

.container_12 .prefix_9
{
	padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
	padding-left: 80px;
}

.container_12 .prefix_2
{
	padding-left: 160px;
}

.container_12 .prefix_4
{
	padding-left: 320px;
}

.container_12 .prefix_5
{
	padding-left: 400px;
}

.container_12 .prefix_7
{
	padding-left: 560px;
}

.container_12 .prefix_8
{
	padding-left: 640px;
}

.container_12 .prefix_10
{
	padding-left: 800px;
}

.container_12 .prefix_11
{
	padding-left: 880px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3
{
	padding-right: 240px;
}

.container_12 .suffix_6
{
	padding-right: 480px;
}

.container_12 .suffix_9
{
	padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
	padding-right: 80px;
}

.container_12 .suffix_2
{
	padding-right: 160px;
}

.container_12 .suffix_4
{
	padding-right: 320px;
}

.container_12 .suffix_5
{
	padding-right: 400px;
}

.container_12 .suffix_7
{
	padding-right: 560px;
}

.container_12 .suffix_8
{
	padding-right: 640px;
}

.container_12 .suffix_10
{
	padding-right: 800px;
}

.container_12 .suffix_11
{
	padding-right: 880px;
}


/* Site Navigatie 
-------------------------------------------------------------- */
#hoofd-navigatie {
	background: #fff url(../images/menu/menu.png) no-repeat scroll 0 0;
	height: 36px;
	font-size: 1.0em;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	color: #fff;
	margin-bottom:17px;
}
	
#nav {
	margin: 0px;
	padding: 0px;
}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height:36px;
}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #d2d2d2;
	display: block;
	font-weight: normal;
    margin: 0px;
    width: 102px;
	/*padding: 0px 33px 0px 36px;*/
	text-decoration: none;
	text-align: center;
}

#nav li.hof a, #nav li.hof a:link, #nav li.hof a:visited {
	width: 105px;
}

.home, .nieuws, .specials, .stand, .teams, .fotos, .forum {	
	border-right: 1px solid #777676;
}

#nav li a:hover {
	background-image:none;
	background-color: black;
	color: #fff;
}

#nav li a:active {
	/*background: url(../img/bg-hoofd-navigatie-active.png);*/
	background: #000;
	color: #fff;
}

#nav li.hof a:hover {
	background: #000 url(../img/hoekje-rechts.gif) no-repeat top right;
}

#nav li.home a:hover {
	background: #000 url(../img/hoekje-links.gif) no-repeat top left;
}

#nav.page-nieuws li.nieuws a, #nav.page-nieuws li.nieuws a:hover,#nav.page-specials li.specials a, #nav.page-specials li.specials a:hover,
#nav.page-stand li.stand a, #nav.page-stand li.stand a:hover,#nav.page-teams li.teams a, #nav.page-teams li.teams a:hover,
#nav.page-fotos li.fotos a, #nav.page-fotos li.fotos a:hover,#nav.page-forum li.forum a, #nav.page-forum li.forum a:hover {
	background: url(../img/navigatie-huidig.png) repeat 0% 50%;
	color: #333;
}

#nav.page-home li.home a, #nav.page-home li.home a:hover {
	background: url(../images/menu/menu1.png) no-repeat 0% 0%;
	color: #333;
}

#nav.page-halloffame li.hof a, #nav.page-halloffame li.hof a:hover {
	background: url(../img/navigatie-huidig-hof.png) no-repeat 100% 0%;
	color: #333;
}


/* Featured Item
-------------------------------------------------------------- */
#featured {
	height:260px;
    border-radius: 6px;
	background: url(../images/menu/bg-featured.jpg) repeat 0 0;
	margin-bottom:17px;
	color:#fff;
	position:relative;

    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#featured span.datum { font-size:1em;}

.featured-afbeelding {
	height: 260px; 
	overflow: hidden;

	-moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    -khtml-border-radius-topleft: 6px;
    -khtml-border-radius-bottomleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.featured-afbeelding a { display: block; width: 100%; height:100%;}

.featured-navigatie { 
	font-family: "Lucida Grande", Lucida, Helvetica, Arial, Verdana, sans-serif;
	position: absolute; 
	bottom: 0; 
	display: block; 
	left: 0; 
	width: 620px; 
	z-index: 101; 
	height: 31px;
	background:url(../images/menu/semi-transparant.png) repeat top left;
	text-align:right;
	padding: 11px 0 0 0;

	-moz-border-radius-bottomleft: 6px;
	-khtml-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.featured-navigatie span {
	padding-right: 9px;
}

.featured-navigatie a {
	font-size: 0.8em;
	padding: 2px 6px 2px 6px;
	line-height: 20px;
	color: #ccc;
	margin-left: 3px;
	text-decoration: none;
	background: url(../images/menu/bg-featured-navigatie.png) no-repeat top left;
}

.featured-navigatie a:hover {
	color:#111;
	background-position: 0% 100%; 
}

a.activeSlide {
	color:#111;
	background-position: 0% 100%; 
}


.featured-blok {
	margin-top:15px; 
	text-align:left;
	margin-left: 12px;
}

.featured-titel {
	font-size: 11pt;
	margin-right: 12px;
	color: #fff;
}

.featured-tite2 {
	font-size: 10pt;
	margin-right: 12px;
	color: #fff;
}

.featured-titel a:link, .featured-titel a:visited {
	border-bottom: none;
	color: #fff;
}

.featured-titel a:hover {
	border-bottom: 1px solid #ef3224;
	color: #ef3224;
}

.featured-titel a:active {
	color: #fff;
	border-bottom: none;
}

.featured-blok p {
	font-size:1.0em; 
	color:#dadada;
	margin-right: 18px;
	margin-bottom: 1.5em;
}

.featured-blok p a {
	color:#fff; 
	border-bottom: 1px solid #777676;
}

.featured-blok p a:hover {
	color: #ef3224;
	border-bottom: 1px solid #ef3224;
}


.featured-blok p a:hover .pijl {
	color: #ef3224;
	border-bottom: none;
}

#featured .slider.hidden { display: none; }

#sidepanel{
	padding:2px;
	width:160px;
	background:#1E5661;
	float:right; 
	}
	
/* Delete */

.authorThumbnail {width: 50px; height: 50px;  }

	#mixOpinions {width: 300px; }
	#mixOpinions .tungsten17 span {width: 116px;}
	#mixOpinions h3 {font-size: 1.5em;}
	.viewMore {clear: left; border-top: 1px dotted #b8b8b8;}
	.writing {margin: 0; padding: 0; overflow: hidden;}
	.writing .authorThumbnail {float: left; width: 50px; height: 50px; margin: 2px 0 0; padding-left: 10px; padding-right:10px}
	.writing .writingType {float: right; width: 85px; margin-top: 12px; margin-bottom: 25px; margin-left: 25px; padding: 2px 0; text-align: center; letter-spacing: 0.2em; text-transform: uppercase; background-color: #efefde;}
	.writing .date {float: right; margin-top: 15px; font-size: 1.3em; color: #262626;}
	.writing .writingTitle {margin-top: 0; margin-bottom: 0; font-size: 3em;}
	.writing .writingTitle a {display: block; letter-spacing: -0.025em; color: #262626;}
	.writing .writingTitle a:hover {color: #8e0100; text-decoration: none;}
	.writing .writingImage {float: right; margin: -13px 0 0 25px;}
	.writing .writingSubtitle {margin-top: 1px; margin-bottom: 0; font-size: 1.3em;}
	.writing .writingSubtitle a {font-style: italic;}


.rpaneitem{
		float:right;	
	}



	.nodeco{		text-decoration: none;  border: none; color: #FFFFFF;	}
	.nodeco:hover{	text-decoration: none;  border: none; color: #FFFFFF;	}
	.dotted{	padding: 2px;			background: url(../img/dot.png) repeat-x; border:none; margin:3px; }
	.addthis{	background:url(../img/sm-plus.gif) no-repeat; width: 16px; height: 16px; margin: 10px 2px;}
	.righthead{ font-family: Georgia, "Times New Roman", Times, serif; }
	.itsybitsy{  margin:10px 10px 0 0;	width:16px; }
	div.right a.nodeco{ 	margin: 0 4px 0;	}
	
	
	
	
	
/* ----------------------------------------------------------------------------------------------------*/

.container_home {
	position:relative;
	/*top:-16px;

	*top:0px;*/

	margin:0 auto;
	padding:0px 0px 0px 0px;
	text-align: center;
	width: 940px;
	/**width: 982px;*/

	/*height:auto;

	min-height:100%;*/

	background-color: #333333;
	border-top:0px #333333 solid;
	border-left:1px #333333 solid;
	border-right:1px #333333 solid;
	border-bottom:1px #333333 solid;
}
.container_home img {
	padding:0;
}
/* General rules

----------------------------------------------------------------------------------------------------*/

.flash_feat,  .subnav,  .news_ticker_box,  .mod_1,  .mod_2,  .mod_3,  .mod_4,  .bottom_links,  .footer_home,  .feat_video,  .feat_nav {
	display: inline;
	float: left;
	position: relative;
	margin: 0px 15px 14px 15px;
	/**margin: 0px 15px 0px 15px;*/

	border: 1px solid #dddddd;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	background-color:#333333;
}
.mod_1 img,  .mod_2 img,  .mod_3 img,  .mod_4 img,  .feat_nav_inset img, .container_home .feat_nav img {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.container_home .mod_1 img,  .container_home .mod_2 img,  .container_home .mod_3 img {
	margin-bottom:15px;/*border:1px red solid;*/

}
.mod_1 p,  .mod_2 p,  .mod_3 p,  .mod_4 p,  .feat_nav_inset p, .container_home .feat_nav p {
	font-size: 1em;
color: #dadada;
margin-right: 18px;
margin-bottom: 1.5em;
	
	padding: 0px 5px 0px 5px;
	text-align: left;

	margin: 0;
	vertical-align:middle;
	
}






.container_home .mod_1, .container_home .mod_2, .container_home .mod_3, .container_home .mod_4 {
	width: 220px;
	/**width: 230px;*/

	height: 230px;
}
.container_home .mod_1 {
	margin: 0px 5px 14px 15px;
}
.container_home .mod_2, .container_home .mod_3 {
	margin: 0px 5px 14px 5px;
}
.container_home .mod_4 {
	margin: 0px 5px 14px 5px;
}
.container_home .news_ticker_box, .container_home .bottom_links {
	width: 910px;
	/**width: 950px;*/

	height: 17px;/**height: 28px;*/

}





.pic img {
	padding:0px 5px 5px 5px;
}
/*.pic p, .caption, .credit {

	font-family: Verdana, Arial, sans-serif;

	}*/

	

.container_home .feat_video p.credit, .container_home .feat_story p.credit, .credit {
	color: #999;
	text-transform:uppercase;
	margin: 5px 0px 0px 0px;
	padding:0;
	font-size: 9px;
	text-align:right;
}
.container_home .feat_story p.caption, .caption {
	font-size: 11px;
	line-height: 1.2em;
	color:#a5acb0;
	margin: 5px 0px 0px 0px;
	padding:0;
	text-align:left;
}
/* P L A C E M E N T */



.right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}
.left { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
}
/**:first-child+html .left {margin-left:20px;}	setting for IE7 ONLY*/

.center { /* this class can be used to center an element  in your page.  Text will not wrap around centered elements. */
	text-align:center;
	margin: 0 auto;
}
.btm {
	margin-top:180px;
}
/* S I Z E */

.one {
	width: 100px;
}
.two {
	width: 200px;
}
.three {
	width: 300px;
}
.four {
	width: 400px;
}
.five {
	width: 500px;
}
.six {
	width: 600px;
}
.seven {
	width: 700px;
}
/* News Ticker

----------------------------------------------------------------------------------------------------*/

.news_ticker_box {
	z-index:200;
	width: 948px;
	/**width: 950px;*/

font: 11px bold Arial, Helvetica, sans-serif;
	text-align:left;
}/**/
.news-heading {
	/*position:relative;

top:-7px;

*top:-5px;

left:-0px;*/

padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
	font-weight:bold;
	color:#5f6a72;
	height:28px;
	/**height: 26px;*/

	width:120px;
	/**width:115px;*/

/*background-color:#FFFFFF;*/

white-space:nowrap;/*border: 1px solid red;*/

}
.news-heading-text {
	position:relative;
	top:-8px;
	width:120px;
	height:14px;
	display: inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:2.0em;/**top:-3px;

left:0px;

	display: inline-block;

padding:0px 0px 0px 0px;

margin:-0px 0px 0px 0px;

	text-align:left;

	float:right;

	border: 1px solid red;*/

	 }
.news-heading img {
	display: inline-block;
	padding:0px 5px 5px 0px;
	margin:2px 0px 0px 5px;
	/**margin:5px 0px 0px 5px;*/

height:14px;
	width:14px;
	text-align:left!important;
}

.ticker {
	/*position:relative;

top:0px;

left:-10px;

*left:-20px;*/

margin:-0px 0px 0px 0px;
	padding:0;
	overflow:hidden;
	font-size: 1.1em;
	text-align:left;
	height:28px;
	/*width:auto;*/

background-color:#FFF;
}
.ticker, .ticker a {
	text-decoration:none;
	color:#000000;
}
.ticker span {
	display:none;
}
.ticker .active_ticker {
	display:block;
}	/**/
.displaybox 
{
    font-size: 1em;
color: #dadada;
	position:absolute;
	top: 2px;
    padding:2px 5px 2px 5px;
    background-color:#D5D3D3;
/*	

*/
	margin:0;/**/
	color:#999999;
	width:790px;
	/**width:730px;*/


	height:23px;/*font: 11px bold Arial, Helvetica, sans-serif;*/

}
.displaybox a {
	position:relative;
	top:3px;
	margin-left:0px;
}
.displaybox a:hover {
	text-decoration:underline;
	color:#0038A6;
}
/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/







.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}




.clear:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

