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

CDI3 CSS Framework
De Nationale Dialoog
Laatste wijziging: 15-07-2009 18:02:08
@import 'http://work.favelafabric.com/21m/css/live.php';

Met medewerking van Yahoo YUI Reset en YUI Base CSS
@http://developer.yahoo.com/yui/base/
 -------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:400;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:400;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select {
	font-family:inherit;
	font-weight:inherit;
	font-size:100%;
}

legend {
	color:#000;
}

del,ins {
	text-decoration:none;
}

	/*----------------------------------------------------------
	Post reset layout 
	----------------------------------------------------------*/

h1 {
	font-size:170%;  
}

h2 {
	font-size:140%; 
}

h3 {
	font-size:117%;  
}

h4 {
	font-size:105%;  
}

h1,
h2,
h3,
strong {
	font-weight:bold; 
}

em {
	font-style:italic;
}

del {
	text-decoration:line-through;
}

ol li {
	list-style: decimal outside;	
}

ul li {
	list-style: disc outside;
}

dl dd {
	margin-left:1em;
}

th,td {
	border:none;
	padding:0;
	margin:0;
}

th {
	font-weight:bold;
	text-align:center;
}

caption {
	margin-bottom:.5em;
	text-align:center;
}

p,fieldset,table,pre {
	margin-bottom:1em;
}

input[type=text],input[type=password],textarea{width:12.25em;}.flag.expert {
	width:66px;
	height:12px;
	background-color:#FF6600;
	display:inline-block;
	background:url(http://www.denationaledialoog.nl/inc/img/rol-deskundige.gif) no-repeat 0 2px;
}

.flag.moderator {
	width:66px;
	height:12px;
	background:url(http://www.denationaledialoog.nl/inc/img/rol-moderator.gif) no-repeat 0 2px;
	display:inline-block;
}

/* --------------------------------------------------
CDI3

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

body {
	text-align: center;
	min-width: 940px;
}

#wrapper {
	margin:0 auto;
	width:940px;
	/* 	
		...of een liquid layout!
		min-width:940px;
		max-width:1100px;
	*/
	text-align: left;
}

.page_lightbox#wrapper {
	width:600px;
	text-align:left;
	margin:0;
	padding:10px;
}
.page_lightbox#wrapper textarea {
	height:200px;
}

.page_lightbox#wrapper label ,
.page_lightbox#wrapper .input {
	height:30px;
}

.page_lightbox#wrapper .buttons {
	clear:both;
	float:right;
	margin-top:200px;
}

.page_lightbox#wrapper label {
	width:100px;
	float:left;
}

.page_lightbox#wrapper textarea,
.page_lightbox#wrapper input {
	width:400px;
}

#header h1 img {
}
#header h1 {
	padding:13px 0;
}

#header h2#dpz {
	float:right;
	height:23px;
}

#content {
	min-height:500px;
}

#content #main_wrap {
	width: 100%;
	float: left;
	margin-right:-300px;
	padding-bottom:100px;
}

#content #main {
	margin-right:300px;
	padding-right:20px;
}

#content #side {
	width: 298px;
	float: right;
	overflow:hidden;
}

	/* <homepages> */
	.page_home #content #main_wrap {
		width: 100%;
		float: left;
		margin-right: -480px;
	}
	
	.page_home #content #main {
		margin-right:480px;
		padding-bottom:25px;
	}
	.page_home #content #side {
		width:460px;
		float: right;
	}
	/* </homepages> */
	
	.page_ideas #main {
		padding-right:20px;
	}

	.page_overzicht #content #main,
	.page_overzicht #content #main_wrap ,
	.page_management #content #main,
	.page_management #content #main_wrap {
		margin:0px;
	}

.clearing {
	clear:both;
	float:none !important;
}

.credit-logo {
	text-align:right;
	padding-right:40px;
}

/* --------------------------------------------------
General layout (overall look & feel)
- dit is alles dat op elke pagina - op een vaste plek - wordt getoont
- achtergronden, logo's, headers, dikke vette buttons (geen tijdelijke banners)
-------------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background:#FFFFFF;
}

h1,h2,h3,h4,h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
}


#wrapper { }

#header h1 {
	font-size:0px;
}

#main h2 {
	text-align:left;
	font-size:35px;
	color:#CC0000;
	padding:10px 0px;
	
	font-style:italic;
}

#main h2 a {
	color:inherit;
	text-decoration:none;
}

/* --------------------------------------------------
Navigatie
- de navigatie van de website (tabs, andere links in header)

@edit 11-12-2008
@edit 14-12-2008

Sample:

	<div id="navigation">
		<ul>
			<li><a href="" class="active">Home</a></li>
			<li><a href="">Spelletje</a></li>
			<li><a href="">Thema's</a></li>
			<li><a href="">Over de site</a></li>
		</ul>
	</div>

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

#navigation {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:30px;
	clear:both;
}

#navigation ul {
	width:690px;
	float:left;
}

#navigation ul li {
	list-style:none;
	display:inline;
}

#navigation ul li a ,
#navigation ul li a:visited {
	font-size:14px;
	display:inline-block;
	padding:6px 10px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#navigation ul li a:hover ,
#navigation ul li a.active  {
	color:#cc0000;
}

#navigation #search {
	float:right;
	background:url(http://www.denationaledialoog.nl/inc/img/bg-form-innershadow.gif) no-repeat;
	border-left:1px solid #000;
	height:30px;
}

#navigation #search input.go {
	border:0px;
	cursor:pointer;
	width:20px;
	height:25px;
	background:url(http://www.denationaledialoog.nl/inc/img/icon-vergrootglas.gif) no-repeat center center;
}

#navigation #search input.field {
	width:200px;
	padding:6px 3px 3px 10px;
	border:none;
	font-size:14px;
	background:none;
}



/* --------------------------------------------------
Global CSS
-------------------------------------------------- */
input, textarea, select {
	border:1px solid #666666;
	color:#333;
	padding:2px;
	margin:1px;
	background:url(http://www.denationaledialoog.nl/inc/img/bg-form-innershadow.gif) no-repeat;
}

input[type=checkbox] , 
input[type=radio] {
	width:20px !important;
}

label {
	cursor:pointer;
}

a {
	cursor:pointer;
	color:#cc0000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline !important;
}

a:visited {
}

a:active {
	color:#FF6600;
}

.hidden {
	display:none;
}

/* --------------------------------------------------
System / Moderator CSS
-------------------------------------------------- */


.locked ,
.locked a {
	color:#666666;
}

.item.locked {
	background:url(http://www.denationaledialoog.nl/inc/img/icon-gesloten.gif) no-repeat;
	background-position:right;
}


/* --------------------------------------------------
Sidebar
- de weergave van de sidebar
- ook de dynamisch gegenereerde lijstjes


<div class="block">
	<h3>Block title</h3>

	<ul class="item_list">
		<li><a class="title" href="">1 soort gate 1 soort proces</a> - <a class="author" href="">Petra Veltena PS</a></li>
	</ul>

</div>

<div class="block">
	<h3>Block title</h3>
	
	<p>Blabla</p>
	<p>Blabla</p>
	
</div>

 -------------------------------------------------- */	 
#side .block {
	margin:0px 0px 20px 0px;
	clear:both;
	background-color:#f1f1ef;
	padding:10px;
	border-bottom:1px solid #ccc;
}

#side h3 {
	font-size:20px;
	margin-bottom:10px;
}

