/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Nidos Website
Version:		1.1
Last change:	07/04/09 [mb]
Assigned to:	Marc Bruisten (mb)
Made by:		Evident Interactive

--------------------------------------------------------------------

[Template body classes]

.T00 - homepage
.T01 - pilar page
.T02 - article detail
.T03 - listing (article & link)
.T04 - search results
.T05 - contact page

[Color codes]

Nidos green	#27738c
Nidos brown #73402f


-------------------------------------------------------------------*/

/**------ global_settings ------**/
* {padding:0;margin:0}
img {border:0}
cite, em, dfn {font-style:italic}
big {font-size:115%}
small, sup, sub {font-size:85%}
sup {vertical-align:super}
sub {vertical-align:sub}
blockquote *:first-child:before {content:"\201C"}
blockquote *:first-child:after {content:"\201D"}
table {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;/*font-weight:normal*/}

.hideme {position:absolute;left:0;top:-5000em}
.nodisplay {display:none}
.floatleft {float:left}
.floatright {float:right}
.error {color:red}
.strong {font-weight:bold}

/**------ easyclearing method (http://www.positioniseverything.net/easyclearing.html) ------**/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/**------ generic_layout ------**/

ul.clearfix {list-style-type:none}
ul.clearfix li {float:left}

#content input.inpt-sbmt 
{
	border:0;
	color:white;
	text-align:center;
	overflow:hidden;
	cursor:hand;
	cursor:pointer}

#content input.inpt-react 
{
	background:transparent;
	width:100px;
	height:33px;
	border:0;
	color:white;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
	cursor:hand;
	cursor:pointer;
	background-image:url('/includes/Img/Internet/button-blank-small.png')}


body {
	font-size:62.5%;
	font-family:verdana;
	background-color:white;
}

#wrapper {
	position:relative;
	margin:0px auto 20px auto;
	width:980px;
}	

/* dutch header */

div.header-NL {width:980px;height:100px;position:relative;background:transparent url('/includes/Img/Internet/bg-header-NL.jpg') no-repeat top left}
	
	div.header-NL a#logo {display:block;position:absolute;width:200px;height:50px;left:10px;top:23px}
	    div.header-NL a#logo img {width:200px;height:50px;}
	div.header-NL #ctrSearch {position:absolute;width:200px;height:80px;padding:10px 0;right:24px;top:0;font-family:arial}
		
		div.header-NL #ctrSearch ul {display:block;height:25px}
		div.header-NL #ctrSearch ul li {float:right}
			div.header-NL #ctrSearch ul li a {padding:0 6px;border-right:1px solid #27738c;font-size:1.2em;font-weight:bold;color:#808080;text-decoration:none;}
			div.header-NL #ctrSearch ul li input
			{
				margin-left:9px;
				border:0;
				cursor:pointer;cursor:hand;
				font-size:0;
				height:15px;
				width:22px;
			} 
			div.header-NL #ctrSearch ul li input.exlinknl 
			{
				background:transparent url('/includes/img/internet/dutch.gif') no-repeat top left;
			}
			div.header-NL #ctrSearch ul li input.exlinken 
			{
				background:transparent url('/includes/img/internet/english.jpg') no-repeat top left;
			}
				div.header-NL #ctrSearch ul li a:hover {text-decoration:underline}
		div.header-NL #search {position:relative;width:200px;height:20px}
			div.header-NL #ctrSearch #search input.inpt-txt {position:absolute;right:45px;top:5px;width:149px;padding:1px 2px;border:1px solid #b3b3b3;font-family:arial;font-size:1em;color:#b2b2b2} 
			div.header-NL #ctrSearch #search input.inpt-sbmt 
			{
				position:absolute;
				right:0px;
				top:6px;
				width:41px;
				height:15px;
				line-height:15px;
				font-size:10px;
				cursor:pointer;cursor:hand;
				color:white;
				font-family:Verdana;
				font-weight:bold;
				border:0;
				background:transparent url('/includes/Img/Internet/btn-blank.png') no-repeat top left;
				padding-bottom:3px;
			}
	    
	    div.header-NL #ctrSearch #selectsecureindex {
	        position:relative;
	        padding-left:16px;
	        padding-top:4px;
	        height:15px;
	        line-height:15px;
	    }
	    div.header-NL #ctrSearch #selectsecureindex input 
	    {
		    position:absolute;
		    left:0;top:20%;
		    width:13px;height:13px;
	    }
	    div.header-NL #ctrSearch #selectsecureindex label 
	    {
		    color:#73402f;
	    } 
	    
	    div.header-NL #ctrSearch #welcome {display:block;color:#73402F;font-weight:bold;line-height:1.8em}

