@charset "utf-8";
/* CSS Document */
html {
	overflow: scroll;
	overflow-x: auto;
}
* {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}
img {
	border: 0px;
}
h1 a {
	text-decoration: none;
	font-weight: normal;
}
.news-item h1 a {
	text-decoration: none;
	font-weight: bold;
}

h1 a:hover, .news-item h1 a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}
h3 {
	margin: 20px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #006;
}

/** Voor als een veld verkeerd is ingevuld **/
input.error, div.error {
	background-color: #ffcccc;
	border: 1px solid #cc0000;
}

div.error {
	padding:10px;	
}

/** Voor als een veld verkeerd is ingevuld **/
textarea.error {
	background-color: #ffcccc;
	border: 1px solid #cc0000;
}


/*** WRAPPER ---------------------------------------------------------- */
#wrapper {
	width: 930px;
	margin: 0 auto;
	padding-bottom: 40px;
}

/*** HEADER ---------------------------------------------------------- */
#header {
	text-align: center;
	position: relative;
}
.potgerukt {
	border-top: 2px solid #000000; 
	border-bottom: 2px solid #000000;
	margin: 0 0 15px 0;
}

#zoek_formulier input.tekst {
	border: 2px solid #000000;
	width: 125px;
	padding: 5px;
}	
#zoek_formulier input.zoek {
	margin: 5px 0 0 0;
}

/*** MAIN NAVIGATION */
#mainnavigation {
	height: 150px;
}
#mainnavigation div {
	float: left;
	text-align: center;
	margin: 0 0 0 53px;
}
#mainnavigation div.first {
	margin: 0px;
}

/*** CONTENT ---------------------------------------------------------- */
#content {
	float: left;
	width: 480px;
	line-height: 20px;
}
#content h1 {
	margin: 10px 0 10px 0;
	font-size: 14px;
}
#content p {
	margin: 0 0 15px 0;
}

/*** TOONTWITTER ---------------------------------------------------------- */

#toontweetbox {
	background-image:url('../img/twitter_bg.png');
	background-position: right;
	background-repeat:no-repeat;
	background-color:#ACEFFD;
	padding:10px 60px 10px 10px;
	margin:5px 0 20px;
	height:60px;
}
#toontweetbox ul{
	list-style:none;
	margin:0;
	padding:0;
}
#toontweetbox ul li{
	margin:0;
	padding:0;
	display:none;
}

#toontweetbox ul li a{
	color:#000066;
}

/*** TOONKRANT ---------------------------------------------------------- */
#content h2 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #006;
}
.toonkrant-item {
	width: 468px;
	margin: 0 0 15px 0;
}
.toonkrant-item h3 a  {
	font-size: 14px;
	font-weight: normal;	
	text-decoration: none;
}
#content h4 {
	font-size: 13px;
	font-weight: normal;
}
#content h4 span {
	color: #666;
}
.toonkrant-item .item-afb {
	border-top: 2px solid #000000;
	height: 220px; /*170px;*/
	margin: 5px 0;
	position: relative;
}
.toonkrant-item .item-afb a {
	display: block;
	height: 220px;
	width: 468px;
	text-decoration: none;
}
.toonkrant-item .item-afb .toonderest {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 5px;
	background: #ffffff;
	border: 2px solid #000000;
	font-weight: bold;
	color: #900;
}
.toonkrant-item .verbergtoon {
	font-weight: bold;
	color: #900;
}
.toonkrant-item a.verbergtoon {
	text-decoration: none;
}
.toonkrant-item a.verbergtoon:hover {
	text-decoration: underline;
}
.toonkrant-item .item-vervolgafb {
	border-top: 2px solid #000000;
	height: 288px;
	margin: 5px 0;
	width: 468px;
	position: relative;
}
.toonkrant-item .item-vervolgafb a {
	display: block;
	height: 288px;
	width: 468px;
}
.toonkrant-item p {
	margin: 20px 0;
}
.toonkrant-item .item-vervolgafb .toonderest {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 5px;
	background: #ffffff;
	border: 2px solid #000000;
	font-weight: bold;
	color: #900;
}
/*** NEWS ---------------------------------------------------------- */
.news-item {
	border-bottom: 1px solid #000000;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.news-item h2 {
	margin: 0 0 0 0;
	font-size: 12px;
}
.news-item h2 span {
	color: #666;
}
.news-item img {
	float: left;
	border: none;
	margin: 0px 8px 0 0;
}
.news-item .toonderest {
	font-weight: bold;
	color: #900;
	text-decoration: none;
}