.doe #intro .text {
	width:575px;
	font-size:13px;
	line-height:21px;
}

/***

Negative margins will not allow (in IE) the callouts to break outside their
container but relative positioning will.

For the left, remove
margin: left;

Add
position: relative; left: -50px;

To fix up the text flow change
margin-right: 10px;
to
margin-right: -40px;

Similar (but the other way round) for the right callout:

position: relative;
left: 50px;
margin-left: -40px;

***/

.page_home #side h3 {
	background:url(http://www.denationaledialoog.nl/inc/img/side-strip.gif) no-repeat;
	color:#FFFFFF;
	padding:4px 0px 3px 10px;
	font-size:20px;
	font-style:italic;
	margin:-10px -10px 3px -10px;
	height:28px;
}

.page_home #side h3 span.title a {
	float:left;
	color:#fff;
}

.page_home #side h3 span.count {
	font-size:12px;
	font-style:normal;
	float:right;
	display:block;
	margin:3px 5px 0px 0px;
	color:#cc0000;
}

#side .post strong {
	display:inline;
}

#side .post h4 {
	font-size:12px;
	font-weight:bold;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#side .post p 
{
	padding-left:46px;
	padding-right:5px;
}



.page_home #side h4 {
	font-weight:bold;
	font-size:16px;
	padding:5px 0px;
}

#side ul.item_list  { 
	padding:0px;
	margin:0px;
	font-size:12px;
}

#side ul.item_list li { 
	list-style:none;
}

#side ul.item_list li a { 
	color:#333;
	text-decoration:none;
}

#side ul.item_list li a span { 
	color:#666;
	white-space:nowrap;
}

#side ul.item_list li a:hover { 
	text-decoration:underline;
}

/*  BADGE / blokje met user-info in sidebar */
#side .badge {
	border-bottom:1px solid #000;
	height:60px;
	text-align:right;
	margin:10px 0px 15px 0px;
}

#side .badge .profile {
	float:right;
	margin-left:10px;
}


/* --------------------------------------------------
Topbar
@added 14-12-2008


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

#topbar {
	padding:5px;
	text-align:right;
}

#topbar .tab {
	padding:0px 5px;
	display:inline;
}

#topbar ,
#topbar a {
	font-size:12px;
	text-decoration:none;
	color:#333;
}


/* --------------------------------------------------
Footer
@added 15-12-2008
 -------------------------------------------------- */
#footer {
	background-color:#efeeec;
	border-top:1px solid #999999;
	padding-top:10px;
	padding-bottom:60px;
	clear:both;
	font-size:12px;
	padding-left:15px;
}

#footer ul {
	margin:0px;
}

#footer #menu {
	width:460px;
	float:left;
}

#footer #credits {
	width:460px;	
	float:right;
	font-style:italic;
}

#footer .kolom {
	width:200px;
	float:left;
	letter-spacing:1px;
}

#footer #menu .kolom {
	margin-left:15px;
}

#footer ul li ,
#footer em {
	padding:2px 0px
}

#footer em {
	display:block;
}

#footer #menu ul li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-grijs.gif);
}

#footer #credits ul li {
	list-style:none;
}

#footer a {
	color:#666;
	text-decoration:none;
}

#footer a:hover {
	color:#CC0000;
	text-decoration:underline;
}


/** correctie voor lijstje **/


ol li  {
	list-style:decimal;
}

ul ol , 
ul ul {
	padding-left:20px;
}

/** brieven ***/
#brief .afzenders .buttons a ,
#brief .afzenders .buttons a:hover {
	color:#fff;
	text-decoration:none;
}

.page_management .explainer {
	width:900px;
	border:1px solid #ccc;
	padding:20px;
	margin:20px 50px;
	line-height:20px;
}

.page_management .explainer ul {
	margin-left:20px;
}

/* poll */

#poll ul#choice li {
	line-height:18px;
	padding:2px 3px;
	font-size:12px;
}

#side #poll ul.item_list li a {
	color:#cc0000;
}


#poll .resultline {
	background-color:#CC0000;
	height:32px;
	background:url('/inc/img/poll-bg.png') no-repeat 0px 0px;
}

#poll .resultline_bg {
	background:url('/inc/img/poll-bg.png') no-repeat 0px -40px;
}

#poll li.answer {
	font-size:12px;
	width:400px;
	margin:3px;
	overflow:hidden;
}

/**/
.item.question strong img ,
.item.project strong img { 
	padding:0px 10px 0px 25px; 
	float:left;
}

.item.question em img ,
.item.project em img { 
	padding-right:10px; 
	float:left;
}

#more-text {
	display:none;
}	
.ontwerp-mee-ankeiler {
	width:165px;
	padding:2px 2px 2px 50px;
	height:99px;
	float:left;
	background-color:#FFFFFF;
}

.ontwerp-mee-ankeiler em, 
.ontwerp-mee-ankeiler a, 
.ontwerp-mee-ankeiler strong{
	display:block;
}

