body {
margin:25px 0;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
background: url(/fileadmin/templates/zenlight2col/images/bg.gif) 0 0 repeat; position:relative;
}

#container {
border:1px solid #435FB4;
top:0px;
background:url(/fileadmin/templates/zenlight2col/images/vvb-background.gif) 0 0 repeat; position:relative;
width:770px;
margin:0 auto;
text-align:left;
}

#header{
clear:both;
text-align:left;
padding:0px;
top:0px;
left:0px;
width:770px; height:146px; background:url(/fileadmin/templates/zenlight2col/images/vvb-header.jpg) 0 0 no-repeat; position:relative;
z-index: 10;
}

#left-content {
float:left;
width:178px;
height: 600px;
position:relative;
top:0px;
left:0px;
}

.lead {
padding-left:10px;
font-weight: bold;
}

#wrapper {
float:right;
width:570px;
}

#main-content {
float:right;
width:560px;
position:relative;
top:2px;
left:-15px;
padding-bottom:5px;
}

#footer{
clear:both;
text-align:center;
font-size:11px;
color: #435FB4;
letter-spacing: 2px;
border-top:1px solid #435FB4;
background:#FFFFFF;
padding:4px;
}

.bottomnav {
}

.date {
text-align: left;
font-size:10px;
border-top:1px dotted #435FB4;
background:#FFFFFF;
padding:2px;
margin-left:15px;
width: 174px;
}

/* Login Button */

.login {border:0px}



/* TYPO3 CVS id:$id$ */ 
/* Template stylesheet which can be used for new sites */

/*
Colorscheme is:

Background Color 1:#EDEBF1;(Background 1)
Background Color 1-dimmed:#D8D7DC;(Background 1 - dimmed)
Background Color 2:#F5FFAA;(Background 2)
Background Color 3:#D1D2E4;(Background 2)

Text, main:#000000
Text Color 1:#186900;(red)
Text Color 2:#10007B;(green)
Text Color 3:#8A0020;(blue)

Links#000066
Link hover:#660000;

Borders/Lines#333333
*/ 

