/*
Theme Name: Newwws
Theme URI: http://www.newwws.net
Description: Thema voor WordPress 2.7
Version: 2.0
Author: Miriam van der Have
*/

* {
	margin: 0;
	padding: 0;
	}

body {
	zoom: 100%;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #DDD;
	background-image: url(pics/bg_body_wit.png);
	background-repeat: repeat-x;
	text-align: center;
	padding:0;
	border-top: 20px solid #FFF;
	}

hr { 
	height: 1px; 
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD; 
	border-right-style: none; 
	border-right-width: 0; 
	border-left-style: none; 
	border-left-width: 0; 
	margin-left: 60px;
	}
	
a {
	color: #00C;
	text-decoration: none;
	outline: none;
	}
	
a img { 
	border: none; 
	}
	
a:visited {
	color: #00C; 
	}
a:hover { 
	color: #00C; 
	text-decoration: none; 
	border-bottom: 1px dotted #00C; 
	}
a:active {
	color: #00C; 
	text-decoration: none; 
	border-bottom: 1px dotted #00C;
	}
	
#superwrap {
	width: 1167px;
	margin: 0 auto;
	background-image: url(pics/sidepics_qwerty.jpg) ; 
	background-repeat: no-repeat; 
	background-position: right -20px;
}
	
#flash {
	float: right;
	width: 262px;
	height: 70px;
	margin: 15px 30px 0 0;
	background-image: url(pics/mediaday_logo_lichte-achtergrond.png) ; 
	background-repeat: no-repeat; 
}

#wrap {
	width: 996px;
	margin: 0 auto;
	padding: 0 0 40px;
	text-align: left;
	background-color: #FFF;
	background-image: url(pics/bg_headw_900.jpg);
	background-repeat: no-repeat;
	border: solid 1px #00C;
	}
	
.clearfloat { /* voor het gelijk laten eindigen van de drie kolommen */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* header styles */


#header{
	float: right;
	margin: 0;
	width: 996px;
	height: 150px;
	padding-top: 50px;
	}


#header h1{
	margin-top: 16px;
}

#header h1 a {
	font-size: 40px;
	letter-spacing: -0.01em;
	color: #00C;
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
}

#header h2 {
	font-size: 15px;
	font-weight: normal;
	color: #999;
	padding-left: 20px;
}



/* sidebar styles */


#SB_boven { 
	  margin: 0; 
	} 

#SB_midden_R {
	float: right; 
	width: 160px;
	}

#SB_midden_L {
  margin: 0; 
	}

#SB_onder { 
	  margin: 0; 
	}

#SB_wrap { 
	float: right; 
	width: 328px; 
	padding-bottom: 40px; 
	padding-left: 10px; 
	border-left: 1pt dotted #858585; 
	list-style-type: none; 
	line-height: 1.35em;
	background:url(pics/SB_achtergrond_licht.png) repeat-y;
	}

#SB_wrap ul {
	list-style-type: none;
	margin-bottom: 20px;
	}

#SB_wrap ul {
	padding-left: 5px;
	color: #666;
	}

#SB_wrap ul li {
	list-style-type: none;
	}

#SB_wrap ul ul {
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 0.9em;
	}


#SB_wrap ul ul ul {
	margin-left: -5px;	
	}

#SB_wrap ul ul li{
	list-style-type: square;
	color:#999;
	}

#SB_wrap ul ul ul li{
	list-style-type: none;
	}

#SB_wrap ul ul ul a {
	color: #6C6C00;
	text-decoration: none;
	}
	
#SB_wrap ul ul ul a img { 
	border: none; 
	}
	
#SB_wrap ul ul ul a:visited {
	color: #6C6C00;
	}
#SB_wrap ul ul ul a:hover { 
	color: #ff0; 
	text-decoration: none; 
	border-bottom: 1px dotted #0bf; 
	}


#SB_wrap ul h2{
	font-size: 150%;
	font-weight: bold;
	color: #0033FF;
	margin-bottom: 8px; 
	}
	
.textwidget {
	font-size: 95%;
	color: #444444;
	margin-right: 1em;
}

.textwidget strong { 
	color:#0099FF;
}


#MenuBarZoeken {
	margin-top: 5px;
	padding: 0px;
	color:#3C0;
	float: right;
	border: 1px #333 solid;
	}

/* content styles */

#hoofdvlak {
	width: 600px;
	margin-left: 25px;

}

/* listcontainer styles */

.newwws_listcontainer {
	margin: 0;
}

.newwws_listtop {
	margin-top:40px;
	padding-top: 12px;
	margin-bottom: 5px;
	padding-left: 30px;
}

