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

/* Living 2 Die Clan */

/* Yildiray Gunay */

/* RESET by Eric Meyer v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1.3;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}

/* --------------------------------------------------------------------- */


/* body */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D1D1D;
}

body {
	background-color: #FFFFFF;
	background-image:url(images/background.gif);
	background-repeat:repeat-x;	
	margin: 0;
	padding: 0;
	text-align:center;
}

div#maincontainer {
	width: 1000px;
	margin: 0 auto;
}

label {
	width: 100px;
	display: inline-block;
}



/* Classes */

.noborder { border: none;}
.left { float: left;}
.right { float: right;}
.center { text-align:center;}
.style1 {color: #CCCCCC;}
.style4 {color: #FF0000; font-weight:bold;}
.style6 {font-size: 16px; font-weight: bold;}
.style8 {color: #CCCCCC; font-size: 12px;}
.style9 {color: #333333; font-size: 12px;}
.style11 {color: #FF0000; font-weight: bold; font-size: 16px;}
.style12 {color: #FFFFFF; font-weight: bold;}
.icon { margin: 5px 0 0 3px; float: left;}
.ps3 { margin-top: 7px; float: left;}
.logo { margin: 20px 0;}
.streep {height: 2px; width:183px; margin:2px 0 5px 0;}
.mw2 { text-align:center; margin: 20px 0;}
.justify { text-align:justify;}
.picright { float: right; margin: 0 0 0 10px;}
.picleft { float: left; margin: 0 10px 0 0;}
.leader { height: 145px; border: 1px solid #333; background-image:url(images/leaderback.png); background-repeat:no-repeat; margin-bottom:10px;}
.coleader { height: 145px; border: 1px solid #333; background-image:url(images/coleaderback.png); background-repeat:no-repeat; margin-bottom:10px;}
.member { height: 145px; border: 1px solid #333; background-image:url(images/memberback.png); background-repeat:no-repeat; margin-bottom:10px;}
.draagbareid { float:right; padding: 10px;}
.info { height: 125px; float:left; padding:10px; width: 350px; }
.info p { margin:0; padding:2px 0;}
.xXx { background-image:url(images/backcontentcontainer2.png);}
.foto {border: 2px solid #000; margin: 4px;}
.lijst { list-style:disc; list-style-position:inside;}
.loss { color:#FF0000; font-weight:bold;}
.won { color:#00FF00; font-weight:bold;}
.tegenstander { color:#FFFFFF; font-weight:bold;}
.vs { font-weight:normal;}

/* ---------------------------- PHP MENU HOVER ---------------------------- */

#home #menucontainer li.home a:link, #home #menucontainer li.home a:visited, #home #menucontainer li.home a:active {color:#FF0000;}
#about #menucontainer li.about a:link, #about #menucontainer li.about a:visited, #about #menucontainer li.about a:active {color:#FF0000;}
#members #menucontainer li.members a:link, #members #menucontainer li.members a:visited, #members #menucontainer li.members a:active {color:#FF0000;}
#gallery #menucontainer li.gallery a:link, #gallery #menucontainer li.gallery a:visited, #gallery #menucontainer li.gallery a:active {color:#FF0000;}
#reglement #menucontainer li.reglement a:link, #reglement #menucontainer li.reglement a:visited, #reglement #menucontainer li.reglement a:active {color:#FF0000;}
#tryout #menucontainer li.tryout a:link, #tryout #menucontainer li.tryout a:visited, #tryout #menucontainer li.tryout a:active {color:#FF0000;}
#contact #menucontainer li.contact a:link, #contact #menucontainer li.contact a:visited, #contact #menucontainer li.contact a:active {color:#FF0000;}

/* ------------------------------------------------------------------------- */


/* bar */
div#barcontainer {
	width:1000px;
	height:25px;
	text-align:left;
	background-color:#1D1D1D;

	}

div#bar {
	width:400px;
	height:20px;
	text-align:left;
	background-color:#1D1D1D;
	padding-top:5px;
	padding-left: 10px;
	float:left;
	}

div#bar2 {
	height:20px;
	text-align:right;
	background-color:#1D1D1D;
	padding-right: 10px;
	margin: 0;
	float:right;
}

/* Menu */
	
div#menucontainer {
	width: 992px;
	height: 35px;
	text-align:left;
	padding:1px;
	padding-left:7px;
	background-image:url(images/menuback.png);
	background-repeat:no-repeat;
}


ul#navlist {
	margin: 0;
	padding-top: 8px;
	padding-left: 0;
	list-style: none;
}

#navlist li {
	display: inline;
	list-style-type: none;
	float:left;
}

#navlist a { 
	padding: 4px 8px;
	font-size:14px;
	font-weight:bold;
	
}

#navlist a:link, #navlist a:visited {
	color:#1D1D1D;
	text-decoration: none;
}

#navlist a:hover {
	color:#FF0000;
	text-decoration: none;
}

a:link {
	color: #333333;
	text-decoration: none;
}


a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color:#FF0000;
	text-decoration: none;
}

a:active {
	color: #333333;
	text-decoration: none;
}

#navlist li a#current {
	color:#FF0000;
	
}

/* Logo */

div#logocontainer {
	width: 1000px;
	height: 230px;
	background-image:url(images/logoback.png);
	background-repeat:no-repeat;
	background-position:top center;
}

/* Maincontent */

div#maincontent{
	width:960px;
	height:100%;
	background-image:url(images/backfooter.png);
	background-repeat:repeat-x;
	background-color:#1D1D1D;
	padding: 20px;
	margin:0;
	text-align:justify;
}


