@import url(titels.css); 

@import url(tabs.css); 

h1,h2,h3{
	margin:0px 0px 0.5em 0px;
	padding:0px;
}
h1{	font-size:1.2em;}
h2{	font-size:1.1em;}
h3{	font-size:1.0em;}

h1.swap {
  height:28px;
  background-repeat:no-repeat;
 }
h1.swap span {display:none;}

a:link, a:visited {
	color: #333333;
}
form {
	margin:0px;
	padding:0px;
}
body {
	margin:0px 0px 30px 0px;
	padding:0px;
	font-family : Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height : 150%;
	color: #555555;
	background: #FFFFFF url(../newimages/bubbles3.gif) no-repeat top right;
}
table {
	font-size:1em;
}
ul {
	margin:0 5 0 15;
}
li {
	margin-bottom:10px;
}
img {
	border : 0px;
}
hr { height: 1px; border:none; border-bottom: 1px solid #dfdfdf; } /* For Internet Explorer */
html>body hr { height: 1px; border:none; border-bottom: 1px solid #dfdfdf; } /* For Gecko-based browsers */

hr.fix {
	visibility : hidden;
	display: block; 
	clear: left; 
	margin: -0.66em 0;
}
hr.cleaner {
   clear:both;
   height:1px;
   margin: -1px 0 0 0; padding:0;
   border:none;
   visibility: hidden;
}
.hidden {
  display: none; 
}

input {
}
p {
	margin:0px 0px 5px 0px;
}
.att {
	margin:5px 0px 5px 0px;
	color:red;
}
.linewrap {
	font-weight: bold; 
	color: #c60; 
	font-size: 13px;
	}
#slogan {
	text-align : left;
	width:auto;
	float:left;
	font-size:1.3em;
	font-weight:bold;
	padding:0px;
	margin:10px 0px 0px 10px;
}
#logo {
	text-align : right;
	width:auto;
	margin-top:10px;
	padding-right:70px;
	z-index : 1;
}
img.logoimg {
	padding:0px;
	z-index : 2;
}
div#bubbles {
	position:absolute;
	right:0px;
	z-index : 3;
}

#hl {
	width:auto;
	border-bottom:1px dashed #00696A;
	margin-top:15px;
	margin-bottom:15px;
}
#sidemenu, #sidemenu input, #sidemenu select {
	font-size:0.9em;
}
#sidemenu {
	position : absolute;
	letter-spacing : 0px;
	width: 170px;
	left:10px;
  text-align:left;
	margin-right:20px;
	padding-top:10px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
}
/* Again, "be nice to Opera 5". */
body>#sidemenu {width:170px;}

#sidemenu div.section {
  margin:0px;
  margin-bottom:15px;
  border-bottom:1px solid #B0C4DE;
  padding-bottom:15px;
}

.button {
	cursor:pointer;
	vertical-align : top;
}
#sitecounter {
	background:url(../newimages/white.gif) no-repeat center ;
	width:100%;
	font-size:13px;
	height:34px;
	padding-top:2px;
	color:#909090;
	font-weight : bold;
	text-align : center;

}

#mainframe {
  text-align:center;
}

#content {
	width:auto;
	margin:10px 230px 0px 175px;
	padding-left:20px;
	z-index:3;
	color:#4F4F4F;
  text-align:left;
}
#content h1, h2 {
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;
}
#content h2 {
}
#content div.column {
	width:30%;
	padding-right:20px;
	margin-right:20px;
	float:left;
}
#content div.leftcol {
	border-right:1px dotted #AA9100;
}
div.column div.article {
	padding-bottom:20px;
	border-bottom:1px dotted #AA9100;
	margin-bottom:20px;
}
#content a {
	color:#BB0067;
}

#rightside {
position:absolute;
width:150px;
right:20px;
margin-right:0px;
z-index:1;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}
/* Again, "be nice to Opera 5". */
body>#rightside {width:168px;}
#rightside, #rightside input, #rightside select {
	font-size:0.9em;
}
div#rightside div.section {
  margin:0px;
  margin-bottom:10px;
  border-bottom:1px solid #B0C4DE;
  padding-bottom:10px;
}