.newwws_listtop h2 {
	font-size: 150%;
	margin-top: 0;
}

.newwws_listtop_meta {
	height: 20px;
	line-height: 20px;
	margin: 0;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 80%;
	text-align: center;
	color: #000;
	background-color:#EEE;
	background-repeat: repeat-x;
	border: none;
	width: 102px;
	margin-top: -5px;
}

.newwws_listfoto {
	float: left;
	width: 105px;
	margin: 0;
	margin-left: 60px;
	padding: 0;
	padding-top: 8px;
	color: #FFF;
}

.newwws_listfoto_foto {
	border: 1px solid #CCC;
	margin: 0;
	margin-bottom: 5px;
}

.newwws_listfoto p { 
	margin: 0 15px;
	}

.newwws_listtekst {
	margin-left: 180px;
	margin-top: 15px;
	font-size: 95%;
	margin-right: 35px;
}

.newwws_listtekst h2 { 
	color: #06F;
	margin: 0;
	}

.newwws_listvoet {
	clear: left;
	color: #777;
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.newwws_listvoet p{
	text-align:right;
	margin: 0;
}

.newwws_listvoet_icons {
	float: left;
	width: 105px;
	margin: 0;
	margin-left: 60px;
	color: #FFF;
}


.newwws_listvoet_icons_email{
	width: 14px;
	height: 12px;
	background-image: url(pics/mail_icon_licht_14x12.png);
	background-repeat:no-repeat;
}

.newwws_listvoet_icons_email:hover{
		background-image:url(pics/mail_icon_14x12.png);
		cursor: pointer;
}

.newwws_listvoet_icons_print{
	width: 14px;
	height: 12px;
	background-image:url(pics/print_icon_licht_14x12.png);
	background-repeat:no-repeat;

}

.newwws_listvoet_icons_print:hover {
	background-image:url(pics/print_icon_14x12.png);
	cursor: pointer;
}

.newwws_listvoet_icon {
	margin: 5px 5px 0 0;
}

.newwws_listvoet_meta {
	margin-left: 180px;
}











/* remember that padding is the space inside the div box and margin is the space outside the div box */

/*==== HTML-tags ====*/

div {
	font-size: 1em;
	line-height: 1.6em;
}

p {	line-height: 1.6em;
	margin-bottom: 1.6em;
	margin-top: 0.8em;
}

h1 {
	font: 300% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #09F;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	margin-top:1.1em;
}
h2 {
	font: 200% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #09F;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top:1.1em;
}
h3 {
	font: 150% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #09F;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top:1.1em;
}
h4 {
	font: 100% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #09F;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0.5em;
	margin-top:1.1em;
}
h5 {
	font: 100% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #09F;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
	margin-left: 20px;
	margin-top:1.1em;
}
h6 {
	font: 100% "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #09F;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
	margin-left: 20px;
	margin-top:0.26em;
	margin-right: 1em;
	float: left;
}

.post {
	margin-bottom: 40px;
	line-height: 130%;
}

.storytitle {
	margin-bottom: 10px;
	color: #09F; 
}

.storytitle a {
	font-size: 120%;
	letter-spacing: -0.007em;
	color: #09F;
	font-weight: normal;
	text-decoration: none;
}


.storytitle a:visited {
	color: #09F; 
	}
.storytitle a:hover { 
	color: #09F; 
	text-decoration: none; 
	border-bottom: 1px dotted #09F; 
	}
.storytitle a:active {
	color: #09F; 
	text-decoration: none; 
	border-bottom: 1px dotted #09F;
	}




.meta{
	font-size: 75%;
	color: #999;
	margin-bottom: 0px;
}

.meta a {
	color: #999;
}

.storycontent{
	margin-bottom: 10px;
	padding-left: 60px;
	padding-right: 25px;
}

.storycontent img {
	border: 1px solid #CCC;
	margin: 10px 0;
}
.storycontent img.wp-smiley { border: none; margin: 0; }

#newwws_foto_tekst {
	width: 500px;
}

#newwws_foto {
	width:160px;
	float: left;
	margin: 8px 10px;
}

.newwws_foto img {
	border: 1px solid #fff;
}


#geenborder {
	border: 3px solid;}

#newwws_tekst {
	margin: 0;
	float: right;
}

.storycontent img.noborder { border: none; margin: 0; }

.storycontent ul, .storycontent ol { padding-left: 30px; margin-bottom: 20px; list-style-type: square; }