/* english header */

div.header-EN {width:980px;height:100px;position:relative;background:white url('/includes/Img/Internet/bg-header-EN.jpg') no-repeat top left}
	
	div.header-EN a#logo {display:block;position:absolute;width:200px;height:50px;left:10px;top:23px}
	    div.header-EN a#logo img {width:200px;height:50px;}
	div.header-EN #ctrSearch {position:absolute;width:200px;height:80px;padding:10px 0;right:24px;top:0;font-family:arial}
		
		div.header-EN #ctrSearch ul {display:block;height:25px}
		div.header-EN #ctrSearch ul li {float:right}
			div.header-EN #ctrSearch ul li a {padding:0 6px;border-right:1px solid #27738c;font-size:1.2em;font-weight:bold;color:#808080;text-decoration:none;}
			div.header-EN #ctrSearch ul li input
			{
				margin-left:9px;
				border:0;
				cursor:pointer;cursor:hand;
				font-size:0;
				height:15px;
				width:22px;
			} 
			div.header-EN #ctrSearch ul li input.exlinknl 
			{
				background:transparent url('/includes/img/internet/dutch.gif') no-repeat top left;
			}
			div.header-EN #ctrSearch ul li input.exlinken 
			{
				background:transparent url('/includes/img/internet/english.jpg') no-repeat top left;
			}
				div.header-EN #ctrSearch ul li a:hover {text-decoration:underline}
		div.header-EN #search {position:relative;width:200px;height:20px}
			div.header-EN #ctrSearch #search input.inpt-txt {position:absolute;right:45px;top:5px;width:149px;padding:1px 2px;border:1px solid #b3b3b3;font-family:arial;font-size:1em;color:#b2b2b2} 
			div.header-EN #ctrSearch #search input.inpt-sbmt 
			{position:absolute;
			 right:0px;
			 top:6px;
			 width:41px;
			 height:15px;
		        line-height:15px;
		        font-size:10px;
		        cursor:pointer;cursor:hand;
			 color:white;
			 font-family:Verdana;
			 font-weight:bold;
			 border:0;
			 background:transparent url('/includes/Img/Internet/btn-blank.png') no-repeat top left;
			 padding-bottom:3px;
			}

	    div.header-EN #ctrSearch #selectsecureindex {
	        position:relative;
	        padding-left:16px;
	        padding-top:4px;
	        height:15px;
	        line-height:15px;
	    }
	    div.header-EN #ctrSearch #selectsecureindex input 
	    {
		    position:absolute;
		    left:0;top:20%;
		    width:13px;height:13px;
	    }
	    div.header-EN #ctrSearch #selectsecureindex label 
	    {
		    color:#73402f;
	    } 
	    
	    div.header-EN #ctrSearch #welcome {display:block;color:#73402F;font-weight:bold;line-height:1.5em}


