@charset "utf-8";
/* CSS Document */

body {
padding: 20px;
background-color:#555047;
color: #222;
text-align: center;
font: 85% "Trebuchet MS",Arial,sans-serif;
}

#container {
text-align: left;
width: 852px;
height: 500px;
background: #555047;
margin: 0 auto;
} 

#top{
width:852px;
height:159px;
background-image:url(../images/basis_02.jpg);
background-repeat:no-repeat;}

.clear{
clear:both;}

#middleback{
width:852px;
background-image:url(../images/basis_05.jpg);
background-repeat:repeat-y;
text-align: center;
margin: 0 auto;
/*border:1px solid #FF0000;*/
}

#middle{
clear:both;
width:780px;
background: #898172;
margin: 0 auto;

}

#bottom{
clear:both;
width:852px;
height:54px;
background-image:url(../images/basis_07.jpg);
background-repeat:no-repeat;
}


/*************************************************************/
/*                   top pagina                             */

.spacer{
border:none;
/*border:1px solid  #0000FF;*/
}
#logolink {
float:left;
text-align: right;
width: 500px;
height: 120px;
/*border:1px solid  #0000FF;*/
} 
div#taalkeuze {
margin: 80px 30px 0 0 !important;
margin: 80px 15px 0 0 ;
padding : 5px 0px !important;
padding : 0px 0px ;
float:right;
text-align: right;
width: 300px!important;
height: 30px!important;
width: 280px;
height: 20px;
/*border:1px solid  #0000FF;*/
} 

#topinfo{
width: 852px;
height: 35px;
/*border:1px solid #FF0000;*/
}

#siteTitle{
font-weight:bold;
color:#655f54;
font-size: 130%;
float:left;
margin: 7px 0px 0px 40px!important;
margin: 5px 0px 0px 20px;
width: 100px;
/*border:1px solid #FF0000;*/
}

#baseLine{
font-weight:bold;
color:#655f54;
font-size: 130%;
float:right;
margin: 7px 40px 0px 0px!important;
margin: 5px 20px 0px 0px;
width: 665px;
text-align:right;
/*border:1px solid #FF0000;*/
}

#baseLine p.bodytext{
margin:0;
padding:0;
}



#middelNifty{
text-align:left;
margin: 0 auto;
width:760px!important;
width:780px;
padding:10px 10px 10px 10px;
background: #655f54;

}

div#content{
	float:right;
	width:540px;
	padding:0px 0px 0px 0px !important;
	padding:10px 0 0 10px;
	margin:5px 0;
	background: #ffffff; 
	/*border:1px solid #FF0000;*/
	}

div#leftcontent{float:left;width:211px;padding:10px 0;margin:5px 0;background: #e5e0d7}
div#leftcontent h1{font-size: 150%;color: #555047; font-weight:bold;}
div#leftcontent h2{font-size: 120%;color: #555047; font-weight:bold;}


div#comment1{
float:left; 
margin:0 0 0 8px!important;
margin:0 0 0 0px;
}
div#comment2{
float:right; 
margin:0 8px 0 0!important;
margin:0 4px 0 0 ;
}
div#comment1, div#comment2{
width:258px;
font-size: 100%;
background: #898172;
}
div#comment1 h1, div#comment2 h1{padding:5px 0px 0px 10px; font-size: 120%;color: #ffffff; font-weight:bold;}
div#comment1 .csc-textpic-image, div#comment2 .csc-textpic-image{padding:10px;}


div#middlefooter{clear:both;width:470px;background: #ffffff; color: #ffffff;text-align:center;}
h1,h2,p{margin: 0;padding: 0 10px;font-weight:normal;}
p{padding: 0 10px 15px;}
h1{font-size: 250%;color: #555047;letter-spacing: 1px; font-weight:bold;}
h2{font-size: 200%;line-height:1;color:#555047; font-weight:bold; }
a{color:#CC0000;}
a:hover{color:#CC0000;}
a:visited{color:#CC0000;}

div#taalcontent{width:740px;padding:10px 0;margin:0 auto;background: #e5e0d7; text-align:center;}
div#taalmiddlefooter{width:470px;background: #e5e0d7; color: #e5e0d7;text-align:center}

/*                                                            */
/*************************************************************/






#navigatie{
text-align:right;
float:right;
width: 760px;
height: 35px;
/*border:1px solid #FF0000;*/
font-size: 110%;
}



#CSS CODE
#navigatie ul#navlist
{
padding: 0;
margin: 0;
list-style-type: none;
float: right;
width: 100%;
color: #fff;
height: 30px;
/*background-color: #036;*/
}

#navigatie  ul#navlist li.topnavItem { display: inline; /*- Floating inline list items*/}

#navigatie  ul#navlist li.topnavItem a
{
/*float: right;*/
width: 8em;
color: #fff;
/*background-color: #036;*/
padding: 0em 1em;
text-decoration: none;
/*border: 1px solid #fff;*/
}

#navigatie  ul#navlist li.topnavItem a:hover
{
/*
background-color: #369;
color: #fff;*/
text-decoration: underline;
}

#navigatie  ul#navlist li.selected a
{
text-decoration: underline;
}





#CSS CODE
div#taalkeuze ul#taalkeuze
{
padding:0;
margin:0;
list-style-type: none;
float: right;
width: 100%;
color: #fff;
/*background-color: #036;*/
}

ul#taalkeuze li { display: inline; /*- Floating inline list items*/}

ul#taalkeuze li a
{
/*float: right;*/
width: 3em;
color: #fff;
/*background-color: #036;*/
padding: 0em 0.5em;
text-decoration: none;
/*border-right: 1px solid #fff;*/
}

ul#taalkeuze li a:hover
{
/*
background-color: #369;
color: #fff;*/
text-decoration: underline;
}