div#led {
	width:1000px;
	height:365px;
	background-image:url(images/ledtv.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#1D1D1D;
	text-align:center;
}

div#contentbar {
	width:1000px;
	height:35px;
	background-image:url(images/barback.png);
	background-repeat:no-repeat;
}

div#news {
	width:210px;
	height:23px;
	float:left;
	text-align:left;
	padding-top:11px;
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000
}

div#info {
	width:200px;
	height:23px;
	float:right;
	padding-top:11px;
	padding-right:15px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	text-align:right;
}

div#movie {
	width:535px;
	height:334px;
	text-align:center;
	padding-top:30px;
	float:left;
}

div#newscontent {
	width:187px;
	height:354px;
	float:left;
	padding-top:11px;
	padding-left:15px;
	padding-right:30px;
	text-align:left;
}

div#infocontent {
	width:185px;
	height:354px;
	float:left;
	padding-top:11px;
	padding-left:37px;
	padding-right:10px;
	text-align:justify;
}

#members td {
	border: 1px solid #333333;
	color:#CCCCCC;
}

#gallery {
	text-align:center;
}


/* Curl-legebalk */

div#curl {
	float:right;
}

div#curl2 {
	float:left;
}

div#legebalk {
	width: 1000px;
	height: 15px;
}

/* Subcontent */

div#subbarcontainer {
	width: 1000px;
	height:35px;
}

div#subbarleft {
	width:305px;
	height:25px;
	float:left;
	padding-top:10px;
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	background-image:url(images/subbars.png);
	background-repeat:no-repeat;
	text-align:left;
}

div#subbarcenter {
	width:305px;
	height:25px;
	float:left;
	padding-top:10px;
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	background-image:url(images/subbars.png);
	background-repeat:no-repeat;
	margin: 0 20px;
	text-align:left;
}

div#subbarright {
	width:305px;
	height:25px;
	float:left;
	padding-top:10px;
	padding-left:15px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	background-image:url(images/subbars.png);
	background-repeat:no-repeat;
	text-align:left;
}

div#ondercontentcontainer {
	width: 1000px;
	height: 300px;
}

div#ondercontentleft {
	width:290px;
	height:290px;
	float:left;
	padding:10px 15px 0 15px;
	background-image:url(images/backfooter.png);
	background-repeat:repeat-x;
	background-color:#1D1D1D;
	text-align:left;
	overflow:auto;
}

div#ondercontentcenter {
	width:296px;
	height:290px;
	float:left;
	padding-top:10px;
	padding-left:12px;
	padding-right:12px;
	background-image:url(images/backfooter.png);
	background-repeat:repeat-x;
	background-color:#1D1D1D;
	text-align:justify;
	margin: 0 20px;
}

div#ondercontentright {
	width:305px;
	height:290px;
	float:left;
	padding-top:10px;
	padding-left:15px;
	background-image:url(images/backfooter.png);
	background-repeat:repeat-x;
	background-color:#1D1D1D;
	text-align:left;
}

div#tryoutlink a:link, #tryoutlink a:visited {
	color: #FFF;
}

#tryoutlink a:hover {
	color:#FF0000;
}

/* Footer */

div#footercontainer {
	width: 100%;
	height:285px;
	background-color:#1D1D1D;
	background-image:url(images/backfooter.png);
	background-repeat:repeat-x;
	text-align:center;
	margin-top: 15px;

}

div#footerbox {
	width:1000px;
	height:285px;
	margin: 0 auto;
}

div#footermenu {
	width:290px;
	height:250px;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	float:left;
	font-size:15px
}



div#footerlogo {
	width:290px;
	height:200px;
	padding-left:15px;
	padding-right:15px;
	padding-top:70px;
	float:left;
	margin: 0 20px;
}

div#footertext {
	width:290px;
	height:250px;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	float:left;
	font-size:15px
}


/* Copyright */

div#copyrightcontainer {
	width: 100%;
	height:30px;
	background-color:#000000;
	text-align:center;
}

#copyright {
	width:1000px;
	height:23px;
	text-align:center;
	background-color:#000000;
	margin: 0 auto;
	padding-top:7px;
}

/* lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.yilsdesign.be/L2D/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.yilsdesign.be/L2D/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Slider */

a img{ border:0;}
div.wrap{ width:995px; margin:0 auto; text-align:left;}
div#top div#nav{ float:left; clear:both; width:995px; height:52px; margin:22px 0 0; background-color:#1d1d1d;}
div#top div#nav ul{ float:left; width:700px; height:52px; list-style-type:none;}
div#nav ul li{ float:left; height:52px;}
div#nav ul li a{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px;}
div#header{ margin:15px 0; background-color:#1d1d1d;}
div#video-header{ height:683px; margin:-1px 0 0;}
div#header { height:299px; position:inherit;}
div#header div#slide-holder{ z-index:40; width:1000px; height:299px; position:relative;}
div#header div#slide-holder div#slide-runner{ top:9px; left:10px; width:980px; height:278px; overflow:hidden; position:absolute;}
div#header div#slide-holder img{ margin:0; display:none; position:absolute;}
div#header div#slide-holder div#slide-controls{ left:0; bottom:228px; width:980px; height:46px; display:none; position:absolute; background:url(images/slide-bg.png) 0 0;}
div#header div#slide-holder div#slide-controls p.text{ float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase;}
div#header div#slide-holder div#slide-controls p#slide-nav{ float:right; height:24px; display:inline; margin:11px 15px 0 0;}
div#header div#slide-holder div#slide-controls p#slide-nav a{ float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat;}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px;}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}