/* main navigation */
#mainnav {display:block;position:relative;z-index:99;width:980px;height:20px;list-style:none}
/*
	#mainnav li a {display:block; padding:0; margin:0; text-decoration:none}
*/

	#mainnav li div a {display:block;height:20px;text-indent:-5000px;background-image:url('/includes/Img/Internet/bg-mainnav.gif');padding-left:6px}
	/* dutch navigation */
	#mainnav li.mnv-00-NL div a {width:30px;background-position:0 0}	/* home */
	#mainnav li.mnv-01-NL div a {width:62px; background-position:-23px 0}	/* Nidos */
	#mainnav li.mnv-02-NL div a {width:169px; background-position:-97px 0}	/* Voogdij en Gezinsvoogdij */
	#mainnav li.mnv-03-NL div a {width:83px;background-position:-279px 0}	/* Jongeren */
	#mainnav li.mnv-04-NL div a {width:72px;background-position:-375px 0}	/* Opvang */
	#mainnav li.mnv-05-NL div a {width:88px;background-position:-460px 0}	/* Terugkeer */
	#mainnav li.mnv-06-NL div a {width:117px;background-position:-561px 0}	/* Dagelijks Leven */
	#mainnav li.mnv-07-NL div a {width:135px;background-position:-698px 0}	/* Inloggen jongeren */
	#mainnav li.mnv-08-NL div a {width:135px;background-position:-850px 0}	/* Uitloggen jongeren */
	/* english navigation */
	#mainnav li.mnv-00-EN div a {width:30px;background-position:0 -20px}	/* home */
	#mainnav li.mnv-01-EN div a {width:62px; background-position:-23px -20px}	/* Nidos */
	#mainnav li.mnv-02-EN div a {width:111px; background-position:-97px -20px}	/* Guardianship */
	#mainnav li.mnv-03-EN div a {width:69px;background-position:-218px -20px}	/* Youth */
	#mainnav li.mnv-04-EN div a {width:72px;background-position:-297px -20px}	/* Shelter */
	#mainnav li.mnv-05-EN div a {width:75px;background-position:-380px -20px}	/* Return */
	#mainnav li.mnv-06-EN div a {width:86px;background-position:-467px -20px}	/* Daily Life */
	#mainnav li.mnv-07-EN div a {width:114px;background-position:-563px -20px}	/* Login Youth */
	#mainnav li.mnv-08-EN div a {width:107px;background-position:-678px -20px}	/* Logout Youth */
	
	

#mainnav li {float:left;margin:0;padding-right:1px;display:inline;background-color:#bdbdbd}
	
#mainnav a:hover, #mainnav a.active {color:white; text-decoration:none; }
#mainnav ul {float:left; padding:0; margin-left:-1px; list-style:none; display:inline; background:white; border-width:0 1px 1px 1px; border-style:solid; border-color:#bdbdbd;}
#mainnav li ul a {width:189px;display:block; padding-left:11px; color:#666666; border-bottom:1px solid #efefef; text-indent:0; background:white;font-size:1.1em;text-decoration:none }
#mainnav li ul a:hover {color:white; background:#71acbc url('/includes/Img/Internet/bg-ddhover.jpg') repeat-x bottom left; } 
#mainnav li ul {width:200px;position:absolute; left:-999em}
#mainnav li ul li {padding:0;margin:0;display:inline;float:none}
#mainnav li:hover ul, #mainnav li:hover ul, #mainnav li.sfhover ul{left:auto;display:inline}
#mainnav li:hover, #mainnav li.hover {position: static;}

/* sub navigation */
#subnav {width:auto;border-bottom:1px solid #BFBFBF;background:#F3F3F3;list-style-type:none;margin-top:1em}
#subnav li a {display:block;font-weight:normal;color:#666666}
#subnav a:link, #subnav a:visited {text-decoration:none}
#subnav a:hover, #subnav a:active {text-decoration:underline}
    #subnav li {border-top:1px solid #d7d7d7;padding:.2em .7em}
    #subnav li.level-one{background-color:#27738C;color:white;padding-left:7px;font-weight:bold;font-size:1.3em}
    #subnav li.active {font-weight:bold;color:#73402F}
    #subnav li.active a {color:#73402F;font-weight:bold}
        #subnav li ul {margin:.2em 5px 0 5px;list-style-type:none}
            #subnav li ul li {border:0}
            #subnav li.active ul li {color:#666666;} 
            #subnav li.active ul li a {color:#666666;font-weight:normal}
            
    

