/*############################################################################*/
/*#                                                                          #*/
/*#   Copyright (C) 2008 Durk de Vries.                                      #*/
/*#   Copyright (C) 2009 Durk de Vries.                                      #*/
/*#   Copyright (C) 2010 Durk de Vries.                                      #*/
/*#                                                                          #*/
/*#   durkdevries@renovatiocms.com                                           #*/
/*#                                                                          #*/
/*#   ====================================================================   #*/
/*#                                                                          #*/
/*#   This file is part of RENOVATIO-CMS.                                    #*/
/*#                                                                          #*/
/*#   RENOVATIO-CMS is free software: you can redistribute it and/or         #*/
/*#   modify it under the terms of the GNU General Public License as         #*/
/*#   published by the Free Software Foundation, either version 3 of         #*/
/*#   the License, or (at your option) any later version.                    #*/
/*#                                                                          #*/
/*#   RENOVATIO-CMS is distributed in the hope that it will be useful,       #*/
/*#   but WITHOUT ANY WARRANTY; without even the implied warranty of         #*/
/*#   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the           #*/
/*#   GNU General Public License for more details.                           #*/
/*#                                                                          #*/
/*#   You should have received a copy of the                                 #*/
/*#   GNU General Public License along with RENOVATIO-CMS.                   #*/
/*#   If not, see <http://www.gnu.org/licenses/>.                            #*/
/*#                                                                          #*/
/*#                                                                          #*/
/*#                                                                          #*/
/*############################################################################*/

/*############################################################################*/
/*# RENOVATIO Skin css:                                           V 001.079  #*/
/*# For detailed documentation, visit http://www.renovatiocms.com/ !!        #*/
/*############################################################################*/


/*============================================================================*/
  
  p.pheader
 {margin: 0px;                          padding: 0px 8px 4px 8px;
  
  font-size: 11px;                      line-height: 16px;
  text-align: left;                     font-weight: bold;
  color: #f5f5fa;                       overflow: hidden;
  cursor: url('images/move.cur'), move}



/*Main elements..
##############################################################################*/
  
  table
 {margin: 0px;                          padding: 0px;
 margin-bottom: 0px; margin-top:0px;
  border-collapse: collapse}

  td
 {margin: 0px;                          padding: 0px;
  vertical-align: top}
 
/*============================================================================*/  

  
  center.bbackground
 {padding: 0px 0px 0px 0px;
 background-image: url('/templates/bernlef/images/nij/background_01.jpg');
  background-position: top center;
 }
  

  div.tbackground1
 {width: 900px;
  background-color: #f5f5fa;            background-image: url('/templates/bernlef/images/nij/background_04a.png');
  background-position: top center;      background-repeat: repeat-y;
  
  }
 
  div.tbackground2
 {background-image: url('/templates/bernlef/images/nij/background_03.jpg');
  background-position: top center;      background-repeat: repeat-x;
  
 }
 
/*============================================================================*/  
  
  a.header
 {display: block;                       outline: none;
  margin: 0px;                          padding: 0px;

  width: 900px;                         height: 175px;
  text-decoration: none;                overflow: hidden;
  cursor: url('images/pointer.cur'), pointer;
  }
  
/* Body */
BODY {
    margin: 0px;
	padding: 0px;
	background-color: #f5f5fa;
	color : #000000;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	}

td,tr,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
    text-align: justify;
	}	

h4 {
	color: #D0B438; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: bold;
	}
	