blockquote, code {
	background-color:#EEE;
	border-color:#777 #DDD #DDD #DDD;
	border-style: solid;
	border-width: 1px;
	display:block;
	margin-left: 2em;
	margin-right: 3em;
	margin-bottom: 1em;
	padding:8px 10px 8px;
	}
	
	
	
blockquote {
	padding-right: 35px;
	background: url("pics/quote_sluiten_30x50.png") bottom right no-repeat;
	background-color: #EEE;
	margin-bottom :1.6em;
}

blockquote p {
padding-left: 35px;
margin-bottom: 10px;
margin-top: 8px;
}

blockquote p:first-child {
background: url("pics/quote_open_30x50.png") top left no-repeat;
}	
	
	

/* comment styles */

#commentlist {
	list-style-type: none;
	margin-bottom: 20px;
	width: 550px;
	overflow:hidden;
	}

#commentlist li {
	padding: 6px 10px;
	border: 1px solid #666;
	margin-bottom: 10px;
	overflow:hidden;
	}

#commentlist cite {
	font-size: 90%;
	color: #999;
	}

input, textarea {
	border: 1px solid #DDD;
	background-color: #EEE;
	color: #000;
	padding: 1px 3px;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	}
	
input.zoektext {
	background: none;
	border: none;
	float: right;

	}

input.zoekimage {
	float:right;
	border: none;
	background: none;
	}
	
textarea {
	width: 500px;
	padding: 6px 10px;
	}	
	

/* footer styles */


.footertagline { 
	text-align: center; 
	font-size: 30px; 
	color: #09F; 
	padding-top: 60px; 
	}
.footertagline a {
	text-align: center;
	color: #666;
	}

.creditline {
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 15px;
	}

.credit p {
	text-align: center;
}



/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloatright { 
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfloatleft { 
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}




/* ========================================================================= */
/*   Begin aanbevolen light_side											 */
/* ========================================================================= */

    #aanbevolen {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.95em;
	color: #000000;
	width: 996px;
	margin: 0;
	border: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	background-color: #CCC;      
	} 
    
    #aanbevolen_blokken { 
        font-size: 95%;
        line-height: 1.3em;
        float: left;
        padding-bottom: 3px;
		padding-left: 0px;
		padding-top: 6px;
		border: none;
		padding-left: 12px;
    }
	
	#aanbevolen_blokken img{
		border-top: 5px solid #CCC;
		border-left: 1px solid #CCC;
		border-bottom: 3px solid #CCC;
		border-right: 1px solid #CCC;
	}
	
	#aanbevolen_blokken img:hover{
		border-top: 0px solid #CCC;
		border-left: 1px solid #CCC;
		border-bottom: 8px solid #CCC;
		border-right: 1px solid #CCC;
	}
	
	#aanbevolen_blokken a:link { 
        font-weight : bold;
		color:#000;
    }
	
    #aanbevolen_blokken a:visited { 
        font-weight : bold;
		color:#000;
    }
	
	#aanbevolen_blokken a:hover { 
        font-weight : bold;
		color:#000;
		border-bottom: none;
    }
	
    #aanbevolen_blokken ul {
        list-style: none;
        margin:0px;
        padding:0px;
    }
	
    #aanbevolen_blokken ul li { 
        width: 150px;
        float: left;
        font-weight : normal;
        text-align : left;
        padding: 6px;
        display: inline;	
        list-style: none;	
    }
	
	.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border: none;
}

.CollapsiblePanelTab {
	outline:none;
	font: bold 0.7em sans-serif;
	background-color: #EEE;
	color: #CCC;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
	color: #CCC;
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #DDD;
	color:#000;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #DDD;
	color:#000;
} 

/* SpryTooltip.css - version 0.2 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* HACK FOR IE: to make sure the tooltips show above form controls, we underlay each tooltip with an iframe */
.iframeTooltip
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

.tooltipContent
{
	background-color: #FFFFCC;
	color:000;
	width: 200px;
	padding:5px;
	border: 1px solid #000;
}


/* ========================================================================= */
/*   Einde aanbevolen light_side					                         */
/* ========================================================================= */


/* ========================================================================= */
/*   CSS voor wijzigen van het fontformaat			                         */
/* ========================================================================= */
.small_font {
	font-size: 80%;
}

.medium_font {
	font-size: 90%;
}
.large_font {
	font-size: 100%;
}
.x_large_font {
	font-size: 110%;
}
.xx_large_font {
	font-size: 120%;
}
/* Font size changer interface style */
.font_sizer a {
	text-decoration:none;
	color:yellow;
}
/* ========================================================================= */
/*   Einde CSS voor wijzigen van het fontformaat			                 */
/* ========================================================================= */