/**
 /*
 * Website Baker template: greving
 * 
 * Original design: greving by M. Geene.
 * Ported to Website Baker by M. Geene.
 * 
 * LICENSE: Open Source
 * 
 * @author     M. Geene
 * @copyright  Open Source
 * @license    http://www.make-it-visual.nl
 * @version    1.00
 * @platform   Website Baker 2.7
*/


/* Main body */
body {
	background:#002d62 url(img/background.jpg) top center no-repeat; 
	color:#002d62; 
	font:76% Verdana,Tahoma,Arial,sans-serif; 
	margin:10px auto; 
	padding:0;
}
#wrap {
	/*background:#fff; */
	color:#002d62; 
	margin:0 auto; 
	width:980px;
	height:100%;
}
#werkveld{
	background:url(img/werkveld.png) top left no-repeat;	
	color:#002d62; 
	margin:0 auto; 
	width:980px;
	min-height:600px;
	height:100%;
	padding:0 0 20px 0;
}


/* Basic tags */
a {background-color:inherit; color:#286ea0; text-decoration:none;}
a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 20px 5px 20px; font:Verdana,Tahoma,Arial,sans-serif;}

img {
	border:0;	
}

#twitter{
	height:90px; 
	width:200px;
	margin:65px 0 0 300px; 
	padding:0; 
	float:left;
}

/* Header */
#header {
	background:url(img/header.png) top left no-repeat;	
	height:200px; 
	margin:0; 
	padding:0; 
	color:#505050;
}
#header a {
	background-color:inherit; 
	color:#002d62; 
	float: left; 
	font-size:2em; 
	margin:4px; 
	widht: 350px; 
	text-decoration:none;
}
#header p {
	/*float:right; */
	font-weight:700; 
	line-height:1.3em; 
	margin:8px 0 0; 
	text-align:right; 
	width:600px; 
	font-size: 1em;
	padding:0 145px 0 0;
}

#klokbalk {
	width:800px;
	text-align:right;
	padding-top:90px;
}

/*Left and right sidebar */
#leftside {
	clear:left; 
	float:left; 
	margin:0 0 5px 0px; 
	padding:0; 
	width:275px; 
	font-size: 12px;
	border-right:1px solid #d5e14d;
}
#rightside {
	float:right; 
	line-height:1.4em; 
	margin:0 0 5px; 
	padding:0; 
	width:140px;
}
#rightside span.news {font-size: 12px;}
#leftside p,#leftside ul, #rightside p,#rightside ul {
	margin:0 0 0; 
	padding:0;
}
#leftside p, #rightside p {
	/*font-size:0.9em; 
	line-height:1.4em;*/
}
#leftside li, #rightside li {
	line-height:1.2em; 
	list-style:none; 
	/*margin:0 0 6px; */
	padding:0;
}
#leftside ul ul, #rightside ul ul {
	/*margin:6px 0 0 10px; */
	padding:0;
}
#leftside ul ul li, #rightside ul ul li {
	/*margin:0 0 4px;*/
}
#leftside ul ul li a, #rightside ul ul li a {
	font-weight:100;
	color:#002d62;
	margin:0 0 0 20px;
}
#leftside h2,#leftside h3, #rightside h2,#rightside h3 {
	color:#000000; 
	font-size:1.2em; 
	/*margin:0 0 8px; */
	padding:0;
}


/* Main menu */
#leftside ul.avmenu, #rightside ul.avmenu {
	display:block; 
	list-style:none; 
	/*font-variant:small-caps;*/
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0; 
	width:245px;
}
#leftside ul.avmenu li, #rightside ul.avmenu li {
	display:inline; 
	line-height:25px;
	padding:0; 
	width:180px;
}
#leftside ul.avmenu li a, #rightside ul.avmenu li a {
	color:#000000; 
	float:left; 
	padding:0 0 0 80px;
	text-decoration:none; 
	width:180px;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current {
	background:url(img/navigatie-over.gif) top left no-repeat;
	padding: 0 0 0 39px;
	margin-left:49px;
	height: 25px;
	color:#303030;
}
#leftside ul.avmenu ul, #rightside ul.avmenu ul {
	/*font-size:0.9em; 
	margin:0 0 0 15px; 
	padding:0 0 5px; 
	width:125px;*/
}
#leftside ul.avmenu ul a, #rightside ul.avmenu ul a {
	/*font-weight:400; 
	padding:3px 1px 3px 5px; 
	width:115px;*/
}
#leftside ul.avmenu ul ul, #rightside ul.avmenu ul ul {
	/*width:113px;*/
}
#leftside ul.avmenu ul ul a, #rightside ul.avmenu ul ul a {
	/*width:100px;*/
}


