/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

/*Floatfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end Floatfix*/

body{
	background: #191919 url(../img/bgbody.png) repeat-x;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

img{
	border: none;
}

h1{
	font-size: 16px;
}

#wrapper{
	width: 1000px;
	margin: 10px auto;
}

#topbar{
	font-weight: bold;
}

#topbar a{
	float: left;
	margin-right: 5px;
	padding: 5px 7px 0 7px;
	height: 22px;
	background: url(../img/toptab_off.png) repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#topbar .selected, #topbar a:hover{
	background: url(../img/toptab_selected.png) repeat-x;
	color: #2d2d2d;
}

#container{
	width: 960px;
	padding: 10px 10px 0 10px;
	border: 10px solid #efba00;
	background: #efba00 url(../img/bgcontent.png) repeat-x;
}

#maincontent{
	width: 714px;
	float: left;
	margin-right:-14px;
}

#header{
	height: 150px;
	background: url(../img/bgheader.jpg) no-repeat;
	padding-bottom: 10px;
}

#header div{
	position:relative;
	top:12px;
	left:140px;
	width:545px;
	height:115px;
	overflow:hidden;
}
#header h1{
	color:#fff;
	filter:alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.6;
  text-transform:uppercase;
  font-weight:bolder;
  font-size:20px;
  position:absolute;
  bottom:0;
  left:0;
}

#header h1 span{
  text-decoration:underline;
}

.linkrow{
	margin-bottom: 10px;
}

.linkblok{
	width: 224px;
	padding-bottom: 15px;
	background: url(../img/bgbottom.png) no-repeat bottom;
	float: left;
	margin-right: 14px;
}

.linkblok h1{
	background: url(../img/bglinkheader.png) no-repeat;
	height: 22px;
	font-size: 13px;
	padding: 10px 0 0 80px;
}

.linkblok h1,.linkblok h1 a{
	color: #fff;
}

.linkblok div{
	height:185px;
	background: url(../img/bglinkblok.png) repeat-y;
	padding: 10px 8px 0 4px;
}

.linkblok div ul li{
	width:185px;
	height:29px;
	color: #576063;
	background: url(../img/arrowlink.png) no-repeat 0 2px;
	padding-left: 12px;
	padding-bottom: 4px;
	list-style: none;
	/*text-overflow: ellipsis;*/
}

.linkblok div ul li a{
	width:185px;
	height:29px;
	overflow: hidden;display:block;
	color: #576063;
}

.linkblok div ul li a span{
	color: #000;
	font-weight: bold;
	/*margin-right:5px;*/
}

.linkblok .siteblok{
	padding: 10px 8px 0 8px;
}

.linkblok .siteblok img{
	float:left;
	margin: 5px 5px 0 5px;
}

.campromo{
	padding-bottom: 10px;
	width:700px;
}

.camtabs{
	height: 26px;
}

.camtabs a,.camtabs span{
	float: left;
	margin-right: 5px;
	padding: 5px 7px 0 7px;
	height: 21px;
	background: url(../img/cams/tab_off.png) repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.camtabs .selected{
	background: url(../img/cams/tab_selected.png) repeat-x;
}

.camtabs a:hover,.camtabs span:hover{
	background: url(../img/cams/tab_selected.png) repeat-x;
	text-decoration: underline;
}

.camcontainer{
	border-top: solid 7px #5e6f99;
	background: #181818;
	padding: 10px 10px 0 10px;
	height:210px;
}

.cammer{
	width: 100px;
	margin-right: 12px;
	float: left;
	margin-bottom: 12px;
}

.cammer .imgborder{
	width: 100px;
	height: 75px;
	overflow:hidden;
}

.cammer img{
	width: 100px;
}

.cammer a{
	color: #fff;
}

.cammer .online{
	background: url(../img/cams/online.gif) no-repeat;
	display: block;
	height: 15px;
	padding: 0 0 3px 18px;
}

.cammer .offline{
	background: url(../img/cams/offline.gif) no-repeat;
	display: block;
	height: 15px;
	padding: 0 0 3px 18px;
}

#rss{
	background: #000;
	color: #fff;
	width: 700px;
	float: left;
	
}

#rss h1{
	background: url(../img/dikkelulheader.gif) no-repeat 10px 10px;
	padding-top: 75px;
	padding-left: 10px;
}

#rss ul{
	padding: 10px;
}

