/* andreas03 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2
(Nov 28, 2005)

OBS kleuren
Blauw:        #00649F
Donkergroen:  #013F18
Lichtgroen:   #497B55

Screen layout: */

body{
margin:0 auto;
padding:30px 0; 
font:76% tahoma,verdana,sans-serif;
background:#047 url(img/bodybg.png) repeat-x fixed;
color:#222;
text-align: center;
}

#thetop{
margin:0;
}

#container{
text-align: left;
width:960px;
margin:0 auto;
padding:20px 0 0 0;
background:#fff url(img/contbg.png) no-repeat;
color:#222;
}

a{
text-decoration:none;
background-color:inherit;
color:#00649F;
}

a:hover{
text-decoration:underline;
}

a img{
border:0;
}

p{
margin:0 0 10px 0;
line-height:1.5em;
}

#main p,#sidebar p{
padding:0 10px 0 10px;
}


#logo{
float:left;
width:200px;
margin:0 20px 0 15px;
/*padding:104px 0 0 0; */
text-align:center;
color:#555;
overflow:auto; 
}

/*
#logo h1{
margin:0 5px 1px 5px;
letter-spacing:3px;
font-size: 1.2em;
}

#logo a{
background-color:inherit;
color:#0072AD;
text-decoration:none;
}

#logo a:hover{
background-color:inherit;
color:#FE9900;
}

#tagline{
text-align:center;
font-size:.9em;
}

*/

#intro {
float:right;

}

#main{
float:right;
width:730px;
margin-right:10px;
padding:0;
}


.headerstyle{
display:block;
margin:30px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#467852;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

#sidebar{
width:175px;
float:left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 10px;
font-size:1em;
line-height:1.3em;
}

#sidebar p{
font-size:0.9em;
}

.sidelink{
display:block;
width:165px;
margin:3px 10px 2px 0;
padding:5px 0 5px 8px;
font-size:1.0em;
font-weight:normal;
letter-spacing: 2px;
text-align:left;
text-transform:uppercase;
background:#eee url(img/gradient1.png) repeat-x;
color:#0072AD;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink:hover,.menuheader{
background:#fff url(img/gradient2.png) repeat-x;
color:#013F18;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#current{
color:#467852;
}

/* links submenu */
.subsidelink1, .subsidelink2, .subsidelink3, .subsidelink4{
background: url(img/subarrow0.gif) no-repeat 12px 6px; 
text-decoration:none;
text-transform:lowercase;
color:#0072AD;
padding: 0 0 2px 23px;
}

.subsidelink1{
color:#00649F;
}

.subsidelink2{
color:#497B55;
}

.subsidelink3{
color:#FF6633;
}

.subsidelink4{
color:#013F18;
}


.subsidelink1:hover, .subsidelink1#current1 {
color:#00649F;
background: url(img/subarrow1.gif) no-repeat 12px 6px;
text-decoration:none;
}

.subsidelink2:hover, .subsidelink2#current2 {
color: #497B55;
background: url(img/subarrow2.gif) no-repeat 12px 6px;
text-decoration:none;
}

.subsidelink3:hover, .subsidelink3#current3 {
color: #FF6633;
background: url(img/subarrow3.gif) no-repeat 12px 6px;
text-decoration:none;
}

.subsidelink4:hover, .subsidelink4#current4 {
color:#013F18;
background: url(img/subarrow4.gif) no-repeat 12px 6px;
text-decoration:none;
}

/* links submenu */


#footer{
width:960px;
margin:0 auto;
background:#fff url(img/footerbg.png) bottom left no-repeat;
padding:0 0 5px 0;
font-size:0.9em;
color:#888;
text-align:center;
}

h1,h2,h3,h4{
font-weight:normal;
clear:both;
}

h1{
margin:5px 0 4px 0;
font-size:2.8em;
}

h2{
margin:5px 0 4px 0;
font-size:1.4em;
color: #497B55;
}

h3{
margin:5px 0 8px 0;
font-size:1.4em;
}

h4{
margin:5px 0 5px 0;
font-size:1.2em;
}

.clear{
clear:both;
margin:0;
}

.right{
text-align:right;
}

.internallink{
font-size:0.9em;
text-align:center;
}

.block{
padding:20px;
background:#eee;
color:#222;
border:2px solid #ddd;
}

.credit{
color:#888;
background-color:inherit;
}

.hide{
display:none;
}

