body {
	margin: 0px;
	padding: 0;
	background: #a4a4a4;
	behavior:url(/style/csshover.htc);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

img{
border:0;
}

a {
	color: #333333;
	display:inline;
}

a:hover {
	text-decoration: none;
}

table, td, th, tr{
border:0;
}

#wrapper {
margin:auto;
margin-top: 10px;
width:1024px;
height:auto;
background:url(/images/website_middles.jpg) repeat-y;
}

.fb-like{
 margin-top:-5px;
margin-left: 880px;
}

#wrapper-top {
background:url(/images/website_tops.jpg) no-repeat;
height:50px;
}

#wrapper-bottom {
background:url(/images/website_bottoms.jpg)  no-repeat;
height:47px;
}

/* Sidebar */

#sidebar{
margin-left:22px;
float:left;
display: inline;
width:1px;
}


/* Logo */

#logo {
	margin-top:-10px;
	margin-bottom: 50px;
	background: url(/images/Lijnbaan-logo.png) no-repeat center;
	height:125px;
	width:250px;
}


/* Menu */

#menu h2 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1em;
}

#menu		                                 /* position, size, and font of  menu */
	{	
	font-size:15px;
/*	height:350px; */
	margin-left:20px;
}

#menu * {
	color: #000000;
	z-index:80;
}

#menu a {
	width: 100%;
	display:block;
	border-left: 10px solid #e8ea2f;
	padding-left:8px;
	padding-bottom:7px
}

#menu a.parent, #menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(/images/nav_black.gif);
	background-position: right center;
	background-repeat: no-repeat;
	cursor:default;text-decoration:underline;
	}
	
#menu ul {
	position:absolute;
	margin: 0 20px 100px 0px;
	padding: 0 ;
	list-style: none;
	width:10.1em;
}
	
#menu li
	{
	padding-left:0px;
	}

#menu ul li
	{
	position:relative;
	}

#menu li ul
	{
	position: absolute;
	top: 0;
	left: 11em;				            /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

#menu ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	padding-right:15px;
	width: 11em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background: #FFFFFF;
	border:#333333 solid 1px;
}
	
#menu ul ul ul{
	margin:0;				               /* keeps the menu parts together */
	margin-left:15px;
	padding:0;
	width: 11em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background: #FFFFFF;
}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul
	{
	display: none;
	}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul
	{
	display: block;
	}


/* Page */

#page {
	margin-left:280px;
	margin-right:30px;
	margin-top:-10px;
	width:714px;
	min-height:550px;
}


/* ZOOM */
#zoom{
	position:absolute;
	margin-left:10px;
	margin-top:10px;
}

#zoom span{
cursor:pointer;
}

/* Search */
#search {
	background: #FFFF88;
}

#search .topbar{
	height:35px;
}

#search form {
	margin: 0;
	padding: 0;
	background: #FFFF88;
}

#search fieldset {
	margin: 0;
	padding: 5px 10px 5px 0;
	background: #FFFF88;
	border: none;
	text-align: right;
}

/* Login */

#login {
height:20px;
margin-bottom:-20px;
right:30px;
text-align: right;
float:right;
}


/* Edit */

#edit {
position:relative;
right:30px;
height:10px;
margin-bottom:-10px;
text-align: right;
z-index:2;
}

/* Content */

#content{
margin:0;
padding:0;
height:auto;
}

#content h1, #content h2 {
	font-weight: normal;
	margin-top: 0;
}

#content ul{
padding-left:0;
margin-left:20px;
list-style-type: circle;
}

.pagetitle {
	margin: 0 0 10px 15px;
	padding-top: 15px;
	text-transform:uppercase;
	font-size:25px;
}

.post {
	margin-bottom: 10px;
	background: #FFFF88;
}

.title {
	margin: 0;
	padding: 0 20px;
}

.byline {
	margin: 0 20px;
	border-top: 2px solid #C2C9B6;
}

.entry {
	padding: 10px 20px 10px 20px;
	position:relative;
}

.meta {
	margin: 0;
	padding: 0 20px;
}

#regmessage{
position:absolute;
top:50px;
left:500px;
width:200px;
}

#ledenstats{
position:absolute;
top:0px;
right:20px;
text-align:right;
font-size:10px;
line-height:10px;
}


.mailpopup{
background:#FFFFFF;
visibility:hidden;
position:absolute;
margin-top:-20px;
margin-left:590px;
line-height:10px;
}
#audioserver{
right: 25px; 
overflow: auto; 
width: 375px; 
position: absolute; 
top: 115px; 
}

table.resultaten{
	border-top-width:thin;
	border-top-style:solid;
	border-top-color:#BBB;
	margin-bottom:10px;
}
table.resultaten tr{

	vertical-align:top;

}

.hideextra {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}


/* Rounded Corners */
.ct {
}

.ct .l {
	background: url(/images/img10.gif) no-repeat left top;
}

.ct .r {
	height: 15px;
	background: url(/images/img11.gif) no-repeat right top;
}

.cb {
}

.cb .l {
	background: url(/images/img13.gif) no-repeat left bottom;
}

.cb .r {
	height: 15px;
	background: url(/images/img12.gif) no-repeat right bottom;
}
.cbb {
	clear:both;
}

.cbb .l {
	background: url(/images/img13.gif) no-repeat left bottom;
}

.cbb .r {
	height: 15px;
	background: url(/images/img12.gif) no-repeat right bottom;
}

/* Footer */
#footer{
	position:relative;
	clear:both;
}
#footer p{
	color:#AAA;
	font-size:11px;
	position:absolute;
	bottom:30px;
	margin-left:30px;}

#footer p.right{
	right:30px;
}


img.afdrukken{
	position:absolute;
	margin-top:10px;
	margin-left:630px;
	cursor:pointer;
}


a.tooltip {/*color:#c00;*/ cursor:default}

a.tooltip b {display:none;}

a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}

a.tooltip:hover b {display:block; position:absolute; top:20px; left:-13px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:auto;}

a.tooltip:hover b em {position:absolute; left:10px; top:-6px; width:11px; height:6px; background:url(/images/tooltip.png) 0 0; display:block; font-size:1px;}

	
	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:273px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