.ontwerp-mee-ankeiler strong{
	font-size:16px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.ontwerp-mee-ankeiler a {
	padding-top:4px;
	float:right;
}

.page_questions.denk #intro ul,
.page_questions.denk #intro ol {
	margin:10px 20px;
	padding:0px 20px;
	background-color:#F1F1EF;
}

.page_questions.denk #intro ul li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-grijs.gif);
}

.page_questions.denk #intro .text {
	padding:0px 30px 0 0 ;
	text-align:justify;
	line-height:20px;
}

.page_questions.denk #intro .text div {
	background-color:#F1F1EF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:15px;
}
.page_questions.denk #intro .text div img {
	float:right;
	width:150px;
	height:150px;
	margin-left:20px;
}

/* share henkies */
img.share {
	margin:0 5px;
	cursor:pointer;
}


a.share  {
    color:#000000;
    width:110px;
    display:block;
    float:left;
    padding-left:20px;
	height:20px;
}

a.share:hover {
	font-weight:bold;
}


a.share.facebook { 			background:url("http://www.denationaledialoog.nl/inc/img/share-facebook.gif") no-repeat; }
a.share.facebook:hover {	background:url("http://www.denationaledialoog.nl/inc/img/share-facebook-hover.gif") no-repeat; }

a.share.email { 			background:url("http://www.denationaledialoog.nl/inc/img/share-email.gif") no-repeat; }
a.share.email:hover {		background:url("http://www.denationaledialoog.nl/inc/img/share-email-hover.gif") no-repeat; }

a.share.hyves { 			background:url("http://www.denationaledialoog.nl/inc/img/share-hyves.gif") no-repeat; }
a.share.hyves:hover {		background:url("http://www.denationaledialoog.nl/inc/img/share-hyves-hover.gif") no-repeat; }

a.share.linkedin { 			background:url("http://www.denationaledialoog.nl/inc/img/share-linkedin.gif") no-repeat; }
a.share.linkedin:hover {	background:url("http://www.denationaledialoog.nl/inc/img/share-linkedin-hover.gif") no-repeat; }

a.share.twitter { 			background:url("http://www.denationaledialoog.nl/inc/img/share-twitter.gif") no-repeat; }
a.share.twitter:hover {		background:url("http://www.denationaledialoog.nl/inc/img/share-twitter-hover.gif") no-repeat; }

a.share.delicious { 		background:url("http://www.denationaledialoog.nl/inc/img/share-delicious.gif") no-repeat; }
a.share.delicious:hover {	background:url("http://www.denationaledialoog.nl/inc/img/share-delicious-hover.gif") no-repeat; }


.error_summary ul li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-rood.gif);
}
.error_summary ul {
	padding-left:20px;
	color:#990000 !important;
	font-weight:700;
	font-size:14px;

}

span.alert {
	color:#cc0000 !important;
	font-weight:700;
	font-size:14px;
	width:300px;
}

.supporters h3 {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	color:#696969;
	letter-spacing:normal;
}

.supporters {
	border-top:1px solid #E5E5E5;
	margin-top:3px;
	padding-top:3px;
	width:525px;
}

.supporters a.self img  {
	border:2px solid #FF9900;
}

.doe .children a { font-weight:bold;}
.doe .children  {
	text-align:right;
}

.supporters .profile {
	height:30px;
	width:30px;
}

.onderwerp {

}

.supporters .ik_doe_mee {
	display:block;
	font-weight:700;
	clear:both;
}

.supporters .profile img {
	height:26px;
	width:26px;
}

/* videos' */
.video {
	padding:10px 0px;
	text-align:center;
}


/******************
User profile avatar
*********************/


.profile {
	overflow:hidden;
	width:40px;
	height:40px;
	float:left;
	padding:3px;
}

img.profile {
	border:2px solid #CCCCCC !important;
}

.profile img {
	border:2px solid #CCCCCC;
}

.profile a:hover img {
	border:2px solid #cc0000;
}




/* --------------------------------------------------
De Shoutbox
-------------------------------------------------- */
#shoutbox #shouts {
	height:300px;
	overflow:auto;
	font-size:12px;
	color:#333;
	width:270px;
	line-height:16px;
}

#shoutbox #shouts .shout br {
	display:none;
}

#shoutbox #shouts .shout {
	margin:5px 0 15px 0;
}

#shoutbox #shouts .shout .author ,
#shoutbox #shouts .shout .time {
	font-family:Arial, Helvetica, sans-serif;
}

#shoutbox #shouts .shout .author a {
	color:#000;
	text-decoration:none;
	font-style:italic;
	font-weight:700;
}

#shoutbox #shouts .shout .text {
	clear:both;
	display:block;
}

#shoutbox #shouts .shout .author img {
	vertical-align:middle;
}

#shoutbox #add textarea {
	border:1px solid #CCC;
	width:265px;
	margin:10px 0;
}



#spotlightFeedback ,
#subscriptionFeedback {
	padding-left:22px;
	background-color:#FFCC00;
}



/* --------------------------------------------------
Mininav

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

.nav {
	margin-top:5px;
}

.nav a {
	padding:5px 10px;
	text-decoration:none;
	color:#000;
	width:150px;
	display:inline-block;
	text-align:center;
}

.nav a:hover,
.nav a.active {
	text-decoration:none;
	background-color:#f1f1ef;
	color:#000;
	font-weight:700;
}

/* --------------------------------------------------
Nieuws
@added 11-12-2008
@edit 14-12-2008
-------------------------------------------------- */

.read_more ,
a.read_more {
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;
	color:#CC0000;
}

a.read_more:hover {
	text-decoration:underline;
}




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

Statische content
- Pagina's als de FAQ, Help, uitleg, etc.
- Moet gemakkelijke CSS bevatten voor dingen die de moderator vaak doet
-------------------------------------------------- */


.page_news_overview .read_more {
	text-align:right;
	display:block;
}

.page_news_overview .news_item {
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:21px;
}

.page_news_overview .intro {
	line-height:21px;
}


.page_news_item .news_item .intro {
	font-size:14px;
	font-weight:700;
	margin-bottom:15px;
	margin-top:15px;
	line-height:20px;
}


.page_news_item .body {
	line-height:20px;

}