#rss ul li{
	list-style: none;
}

#rss ul li h2 a, #rss a{
	color: #9ac80d;
}

#rss ul li p a{
	color: #fff;
	font-size: 11px;
}

#sidebar{
	float: right;
	width: 240px;
}

#sidebar h1{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

#search{
	padding-bottom: 8px;
}

#sidebar .window{
	width: 175px;
	height: 18px;
	border: 1px solid #b5b3b3;
	color: #586164;
	padding: 3px 0 0 3px;
	font-size: 11px;
}

#search #buttonzoeken{
	background: url(../img/buttonzoeken.png) no-repeat;
	height: 21px;
	width: 51px;
	border: none;
	position: relative;
	top: 3px;
}

*+html #search #buttonzoeken{
	position: relative;
	top: 0px;
}


#snelkiezer{
	padding-bottom: 8px;
}

#snelkiezer .window{
	width: 180px;
	height: 25px;
	border: 1px solid #b5b3b3;
	color: #586164;
	padding: 3px 0 3px 3px;
	font-size: 11px;
}

#sidebar .bookmark{
	background: url(../img/bgbookmark.png) no-repeat;
	width: 184px;
	height: 38px;
	display: block;
}

#sidebar .dagitem{
	width: 231px;
	height: 191px;
	margin-top: 10px;
	background: url(../img/bgdagitem.png) no-repeat;
	padding: 8px;
}

#sidebar .dagitem h2{
	font-size: 14px;
	color: #fff;
}


#sidebar .dagitem .middle{
	padding-top: 8px;
	width: 223px;
}

#sidebar .dagitem .middle .tekst{
	width: 105px;
	float: left;
	color: #fff;
}

#sidebar .dagitem .middle .tekst p{
	margin-bottom: 5px;
}

#sidebar .dagitem .middle .tekst p a{
	color: #f4c627;
	font-weight: bold;
}

#sidebar .dagitem .middle a img{
	float: right;
	height: 150px;
	width: 100px;
}

#footer{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	color: #fff;
}

#footer a{
	color: #fff;
}

#footer a img{
	display: block;
	height: 60px;
	width: 234px;
	margin: 0 auto 5px auto;
}

/*Pseudolinks*/
.pseudolink{
	cursor:pointer;
}
.pseudolink:hover{
	text-decoration: underline;
}

/*Errors*/
.error p{
	margin-top:10px;
}

/*overlay*/
#greylayer{
	position:absolute;
	display:none;
	top:0;
	left:0;
	height:0;
	width:0;
	z-index:200;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
	background-color:#000000;
}

#overlayer
{
	position:fixed;
	z-index:200;
	top:0;
	left:0;
	width: auto;
	height: auto;
	background:#fff;
	color:white;
	padding: 0px;
	border:2px solid #333;
	display:none;
	text-align:right;
}

* html #overlayer{
	position: absolute;
}

#overlayer a:hover{
	text-decoration:none;
}

#overholder{
	float:left;
	clear:both;
	padding:0 10px 10px 10px;
}

#overclose{
	/*float:left;*/
	margin-right:10px;
	color:#cc0000;
	background:#fff;
}

#overcontent{
	border:solid 1px #666;
	overflow:hidden;
}

/*Ajax Refresh*/
.refreshing{
	text-indent: -9999em;
	height:48px;
	width:48px;
	background: url(../img/ajax/loadpref.gif) no-repeat;
	margin:80px auto;
	display:block;
}

.error{
	margin:0 20px 20px 20px;
}

/*tbv categorie*/

.categorie .linkblok h1{
	background: url(../img/bglinkheader_double.png) no-repeat;
	height: auto;
	padding-bottom:5px;
}

.categorie .linkblok div{
	height:auto;
}

.categorie .linkblok .button{
	height:26px;
	width:146px;
	display:block;
	background: url(../img/button_catitem.png) no-repeat;
	clear:both;
	margin:10px auto 0;
}

/*searchnav*/

.searchnav{
	text-align:center;
	padding:5px 0 5px 0;
	margin:5px 0 5px 0;
	background:#fff;
}
.searchnav a{
	color:#000;
}

/* rss */
#rss{
  width: 700px;
  margin: 10px auto 10px auto;
}

#rss li{
  margin-bottom: 10px;
}

#rss h2 a, #rss p a{
  font-size: 12px;
	color: #576063;
}

#rss h1{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}