/**------ triple column layout ------**/
body #tripleColLeft {width:212px;float:left;display:inline;margin-right:25px;}
body #tripleColMiddle {width:460px;float:left;display:inline;margin-right:25px;}
body #tripleColRight {width:258px;float:left;display:inline;}

/**------ double column layout ------**/
body #doubleColLeft {width:212px;float:left;display:inline;margin-right:25px;}
body #doubleColRight {width:743px;float:left;display:inline;margin-bottom:-23px;}

/* navpath layout */
#navpath {padding-top:10px;}
	#navpath span {padding:0; margin: 3px; color: #00857e}
	#navpath a { color: #808080}
	#navpath a:link, #content #navpath a:visited {text-decoration:none}
	#navpath a:hover, #content #navpath a:active {text-decoration:underline}


/**------ General content style ------**/
	
	#content {
		border-top:1px solid #ebebeb;
		margin-top:8px;
		padding:5px 0 20px 0;
		background-image:url('/includes/Img/Internet/footerline.gif');
		background-repeat:no-repeat;
		background-position:bottom left;
	}

	#content p,
	#content #wysiwyg ul,
    #content #wysiwyg ol {
		color:#666666;
		font-size:1.1em;
		line-height:1.3em;
	}
	
	#content #wysiwyg ul,
    #content #wysiwyg ol {list-style-position:inside}
	
	#content .linkbox {
		background-color:#f3f3f3;
		background-image:url('/includes/Img/Internet/bg-linkbox.jpg');
		background-repeat:no-repeat;
		background-position:bottom right;
		border:1px solid #bfbfbf;
		padding:10px 12px;
		margin-bottom:10px;
		list-style-type:none;
	}
	
	    #content .linkbox li {line-height:175%}
	
	        #content .linkbox li a {
		        background-image:url('/includes/Img/Internet/bullet-linkbox.gif');
		        background-repeat:no-repeat;
		        background-position:0 .4em;
		        padding-left:12px;
		        color:#27738c;
		        font-weight:bold;
		        font-size:1.2em;
	        }

	#content h2 {
		font-size:1.1em;
		text-transform:uppercase;
		color:#73402f;
		padding-top:.6em;
	}
	
	#content h3 {
		font-size:1.1em;
		text-transform:uppercase;
		color:#27738c;
	}
	
	#content #ctrSearch {
		margin-top:10px;
		padding:10px;
		background-color:#F3F3F3;
		border:1px solid #BFBFBF;
	}

	#content #searchSummary {padding:1em}
		
		#content #tripleColMiddle input.inpt-sbmt {
			line-height:15px;
			font-size:10px;
			cursor:pointer;cursor:hand;
			color:white;
			font-family:Verdana;
			font-weight:bold;
			width:58px;
			height:15px;
			border:0;
			background:transparent url('/includes/Img/Internet/btn-blank-wide.png') no-repeat top left;
			padding-bottom:3px;
		}
	
	#content #tripleColMiddle #selectsecureindex {
	        position:relative;
	        padding-left:16px;
	        padding-top:4px;
	        height:15px;
	        line-height:15px;
	    }

		
	#content #tripleColMiddle #selectsecureindex input 
	{
		    position:absolute;
		    left:0;top:20%;
		    width:13px;height:13px;
	}

	div.paginglinks span {color:#004f4b; text-decoration:underline}
	div.paginglinks a { color: #004f4b; text-decoration:none }
	
	div.readmore a {
	    background-image:url('/includes/Img/Internet/bullet-linkbox.gif');
        background-repeat:no-repeat;
        background-position:0 .4em;
        padding-left:12px;
        font-weight:bold;
    }

	#footer {float:right;margin-top:10px}
		#footer li {display:block;float:left;padding:0 5px;border-right:1px solid #27738C}
		#footer li.last {border:none}
			#footer li a {color:#666666}
			#footer li a:link, #footer li a:visited {text-decoration:none}
			#footer li a:hover, #footer li a:active {text-decoration:underline}


/* homepage (.T00) specific layout 
-------------------------------------------------------------------------------------*/
.T00 #content h2,
.T00 #content h3 {margin:1em 0 .3em 0}
.T00 a#button {
    width:110px;height:40px;padding:45px 10px;line-height:auto;text-align:center;
    background-image:url('/Includes/Img/Internet/button-blank.png');
	background-repeat:no-repeat;
	background-position:center left;
    position:absolute;top:65px;right:-30px;
    color:white;font-size:1.2em;font-weight:bold;text-decoration:none;
    z-index:100;
}

.T00 #tripleColLeft h2 {color:#27738c}

.T00 #tripleColLeft #questionList {
	list-style-type:none;
	height:154px;
	padding:20px 10px 30px 10px;
	background-color:#72b0c5;
	background-image:url('/includes/Img/Internet/bg-questionlist.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
}

.T00 #tripleColLeft #questionList {position:relative;z-index:98;}

.T00 #tripleColLeft #questionList li {
    text-align:center;
    color:White;
    font-size:1.4em;
    text-transform:uppercase;
    font-weight:bold;
    padding-bottom:10px;
}