.page_news_overview .news_item h3 ,
.page_news_item .news_item h3 {
	padding-bottom:5px;
}

.page_news_item .visual {
	float:left;
	margin:0px 10px 0px 0px;
	border:1px solid #CCCCCC;
}
.news_item .author ,
.news_item .date {
	color:#666;
	display:inline;
}



.news_item h3 {
	font-size:22px;
	font-style:italic;
	color:#c00;
}






.page_static #content #main {
	font-size:13px;
	line-height:21px;
}

.page_static #main h2 {
	padding-bottom:20px;
} 
.page_static h3,
.page_news_item .news_item h4 {
	font-size:16px;
	padding-top:5px;
	font-style:italic;
}

.page_static #main ul li,
.page_static #main ol li,
.news_item ul li, 
.news_item ol li {
	margin-left:25px;
}

.page_static table tr ,
.news_item table tr {
	border-collapse:collapse;
	font-size:12px;
}

.page_static td,
.page_static th ,
.news_item td,
.news_item th {
	padding:1px 20px;
}
.page_static ul li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-grijs.gif);
}

.page_static th ,
.news_item th {
	background-color:#333333;
	color:#fff;
	border:1px solid #333333;
}

.page_static td ,
.news_item td {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

/* --------------------------------------------------
Standard buttons
@added 11-12-2008

Sample:
-------------------------------------------------- */

.page_profile .edit ,
.buttons {
}

.page_profile .edit a ,
.buttons a {
	padding:2px 5px;
	
	background-color:#cc0000;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

/* standaard */
.page_profile .edit a:hover ,
.buttons a:hover {
    background-color:#990000;
}

.page_profile .edit a:active ,
.buttons a:active {
    background-color:#ff0000;
    color:#fff;
}



/* --------------------------------------------------
The activity stream.
@added 11-12-2008
		
-------------------------------------------------- */

#activity_stream a.rss {
	float:right;
	background:url(http://www.denationaledialoog.nl/inc/img/icon-rss.gif) no-repeat;
	padding-left:20px;
	color:#cc0000;
	font-style:italic;
	margin-top:10px;
	height:18px;
}

#activity_stream a.read_more {
	padding-top:10px;
	float:left;
}


#activity_stream p {margin:0; padding:0;}

#activity_stream .activity {
	padding:5px 1px 1px 50px;
	min-height:36px;
	border-top:1px solid #ccc;
}

#activity_stream .activity .time {
	color:#666;
}

 /* reactie op je eigen idee */
 /* reactie op idee waarop jij bent gesubscribed */
 /* reactie op idee waarin jij gepost hebt */ 
#activity_stream .activity.comment_owner ,
#activity_stream .activity.comment_subscription , 
#activity_stream .activity.comment_posted 
{ 
	background:url(http://www.denationaledialoog.nl/inc/img/as-reactie.gif) no-repeat;
} 

/* reactie op vraag waarop jij bent gesubscribed */ 
#activity_stream .activity.idea_subscription ,
#activity_stream .activity.comment_idea
{ 
	background:url(http://www.denationaledialoog.nl/inc/img/as-idee.gif) no-repeat;
}

/*  
#activity_stream .activity.project 
#activity_stream .activity.question 
*/ 


/* nieuw nieuwsbericht */ 
#activity_stream .activity.news 
{  
	background:url(http://www.denationaledialoog.nl/inc/img/as-nieuws.gif) no-repeat;
} 
/* nieuw persoonlijk bericht */
#activity_stream .activity.mailmessage 
{ 
	background:url(http://www.denationaledialoog.nl/inc/img/as-bericht.gif) no-repeat;
} 
 /* gestemd op jouw idee */ 
#activity_stream .activity.vote { 
	background:url(http://www.denationaledialoog.nl/inc/img/as-stem.gif) no-repeat;
} 
/* nieuwe user */ 
#activity_stream .activity.new_user {
	background:url(http://www.denationaledialoog.nl/inc/img/as-gebruiker.gif) no-repeat;
} 
/* nieuwe user */ 
#activity_stream .activity.blog {
	background:url(http://www.denationaledialoog.nl/inc/img/as-blog.gif) no-repeat;
} 


/* --------------------------------------------------
Login form
@added 16-12-2008
-------------------------------------------------- */

#login {
	width:355px;
	padding:30px;
	font-size:14px;
	background-color:#f1f1ef;
	border-bottom:1px solid #CCC;
	margin-bottom:20px;
	float:left;
}

#login label {
	display:block;
}

#login #ctl00_cplMain_login_cbxRememberMe ,
#login #ctl00_cplMain_addUser_cbxAgree{
	float:left;
}

#login .buttons {
	float:right;
}

.page_login #content #main,
.page_login #content #main_wrap ,
.page_register #content #main,
.page_register #content #main_wrap {
	margin-right:0px;
}

#explainer {
	float:right;
}

.praat #explainer {
	float:none;
}

.praat #explainer .kolom {
	width:135px;
}

#explainer .kolom {
	text-align:center;	
	width:140px;
	float:left;
	margin:0px 10px;
}

#explainer h3 {
	color:#c00;
	margin:0px 10px;
	font-size:17px;
	padding-bottom:10px;
	font-style:italic;
}
#explainer .kolom h3 {
	color:#333;
	margin:0px;
	padding:0;
	font-size:14px;
	font-style:normal;
}

#explainer p {
	line-height:20px;
}




/* --------------------------------------------------
Profile Page
-------------------------------------------------- */


.page_profile #side {
	display:none;
}

.page_profile #content #main,
.page_profile #content #main_wrap
{
	margin:0px;
}


.page_profile #main h3 {
	color:#c00;
	font-size:18px;
	font-style:italic;
	padding-bottom:4px;
}

.page_profile table.info {
	width:300px;
	border-collapse:collapse;
	border:0;
}

table.info td, table.info tr {
	border:none;
	padding:1px 0;
	margin:0;
}

table.info td.key {
	width:110px;
}

.page_profile .bio {
	line-height:21px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:30px;
}

.page_profile .item h3.title {
	width:500px;
}


.page_profile #info {
	float:left;
	width:500px;
}

.page_profile #mailbox {
	clear:both;
	width:500px;
}



.page_profile .edit {
	margin-bottom:10px;
}