#rightside .sectioncontent {
}
img.game {
	border:2px solid #00696A;
	border-right:10px solid #00696A;
}
.right {
	float:right;
	margin-left:10px;
}
.left {
	float:left;
	margin-right:10px;
}
.commentaar {
	display : block;
	padding-top: 4px;
	border-top: 1px dashed #8A004C;
	margin-bottom:7px;
}
.commentaar img {
	text-align : left;
	vertical-align : top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.commentaartext {
}
.schrijver {
	margin-top: 5px;
	font-size: xx-small;
}
.schrijver a {
	font-size: xx-small;
}

.scroller {
	font-size:1em;
	text-align : right;
	padding:10px 3px 3px 3px;
	margin-bottom:5px;
	background-color : transparent;
}
.scroller .currentpage {
	padding-right:4px;
	padding-left:4px;
	color: #F4A8D8;
	font-weight:bold;
}
.scroller a, .scroller a:visited {
	text-decoration : none;
	padding-right:4px;
	padding-left:4px;
	color: #C71585;
	font-weight:bold;
}
.scroller a:hover, .scroller a.active {
	text-decoration:underline;
}
.contactbox {
	background-color : #0986FF;
	color: white;
	padding:10px;
}

div.score {
	text-align : center;
	line-height : 100%;
}
div.score select {
	font-size : xx-small;
}
.nob {
  border:0px;
}

.button2 {
   margin-left:auto;
  cursor:hand;
  text-align:center;
  height:34px;
  padding-top:0px;
  color:white;
  font-weight : normal;
  border : none;
  }
.blue {
  background:url(../newimages/blue.gif) no-repeat center;
  }
.pink {
  background:url(../newimages/pink.gif) no-repeat center;
  }

#searchresult a.result {
	display : block;
	font-size : 1.2em;
	margin-top:10px;
}
#searchresult .text {
}
#searchresult .info {
	font-size:0.9em;
	color: #969696;
}
/*************************************
Styles for the breadcrumb trails
**************************************/
#breadcrumbs {
	color: #009395;
	padding:0px 0px 10px 0px;
	font-size:0.9em;
}
#breadcrumbs ul, #breadcrumbs li {
	display : inline;
	margin:0px;
}
#breadcrumbs li {
	padding-left:4px;
}
#breadcrumbs li a {
	padding-right:7px;
	color: #009395;
	font-weight:bold;
	text-decoration : none;
}
#breadcrumbs li a:hover { text-decoration : underline; }
/*************************************
Styles for the sorting items
**************************************/
#sorting {
	color: #007677;
	padding:0px 0px 10px 0px;
	font-size:0.9em;
}
#sorting ul, #sorting li {
	display : inline;
	margin:0px;
}
#sorting li a {
	color: #68003A;
}
/*************************************
Styles for the blogger entries
**************************************/
.blogdate {
	display : block;
	font-size : 10pt;
	font-weight : bolder;
	margin-top: 15px;
	margin-bottom: 10px;
}
.blogbody {
	display : block;
	font-size : inherit;
	margin-bottom: 3px;
}
.blogposted {
	display : block;
	font-size : xx-small;
}	  

/*************************************
Styles for the Tabular 2 menu structure
**************************************/
#tab2 {
  text-align : center;
  width:auto;
  font-family : Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.9em;
  line-height:normal;
  height:2.4em;
  background-color : transparent;
  background:url("../newimages/tab2_bg.gif") repeat-x bottom;
  /* BART */
  margin:0px 0px 0px 0px;
  }
#tab2 ul {
  margin:0;
  margin-left:175px;
  padding:0px 20px 0px;
  list-style:none;
  }
#tab2 li {
  float:left;
  background:url("../newimages/tab2_left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #EC0082;
  }
#tab2 a {
  float:left;
  display : block;
  width:.1em;
  background:url("../newimages/tab2_right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#EA0081;
  }
#tab2 > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab2 a {float:none;}
/* End IE5-Mac hack */
#tab2 a:hover {
  color:#fff;
  }
#tab2 .current {
  background-position:0 0px;
  border-width:0;
  }
#tab2 .current a {
  background-position:100% 0px;
  padding-bottom:5px;
  color:#fff;
  }
#tab2 li:hover, #header li:hover a {
  background-position:0% -0px;
  color:#fff;
  }
#tab2 li:hover a {
  background-position:100% -0px;
  }
#tab2 .tabbutton {
	display : inline;
}
#bot {
	background : url(../newimages/bot2.png) repeat-x;
	height:16px;
}

.auteurfoto {
	border:1px solid #999999;
	padding:2px;
	margin:15px 0px 5px 0px;
}

#lesfotos {
  border:1px solid #5F9EA0;
  margin-bottom:5px;
  padding:2px;
}
#lesfotos a {
  margin:0px;
  padding:0px;
}
#lesfotos img {
  background-color:#BAD5D6;
  padding:2px;
  margin:2px;
  border:1px solid #5F9EA0;
}

table.leskenmerk {
	border:1px solid #B7D3D4;
	width:100%;
	margin-bottom:10px;
}
table.leskenmerk td {
  border:1px solid #B7D3D4;
  background-color:#FAFCFC;
  font-size:0.9em;
	padding:0px 4px 0px 4px;
}

.categorie {
  background-color: #C8C8C8;
  color:white;
  padding:2px 0px 2px 6px;
}

.overzichtkolom {
  float:left;
  margin:0px 20px 20px 0px;
  padding-right:20px;
  border-right:1px solid #C8C8C8;
  width:11em;
}

.bezoekeraantal {
  font-family: Arial, Helvetica, sans-serif;
  font-size:2em;
  font-weight: bold;
}

.ranking {
  color:#AB1473;
}
.ranking form {
  display: inline;
}