/*
Theme: Trein Punt NL
URL: http://www.treinpunt.nl
*/

body {
text-align:center; /*center hack*/
}
#wrap {
min-width:760px;
max-width:1023px;
width: auto !important; /*IE6 hack*/
width:1021px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/

}

#header {} 
#sidebar {float:left;width:20%; overflow:hidden; } 
#content60 {float:left;width:60%;overflow:hidden;}
#content80 {float:left;width:80%;overflow:hidden;}
#content100 {float:left;width:100%;overflow:hidden;}
#sidebar-2 {float:left;width:20%; overflow:hidden;} 
#footer {clear:both;}
.inside {padding:10px;}


* {
margin:0;
padding:0;
}
body {
font-size: small;
font-family: Verdana, Helvetica, sans-serif;
background: #FFFFFF;
margin: 30px 0 30px 0;
}
body, td, th, tr{ 
    line-height:130%;   
    font-family: "Arial"; 
    color:#000;  
    font-size:12px
}

/************************************************
*	Algemeen									*
************************************************/

#wrap {
background: #E1E1E1 url(../images/wrap.png) repeat-y;
}
#header {
    position: relative;
    height: 120px;
    overflow: hidden;
    background: #000 url(../images/header.jpg) 0 0 repeat-x;
}
#logo {
   position: absolute;
   top: 25px;
   left: 25px;
   display: block;
   width: 300px;
   height: 80px;
   cursor: pointer;
   background: url(../images/logo.png) no-repeat;
}
#bodyarea {
   padding: 10px;
   margin: 0;
}
#footer {
    position: relative;
    height: 100px;
    overflow: hidden;
    background: url(../images/footer.jpg) 0 100% repeat-x;
}

/************************************************
*	Hyperlinks									*
************************************************/

a:link
{
   color: #3A474D;
   text-decoration: none;
}
a:visited
{
   color: #3A474D;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
}

/************************************************
*	Typography									*
************************************************/

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ol,dl,fieldset,address {
margin: 0.5em 0;
}
p {
padding-bottom: 3px;
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
}

h1,.componentheading{
font-size:1.7em;
}
h2{
font-size:1.5em;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

/************************************************
*	Module									*
************************************************/

.moduletable{
	background: #FFFFFF;
	width: 188px;
        float: right;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
}
.moduletable-banner{
	background: #FFFFFF;
	width: 768px;
        float: left;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
}
.moduletable-banner h3 {
	background: #FFFFFF url(../images/catbg.gif) top repeat-x;
	width: 720px;
	margin: 0px 0px 5px 0px;
        font-size:1.0em;
        color: #ffffff;
	padding: 5px;
}
.moduletable-user1{
	background: #FFFFFF;
        float: left;
	width: 375px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
}
.moduletable-user2{
	background: #FFFFFF;
        float: right;
	width: 375px;
	margin: 0px 20px 10px 0px;
	padding: 5px;
	border: 1px solid #DDDDDD;
}
.moduletable-user1 h3, .moduletable-user2 h3{
	background: #FFFFFF url(../images/catbg.gif) top repeat-x;
	width: 365px;
	margin: 0px 0px 5px 0px;
        font-size:1.0em;
        color: #ffffff;
	padding: 5px;
}
.moduletable h3 {
	background: #FFFFFF url(../images/catbg.gif) top repeat-x;
	width: 178px;
	margin: 0px 0px 5px 0px;
        font-size:1.0em;
        color: #ffffff;
	padding: 5px;
}
#homepageleft {
	float: left;
	width: 375px;
	margin: 0px;
	padding: 0px;
	}
#homepageright {
	float: right;
	width: 375px;
	margin: 0px;
	padding: 0px;
    display: inline; 
	}
	
/************************************************
*	Menu									*
************************************************/

.moduletablemenu{
padding:10px;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.0em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/************************************************
*	RSS/Content									*
************************************************/

.rsstitle, .contentheading { /*Style for .rsstitle DIV*/
   background: url(../images/catbg.gif) #262525 repeat-x;
   color: #ffffff;
   font-size:1.0em;
padding: 5px;
   line-height: 15px;
   font-weight: bold;
}
.contentheading {
width: 800px;
}
a.mainlevel1:link, a.mainlevel1:visited, a.mainlevel1:hover {
  font-size        : 11px;
  color            : #FFFFFF;
  text-decoration  : none;
  font-weight      : bold;
}
a img
{
	border: 0;
}

.rsscontainer .rssdate { /*Style for .rssdate DIV*/
/*font-family      : Verdana, Arial, Helvetica, sans-serif;*/
/*font-size        : 11px;*/
color            : #000000;
text-align       : left;
	padding: 5px;

}

.rssdescription {
/*font-family      : Verdana, Arial, Helvetica, sans-serif;*/
/*font-size        : 11px;*/
color            : #000000;
text-align       : left;
padding: 5px;

}
.rssdescription1 {
/*font-family      : Verdana, Arial, Helvetica, sans-serif;*/
/*font-size        : 11px;*/
color            : #000000;
text-align       : right;
padding: 5px;

}

a.readon1  {
	float: right;
	padding: 0px 5px 5px 5px;
	display: block;
	font-size:12px;
	color:#000000;
	margin-top:0px;
	font-weight: bold;
	background: none; 
	text-decoration: underline; 
}

.rsspaginate { /*Style for Pagination DIV*/
width: 250px;
text-align: left;
padding: 2px 0;
margin: 10px 0;
}

.rsspaginate form{ /*Style for Pagination DIV's form element*/
margin: 0;
}
.rsspaginate .paginateselect{ /*Style for Pagination DIV's drop down menu*/
border: 1px solid #A4A6A4;
margin: 0 10px;
}
.rsspaginate a{ /*Pagination links*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #A4A6A4;
color: navy;
background-color: white;
}
.rsspaginate a:hover, .rsspaginate a.selected{
color: #FFFFFF;
background-color: #5CA2F4;
}

/************************************************
*	Thumbnails								*
************************************************/

div.thumb {
	margin-bottom: .5em;
	border-style: solid;
	border-color: white;
	width: auto;
}
div.thumbinner {
	border: 1px solid #ccc;
	padding: 2px !important;
	background-color: #fff;
	font-size: 94%;
	text-align: left;
	overflow: hidden;

}
html .thumbimage {
	border: 1px solid #ccc;
}        
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}
div.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
div.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}