/*** SIDE NAVIGATION ---------------------------------------------------------- */
#side-box {
	float: right;
	width: 430px;
}
#side-box #toonrss, #side-box #toontwitter, #side-box #zoekbalk {
	text-align:center;
	vertical-align: middle;
	background: #e8e8e8;
	margin: 5px 0 20px 0;
	padding: 10px 20px 10px 20px;
}

#side-box #toontwitter {
	background-color: #D6F7FD;
	text-align: center;
	padding: 10px 20px 10px 140px;
}
#side-box #toontwitter a {
	display: block;
	background-image: url('/img/ico-twitter.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 24px;
	height: 20px;
	width: 115px;
	line-height: 23px;
}
#side-box #toonrss td.col-een {
 	width: 270px;
	padding: 0 15px 0 0;
	text-align: right;
}
#side-box #toonshop {
	background: #cbecfd;
	margin: 5px 0 20px 0;
	padding: 15px 20px 15px 20px;
	text-align: center;
}
#side-box #toonshop a {
	display: block;
}
#side-box #tooncards {
	background: #fce4e4;	
	margin: 0 0 15px 0;
	padding: 15px;
	text-align: center;
}
#side-box #tooncards .dailycard {
	margin: 0 0 30px 0;
	position:relative;
	float: left;
}
#side-box #tooncards .daily {
	position: absolute;
	display: block;
	xwidth: 380px;
	xheight: 288px;
	width: 238px;
	height: 185px;
}
#side-box #tooncards .item {
	float: left;
	width: 133px;
	text-align: center;
}
#side-box #tooncards .item img {
	width: 100px;
}
#side-box #tooncards .tooncards_items {
	display: block;
	padding: 0 0 0 15px;
}
#side-box #tooncards .tooncards_items .item h2 {
	margin: 8px 0 0 0;
}
#side-box #tooncards .tooncards_items .item h2 a {
	text-decoration: none;
}
#side-box #tooncards .nieuwitem .item img.nieuw, #side-box #toonshop .nieuwitem .item img.nieuw {
	margin: 0;
	float: left;
	width: 100px;
	height: 35px;
	margin-bottom: 5px;
}
#side-box #tooncards .nieuwitem, #side-box #toonshop .nieuwitem {
	margin: 0 0 0 0;
	float: left;
}
#side-box #tooncards .nieuwitem a, #side-box #toonshop .nieuwitem a {
	text-decoration: none;
}
#side-box #tooncards .nieuwitem a:hover, #side-box #toonshop .nieuwitem a:hover {
	text-decoration: underline;
}	
#side-box #tooncards .nieuwitem .item, #side-box #toonshop .nieuwitem .item {
	float: left;
	width: 100px;
	margin: 10px 25px 0 25px;
	text-align: center;
}
#side-box #tooncards .nieuwitem .item.first, #side-box #toonshop .nieuwitem .item.first {
	xmargin: 0 0 0 40px;
}
#side-box #tooncards .nieuwitem .item img, #side-box #toonshop .nieuwitem .item img {
	width: 100px;
	height: 100px;
}
.button, .buttonactive {
	padding: 5px 10px;
	background-color: #e8e8e8;
	text-decoration: none;
}
a.button:hover, a.buttonactive {
	background-color: #f29301;
	color: #000;
}
table td {
	vertical-align: top;
}


/* #my-knudde-topbtn {
	height:70px;
	background-image:url('../img/ben-jij-analist.jpg');
	background-repeat:no-repeat;
	background-color:#E8E8E8;
}

#my-knudde-topbtn .analyse-btn {
	margin-left:292px;
}

#my-knudde-topmenu {
	border-bottom:solid 1px #f29301;
	margin:20px 0;
	height:27px;
}
#my-knudde-topmenu .orange-btn {
	background-color:#f29301;
	padding:9px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}

.archief-btn {
	font-size:14px;
	float:right;
	text-decoration:none
}
*/

.analist-flash-holder {
	height:200px;/* voor chrome */
}

.analyse-btn {
	background-color:#f29301;
	color:#FFFFFF;
	text-align:center;
	width: 164px;
	height:40px;
	display:block;
	text-decoration:none;
	font-size:18px;
	padding:15px 5px;
	font-weight:bold;
	margin-left:14px;
	margin-top:20px;
}

.analyse-btn:hover {
	background-color: #E8E8E8;
}

