/* Start of CMSMS style sheet 'vvo_basis' */
/* ============================================
   V.V. Oldeboorn
   Author:  Jelle-Jacob de Vries
   version: 10-10-2008
============================================ */


body {
	font: 76.1% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
}

#bodycontainer {
         background: #000;
         padding: 20px;
}

h1, h2 {
	background: #000;
        line-height: 40px;
	padding-left: 20px;
	font-size: 100%;
	color: #fff;
	margin: 0;
}

a:link, a:visited {
        color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	border-bottom: 1px dashed #000;
}

img {border: 0 none;}

#wrap {
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	width: 980px;
	font-size: 90%;
	border: 1px solid #fff;
}

#inner-wrap {
	background: #fff url(images/cms/vvo/bg_inner-wrap.gif) repeat-y left top;
}

/* #header */

#header {
	background: url(images/cms/vvo/bg_header.gif) no-repeat left top;
	padding: 33px 34px 0;
	height: 1%;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header #slideshow {
	width: 912px;
}

#header #slideshow p {padding: 0; margin: 0;}

#header p {
	padding: 10px;
	margin: 0;
	background: #000;
	color: #fff;
}

#header p a {
	color: #fff;
	border-width: 0;
	border-style: none;
}

#header p a:hover {
	color: #fff;
	border-bottom: 1px dashed #fff;
}

/* #nav */

#left {
        margin: 0 682px 0 0;
}

#left ul {height: 1%;}

#left ul, #left li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left ul li dfn {display: none;}

#left ul a {
	background-color: #ccc; 
	color: #000;
	text-decoration: none;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #fff;
	display: block;
}

*html #left ul a {display:inline-block;}
*html #left ul a {display:block;}

#left li a:hover {color: #fff; background: #000;}

#left ul ul a {
	background-color: #aaa; 
	padding-left: 40px; 
	border-bottom: 1px solid #fff;
}
	
#left ul ul a:hover {background-color: #666;}

#left ul ul ul a {padding-left: 60px;}
#left ul ul ul a:hover {color: #000; background-color: #aaa;}

#left ul h3 {
	font-size: 100%;
	color: #fff;
	background-color: #000;
	padding: 5px 5px 5px 20px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}

#left ul ul h3 {
	font-size: 90%;
	color: #fff;
	background-color: #666;
	padding-left: 40px;
}

#left ul ul ul h3 {
	color: #000;
	background-color: #bbb;
	padding-left: 60px;
	border-bottom: 1px solid #fff;	
}

#left ul li a.activeparent {color: #fff; background: #000;}
#left ul ul li a.activeparent {color: #fff; background: #666;}
#left ul ul ul li a.activeparent {color: #fff; background: #f0f0f0;}

/* #content */

#content {
	line-height: 2em;
	text-align: left;
	clear: both;
	padding: 0 34px;
        text-align: left;
}

#content:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}

#content {display: inline-block;}

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

#left #logo {
	text-decoration: none;
	padding: 20px;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#left #logo img {border: 0 none;}

#right {
        float: right;
        width: 680px;
	margin: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 100%;
	text-align: justify;
}

#right #maincontent {
	padding: 15px 11px 20px 14px;
}

.rightsection{
	padding: 0 0 10px 0;
        margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

#vvo .rightsection {
	padding: 0 0 10px 20px;
        margin: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}

.news {
        padding: 20px 20px 0;
}

/* news */

.news p {
        padding: 0 0 0 10px;
}

.news ul {
        padding: 0; 
        margin: 0;
        list-style: none;
}

.news li {border-bottom: 1px solid #fff; margin: 0 0 10px 0}

.news h3 {
	font-size: 75%;
	margin: 0;
}

.NewsSummaryPostdate, #NewsPostDetailDate {
	font-style: italic;
        font-size: 90%;
	padding: 3px 10px 3px 0;
        margin: 0;
	font-weight: bold;

	color: #666;

	border-top: 1px solid #999;
}

.NewsSummaryLink a, h3#NewsPostDetailTitle {
	padding: 5px 10px;
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #000;
	background: #ccc;
}

.NewsSummaryCategory, #NewsPostDetailCategory, #NewsPostDetailPrintLink {
	font-style: italic;
	padding: 3px 10px;
	font-size: 85%;
	display: inline;
}

.NewsSummaryAuthor, #NewsPostDetailAuthor, #NewsPostDetailReturnLink {
	font-size: 85%;
	font-style: italic;
	padding: 3px 10px;
	display: inline;
	border-left: 1px solid #ccc;
}

.NewsSummarySummary, #NewsPostDetailSummary {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
        font-style: italic;
        font-weight: bold;
}

.NewsSummaryMorelink a {
	color: #000;
	padding-right: 3px;
	padding-left: 3px;
	border: 0 none;
}

#NewsPostDetailHorizRule {display: none;}

#NewsPostDetailContent {
	border-bottom: 1px solid #ccc;
        padding: 0 0 10px 0;
}

#NewsPostDetailPrintLink {}

#NewsPostDetailReturnLink {}

#newscategorie {
        padding: 20px 20px 0 20px;
}

#newscategorie ul {
        border-top: 1px solid #ccc;
        padding: 0; 
        margin: 0;
        list-style: none;
}

#newscategorie li {
	color: #000;        
        padding: 0; 
        margin: 0;
        list-style: none;
}

#newscategorie li h3 {
        font-size: 90%;
        padding: 0;
        margin: 0;
}

#newscategorie a, #newscategorie span {
	padding: 5px 5px 5px 10px;
	color: #000;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #ccc;
}

#newscategorie a:hover {
	color: #000;
	background: #ccc;
}

/* #footer */

#footer {
	padding: 10px;
	border-top: 1px solid #ccc;
	background: #333;
	color: #fff;
}

#footer p {padding: 0; margin: 0;}
/* End of 'vvo_basis' */