#maincontent h1, h1.csc-firstHeader {
display:block;
margin:15px 0 10px 0;
padding:5px 0 5px 8px;
background:#eee url(img/gradient2.png) repeat-x;
color:#00649F;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
font-size:1.4em;
}

#maincontent h1.csc-firstHeader {
font-size:1.4em;
color:#0072AD;
}

/* Bottom navigation */
#bottomnav {
margin-bottom: 5px;
padding: 5px 0;
border:1px solid #dde;
}

#bottomnav a {
color:#525252;
background: url(img/arrow.gif) no-repeat .2em .4em; 
padding: 0 3px 0 12px;
font-size:11px;
text-decoration: none;
}

#bottomnav a:hover {
color:#FF9900;
background:  url(img/arrow_over.gif) no-repeat .2em .4em; 
}

div#rightcontent  {
margin: 0;
padding: 0;
}

div#maincontent  {
margin: 0 0 0 10px;
padding: 0;
}

/* bullets */

/*
li {
background: url(img/bullet-1.gif) no-repeat 0 .2em; 
padding: 2px 0 2px 15px;
list-style-type: none;
margin:0;
line-height:1.5em;
}
*/

.csc-bulletlist, .csc-bulletlist-0, .csc-bulletlist-1, .csc-bulletlist-2, .csc-bulletlist-3, .csc-menu {
padding: 0 5px;
}

.csc-bulletlist li, .csc-menu li {
background: url(img/bullet-1.gif) no-repeat 0 .2em; 
margin: 5px 0;
padding: 2px 0 2px 15px;
list-style-type: none;
font-size:10px;
}

.csc-bulletlist-0 li {
background: url(img/bullet-0.gif) no-repeat 0 .2em; 
padding: 2px 0 2px 15px;
}

.csc-bulletlist-1 li {
background: url(img/bullet-1.gif) no-repeat 0 .2em; 
padding: 2px 0 2px 15px;
}

.csc-bulletlist-2 li {
background: url(img/bullet-2.gif) no-repeat 0 .2em; 
padding: 2px 0 2px 15px;
}

.csc-bulletlist-3 li {
background: url(img/bullet-3.gif) no-repeat 0 .2em; 
padding: 2px 0 2px 15px;
}

/* image with text */
.csc-textpic-imagewrap {
margin: 5px 10px 0 5px;
/*border:1px solid #dde;*/
}

.csc-textpic-caption {
 text-align: center;
 font-size:10px;
 color: #000;
 padding: 2px;
}

/* sitemap */
.csc-sitemap ul {
 list-style-type: none;
}

.csc-sitemap a {
 background: url(img/arrow.gif) no-repeat .2em .4em; 
 padding: 0 0 0 12px;
 text-decoration: none;
}

.csc-sitemap a:hover {
 color:#FF9900;
 background: url(img/arrow_over.gif) no-repeat .2em .4em; 
}

.align-center {
 text-align: center;
}

/* layout of forms */
label, .csc-form-label, .csc-form-label-req{
 margin: 3px;
 font-size:10px;
 float: left;
 text-align: right;
 margin-right: 0.5em
 display: block
}

.submit input {
 font-size:10px;
 margin-left: 4.5em;
}

input, textarea, select {
 font-size:10px;
 color: #222;
 background: #EFEFF4;
 border: 1px solid #0072AD;
 margin: 3px;
}

.submit input {
 color: #222;
 background: #ccc;
 border: 2px outset #d7b9c9
}

fieldset {
 border: 1px solid #0072AD;
}

legend {
 color: #fff;
 background: #ccc;
 border: 1px solid #0072AD;
 padding: 2px 6px
}

p.csc-linkToTop a {
 clear: both;
 float: right;
 margin: 0;
 padding: 0;
}

p.csc-linkToTop a {
 clear: both;
 float: right;
 font-size: 10px;
 letter-spacing: 2px;
 text-transform:lowercase;
 background: url(img/totop.gif) no-repeat .2em .4em; 
 padding: 0 0 0 15px;
 margin: 0;
}

/* mailform */
#mailformTitel{margin: 0px; border: none;}
.csc-mailform {margin: 0px; border: none;}
.csc-form-labelcell { float:left; width:100px;  }
.csc-form-fieldcell { width:170px; }
.csc-mailform-radio {padding-left:64px; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
 padding:1px 2px;
 margin: 0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
 padding:0;
 margin: 0;
}