.T00 #tripleColLeft #questionList li a {
    color:White;
    text-decoration:none;
}

.T00 #tripleColLeft #questionList li.footer {
    text-align:right;
    text-transform:lowercase;
    font-size:1.2em;
}

    .T00 #tripleColLeft #questionList li.footer a {
        position:absolute;
        right:10px;bottom:10px;
        background-image:url('/includes/Img/Internet/bullet-linkbox.gif');
        background-repeat:no-repeat;
        background-position:0 .4em;
        padding-left:12px;
        color:White;
    }
    
.T00 #tripleColLeft #questionForm {padding:12px;background-color:#f2f2f2;border:1px solid #bfbfbf} 
	.T00 #tripleColLeft #questionForm label {display:block;color:#73402F;font-weight:bold;line-height:1.8em}
	.T00 #tripleColLeft #questionForm input.text,
	.T00 #tripleColLeft #questionForm textarea
		{width:177px;border:1px solid #b3b3b3;color:#666666;font-family:verdana;font-size:1.2em;padding:1px}
	.T00 #tripleColLeft #questionForm input.inpt-small {
		background:transparent url('/includes/Img/Internet/btn-blank-wide.png') no-repeat scroll left top;
		width:58px;
		height:15px;
		line-height:15px;
		float:right;
		margin:4px 4px 0 0;
		color:white;
		border:0;
		font-family:Verdana;
		font-size:10px;
		font-weight:bold;
		text-align:center;
		cursor:pointer;cursor:hand;
		padding-bottom:3px;
	}
.T00 #content div.meerweten {
	border-top:1px solid #e1e1e1;
}
    .T00 #content div.meerweten .dashBullet {
        list-style-type:none
    }

.T00 #content div.readmore {
	text-align:right;
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	font-size:1.1em;
}
    .T00 #content div.readmore a {color:#73402F}

.T00 #content #articleList {
	border-top:1px solid #bdbdbd;
	margin-top:23px;
}

/**------ Nidos media layout ------**/
#MediaGallery {margin-top:5px;}


/* pilarpage (.T01) specific layout 
-------------------------------------------------------------------------------------*/

body.T01 #tripleColLeft {width:212px;float:left;display:inline;margin-right:10px;}
body.T01 #tripleColMiddle {width:480px;float:left;display:inline;padding:0 5px;margin:0}
body.T01 #tripleColRight {width:258px;float:left;display:inline;margin-left:10px}

.T00 #content h2,
.T00 #content h3 {margin:0 0 .3em 0}

.T01 #whatandhowcontainer 
{
        width:480px;
        overflow:hidden;
		border-top:1px solid #BDBDBD;
		margin-bottom: 5px;
}

