/*
----------------------------------------------------------------------------------------------------
als de z-index van object a hoger is dan de z-index van object b, dan wordt object a de bovenste layer.
als de z-index lager is, wordt object a de onderliggende layer.
----------------------------------------------------------------------------------------------------
*/

body{
        margin-top      : 0px;
        margin-right    : 0px;
        margin-bottom   : 0px;
        margin-left     : 0px;
	background-color: #FFFFFF;
	overflow-x	: hidden;
	overflow-y	: scroll;
	height		: 100%;
}

/* 
--------------------------------------------------
maatwerk styles
--------------------------------------------------
*/

div.achtergrond {
    	position        	: absolute;
	left			: 510px;
	top			: 145px;
	z-index     		: 0; /* achtergrond */
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/reActivate_wiel.gif');
	background-repeat 	: no-repeat;
	width			: 661px;
	height			: 569px;
}

div.horidotline {
    	position        	: absolute;
	left			: 145px;
	top			: 635px;
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/hori_dot_line.gif');
	background-repeat 	: repeat-x;
	z-index     		: 10;
	width			: 630px;
	height			: 10px;
}

div.vertdotline {
    	position        	: absolute;
	left			: 453px;
	top			: 415px;
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/vert_dot_line.gif');
	background-repeat 	: repeat-y;
	z-index     		: -1;
	width			: 8px;
	height			: 705px;
}

.adresgegevens {
    position        	: absolute;
    left            	: 8px;
    top             	: 427px;
    width           	: 200px;
    padding         	: 10px;
    color		: #f47820;
    font-weight		: normal;
    font-size		: 11px;
    font-family         : Helvetica, Arial, Tahoma, Verdana, Sans;
}

.menuwitlijn {
    position        	: absolute;
    left            	: 7px;
    top             	: 180px;
}

.menuwitlijn2 {
    position        	: absolute;
    left            	: 7px;
    top             	: 665px;
}

div.footer {
    	position        	: relative;
	z-index     		: 0; /* achtergrond */
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/footer.gif');
	background-repeat 	: repeat-y;
	width			: 100%;
	height			: 20px;
	background-color	: #fdf1e2;
}


.textblauw {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: normal;
   color                : #21409a;
}

.textblauwbold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: bold;
   color                : #21409a;
}

.textoranje {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: normal;
   color                : #e56125;
}

.textoranjebold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: bold;
   color                : #e56125;
}

.textrood {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: normal;
   color                : #c13828;
}

.textroodbold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight		: bold;
   color                : #c13828;
}

a.textrood:hover, a.textrood:active { 
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #21409a;
	text-decoration	: underline;
	font-weight	: bold;
}

a.textrood:link, a.textrood:visited {
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #c13828;
	text-decoration	: underline;
	font-weight	: bold;
}

a.textblauw:link, a.textblauw:visited {
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #21409a;
	text-decoration	: underline;
	font-weight	: bold;
}

a.textblauw:hover, a.textblauw:active { 
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #c13828;
	text-decoration	: underline;
	font-weight	: bold;
}


a.textoranje:link, a.textoranje:visited {
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #e56125;
	text-decoration	: underline;
	font-weight	: bold;
}
a.textoranje:hover, a.textoranje:active { 
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #21409a;
	text-decoration	: underline;
	font-weight	: bold;
}

a.textwit:hover, a.textwit:active { 
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #e56125;
	text-decoration	: underline;
	font-weight	: bold;
}

a.textwit:link, a.textwit:visited {
	font-size	: 13px; 
	font-family	: "Trebuchet MS", Arial, Tahoma;
	color		: #FFFFFF;
	text-decoration	: underline;
	font-weight	: bold;
}


/* STANDAARD KLEUR VOOR DE LINKS ZONDER DAT ER EEN CLASS IS MEEGEGEVEN
a:link, a:visited {
	font-family	: "Trebuchet MS", Arial, Tahoma;
	font-size	: 13px;
	color		: #e56125;
	text-decoration	: underline;
	font-weight	: bold;
}

a:hover {
	font-family	: "Trebuchet MS", Arial, Tahoma;
	font-size	: 13px;
	color		: #e56125
	text-decoration	: underline;
	font-weight	: bold;
}
*/


.textwit {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight          : normal;
   color                : #ffffff;
}

.textwitbold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 12px;
   font-weight          : bold;
   color                : #ffffff;
}