h5 {
	color: #FF6600; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	}
	
h6 {
	color: #D0B438; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}
	
.gototop {
	color: #7878B8; 
        font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	}
	
a.gototop:link, a.gototop:visited {
	color: #7878B8; 
	font-size: 11px; 
	font-weight: normal;
	}

a.gototop:hover {
	color: #ff6600;
	}
	
.titleofsite {
	color: #484848; 
        font-family: Times New Roman, Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 20px; 
	font-weight: normal;
	}
.pathway {
	color: #7878B8; 
        font-family: Arial, Helvetica, Trebuchet MS, Verdana, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	}
	
a.pathway:link, a.pathway:visited {
	color: #7878B8; 
	font-size: 11px; 
	font-weight: normal;
	}

a.pathway:hover {
	color: #ff6600;
	}

/* Links */
a:link, a:visited {
	font-size: 11px; 
	color: #7878B8; 
	text-decoration: none;
	font-weight: bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a:hover {
	color: #786C70;	text-decoration: none;
	}

/* Horizontal Line */	
hr {
	background: #000000; height:1px; border: 0px inset;
	}

/* --Default Class Settings-- */	

a.mainmenu:link, a.mainmenu:visited {
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, Trebuchet MS, serif;
	font-weight: normal;
	font-size: 12px;
	}
	
a.mainmenu:hover {
		color: #E0F4FF; text-decoration: none;
	}

a.mainmenu:active {
        color: #808080;
        font-weight: normal;
        }

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	height: 13px !important;	
	height: 17px;
	width: 181px !important;
	width: 185px;
	border: 1px solid #000000;
	background-image: url(../images/menubg_rust.png);
	text-indent: 25px; 
	padding: 2px; 
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, Trebuchet MS, serif;
	font-weight: normal;
	font-size: 12px;
	}
	
a.mainlevel:hover {
	color: #3366FF; text-decoration: none;

/*	background-image: url(../images/menubg_hover.png);*/
	}

a.mainlevel:active {
        color: #3366FF;
        font-weight: normal;
        }


a.sublevel:link, a.sublevel:visited {
	display: block;
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, Trebuchet MS, serif;
	font-weight: normal;
	font-size: 11px;
	padding: 3px;
/*	height: 10px; !important
	height: 10px; */
	width: 160px; !important
	width: 160px; 
	border: 1px solid #000000;
	background-color: white;
	position:right; 
	text-indent: 5px; 
	}
	
a.sublevel:hover {
	background-color: #f5f5fa;
	color: black; text-decoration: none;
	}

a.sublevel:active {
        color: #808080;
        font-weight: normal;
        }




/* Content - Sections & Categories */
.contentpane {
	background-color : #FFFFFF; 
	}
		
.contentpaneopen {
	border : 0px ridge #DCDCDC;
	align:left;
	}
	
.contentheading {
	font-family: Tahoma, Verdana, Arial, Helvetica, Times New Roman, Trebuchet MS, sans-serif;
	font-size: 17px;
	font-weight: normal;
 	color: #000000;
	text-align:left;
        margin: 0px 0px 0px 0px; 
        width: 100%; 
        border-left: solid 0px #F0ECE8; 
        border-right: solid 0px #F0ECE8; 
        border-top: solid 0px #F0ECE8; 
        border-bottom: solid 2px #F0ECE8; 
	}
	
.contentdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
	text-align: left;
	}
	
/* Links */
a.blogsection:link, a.blogsection:visited {
	color: #FF9900; text-decoration: none; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover {
	color: #999999;	text-decoration: underline;
	}
	
a.weblinks:link, a.weblinks:visited {
	color: #FF9900; text-decoration: none; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #999999;	text-decoration: underline;
	}

a.readon:link, a.readon:visited {
	color: #ff6600; text-decoration: none; font-weight: normal;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

a.readon:hover {
	color: #999999;	text-decoration: underline; 	font-weight: bolder;
	}

.moduleheading {
	font-family: Verdana, Courier New, Times New Roman, sans-serif;
	font-size: 12px;
	font-weight: normal;
        height : 15px;
        line-height : 15px;
        text-align : center;
        white-space: nowrap;
/*        width : 170px; */
        color: #999999;
	background-color: #D8F4FF;

	}

.table.moduletable th {
	font-family: Verdana, Courier New, Times New Roman, sans-serif;
	font-size: 13px;
	font-weight: bold;
        height : 12px;
        line-height : 17px;
        text-align : center;
        width : 173px;
        color: #000000; 
	background-color: #FFCC33;
        border-left: solid 0px #ffffff; 
        border-right: solid 0px #ffffff; 
        border-top: solid 0px #ffffff; 
        border-bottom: solid 0px #ffffff; 
	
	}
	
table.moduletable td { 
		font-family: Arial, Helvetica, Trebuchet MS, Verdana, Times New Roman, sans-serif; 
        font-size: 11px; 
        font-weight: normal; 
        } 

table.moduletable { 
        margin: 5px 0px 5px 0px; 
/*        width: 95%; */
        border-left: solid 0px #383438; 
        border-right: solid 0px #383438; 
        border-top: solid 0px #383438; 
        border-bottom: solid 0px #383438;		
        }

.componentheading {
	font-family: Tahoma, Verdana, Arial, Helvetica, Times New Roman, Trebuchet MS, sans-serif;
	font-size: 17px;
	font-weight: normal;
 	color: #D0B438;
	text-align:left;
        margin: 0px 0px 0px 0px; 
        width: 100%; 
        border-left: solid 0px #F0ECE8; 
        border-right: solid 0px #F0ECE8; 
        border-top: solid 0px #F0ECE8; 
        border-bottom: solid 2px #F0ECE8; 
	}
	
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #303030;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	font-weight: bold; */
	color: #000000;
	background: #FFFFFF;
	border: 1px solid;
	}
	
.searchinputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	background: #E0F4FF;
	border: 1px solid;
	}

/** category text format and links **/
.category {
	color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #999999; font-weight: bold;
	}

a.category:hover {
	color: #FF9900;
	}
	
.poll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 14px
	}
	
.sectiontableentry1, .contentpane {
	background-color : #f5f5fa;	
	border:1px solid #f5f5fa;

	}