.T01 #tripleColMiddle #ctrTop {
    width:460px;
    margin:0 10px;
    border-bottom:1px solid #BDBDBD;
}
.T01 #tripleColMiddle #ctrTop #login span{display:block;color:#73402F;font-weight:bold;line-height:1.8em}
.T01 #tripleColMiddle #ctrTop #login .inpt-txt{width:177px;border:1px solid #b3b3b3;color:#666666;font-family:verdana;font-size:1.2em;padding:1px}

.T01 #tripleColMiddle input.inpt-txt{width:200px;}
.T01 #tripleColMiddle #ctrBottom {
    width:480px;
    padding-top:10px;
    overflow:hidden
} 

    .T01 #tripleColMiddle #ctrBottom #freefieldcontainer  {
        width:480px;
        background-image:url('/includes/Img/Internet/seperator.gif');
        background-repeat:repeat-y;
        background-position:center top;
        overflow:hidden
    }
        .T01 #tripleColMiddle #freefieldcontainer div.freefield,
        .T01 #tripleColRight div.freefield {
            width:220px;
            float:left;
            position:relative;
            display:inline;
            padding:0px 0px 25px 0px;
            margin:0 10px;
            overflow:hidden;
            border-bottom:1px solid #e1e1e1;
            color:#666666;
            font-size:1.1em;
        }
        .T01 #tripleColRight div.freefield {
            width:auto;
            margin:0; 
            border:0;
        }
        
            .T01 #tripleColMiddle #freefieldcontainer div.readmore,
            .T01 #tripleColRight div.readmore {
                position:absolute;right:0;bottom:10px
            }
            .T01 #tripleColMiddle #freefieldcontainer div.readmore a {
                color:#73402F }
            .T01 #tripleColRight div.readmore a {
                color:#27738C }


/* listingpage (.T03 /.T04) specific layout 
-------------------------------------------------------------------------------------*/

ul#listing {list-style-type:none;border-top:1px solid #bdbdbd;padding:0 12px 0 8px;margin:4px 0 15px 0}
ul#listing li {display:block;width:100%;padding:10px 0;border-bottom:1px solid #d7d7d7;}
    ul#listing li img {float:right}
	ul#listing li a {color:#27738C}
	ul#listing li a.title {font-weight:bold;font-size:1.2em}
		ul#listing li a:link, ul#listing li a:visited {text-decoration:none}
		ul#listing li a:hover, ul#listing li a:active {text-decoration:underline}
ul#listing li.paging {text-align:center}


/* contact page (.T05) specific layout 
-------------------------------------------------------------------------------------*/

#contactform {width:350px;list-style-type:none}
#contactform li {padding:.2em 0}
#contactform li label {
	width:120px;
	display:block;
	float:left;
	color:#73402F;
	font-size:1em;
	font-weight:bold;
}

 #contactform input.text,
	 #contactform textarea
		{width:226px;border:1px solid #b3b3b3;color:#666666;font-family:verdana;font-size:1.2em;padding:1px}

	
	 #contactform li.submit input {
		background:transparent url('/includes/Img/Internet/btn-send.png') no-repeat scroll left top;
		width:58px;
		height:15px;
		float:right;
		margin:4px 4px 0 0;
		border:1
	}