.fotoimpressie {
    position            : relative;
    z-index             : 5;    /* voorgrond */
    vertical-align      : top;
}

.middenlogo {
    position            : relative;
    z-index             : 5;
    vertical-align      : top;
}

.oranje {
    position            : relative;
    z-index             : 5;
    background-color	: #f47820;
    width 		: 7px;
}

.menu {
    background-image    : url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/oranje-rood.gif');
    background-repeat   : repeat-y;
    position            : relative;
    z-index             : 0;
    vertical-align      : top;
}


.table_oranje {
    background-image    : url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/reActivate_oranjeoverloop.gif');
    background-repeat   : repeat-y;
    font-family         : "Trebuchet MS", Tahoma, Verdana, Sans;
    vertical-align      : top;
    font-size           : 14px;
    color               : #FFFFFF;
    font-weight         : normal;
    padding             : 15px;
    border              : 0px solid #F68F1E;
    border-top          : 0;
    border-right        : 0px solid #F68F1E;
    text-align          : left;
    background-color    : #FDF1E2;
    position            : relative;
    z-index             : 5;
}

.sloganwit {
    font-family         : "Trebuchet MS", Tahoma, Verdana, Sans;
    font-size           : 26px;
    color               : #FFFFFF;
    font-weight         : bold;
    position            : relative;
    z-index             : 5;
}

.sloganoranje {
    font-family         : "Trebuchet MS", Tahoma, Verdana, Sans;
    font-size           : 26px;
    color               : #e56125;
    font-weight         : bold;
    position            : relative;
    z-index             : 5;
}

.sloganblauwbold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 26px;
   color                : #21409a;
   font-weight          : bold;
}

.sloganblauwnormal {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 26px;
   color                : #21409a;
   font-weight          : normal;
}

.sloganroodbold {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 26px;
   color                : #c13828;
   font-weight          : bold;
}

.sloganroodnormal {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 26px;
   color                : #c13828;
   font-weight          : normal;
}

.subscriptblauw {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 13px;
   color                : #21409a;
   font-style           : italic;
   font-weight		: bold;
}

.subscriptrood {
   font-family          : "Trebuchet MS", Arial, Tahoma;
   font-size            : 13px;
   color                : #c13828;
   font-style           : italic;
   font-weight		: bold;
}

.tdmain {
    border              : 1px;
    border-style        : dotted;
    border-bottom-width : 0px;
    border-top-width 	: 0px;
    border-color        : #1e4396;
    width               : 100%;
    vertical-align      : top;
    font-family         : "Trebuchet MS", Arial, Tahoma, Verdana, Sans;
    font-size           : 12px;
    color               : #000000;
    font-weight         : normal;
    position            : relative;
    z-index             : 5;
}

.tdcontent {
    border              : 1px;
    border-style        : dotted;
    border-bottom-width : 1px;
    border-left-width 	: 0px;
    border-right-width 	: 0px;
    border-top-width 	: 0px;
    border-color        : #1e4396;
    width               : 100%;
    vertical-align      : top;
    font-family         : "Trebuchet MS", Arial, Tahoma, Verdana, Sans;
    font-size           : 12px;
    color               : #000000;
    font-weight         : normal;
    position            : relative;
    z-index             : 5;
}

.tdrechts {
    border              : 0px;
    background-color    : #fdf1e2;
}

.re-werkg_kop {
    font-family         : "Trebuchet MS", Arial, Tahoma, Verdana, Sans;
    font-size           : 20px;
    color               : #b53126;
    font-weight         : bold;
    position            : relative;
    z-index             : 5;
}

.re-werkn_kop {
    font-family         : "Trebuchet MS", Arial, Tahoma, Verdana, Sans;
    font-size           : 20px;
    color               : #1e4396;
    font-weight         : bold;
    position            : relative;
    z-index             : 5;
}


/* 
--------------------------------------------------
onderstaande styles zijn standaard aanpasbaar
--------------------------------------------------
*/


.footer	{
	font-size:	10px; 
	font-family:	Arial;
	color:		#CCCCCC;
}

.footer:hover	{ 
	font-size:	10px; 
	font-family:	Arial;
	color:		#CCCCCC;
}

footer:visited	{
	font-size:	10px; 
	font-family:	Arial;
	color:		#CCCCCC;
}

footer:link	{
	font-size:	10px; 
	font-family:	Arial;
	color:		#CCCCCC;
}

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