div.tright {
	clear: right;
	float: right;
	/* border-width: .5em 0 .8em 1.4em; */
}
div.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	/* border-width: .5em 1.4em .8em 0; */
}
div.tcenter {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.4em .8em 0;
}

/************************************************
*	Content									*
************************************************/

a.contentmatpage:link, a.contentmatpage:visited {
  font-size        : 11px;
  font-weight      : bold;
  color            : #f1f1f1;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : bold;
}
.contentmatpage {
  width            : 100%;
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  color            : #f1f1f1;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  background-color : #BFBFBF; 
  }

/************************************************
*	Top Menu									*
************************************************/

#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{  /*the columns that gets dropped down over yours might be different*/
z-index:20;
}

.moduletablemainnav{
position:absolute;
top:186px;
left:0px;
z-index:100;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#mainlevelmainnav {
	background: #2272B1 url(../images/hov.jpg) repeat-x;
	width: 100%;
	height: 28px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#mainlevelmainnav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#mainlevelmainnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#mainlevelmainnav li a, #mainlevelmainnav li a:link, #mainlevelmainnav li a:visited {
	color: #FFFFFF;
	display: block;
	font-size:1.0em;
        margin: 0px 5px 0px 0px;
	padding: 6px 13px 6px 13px;
	}

#mainlevelmainnav li a:hover, #mainlevelmainnav li a:active {
	background: #5CA6FC;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
        margin: 0px 5px 0px 0px;
	padding: 5px 13px 5px 13px;
	}
	
#mainlevelmainnav li li a, #mainlevelmainnav li li a:link, #mainlevelmainnav li li a:visited {
	background: #2272B1;
	width: 140px;
	float: none;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}
	
#mainlevelmainnav li li a:hover, #mainlevelmainnav li li a:active {
	background: #5CA6FC;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	}

#mainlevelmainnav li {
	float: left;
	padding: 0px;
	}

#mainlevelmainnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px;
	padding: 0px;
	}

#mainlevelmainnav li li { 
	}

#mainlevelmainnav li ul a { 
	width: 140px;
	}

#mainlevelmainnav li ul a:hover, #mainlevelmainnav li ul a:active { 
	}

#mainlevelmainnav li ul ul {
	margin: -25px 0 0 161px;
	}

#mainlevelmainnav li:hover ul ul, #mainlevelmainnav li:hover ul ul ul, #mainlevelmainnav li.sfhover ul ul, #mainlevelmainnav li.sfhover ul ul ul {
	left: -999em;
	}

#mainlevelmainnav li:hover ul, #mainlevelmainnav li li:hover ul, #mainlevelmainnav li li li:hover ul, #mainlevelmainnav li.sfhover ul, #mainlevelmainnav li li.sfhover ul, #mainlevelmainnav li li li.sfhover ul {
	left: auto;
	}

#mainlevelmainnav li:hover, #mainlevelmainnavv li.sfhover { 
	position: static;
	}

/************************************************
*	Afbeeldingen									*
************************************************/

.Afb {
border: 0px solid #000;
float: right;
width: 100px;
height: 75px;
padding: 5px;
}
.MeerAfb {
border: 0px solid #000;
width: 100px;
height: 100px;
}
.naam {
height: 125px;
width: 100px;
border: 1px solid #4C8EE4;
float:left;
margin: 5px;
}
.titel, .MatAfbNaam {
background: url(../images/catbg.gif) #FFFFFF repeat-x;
color: #ffffff;
font-size:1.0em;
line-height: 15px;
padding: 5px;
}

.MatAfbframe {
height: 135px;
width: 135px;
border: 1px solid #4C8EE4;
float:left;
margin: 5px;
}

.MatAfb {
border: 0px solid #000;
width: 135px;
height: 110px;
}

.BoekAfb {
border: 0px solid #000;
width: 135px;
height: 200px;
}

.Boekframe {
height: 225px;
width: 135px;
border: 1px solid #4C8EE4;
float:left;
margin: 5px;
}

.bron {
color: #000;
font-size:9px;
line-height: 15px;
font-style:italic;
font-weight: bold;
}

/************************************************
*	Overige									*
************************************************/

.contentpaneopen {
background-color: #FFFFFF;
   width: 780px;
   margin: 0px 0px 1px 0px;
   padding: 5px;
   border: 1px solid #DDDDDD;
   clear:both;
}