.page_profile .avatar {
	margin:0px 5px 3px 0px;
}

.page_profile .avatar img {
	border:2px solid #ccc;
}

.page_profile table.messages {
	border-collapse:collapse;
	width:100%;
	font-size:11px;
}

.page_profile table.messages td {
	border-bottom:1px solid #CCCCCC;
	padding:3px 0;
}

tr.unread {
	font-weight:bold;
}

td.check {
	width:10px;
}

td a img {
	margin-right:10px;
	border:2px solid #ccc;
}

td.user , td.date {
	width:170px;
}

.page_profile #info .avatar {
	float:left;
}

.page_profile td.user img {
	vertical-align:middle;
}


.page_profile #spotlight {
	width:340px;
	float:right;
	line-height:21px;
}

#mailbox .message {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

#mailbox .message .text {
	font-size:14px;
	padding:5px;
	margin-bottom:10px;
}

#mailbox .message_info {
	clear:both;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;

}
#mailbox .message_info div {
	clear:both;	
}

#mailbox .message_info div strong {
	float:left;
}
#mailbox .message_info div span {
	float:right;
	width:200px;
}

#mailbox .message_info div {
	width:300px;
}


#spotlight select {
	border:1px solid #666666;
	padding:2px;
	display:block;
}
.page_profile .item_form label {
	font-weight:bold;
}
.page_profile .item_form {
	clear:both;
	width:500px;
}

#mailbox {
	margin-bottom:40px;
}

.page_profile #contributions {
	clear:both;
	width:500px;
}

.page_profile #contributions .source {
	color:#c00;
	font-style:italic;
	font-weight:bold;
}

.source a {
	font-weight:normal;
}

.page_profile #contributions h3.title {
	color:#000;
	font-style:normal;
}


.page_profile .item {
	border-bottom:1px solid #CCCCCC;
}



.page_profile #contributions ul {
		padding-left:20px;

}

.page_profile #contributions li a {
}

.page_profile #contributions li a.unsub { display:block; padding-right:20px; text-align:right; float:right; width:100px; }



.page_profile #contributions li {
	list-style:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-rood.gif);
	padding:10px 0px;
	
}

.page_profile #contributions li a.title {
	color:#333;
	font-style:italic;
	font-weight:bold;
	font-size:14px;	
}


/* --------------------------------------------------
Admin Stuff
 -------------------------------------------------- */


.mod_options ,
#tags {
	background-color:#F1F1EF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.mod_options.buttons {
	padding:0px;
}

.mod_options a {
	background-color:#c00;
	color:#fff;
	font-size:12px;
	padding:2px 5px;
	font-weight:bold;
}

#tags select {
	border:1px solid #666666;
	padding:1px;
	font-size:11px;
	margin:0px 6px 0px 0px;
}

.mod_options a {
}	

.item .mod_options div {
display:inline;
}


.deleted ,
.deleted  a{
	color:#666666 !important;
}

.item.deleted {
	background:#dbdbdb url(http://www.denationaledialoog.nl/inc/img/item-is-deleted.gif) no-repeat right top;
}




/* --------------------------------------------------
Zoekpagina
 -------------------------------------------------- */
#search_bar {
	background-color:#f1f1ef;
	font-size:14px;
	margin-bottom:20px;
	padding:4px 10px;
}

#search_bar .field {
	margin-left:20px;
}


#search_results h3 {
	font-size:18px;
	padding:0px;
	font-style:italic;
	padding:10px 0;
}

#search_results h3.title {
	padding:0;
	margin:0;
	border:0;
	font-style:normal;
}

#search_results .item a {
	color:#333;
}

#search_results .item {
	padding-left:40px;
}

#search_results blockquote {
	display:none;
}

#search_results .item .author {
	font-style:italic;
}

#search_results .item.comment .author {
	font-style:italic;
	font-weight:normal;
	display:block;
	font-size:12px;
}	

#search_results {
	width:410px;
	float:right;
}

#search_results .result_type {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}


#search_menu a {
	color:#000;
}

#search_menu .active a {
	color:#000;
	font-weight:bold;
}

#search_menu {
	width:200px;
	float:left;
}

#search_menu ul {
	margin-left:14px;
}

#search_menu ul li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-rood.gif);
}


a.onderwerp {
	font-style:italic;
	display:block;
}




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

a.delete { 
	color:#990000 !important;
}



.subheader h3 {
	color:#c00;
	font-size:16px;
	float:left;
	margin-bottom:10px;
}

.go_idea {
	width:300px;
	float:right;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}

.go_idea .buttons {
	clear:none;
	display:inline-block;
	height:auto;
}

.go_idea .buttons a {
	margin:0px;
	padding:2px 10px;
}


.page_questions .item.question {
	margin-bottom:20px;
}

/* --------------------------------------------------
CDI Items
 -------------------------------------------------- */

.item .children {
	padding-top:10px;
	width:525px;
}

.page_ideas .item.idea .children {
	border-top:1px solid #ccc;
}

.item.highlight {
	background:#FCFECB;
}

.item {
	clear:both;
	margin-bottom:10px;
}

.item h3.title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	display:inline-block;
	white-space:normal;
}

.item .text {
	margin:3px 0px;
	font-size:13px;
	line-height:19px;
	width:525px;
}

h3.title a:hover {
	color:#cc0000;
	text-decoration:underline;
}

h3.title strong {
	color:#CC0000;
}

.item .post {
	width:560px;
	float:right;
}

.item.idea {
	margin-bottom:50px;
}

.page_comments .item.idea {
	margin-bottom:10px;
}

.item .dateline {
	font-style:italic;
	display:block;
	padding:0 0 5px 0;
	color:#777;
}

.item div.dateline {
	padding:0;
}

/**---- Titels */
.item h3.title a ,
.item h3.title a:visited {
	color:#000;
	text-decoration:none;
	white-space:normal;
	font-size:18px;
}

.item.idea h3.title {
	width:525px;
	color:#000;
}

/* ---- linked items */
.item .linked_items { }

	.item .linked_items ul { 
		padding:0px 0px 0px 25px; 
	}
	
	.item .linked_items ul li a {  
		color:#000;
		text-decoration:none;
		font-size:12px;
		padding:2px 0px;
		margin:1px 0px;
	}