hr 		{
  	background       	: #999999;
  	height           	: 1px;
  	width            	: 100%;
}

#mainlevel-nav 	{
	margin			: 0; padding: 0;
}

#mainlevel-nav li {
	background-image	: none;
	padding-left		: 0px;
	list-style		: none; 
	float			: right; 
	margin			: 0; 
	width			: 15.5%; 
	font-size		: 10px;
	line-height		: 20px;
	white-space		: nowrap;
	text-indent		: 15px;
}

#mainlevel-nav a {
	display			: block; 
	float			: right; 
	text-decoration		: none;  
	border			: 1px;
	border-color		: #fff #cc3300 #cc3300 #fff;
	color			: #666660;
/*	background		: #ff9933 url(../images/vmenu_bgr.png) 2px no-repeat; */

}

#mainlevel-nav a {
	float			: none;
}

#mainlevel-nav a:hover {
/*	background		: #ff6600 url(../images/vmenu_bgr.png) 2px no-repeat; */
}

/*different setting for newsflash*/

.newsflash td {
	color			: #000000;
	text-align		: justify;
	vertical-align		: middle;
}

/*setting for the greetings*/
.mainpage {
	text-align		: justify;
	color			: #333333;
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 13px;
}

.mainpage-bkg {
	background-image	: url(../images/lineborder.png);
	width			: 1px;
}

.greybg {
	background		: #eeeeee;
}

/*pathaway setting*/
.pathway {
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-size		: 9px;
}

a.pathway:link, a.pathway:visited {
	color            	: #ff9900;
	font-weight      	: normal;
}

a.pathway:hover {
  	color            	: #ff3300;
  	font-weight      	: normal;
  	text-decoration   	: none;
}

/*for title or site name*/
.title {
	font-family		: sans-serif;
	font-size		: 20px;
	font-weight		: bold;
	color 			: #000000;
	margin-left		: 10px;
}

/*for the tag-line*/
.subtitle {
	font-family		: sans-serif;
	font-size		: 10px;
	font-weight		: bold;
	color 			: #666666;
	text-transform		: uppercase;
	letter-spacing		: 2px;
	margin-left		: 20px;
}

#active_menu {
  	color			: #000000;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
	display			: block;
	color			: #ffffff;
	font-weight		: bold;
	font-size		: 12px;
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/menu-streepje.gif');
	background-repeat	: no-repeat;
	width			: 100%;
	text-indent		: 24px;
	text-decoration		: none;
	text-align		: left;
	font-family		: Helvetica, Arial, Verdana, sans-serif;
	line-height		: 20px;
	margin-bottom		: 0px;
}

a.mainlevel:hover {
	/* color			: #e39f6e; */
	color			: #f47820;
	background-image    	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/menu-streepje.gif');
	background-repeat	: no-repeat;
	width			: 100%;
}

.menuitems {
    background-image    : url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/menu-bg.gif');
    background-repeat   : no-repeat;
    position            : relative;
    z-index             : 0;
    vertical-align      : top;
}

a.mainmenu:link, a.mainmenu:visited {
	color			: #ffffff; 
	font-family		: Verdana, Helvetica, Arial, sans-serif;
	font-weight		: bold;
	font-size		: 10px;
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/menu-bg.gif');
	background-repeat	: no-repeat;
	width			: 100%;
}

a.mainmenu:hover {
	color			: #333333; 
	background-image	: url('http://www.re-activate.nl/templates/re-Activate-NEW/images/background/menu-streepje.gif');
	background-repeat	: no-repeat;
	width			: 100%;
}

.pollstableborder {
	border			: 1px solid;
	padding			: 1px;
}

a.sublevel:link, a.sublevel:visited {
        padding-left		: 1px;
        vertical-align		: middle;
        font-size		: 11px;
        color			: #ff6600;
        text-align		: left;
}

a.sublevel:hover {
	color			: #ff9e31; 
	text-decoration		: none;
}

table.moduletable {
	padding			: 5px 0px 5px 8px;
	margin-bottom		: 15px;
	width			: 100%;
	background		: url(../images/bgr.png);
}

table.moduletable th {
	font-size        	: 11px;
	font-weight      	: bold;
	color            	: #000000;
	text-align       	: left;
	width            	: 100%;
	letter-spacing		: 2px;
	text-indent		: 0px;
	padding-bottom		: 3px;
}

table.moduletable li {
}

table.moduletable ul {
	padding			: 0px;
}