.sectiontableentry2 {
	background-color : #e0e0ec;
	color: #7878B8;
	border:1px solid #f5f5fa;
	}

.sectiontableheader {
	background-color : #E0F4FF;
	color : #C0C0C0;
	font-weight : bold;
	}
	
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none; 
	font-weight: normal;
	}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A07C60;
	text-decoration: none; 
	font-weight: normal;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	text-decoration: none; 
	font-weight: normal;
	}
			
ul {
	margin: 0px 0px 0px 0px;
	}

li { 
	list-style: inside url(../images/blok.gif) 2px;
	list-style-image: url(../images/blok.gif);
	}

.fase4rdf {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #B0DCF0;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #B0DCF0;
	}	

table.searchintro {
  	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	background-color: #FFFFFF;
	}

table.contact td.icons {
	background-color: #D0C0B0;
	}

table.contact td.details {
	background-color: #E0F4FF;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/** Makke troch Durk **/
  div.message
 {width: 380;
  overflow: auto;
/*abjecte ie fynt it nedich om de scrollbar der foar te dwaan*/
  padding-bottom: expression(18)}

  .small div.message
 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none; 
	font-weight: normal;

  width: 380;
  overflow: auto;
/*abjecte ie fynt it nedich om de scrollbar der foar te dwaan*/
  padding-bottom: expression(18)}

  .flatbannerStudenten
 {
 border-color: black;
 border:1px solid black;
 margin-left:2px;
}
  
  .flatbanner
{
  width: 500;
  height: 60;
  border-style: solid;
  border-width: 1;
  border-color: black;
  overflow: hidden;
  margin-bottom: 10px
  
  }
  
.flatbanner2
 {
  border-style: solid;
  border-width: 1;
  border-color: black;
  width:185px;
  /*overflow: hidden;*/
  vertical-align: text-bottom;
  margin-left:2px;
  
  
  }

/** Makke troch Gerrit **/
.ynlog_input { border: 1px solid Black;  font: Arial;  font-size: 9px;  height: 17px;    }
.ynlog_button {   font: Arial;  font-size: 9px;  background-color: #FFCC00;   height: 17px;  border: 1px solid Black;  font-weight: bold;    }
.ynlog_txt { font: Arial;  font-size: 9px; }

.aginda_tabel { border: 1px solid Black;   }
.aginda_wat { font: Verdana;  font-size: 12px; }
.aginda_top {
	height: 17px;
	width: 187px;
	border: 1px solid #000000;
	background-image: url(../imasges/menubg_rust.png);
	text-indent: 25px;
	padding: 2px;
	color: #000000; 
	font-family: Verdana, Geneva, Arial, Helvetica, Times New Roman, Trebuchet MS, serif;
	font-weight: normal;
	font-size: 12px;
	}

/** Aginda popup **/
.clDescriptionCont {
	position:absolute;  
	width:225px; 
	visibility:hidden; 
	layer-background-color:#cccccc; 
	z-index:10;}

.clDescription     {
	width:225px; 
	left:0px; 
	top:0px; 
	font-family:verdana,arial,helvetica,sans-serif; 
	overflow:hidden; 
	border: 1px solid #999999; 
	padding:3px; 
	font-size:11px; 
	background-color:#ffffcc; 
	layer-background-color:#cccccc;}

.clLinkss           {
	position:absolute; 
	left:10px; 
	top:200px; 
	z-index:1;}

.aginda_hoover_wat {
	position:left; 
	text-align:justify;
	left:0px; 
	top:0px; 
	width:100%; 
	height:15px; 
	clip:rect(0px 157px 15px 0px); 
	font-size:12px; 
	font-family:verdana,arial,helvetica,sans-serif; 
	font-weight: bold;
	background-color:#FFCC33; 
	layer-background-color:#999999;}

.aginda_hoover_ynfo {
	position:left; 
	text-align:justify;
	font-size:11px; 
	font-family:verdana,arial,helvetica,sans-serif; 
}

.lyts {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none; 
	font-weight: bold;
	text-align:center;
	background-color:#FFCC33; 
	}
.wahoe_top {
	color: #D0B438; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

.newsflash {
	background: #FFCC33;
	width: 175px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	color: #000000;
  text-align: center;
  padding:5px;
}	

.lijntje {
	border: 0px;
	border-color: #000000;
	border-style: solid;
	

}

.lijntje_onder {
	border-bottom-width: 0px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}

.ynskriuwe {
	background-image: url(http://www.bernlef.com/templates/bernlef/images/icon_check.png);
	background-position: 5px center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
}

.utskriuwe {
	background-image: url(http://www.bernlef.com/templates/bernlef/images/icon_cancel.png);
	background-position: 5px center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 3px;
}
.tafoege {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
}