/* poll page (.T0X) specific layout 
-------------------------------------------------------------------------------------*/


	#pollform {height:170px;padding:12px;background-color:#f2f2f2;border:1px solid #bfbfbf;margin-top:10px;margin-bottom:10px;} 
	#pollform label {display:block;color:#73402F;font-weight:bold;line-height:1.8em}
	#pollform input.text,
	#pollform textarea
		{width:177px;height:100px;border:1px solid #b3b3b3;color:#666666;font-family:verdana;font-size:1.2em;padding:1px}
	span.ErrorMessage
	{
		color:Red;
	}
	span.GeneralMessage
	{
		font-weight:bold;
	}

	
/* poll page (.T06) specific layout 
-------------------------------------------------------------------------------------*/

/* default small message block */

div.messages-small {
	position:relative;
	width:410px;
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:10px 25px;
	margin:10px 0;
	background:transparent url('../../../includes/Img/Internet/bg-messages-small-top.gif') no-repeat scroll left top;
}
	
	div.messages-small-bottom {
		position:absolute;
		left:0;bottom:0;
		width:460px;
		height:10px;
		background:transparent url('../../../includes/Img/Internet/bg-messages-small-bottom.gif') no-repeat scroll left top;
	}

	#content div.messages-small h3 {
		color:#73402f;
	}
	
	div.messages-small ul {
		list-style-position:inside;
		color:#73402f;
		margin:8px 0;
	}
		div.messages-small ul li.verwerkt a {
			color:black;
			text-decoration:none;
			line-height:150%;
		}
		div.messages-small ul li.onverwerkt a {
			color:red;
			text-decoration:none;
			line-height:150%;
		}

	div.messages-small div.readmore {
		list-style-position:inside;
		color:#73402f;
		margin:8px 0;
	}

	div.messages-small div.readmore a {
		color:#73402f;
	}

/* default wide message block */

div.messages-info {
	position:relative;
	width:717px;
	min-height:30px;
	height:auto !important;
	height:200px;
	padding:13px;
	margin-top:20px;
	background:transparent url('../../../includes/Img/Internet/bg-messages-wide-top.gif') no-repeat scroll left top;
}
div.dontshow
{
	display: none;
}


div.messages-wide {
	position:relative;
	width:717px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:13px;
	margin-top:20px;
	background:transparent url('../../../includes/Img/Internet/bg-messages-wide-top.gif') no-repeat scroll left top;
}
	div.messages-wide-bottom {
		position:absolute;
		left:0;bottom:0;
		width:743px;
		height:10px;
		background:transparent url('../../../includes/Img/Internet/bg-messages-wide-bottom.gif') no-repeat scroll left top;
	}

/* wide message block on top of gray background */

div.messages-wide-gray {
	margin:0;
	background:transparent url('../../../includes/Img/Internet/bg-messages-wide-gray-top.gif') no-repeat scroll left top;
}
	div.messages-wide-bottom-gray {
		background:transparent url('../../../includes/Img/Internet/bg-messages-wide-gray-bottom.gif') no-repeat scroll left top;
	}
#content div.messages-wide div.header {

	border-bottom:1px solid #948a85;
}

#content div.messages-wide p {
	color:#000;
	padding:5px 0;
}

#content div.messages-wide p span.messagetitlelabel{
	color:#73402f;
	padding:5px 0;
	text-transform:uppercase;
	font-weight:bold;
	width:400px;
}
#content div.messages-wide div.width400{width:70px;}

#content div.messages-wide div.message,
#content div.messages-wide div.message table.RadEWrapper

{width:500px;padding-right:17px;}


#content div.messages-wide div div.width400 span.messagelabel{
	color:#73402f;
	padding:5px 0;
	text-transform:uppercase;
	font-weight:bold;
	width:400px;
	vertical-align:top;
}

#content div.messages-wide p.messagetext span
{
	color:#000;
	text-transform:none;
	font-weight:normal;
	width:auto;
}

#content div.messages-wide p input.inpt-title
{
	margin-left:99px;
	width:500px;
}

#content div.messages-wide p span.errormessage
{
	text-transform:none;
}

#content div.messages-wide p textarea.message
{
	margin-left:140px;
	height:100px;
	width:500px;
	margin-bottom:5px;
}
#content div.messages-wide div.btncancel span,
#content div.messages-wide div.btncancel1
{
	color:#73402f;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;cursor:hand;

}

#content div.btncancel3,
#content div.btncancel4
{
	color:#73402f;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;cursor:hand;

}

#content div.messages-wide h3 {
	color:black;
}
#content div.messages-wide div.messagetitle
{
	padding-bottom:5px;
	border-bottom:1px solid #948a85;
}