/***************************/ 
/* General element styles:*/ 
/***************************/ 
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:Arial, helvetica; color:#435FB4; font-size:12px; }
PRE { font-family:monospace; }
A { color:#478ADC; text-decoration:none;}
A:hover { color:#FF6000; text-decoration:none; }
FORM { margin:0px 0px 0px 0px;}
P, PRE { margin:0px 0px 0px 0px; }
P, TD, UL, OL { font-size:12px; }
INPUT, TEXTAREA, SELECT textarea { font-family:Arial, helvetica, sans-serif; color:#435FB4; border:#7EBFD8 1px solid; font-size:11px; }


/********************************/ 
/* Frames, spacing, link-to-top */ 
/********************************/ 
P.csc-linkToTop { text-align:right; }
P.csc-linkToTop A { font-weight:bold; }

DIV.csc-frame { border:0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top:1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom:1px solid #333333; }
DIV.csc-frame-indent { padding-left:100px; }
DIV.csc-frame-indent3366 { padding-left:33%; }
DIV.csc-frame-indent6633 { padding-right:33%; }
DIV.csc-frame-frame1 { background-color:#EDEBF1; padding:2px 4px 2px 4px; border:1px solid #333333; }
DIV.csc-frame-frame2 { background-color:#FFFFFF; padding:4px 0px 8px 0px; border-bottom:1px dotted #FF6000; margin-bottom:12px; margin-top:5px; font-size:11px; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top:2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top:2px; }

/******************/ 
/* Headers, plain */ 
/******************/ 
H1 { font-size:20px; }
H2 { font-size:18px; color:#186900; }
H3 { font-size:18px; color:#FF6000; font-weight:normal;}
H4 { font-size:14px; color:#8A0020; }
H1, H2, H3, H4, H5, H6 { margin:0px 0px 0px 0px; margin-top:15px; margin-bottom:8px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:10px; }

/* Headers, with link */ 
H1 A, H2 A, H3 A, H4 A, H5 A { color:#000000; text-decoration:none; }
H2 A { color:#186900; }
H3 A { color:#10007B; }
H4 A { color:#8A0020; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#186900; }

/* Subheader, general */ 
P.csc-subheader { font-style:italic; background-color:#EDEBF1; }

/* Subheader, specific */ 
P.csc-subheader-0 { font-style:normal; }
P.csc-subheader-1 { color:#186900; }
P.csc-subheader-2 { color:#10007B; }
P.csc-subheader-3 { color:#8A0020; }



/*******************/ 
/* RTE / Bodytext:*/ 
/*******************/ 
P.bodytext { font-size:12px; color:#435FB4; }
P.bodytext A { font-weight:normal; }

/* RTE / Bulletlists */ 
UL { margin-top:0px;  }
UL UL LI { font-size:11px; }
OL { margin-top:0px; }
/* LI { margin-top:0px; margin-bottom:0px; padding-top:2px; } */ 
LI {list-style-type: circle; margin-top:0px; margin-bottom:0px; margin-left:15px; margin-right:0px; }

/* RTE / Table styling */ 
TABLE.contenttable { border:1px #333333 solid; margin:10px 0px 10px 0px; width:100%; }
TABLE.contenttable TR TD { padding:0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size:10px; }
TABLE.contenttable TR { background-color:#EDEBF1; }

/**********/ 
/* Images */ 
/**********/ 
/* Images / Captions */ 
P.csc-caption { font-size:10px; font-style:italic; }

/* Images / Tables / Floating text */ 
TABLE.imgtext-table { border:0px; padding: 0 2px 0 2px; }

/* Images / Tables / Wrapped text */ 
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here:*/ 
TABLE.imgtext-nowrap { border:0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top:0px; }







/* sitemap */

.tx-dropdownsitemap-pi1 A {
	font-weight: bold;
}
.tx-dropdownsitemap-pi1 LI.open OL {
	display: block;
}
.tx-dropdownsitemap-pi1 LI.closed OL {
	display: none;
}
.tx-dropdownsitemap-pi1 LI.open UL {
	display: block;
}
.tx-dropdownsitemap-pi1 LI.closed UL {
	display: none;
}
.tx-dropdownsitemap-pi1 DIV {
	border: solid 1px #DFE2E3;
	background: #FAFBFB;
	padding: 2px;
	margin-bottom: 5px;
}
.tx-dropdownsitemap-pi1 DIV.level_2 {
	background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 DIV.level_2 A {
	font-weight: normal;
}
.tx-dropdownsitemap-pi1 DIV.level_3 {
	background: #FAFBFB;
}
.tx-dropdownsitemap-pi1 DIV.level_4 {
	background: #FFFFFF;
}
.tx-dropdownsitemap-pi1 DIV.level_5 {
	background: #FAFBFB;
}
.tx-dropdownsitemap-pi1 DIV.expAll {
	text-align: center;
	border: solid 1px #DFE2E3;
	background: #FAFBFB;
}
.tx-dropdownsitemap-pi1 li {
list-style-image:none; 
list-style-type: none;
}

.tx-dropdownsitemap-pi1 a {
 padding: 15px 0;
}

/* leftmenu */
#navcontainer {
 margin-left: -15px;
 width: 100%; 
}

#navcontainer ul
{
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
}

#navcontainer li
{
list-style-type: none;
}

#navcontainer a
{
 display: block;
 padding: 3px; 
 width: 172px;
 background-color: #036;
 border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
 color: #EEE;
 text-decoration: none;
}

#navcontainer a.current
{
 display: block;
 padding: 3px; 
 width: 172px;
 background-color: #369;
 border-bottom: 1px solid #eee;
}

#navcontainer a:hover
{
 background-color: #ED7D19;
 color: #fff;
}

#navcontainer ul#navlist2
{
 margin-left: -15px;
 padding-left: 0;
 list-style-type: none;
}

ul#navlist2 a
{
 display: block;
 padding: 3px 3px 3px 13px; 
 width: 162px;
 background-color: #036;
 border-bottom: 1px solid #eee;
}

ul#navlist2 a.current
{
 display: block;
 padding: 3px 3px 3px 13px; 
 width: 162px;
 background-color: #369;
 border-bottom: 1px solid #eee;
}

#taalmenu {
  float: right;
}

#taalmenu a {
color: #003366;
 font-weight: bold;
 padding-left: 100px;
 letter-spacing: 5px;
}
#taalmenu a:hover {
color: #fff;
}

.csc-textpic-caption {
 font-size:11px;
}

.tx-bktfegraphiccounter-pi1 table {
margin: 40px;
}

h1 {
	clear: both;
}