/* ---- activity  */
.activity_bg {
	display:inline-block;
	width:50px;
	height:8px;
	background:url(http://www.denationaledialoog.nl/inc/img/activity-none.gif) no-repeat;
}

.activity_fg {
	display:inline-block;
	height:8px;
	background:url(http://www.denationaledialoog.nl/inc/img/activity-full.gif) no-repeat;
}

/* voting */
.voting {
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
}

	a.vote {
	width:30px;
	display:inline-block;
	padding-left:20px;
	}
	
	a.vote:hover {
	text-decoration:none;
	}
	
	a.vote.pro {
	color:#060;
	background:url(http://www.denationaledialoog.nl/inc/img/vote-pro-state.gif) no-repeat;
	}
	
	a.vote.con {
	color:#E12441;
	background:url(http://www.denationaledialoog.nl/inc/img/vote-con-state.gif) no-repeat;
	}
	
	a.vote.pro.voted ,
	a.vote.pro:hover {
	background:url(http://www.denationaledialoog.nl/inc/img/vote-pro-hover.png) no-repeat;
	}
	
	a.vote.con.voted ,
	a.vote.con:hover {
	background:url(http://www.denationaledialoog.nl/inc/img/vote-con-hover.png) no-repeat;
	}


/* ---- De Quotes */
.item blockquote {
	padding:2px 5px;
	margin:2px 0 2px 20px;
	border-left:1px solid #333333;
	font-style:italic;
	font-size:12px;
	line-height:16px;
}

.item.question blockquote {
	font-size:15px;
}

	blockquote p {
		margin:0;
		padding:0;
	}
	
	blockquote blockquote {
		font-size:90%;
	}

	.item blockquote strong a {
		color:#333;
	}
	
	.item blockquote strong {
		font-style:italic;
		display:block;
	}
	
	blockquote br {
		display:none;
	}



textarea.edit_area {
	width:560px;
	border:1px solid #CCC;
}



/* ---- Attachment */
.attachments h4 {
	font-size:16px;
	font-style:italic;
}

.attachments .attachment {
	padding-left:10px;
}

.attachments .attachment img {
	display:block;
}

.attachment a div.pdf {
	width:100px;
	height:100px;
}

.attachments .attachment a {
	font-size:13px;
	color:#000;
	text-decoration:none;
}

/* --------------------------------------------------
Item selection:: Paging & Sorting
@added 11-12-2008
-------------------------------------------------- */

.item_selector {
	color:#333;
	padding:3px;
	background-color:#f1f1ef;
	margin-bottom:20px;
}

.item_selector .pager {
	float:left;
}

.item_selector .pager a {
	text-decoration:none;
	color:#333;
	padding:3px;
	font-size:12px;
}

.item_selector .pager a:hover ,
.item_selector .pager a.active {
	color:#CC0000;
}

.item_selector .sorter {
	float:right;
	font-style:italic;
}

.item_selector .sorter select {
	width:200px;
	border:1px solid #CCCCCC;
	font-size:12px;
	background-color:#FFFFFF;
}



/* --------------------------------------------------
item_form:: Add or edit item
-------------------------------------------------- */
.item_form label {
	clear:both;
}

.page_projects.doe .item_form label {
	display:inline-block;
	width:100px;
}

.page_projects.doe .item_form input.title {
	width:470px;
}

.page_projects.doe .item_form select.title {
	width:300px;
}

#main .item_form h2 {
	font-size:24px;
	color:#000000;
}

#main .item_form h2 strong {
	color:#cc0000;	
}

.item_form select ,
.item_form textarea ,
.item_form input {
	width:95%;
	padding:5px;
	margin:3px 0px;
	border:1px solid #CCC;
}

.item_form textarea {
	height:200px;
}

.add_attachments {
	width:200px;
	float:right;
	text-align:right;
}

#add_item .buttons {
	padding-top:10px;
	margin-bottom:10px;
}

#add_item .add_attachments {
	padding-right:17px;
	padding-top:3px;
}

/* --------------------------------------------------
Breadcrumb
-------------------------------------------------- */
	
.breadcrumb { 
	padding:2px;
	margin:3px 0px;
}

.breadcrumb a, 
.breadcrumb a:visited { 
	font-size:12px;
	color:#999;
	text-decoration:none;
	font-weight:bold;
	padding:0px 3px;
}

.breadcrumb a:hover ,
.breadcrumb a.active:hover {
}

.breadcrumb a.active {
	color:#333;
	font-weight:normal;
}


.page_ideas #main #intro h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
}


.inloggen_gast {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:16px;
	padding:5px 35px;
	text-align:center;
	margin:25px 0px;
}/*****
landing
*******/


#landing {
	text-align: center;
	min-width: 900px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f7f5f6;
}


#landing div.logo {
	padding-bottom:10px;
}

#landing .kolom .plaatjes {
	height:120px;
}

#landing .kolom .tekst {
	height:240px;
}

#landing h1 {
	font-size:24px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#landing-blok {
	margin:20px auto 20px auto;
	text-align: left;
	width:900px;
	height:660px;
	border:1px solid #ccc;
	background-color:#FFFFFF;
	padding:20px;
}

#landing .intro p {
	padding:10px 0px 0px 0px;
	margin:0;
}

#landing .intro {
	margin-bottom:25px;
}

#landing .footer {
	margin:20px auto 20px auto;
	width:800px;
}

#landing .services .kolom {
	float:left;
	border:1px solid #ccc;
	padding:10px;
	background-color:#f7f5f6;
	height:430px;
}

#landing .kolom .logo {
	padding-bottom:10px;
}

#landing h3.logo {
	font-size:16px;
}

#landing .kolom.hover {
	color:#000;
}

#landing .kolom.idle {
	color:#ccc;
}

#landing .kolom img.visual {
	margin-bottom:10px;
}

#landing .services .dnd, 
#landing .services .enquete {
	width:300px;
	margin-right:20px;
}

#landing .services .events {
	width:190px;
}





/*****
else
*******/



.summarized {
    padding: 20px; 
    background: #F1F1EF; 
}


.summarized ul {
	margin-left:20px;
}

/**/
     

.thanks h3 {
	font-size:20px;
}