div.messages-wide table {
	font-size:1.1em;
	width:100%;	
}

	div.messages-wide table tr td {
	}

	div.messages-wide table.categories th {
		color:#000;	
		text-transform:uppercase;
	}
	div.messages-wide table.categories tr.title  td  a{
		color:#73402f;
	}
		div.messages-wide table.categories tr.title td {
			padding-top:8px;
			border-bottom:1px solid #948a85;
		}
		div.messages-wide table tr td  a{
			text-decoration:none;
			color:#000;
		}

		div.messages-wide table tr.title td  a
		{
			color:#73402f;
		}
		
	div.messages-wide table.category th {
		color:#73402f;	
		text-transform:uppercase;
		padding-top:8px;
		border-bottom:1px solid #948a85;
	}
	
	div.messages-wide table.category th.first-col {
		width:350px;
	}
	div.messages-wide table.category th.second-col {
		width:100px;
	}
	div.messages-wide table.category th.third-col {
		width:160px;
	}

		div.messages-wide table.category tr td  a,
		div.messages-wide table.categories tr td  a

		{
			color:#000;
			text-decoration:none;
		}
		div.messages-wide table.category tr td.onverwerkt a,
		div.messages-wide table.categories tr td.onverwerkt a{
			color:red;
		}

	div.messages-wide table tr.header {
		color:#73402f;
		line-height:200%;
	}
		
	div.messages-wide table tr.paging {
		color:#73402f;
	}
	div.messages-wide table tr.paging td {
		border-top:1px solid #948a85;
	}
	
	
		div.messages-wide table tr.paging td a {
			color:#73402f;
			text-decoration:none;
			font-weight:bold;
		}
		div.messages-wide table tr.paging td.paging-index {
			text-align:left;
		}
		div.messages-wide table tr.paging td.paging-index a {
			display:inline
		}
		
		div.messages-wide table tr.closed-messages-link td {
			border-top:1px solid #948a85;
			line-height:200%;
		}
		div.messages-wide table tr.closed-messages-link td a
		{
			background-image:url('/includes/Img/Internet/bullet-linkbox.gif');
 			color:#73402f;
			background-repeat:no-repeat;
			background-position:0 .4em;
			padding-left:12px;
			font-weight:bold;
		}

		div.messages-wide div.react {
			border-top:1px solid #948a85;
			padding:8px 0;
			color:#73402f;
			font-weight:bold;
			text-transform:uppercase;
		}
		div.messages-wide div.react div .reactietekst
		{
			width:450px;
			height:100px;
		}
div.messages-wide div input.inpt-small,
ul.reaction-list li input.inpt-small,
div.messages-wide div.editbuttons div.inpt-edit,
div.inpt-edit2,
#pollform input.inpt-small,
.T01 #tripleColMiddle #ctrTop #login input.btnLogin
{
	width:100px; 
	height:33px;
	line-height:33px;
	text-align:center;
	border:0;
	color:White;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;cursor:hand;
	background:transparent url('/includes/Img/Internet/button-blank-small.png') no-repeat top left;
}
div.messages-wide div.editbuttons div.inpt-edit,div.inpt-edit2
{
	padding-right:4px;
}
div.addMessageButton
{
	margin-top:10px;
	margin-left:5px;
}

div.addMessageButton div.inpt-respond
{
	width:168px;
	height:33px;
	line-height:33px;
	text-align:center;
	border:0;
	color:White;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;cursor:hand;
	background:transparent url('/includes/Img/Internet/button-blank-wide.png') no-repeat top left;
}

/* message listing */
ul.reaction-list {
	background:#f2f2f2;
	width:709px;
	position:relative;
	left:2px;
	list-style-type:none;
	color:#666;
	padding:0 15px;
}
	ul.reaction-list li {
	    padding:0;
	}
	
	ul.reaction-list li.title {
	    padding:5px 0;
	    border-bottom:1px solid #73402f;
	}
	
	    ul.reaction-list li.title h5 {
            font-size:1.1em;
            float:left;
            font-size:bold;
	    }
    	
	    ul.reaction-list li.title div.date {
            float:right;
            font-size:bold;
	    }
	    
	ul.reaction-list li p {
        padding:3px 0 0 0;
    }