/******************************************
Website : TV Stiens
CSS : Stefan Oost
E-mail: info@stefanoost.nl
WWW: http://www.stefanoost.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
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, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

body{
	background: #001467 url("../img/bg.jpg") repeat-x;}


div#headbg{
  position: absolute;
  z-index: 1;
  margin: -1px 0 0 -499px;
  left: 50%;
  width: 997px;
  height: 221px;
  background: url("../img/headerbg.png") no-repeat;}
  
*div#headbg{
  position: absolute;
  z-index: -1;
  margin: 17px 0 0 -499px;
  left: 50%;
  width: 997px;
  height: 221px;
  background: url("../img/headerbg.png") no-repeat;}

div#header{
  position: relative;
  height: 220px;
  text-align: center;
  margin: 18px 0 0 0;
  padding: 0;
}

div#topmenu{
  float: right;
  display: inline;
  margin: -18px 25px 0 0;
  color: #fff;
  font-size: 10px;
  }
  
div#logo{
  position: absolute;
  z-index: 2;
  left: -40px;
  width: 226px;
  height: 179px;}
  
div#menubg{
  position: absolute;
  z-index: 1;
  left: 3px;
  width: 447px;
  height: 221px;
  background: url("../img/menubg.png") no-repeat;}

div#menu{
	position: absolute;
	z-index: 99;
	margin: 10px 0 0 160px;}

*div#menu{
	margin: 10px 0 0 -265px;}

div#menu ul li{
	width: 133px;
	list-style-type: none;
	color: #fff;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	background: url("../img/lijn.png") bottom left no-repeat;}

div#container{
  width:850px;
  margin:0 auto}

div#contenttop{
  float:left;
  display: inline;
  width:825px;
  height: 9px;
  background: url("../img/content_top.png") repeat-x;
  }
  
div#contentbottom{
  float:left;
  display: inline;
  width:825px;
  height: 17px;
  background: url("../img/content_bottom.png") repeat-x;
  }
  
div#minheight{
  float: left;
  display: inline;
  width:1px;
  height: 440px;}
  
div#content1{
  float:left;
  display: inline;
  width:825px;
  background: #ffffff url("../img/contentbg.png") repeat-x;
  }
  
div#tekstbg{
  float:left;
  display: inline;
  width:545px;
  margin: 22px;
  background: url("../img/text_bg.png") repeat-x;
  }
 
div#tekst{
	margin: 10px;}
  
div#nieuwsbrief{
	width: 234px;
	height: 121px;
	background: url("../img/nieuwsbrief.png") no-repeat;
	margin: 0 0 15px 0;} 
	 
div#content{
  float:left;
  display: inline;
  width:620px}

div#sidebar_1{
  float:right;
  display:inline;
  width:235px;
}

div#sidebar_2{
  float: right;
  display: inline;
  clear:right;
  width:210px;
  background:#ccc;}

div#sponsors{
  float: left;
  display: inline;
  width: 825px;
  background: #fdfdfd;
}


div#footer{
  clear: both;
  width:100%}
  
div#left{
	float: left;
	display: inline;
	width: 300px;
	height: 30px;
	margin: 4px 0 0 0;
	}

div#right{
	float: right;
	display: inline;
	width: 81px;
	height: 30px;
	margin: 10px 30px 0 0;
	}
  


/*TYPOGRAFIE
**************************************************/

body{
	font: normal 11px/16px Trebuchet MS, sans-serif;
	color: #000;}

div#sidebar_1{
	font: normal 11px/16px Lucida sans, Trebuchet MS, Arial, sans-serif;
	color: #fff;}

div#sidebar_2{
	font: normal 11px/16px Lucida sans, Trebuchet MS, Arial, sans-serif;
	color: #000;}

div#footer{
  text-align: center;
  color: #fff;
  padding: 0;}

/*PARAGRAPHS*/
p {padding: 0 0 20px;}

/*HEADINGS*/
h1{
  font: bold 18px/28px Arial, sans-serif;
  color: #000350;
}

div#sponsors h1{
  margin: 0 0 0 30px;}

h2{
  font: bold 14px/22px Arial, sans-serif;
  color: #000350;
}

h3{
  font: bold 14px/18px Tahoma, Arial, sans-serif;
  padding: 0 0 5px;}

div#sidebar_1 h3{ color: #ccc;}
div#sidebar_2 h3{ color: #000;}

/*LISTS*/
div#nieuwsbrief ul{
	list-style-type: disc;
	padding: 34px 0 0 35px;
	line-height: 19px;}

div#nieuwsbrief ul li{
	list-style-type: none;
	background: url("../img/pdfico.png") no-repeat;
	padding: 0 0 0 20px;
	color: #000350;}
	
ul.opsomming li{
	list-style-type: none;
	margin: 0 0 5px 25px;
	padding: 0 0 0 20px;
	line-height: 16px;
	background: url("../img/opsomming.png") 0% 50% no-repeat;}
	
ul.pdf{
	list-style-type: disc;
	padding: 10px 0 0 15px;
	line-height: 19px;}

ul.pdf li{
	list-style-type: none;
	background: url("../img/pdfico.png") no-repeat;
	padding: 0 0 0 20px;
	color: #000350;}


/*LINKS*/
a {         text-decoration: underline; font-weight: bold;}
a:link {    color: #000350; }
a:visited { color: #000350; }
a:hover {   color: #000; text-decoration: none;}
a:active {  color: #000;}

div#nieuwsbrief a {         text-decoration: none; font-weight: normal;}
div#nieuwsbrief a:link {    color: #000350; }
div#nieuwsbrief a:visited { color: #000350; }
div#nieuwsbrief a:hover {   color: #000; text-decoration: underline;}
div#nieuwsbrief a:active {  color: #000;}

div#topmenu a {         text-decoration: none; font-weight: normal;}
div#topmenu a:link {    color: #f5f5f5; }
div#topmenu a:visited { color: #f5f5f5; }
div#topmenu a:hover {   color: #dcdcdc; text-decoration: none;}
div#topmenu a:active {  color: #dcdcdc;}

h1 a {         text-decoration: none; font-weight: bold; padding: 10px; background: none}
h1 a:link {    color: #000; }
h1 a:visited { color: #000; }
h1 a:hover {   color: #000; text-decoration: none; background: #fff;}
h1 a:active {  color: #000; background: #fff;}

div#footer a {         text-decoration: underline; font-weight: bold; background: none}
div#footer a:link {    color: #fff; }
div#footer a:visited { color: #fff; }
div#footer a:hover {   color: #b3ffff; text-decoration: underline;}
div#footer a:active {  color: #b3ffff; }

div#menu ul li a,
div#menu ul li a:link,
div#menu ul li a:visited{
	color: #fff;
	text-decoration: none;}
	
div#menu ul li a:hover,
div#menu ul li a:active{
	text-decoration: none;
	color: #d8d8d8;
}




/*jQuery Carroussel*/
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 720px;
    margin: 0 0 0 32px;
    padding: 20px 20px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  720px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 230px;
    height: 60px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 8px;
    width: 11px;
    height: 22px;
    cursor: pointer;
    background: transparent url("../img/arrow-right.png") no-repeat 0 0;
}
/*
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
*/
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 0px;
    width: 12px;
    height: 22px;
    cursor: pointer;
    background: transparent url("../img/arrow-left.png") no-repeat 0 0;
}
/*
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
*/