#myknuddeform input {
	width: 230px;
	padding: 2px;
}
#myknuddeform input.submit {
	width: 100px;
}
#myknuddeform textarea {
	width: 236px;
	height: 100px;
}
#analist {
	padding-left: 70px;
}
#analisten {
	font-size: 9px;
}
.tbl_analisten {
 width: 480px;
 border: 1px solid #EEEEEE;
}
.tbl_analisten td {
 border: 1px solid #EEEEEE;
}
.analisten_img td {
width: 120px;
 text-align: left;
 }
 .analisten_naam td {
 font-size: 9px;
 width: 110px;
 text-align: center;
 }
 
 
 .like-label {
 	padding-left: 18px;
 	margin-right:10px;
 	background-image: url('/img/thumb_up.png');
 	background-repeat: no-repeat;
 }
 
 .dislike-label {
 	padding-left: 18px;
 	margin-right:10px;
 	background-image: url('/img/thumb_down.png');
 	background-repeat: no-repeat;
 }
 
#supermoderator-menu {
	padding: 20px 0;	
}

#supermoderator-login table tr td {
	vertical-align: middle;
}

#supermoderator-login .input {
	padding: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
}

table {
	border-collapse: collapse;
}
table td.details {
	width: 197px;
}	
table td.details  .info-holder {
	background-image:url('../img/cloud-point.gif');
	background-repeat:no-repeat;
	background-position:left bottom;
}
table td.details .info{
	background-color: #E8E8E8;
	padding:5px;
	margin-left:14px;
} 

table td.details .link-to {
	margin:10px 0;
	display:block;
}

table.padded td {
	padding: 4px;
}

/*** FOOTER ---------------------------------------------------------- */
#footer, #footer a {
	font-size: 10px;
	color:#666;
	text-align:right;
	padding: 0 0 50px 0;
}

/* Star rating plugin */
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
  width: 16px;
  height: 15px;
  display: block;
  background: url(/img/jquery.ui.stars.gif) no-repeat 0 0;
}
.ui-stars-star a {
  background-position: 0 -32px;
}
.ui-stars-star-on a {
  background-position: 0 -48px;
}
.ui-stars-star-hover a {
  background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
  background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}

/** MYKNUDDE **/
#my-knudde-left {
	float:left;
	width: 246px;
	padding-top:45px;	
}

#my-knudde-left a.button, #my-knudde-left a.buttonactive {
	float:left;
	display:block;
	margin-left: 3px;
	margin-bottom:3px;
}

#my-knudde-left a.first {
	margin-left:0;
}

.analist {
	background-color: #ebebeb;
	padding: 20px;
}

.analist table td.details .info {
	background-color: #d3d3d3;
	width:280px;
	padding-left: 15px;
	color: #525252;
}

.analist table td.details .info span {
	color: #525252;
}

.analist table td.details {
	width:auto;
}

.analist table td.details .info-holder {
	/*float:right;*/	
	background-image:none;
}

.analist .social-media {
	margin-left:14px;
	margin-top: 14px;
}

.analist .social-media a {
	text-decoration: none;
}

.black_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 20%;
	/*left: 25%;*/
    left: 50%;
	/*width: 50%;*/
    width:761px;
	/*height: 70%;*/
	height:339px;
	/*border: 16px solid orange;*/
	background-color: white;
	z-index:1002;
	overflow: auto;
	
	padding:44px;
	padding-right:3px;
    margin-left: -410px;
    text-align:left;
    position: fixed;
}

.popup_flash {
	width:292px;
	height:100%;
	float:left;
}

.popup_text_area {
	float:right;
	width:310px;
	height:200px;
	margin-right:44px;	
}

.popup_close {
	display:block;		
	padding:10px;
	padding-top:4px;
	padding-bottom:5px;
	background-color: #f29301;
	
	float:right;
	
	/*margin-left: 730px;*/
	margin-top:-40px;
	text-decoration: none;
}

#my-knudde-left .filter{
	background-color: #f8d297;
	width: 246px;
}
	
	#my-knudde-left .filter label, #my-knudde-left .filter select {
		margin-bottom:3px;
		display:block;
	}
	
	#my-knudde-left .filter label{
		width: 210px;
	}
	
	#my-knudde-left .filter h3 {
		background-color: #fbe6c6;
		text-align:center;
		font-size: 13px;
		padding-top:7px;
		padding-bottom:7px;
		margin-top:0;
	}
	
	#my-knudde-left .bottom {
		background-color: #fbe6c6;
		text-align:center;
		font-size: 13px;
		padding-top:7px;
		padding-bottom:7px;
	}
	
	#my-knudde-left .bottom span {
		font-size: 22px;
		font-weight:bold;
	}