.thanks li {
	font-size:17px;
	padding:10px 0px;
}


/* tables */
table#overzicht ,
table#overzicht a {
	color:#333;
}

table#overzicht .status {
	text-align:right;
}

table#overzicht tr.nieuwe_reactie {
	font-weight:bold;
}

table#overzicht td.erg_actief {
	background-color:#FF0000;
	color:#fff;
}



table#overzicht {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table#overzicht thead tr th, 
table#overzicht tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table#overzicht thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	text-align:left;
	cursor: pointer;
}

table#overzicht tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table#overzicht tbody tr.odd td {
	background-color:#F0F0F6;
}

table#overzicht thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table#overzicht thead tr .headerSortDown {
	background-image: url(desc.gif);
}

table#overzicht thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}




/***
----- brief ondertekenbaar
**/
#brief {
	padding:50px 50px 50px 50px;
	margin:0px;
	
	background-color:#F0F0F0;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;
	line-height:20px;
	font-size:16px;
	
	border:1px solid #CCCCCC;
}



div.error {
	font-weight:bold;
	color:#990000;
}


#brief_end {
	height:40px;
	background:url(../images/brief-lower-bg.jpg) no-repeat top center;
}

#side .changes a {
	color:#000;
}

#side .changes ul {
	margin-left:5px;
}

#side .changes li {
	list-style:none;
}


#brief .datum {
	padding-bottom:10px;
	text-align:right;
}

#brief .onderwerp {
	font-weight:700;
}

#brief .aan ,
#brief .datum ,
#brief .onderwerp ,
#brief .tekst {
	padding-bottom:20px;
}

#brief .buttons {
	padding-top:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	line-height:normal;
	text-align:right;
}

#brief .afzender {
	float:left;
	padding-right:10px;
	padding-bottom:15px;
	width:70px;
	height:80px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	line-height:normal;

}

#brief .afzenders a {
	color:#333333;
}

#brief .afzenders a:hover {
	text-decoration:none !important;
	color:#cc0000;
}

#brief .afzenders .auteur .afzender { 
	float:none; 
}

#brief .afzenders .auteur {
	clear:both;
	width:100%;
}

#brief .afzender img {
	border:2px solid #CCCCCC;
}


.page_brief .versie {
	text-align:center;
	padding:5px;

	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
}

.page_brief .maak_nieuwe {
	text-align:right;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	padding:10px 10px;
}

.versie a {
	float:right;
}

.versie span {
	float:left;
}

/** listing table */


/* breed maken */
#wrapper.page_brief.wide #content #side {
	display:none;
}

#wrapper.page_brief.wide #content #main_wrap {
	margin-right:0px;
}

#wrapper.page_brief.wide #content #main {
	margin-right:0px;
}


table#brieven {
	width:100%;
}

table#brieven th {
	text-align:left;
	padding:3px;
	border-bottom:1px solid #777;
}

table#brieven td {
	border-bottom:1px solid #ccc;
	padding:7px 3px;
	vertical-align:top;
}

table#brieven a {
	display:block;
	color:#333;
}

table#brieven a:hover {
	color:#CC9900;
}


/** --- brief nieuw **/

#brief input ,
#brief select ,
#brief textarea {
	display:inline;
}

#brief .aan input {
	width:465px;
}

#brief .onderwerp input {
	width:440px;
}

#brief .changelog input {
	width:510px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#brief textarea {
	width:510px;
	height:400px;
}



/* --- brieven overview  */

.page_brief_overview {
	
}

.page_brief .kolom {
	width:290px;
	float:left;
	margin-right:15px;
}

.page_brief h3.subheader {
	padding-bottom:20px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.page_brief .overview li {
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-rood.gif);
}

.page_brief .kolom.overview .brief {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	padding-right:5px;
}



/***
andere snizl

**/






.body .bio {
	border-bottom: 1px solid #ccc; 
	margin: 5px;
	padding: 10px; 
	background-color:#F1F1EF;
}

.doe .item.project {
	font-size:14px;
	
}

.page_questions.denk #intro h2 {
	line-height:37px;
}


#deelnemers {
	width:630px;
}

#framed {
	text-align:left;
	width:720px;
	height:320px;
	overflow:hidden;
}


#framed.mentality {
	width:695px;
	height:320px;
}

#framed.mentality #framed-text {
	width:290px;
}
#framed-header {
	padding:0px 0px 5px 0px;
}

#framed-video { 
	width:400px; 
	float:left;
}

#framed-text {
	float:right;
	width:300px;
	padding:5px 0 0 0;
	line-height:24px;
}

#framed-footer .buttons a {
	font-family:Arial, Helvetica, sans-serif;
}

#framed-cta {
	padding:5px 0;
}

#framed-footer {
	clear:both;
}

#framed-dpz {
	float:left;
	font-style:italic;
	font-size:13px;
}
#framed-go {
	float:right;
}


/**
Homepages
*/

#introductie {
	font-size:12px;
	line-height:21px;
	border-bottom:1px solid #e4e2df;
	padding:5px 0px;
}

#praat_mee .read_more {
	display:block;
	margin-top: 5px;

}
#praat_mee ul li {
	margin:5px;
}

.page_home .intro {
	line-height:19px;
}

.news_item {
	line-height:18px;
}


.page_home .news_item {
	padding:0px 0px 25px 0px;
}

.page_home .date {
	font-size:12px;
}

#activity_stream ,
#nieuws-blok {
	border-bottom:1px solid #CCCCCC;
}


#nieuws-blok h4 a ,
#blog-blok h4 a {
	color:#000;
}

#nieuws-blok .intro  {
	color:#333333 ;
}

.page_home #blog-blok {
	padding-top:10px;
}

.page_home #blog-blok .intro {
}


.page_home #nieuws-blok {
	padding-top:10px;
	margin-bottom:10px;
	padding-bottom:20px;
}

.page_home #side #denk_mee ul.item_list li {
	display:block;
	width:225px;
	height:225px;
	background-color:#CC9900;
	float:right;
}

.page_home #side .read_more {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}


.page_home #side .profile {
	padding-right:10px;
}

.page_home #main .read_more {
	font-style:italic;
	white-space:nowrap;
}