/* Main content */
#content {
	line-height:1.5em; 
	margin:0 50px 5px; 
	padding:0 10px 20px 0;
}
#contentwide {
	/*border-left:1px solid #d5e14d; */
	line-height:1.5em; 
	margin:0 30px 5px 290px; 
	padding:0 0 0 10px;
}
#contentwide2 {
	/*border-left:1px solid #d5e14d; */
	line-height:1.5em; 
	margin:0 150px 5px 0; 
	padding:0 10px 0 0;
}
#content h1,#contentwide h1,#contentwide2 h1 {font-size:26px; margin:0 0 10px; color:#d5e14d; font-weight:100; line-height:34px; }
#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px;}
#content h4,#contentwide h4,#contentwide2 h4 {font-size:1.2em; margin:0 0 8px;}
#content h5,#contentwide h5,#contentwide2 h5 {font-size:1.0em; margin:0 0 8px;}
#content h6,#contentwide h6,#contentwide2 h6 {font-size:1.0em; margin:0 0 8px;}
#content img,#contentwide img,#contentwide2 img {border:0px; display:inline; padding:10px;}
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;}
#content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}


/* Footer */
#footer {
	background:url(img/footer.png) top left no-repeat; 
	clear:both; 
	color:#002d62; 
	margin:0 auto; 
	padding:0 0 0 80px; 
	text-align:left; 
	width:980px;
	height: 200px;
	line-height:1.5em; 
	font-size:0.9em;
}
#footer p {
	float:right; 
	font-weight:700; 
	line-height:1.3em; 
	margin:8px 0 0; 
	text-align:right; 
	/*width:866px; */
	font-size: 1em;
	padding:0 105px 0 0;
}
#footerlinks {
	float:left; 
	font-weight:700; 
	line-height:1.3em; 
	margin:8px 0 0; 
	text-align:left; 
	width:350px; 
	font-size: 1em;
	padding:0 0 0 0;
}
#footerrechts {
	float:right; 
	font-weight:700; 
	line-height:1.3em; 
	margin:8px 0 0; 
	text-align:right; 
	width:350px;
	font-size: 1em;
	padding:0 0 0 0;
}

#footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Gerealiseerd */
#gerealiseerd {
	clear:both; 
	color:gray; 
	margin:0 auto; 
	padding:0; 
	text-align:right; 
	width:980px;
	height: 20px;
	font-size:0.9em;
}

#gerealiseerd a {color:gray; font-weight:400; text-decoration:none;}
#gerealiseerd a:hover {text-decoration:underline;}
#gerealiseerd span {font-size:1.2em;}

/* Additional classes */
.left {float:left; margin:3px 10px 2px 0;}
.right {float:right; margin:2px 0 2px 10px;}
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:400;}
.announce {
	/*background-color:#f4f4f4;*/ 
	/*border-left:4px solid #ccc; */
	clear:left; 
	color:#000000; 
	font-size:0.9em; 
	line-height:1.5em; 
	margin:0; 
	padding:0 0 0 80px; 
	width:126px;
}
.announce p {margin:10px 0 0; padding:0;}
.postinfo {
	/*background-color:#f4f4f4; 
	border-left:4px solid #ccc; */
	color:#000000; 
	font-size:0.9em; 
	line-height:1.4em; 
	margin:0; 
	padding:0 0 0 80px;
}
.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}


/* Styles for optional Website Baker template functions search and login */
.announce fieldset { border: none; margin: 0; padding: 0; }
.announce legend { display: block; font-weight: bold; }
.announce input { width: 120px; margin-top: 0.3em; }
.search_string { width: 120px; margin-left: 0;}
#wb_search, #wb_login, #wb_logout  { width: 120px; color:#505050; font-size:0.9em; line-height:1.5em; font-weight: bold; }



a#gotop {
	/*background:url(img/icons.gif) 0 -304px no-repeat;*/
	float:right;
	height:16px;
	line-height:18px;
	display:block;
	padding-left:116px;
	margin:5px 105px 0 0;
	text-decoration:none;
	color:#002d62;
	}


.dhtmlgoodies_question
{
	/* Styling question */
	/* Start layout CSS */
	width:650px;
	margin-bottom:6px;
	margin-top:0px;
	padding-left:5px;
	padding-top:5px;
	font:Verdana,Tahoma,Arial,sans-serif;
	font-size:12px;
	color:#002d62;
	background-position:top left;
	height:42px;
	background: url("http://www.notarisgreving.nl/templates/greving/img/balkknop.jpg") no-repeat !important;  
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}

.dhtmlgoodies_answer
{
	/* Parent box of slide down content */
	/* Start layout CSS */
	width:640px;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size:12px;
	color:#002d62;
	padding-left:5px;
	padding-top:5px;
	/* End layout CSS */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}

.dhtmlgoodies_answer_content
{
	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}