table.moduletable td {
	font-size		: 10px;
	font-weight		: normal;
}

.poll {
 	font-family      	: Arial, Helvetica, sans-serif;
  	font-size        	: 10px;
  	color            	: #666666;
  	line-height     	 : 14px;
}

table.pollstableborder {
	border			: 1px solid #cccccc;
}

.sectiontableheader {
  	background-color 	: #CCCCCC;
  	color            	: #333333;
  	font-weight      	: bold;
}

.sectiontableentry1 {
  	background-color 	: #FFFFFF;
}

.sectiontableentry2 {
  	background-color 	: #FFFFFF;
}

.small {
  	font-family      	: Verdana, Arial, Helvetica, sans-serif;
  	font-size        	: 10px;
  	color            	: #999999;
  	text-decoration  	: none;
  	font-weight      	: bold;
}

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


.contentpane {
  	background       	: #FFFFFF;
}

.contentpaneopen {
 	border 			: 0px ridge #0099cc;
 	width			: 100%;
  	padding			: 1px;
}

.contentheading, .componentheading {
  	font-family      	: Verdana, Arial, Helvetica, sans-serif;
  	font-size        	: 12px;
  	font-weight      	: bold;
  	color            	: #ff9900;
  	text-align       	: left;
}

.createdate {
  	font-family      	: Arial, Helvetica, sans-serif;
  	font-size        	: 10px;
  	color            	: #999999;
  	text-align       	: left;
}


.button {
  	font-family      	: Verdana, Arial, Helvetica, sans-serif;
  	font-style       	: normal;
  	font-size        	: 10px;
  	font-weight      	: bold;
  	background-color 	: #F0F0F0;
  	color            	: #000000;
  	border           	: 1px solid #CCCCCC;
}

.inputbox {
  	font-family      	: Verdana, Arial, Helvetica, sans-serif;
  	font-size        	: 10px;
  	color            	: #000000;
  	background-color 	: #F0F0F0;
  	border           	: 1px solid #CCCCCC;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
 	color			: #ff9900;
	text-align		: left;
	text-decoration		: underline;
	}

a.contentpagetitle:hover {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	font-weight		: bold;
	text-align		: left;
	color			: #666666;
	text-decoration		: none;
	font-weight		: bold;
	}

a.category:link, a.category:visited {
  	color            	: #333333;
  	font-weight      	: bold;
  	font-size		: 11px;
	font-weight		: bold;
}

a.category:hover {
  	color            	: #999999;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color	: #ffae00;
	border-left		: outset 2px #ff9900;
	border-right		: outset 2px #808080;
	border-top		: outset 2px #ff9900;
	border-bottom		: solid 1px #d5d5d5;
	text-align		: center;

	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight		: bold;
	color			: #FFFFFF;
}
.offtab {
	background-color 	: #e5e5e5;
	border-left		: outset 2px #E0E0E0;
	border-right		: outset 2px #E0E0E0;
	border-top		: outset 2px #E0E0E0;
	border-bottom		: solid 1px #d5d5d5;
	text-align		: center;

	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight		: normal;
}

.tabpadding {
}

.tabheading {
	background-color	: #ffae00;
	text-align		: left;
}

.pagetext {
	visibility		: hidden;
	display			: none;
	position		: relative;
	top			: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color	: #f0f0f0;
}
.code {
	background-color	: #f0f0f0;
	border			: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family 		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: bold;
	font-size 		: 10pt;
	color 			: #ff6600;
	text-align		: center;
}

/* Javascript Back button */
.back_button {
	text-align		: center;
	margin-top		: 40px;
}

table.contenttoc {
	color			: #333300;
	background-color	: #e0e0e0;
	border			: 1px solid #333;
}

table.contenttoc td {
    	font-size		: 8pt;
    	font-weight		: normal;
    	text-align		:left;
}
ul {
  	margin			: 0;
  	padding			: 0;
  	list-style		: none;
}

li {
  	line-height		: 15px;
  	padding-left		: 10px;
  	padding-top		: 0px;
  	background-image	: url(../images/arrow.png) ;
  	background-repeat	: no-repeat;
  	background-position	: 0px 3px;
}

table.searchinto {
	width			: 100%;
}

table.searchintro td {
	background-color	: #293C43;
	color			: #ffffff;
	font-weight		: bold;
}

form {
/* removes space below form elements */
	margin			: 0;
 	padding			: 0;
}