.page_home #main h3 {
	font-size:20px;
	padding-bottom:5px;
	font-style:italic;
}

.page_home #main h3 a {
	color:#000;
	line-height:25px;
}

.page_home #main h3 strong {
	font-style:italic;
	color:#cc0000;
}

.page_home .news_item h4 {
	color:#000;
	font-size:17px;
	padding:0;
	font-weight:bold;	
	font-family:Arial, Helvetica, sans-serif;
}

.page_home #main {
	padding-top:20px;
}

.page_home #doe_mee .user {
	font-style:italic;
}

.page_home #doe_mee li {
	padding:8px 0px;
}
.page_home #blog-blok .visual {
	float:left;
	padding-right:5px; 
}

/**
****************************************   2.1 // projectpagina
*/

.page_home #content #main , 
.page_projects #content #main { 
		padding-right:0px; /* de padding van de main aanpassen zodat alleen deze pagina dat niet heeft (vanwege de kolommen )*/
}
.page_projects.doe #content #main { 
		padding-right:20px; /* de padding van de main aanpassen zodat alleen deze pagina dat niet heeft (vanwege de kolommen )*/
}

.page_brief #intro ,
.page_ideas #intro ,
.page_questions #intro ,
.page_projects #intro ,
.page_comments #intro {
	margin-bottom:20px;	
	padding-bottom:10px;	
	font-size:12px;
	line-height:21px;
	width:620px;
	border-bottom:1px solid #CCC;
}


.page_projects #intro strong {
	color:#000;
	display:block;
	font-size:15px;
}

.page_projects .thema {
	width:300px;
	float:left;
	padding-right:20px;
	margin-bottom:20px;
}

.page_projects .thema h3 {
	font-size:20px;
	color:#cc0000;
	font-style:italic;
	margin-top:15px;
	height:25px;
}

.page_projects.denk .thema h3 {
	height:50px;
}

.page_projects.denk .thema ul {
	height:165px;
}

.page_projects .thema .desc {
	font-style:italic;
	line-height:17px;
	font-size:13px;
	padding:4px 0 14px 0;
	height:60px;
}

.page_projects.praat .thema .desc {
	display:none;
}

.page_projects .thema .visual {
	width:100%;
	height:80px;
	overflow:hidden;
}
.page_projects .thema ul {
	border-top:1px solid #CCCCCC;
	margin:0px 0px 10px 0px;
 	padding:0 13px;
	height:150px;
	
}



.page_projects .thema ul li {
	padding:10px 0;
	border-bottom:1px solid #CCCCCC;
	list-style-image:url(http://www.denationaledialoog.nl/inc/img/list-style-pijl-rood.gif);
}

#spotlight h3.title a {
	color:#666;
}

.page_projects .thema ul a strong {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.page_projects .thema ul a {
	color:#333;
	text-decoration:none;
}

.page_projects .thema ul a:hover strong,
.page_projects .thema ul a:hover {
	color:#666 !important;
	text-decoration:none !important;
}


.page_projects .hidden {
	display:none;
}





/*** register pages ****/

#register_form input {
	width:400px;
}

#register_form label {
	clear:both;
	display:block;

}



.page_comments #intro h2 {
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
}

.page_comments #intro .post {
	width:560px;
	float:right;
}

.page_comments #intro .dateline {
	font-style:italic;
}

.page_comments #intro .text {
	border-top:1px solid #CCC;
	padding-top:20px;
	margin-top:10px;
}
.page_comments #intro .text p {
	width:420px;
}




.page_comments #intro .voting strong {
	display:block;
	padding:3px;
}
.page_comments #intro .voting {
	text-align:center;
	width:150px;
	float:right;
}

	.page_comments #intro a.vote {
	width:30px;
	display:inline-block;
	padding-left:20px;
	}


.item.comment .author {
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#000;
	display:inline;
}

.item.comment {
	padding:0 0 30px 0;
}
.item.comment .children {
	padding:0;
}

.page_comments .item.dateline {
}

.item.comment .text {
	margin-bottom:10px;
}



.item.comment .voting {
	float:left;
	margin-left:50px;
}
.react {
	display:inline-block;
	float:right;
}

.page_projects  a.abuse {
	display:none;
}

a.abuse {
	width:12px;
	float:right;
	height:12px;
	display:inline-block;
	background:url(http://www.denationaledialoog.nl/inc/img/abuse-grijs.gif);
}

a.abuse:hover {
	background:url(http://www.denationaledialoog.nl/inc/img/abuse-rood.gif);
}


/****
Deelnemerspagina
*****/

.page_participants #content #main {
	padding-right:0px;
}

#deelnemers li {
	font-size:20px;
	font-style:italic;
	margin-left:0px;
	height:55px;
	list-style:none;
}

#deelnemers li div {
	font-size:12px;
}

#deelnemers .kolom p {
	height:60px;
	line-height:20px;
}
#deelnemers .kolom {
	float:left;
	width:200px;
	margin-right:10px;
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
	height:650px;
}

h3 strong {
	color:#c00;
}

.page_projects.doe .item_form label.volg {
	width:200px;
}

#deelnemers h3 {
	height:22px;
	color:#cc0000;
	font-size:15px;
}

#deelnemers .user a {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.page_participants h3 strong {
	padding-right:3px;
}

.page_participants #intro {
}


/**
Magement page
*/

#wrapper.page_management {
	width:100%;
	max-width:1200px;
}

.page_management table .flag.moderator {
	display:none;
}

.page_management table {
	border-collapse:collapse;
 	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}

.page_management table td a {
}

.page_management th ,
.page_management td {
	padding:5px 5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #F7F7F7;
	text-align:left;
}


*{
padding: 0; 
margin: 0;
}

#TB_window {

}

#TB_secondLine {

}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {

	background: url(macFFBgHack.png) repeat;

}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow {
	padding:7px 14px 5px 14px;
	margin-bottom:1px;
	text-align:right;
	float:right;
	color:#fff;
	background-color:#a3a3a3;
}

a#TB_closeWindowButton  {
	color:#fff;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin:20px 0px 1px 0px;
	color:#cc0000;
	font-size:20px;
	font-style:italic;
	font-weight:700;
}

#TB_title{
	background-color:#fff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	text-align:left;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}