/*  
Theme Name: Zwartekat
Theme URI: http://www.zwartekat.nl/wp-content/theme/zwartekat/
Description: Eigensten gemaakt thema, dus dat.
Author: Zwartekat.nl
Author URI: http://www,zwartekat.nl/
Version: 1.0
Tags: Zwartekat.nl, cabaret, comedy
.
*/

/* uitzetten totdat wenselijk voor gebruik
.single #nav-above {
    display:none;
}
*/


.pieterszinnetjes {
	padding: 0px; 
	margin: 0px;
	background: url('/grfx/structuur/barb-back.jpg') repeat;
}

.pieterszinnetje-boven { 
	padding: 0px; 
	margin: 0px;
	background: url('/grfx/structuur/barb-top.jpg');
	}

.pieterszinnetje-tekst { 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 30px; 
	padding-right: 30px; 
	margin: 0px 0px 0px 0px;
	width: 300px;
	}

.pieterszinnetje-signature { 
	text-align: right;
	}


.pieterszinnetje-onder { 
	padding: 0px; 
	margin: 0px;
	background: url('/grfx/structuur/barb-bottom.jpg');
	}




/* NAVIGATIE  */

#navigatiebalk {
	width: 980px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	font-weight:bold;
	text-align: left;
	text-transform:uppercase;
	padding-left: 20px;
	background: #3399CC;
	line-height: 30px;
	clear:both;
	}

#navigatiebalk .navtabs_rechts {
	text-align:right;
	}

#navtabs a {
	color: #fff;
	background: #3399CC;
	text-decoration: none;
	padding-left: 10px;
}

#navtabs a.active {
	color: #fff;
	background: #77bce0;
	text-decoration: none;
	padding-left: 10px;
}

#navtabs .podcast {
	color: #fff;
	background: #8ebc01;
	text-decoration: none;
	padding-left: 10px;
}

#navtabs a span
{
	padding-right: 10px;
}

#navtabs a, #navigatiebalk a span
{
	display: block;
	float: left;
	line-height: 30px;
	}

		/* Commented backslash hack hides rule from IE5-Mac \*/
		#navtabs a, #navtabs a span {
			float: none;
			}
		/* End IE5-Mac hack */

#navtabs a:hover {
	color: #fff;
	background-color: #77bce0;
	text-decoration: none;
	padding-left: 10px;
}

#navtabs a:hover span {
	padding-right: 10px;
	}

#navtabs {
	list-style: none;
	padding: 0;
	margin: 0;
}

#navtabs li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}



/* ALGEMEEN */

/* 	background: url('http://www.bright.tv/themes/brighttv/_img/arcering.jpg') #fff no-repeat; */
/*	background: url('http://aislian.org/tiling.gif') #fff repeat; */
/*	background: url('http://www.zwartekat.nl/grfx//bg-1008.gif') #fff repeat; */


body {  
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	text-align: center; /* Centers the container */ 
	margin: 0;
	padding: 0;
	background-color: #fff;
	}

a, a:visited {
	text-decoration:none;
	color:#3399CC; 
	}

a:active, a:hover {
	text-decoration:none;
	color:#3399CC; 
	}

/*  ZICHTBAARHEID MULTIMEDIA LINKS STAAT UIT */
.multimedia {
	display:none;
	}


.deeplink {
	display:none;
	}


/* STRUCTUUR */

#wrapper {
  position:static;
  width: auto;
  margin: auto;
  background: #d4d9dd url('/grfx/structuur/bg_kader.gif') repeat-y center;
}


#main {
	width: 1000px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	background: #fff repeat; /* url('/grfx/structuur/content-background.gif')  zorgt voor de lijnen in het design */
	text-align: left;
	}

/* nu volgt een zonder de achtergrondlijnen */

#main2 {
	width: 1000px; /* 780px is just wide enough to fill and 800px screen */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
	text-align: left;
	}


#header, #container, #container2, #column1, #content, #column3, #column4 ,#footer{
    margin: 0px;  /* This sets a 10px padding on all of our content boxes */
}

#header {
	background-color: #fff;
	margin: 0;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 0px; 
}

#header .logo {
	padding-left: 50px; 
	padding-bottom: 15px; 
}

#container, #container2, #column1, #content, #column3, #column4 ,#footer{
    margin: 0px;  /* This sets a 0px padding on all of our content boxes */
}

#header-banner1 {
	background-color: #fff;
	margin: 0px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 0px; 
}

#header-banner1 .logo {
	padding-left: 50px; 
	padding-bottom: 15px; 
}

#header-banner2 {
	background-color: #fff;
	margin: 0px;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px;
	padding-bottom: 0px; 
}


#twitter_container {
	padding: 0px;
	margin: 0px;
	text-align: right;
}


#banner { 
	border:#000000 solid; 
	border-width: 0px 0px 0px 0px; 
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	clear:both;
	}

#container {
	float: left; /* Sets this section to the left */
	width: 610px;
}

	    #column1 {
	        float: left; /* Sets this column to the left inside its section */
	        width: 200px;
	        padding-top: 0px; 
	        line-height:1.4;
	    }
	
	    #content {
	        float: right; /* Sets this column to the right inside its section*/
	        font-size: 12px; 
	        width: 400px;
	        max-width: 400px;
	        border:#999999 solid; 
	        border-width: 0px 0px 0px 0px;
		line-height:1.4;
	        padding-bottom: 20px; 
	        padding-top: 0px; 
		padding-right: 3px; 
		padding-left: 5px;
	    }

#container2 {
	float: right; /*Sets this sectionto the right */
	width: 390px;
	line-height:1.4;
}

	    #vp-video {
	        float: right; /* Sets this column to the left inside its section */
	        background-color: #fff;
	        width: 375px;
	        padding-top: 5px; 
	        padding-right: 4px; 
	        padding-left: 1px;
	        padding-bottom: 5px; 
	        margin: 0 auto;
		font-size: small; 
		z-index:1;
	    }
	
	
	    #column3 {
	        float: left; /* Sets this column to the left inside its section */
	        width: 190px;
	        padding-top: 0px; 
	        padding-right: 2px; 
	        padding-left: 3px;
	        padding-bottom: 5px; 
	        line-height:1.4;
	    }
	    
	    #column3 ul, li {
		margin-left: 0px;
		padding-left: 0px;
		line-height:1.4;
	    }

	
	    #column4 {
	        float: right; /* Sets this column to the right inside its section*/
	        width: 190px;
	        padding-top: 0px; 
	        padding-right: 3px; 
	        padding-left: 2px;
	        padding-bottom: 5px; 
	        line-height:1.4;
	    }


#kopbalk { 
	border:#000000 solid; 
	border-width: 1px 0px 1px 0px; 
	background-color: #FFFFFF; 
	padding-top: 10px;
	padding-left: 30px;
	height: 25px;
	vertical-align:middle;
	}

.kopbalk-titel {  
	font-size: small; 
	font-weight: bold; 
	color: #000000;
	}


#kopbalk.navigatie a, a:active, a:hover, a:visited { 
	color: #3399CC;
	}

#kopbalk2 { 
	border:#000000 solid; 
	border-width: 1px 0px 1px 0px; 
	background-color: #FFFFFF; 
	padding-top: 10px;
	padding-left: 30px;
	height: 25px;
	}

#kopbalk2.navigatie a, a:active, a:hover, a:visited { 
	color: #3399CC;
	}


#wieonline {
	display:inline;
	}

/* VOORPAGINA-SPECIFIEK */

.tagline { 
	color: #939393;
	}

#postingform
{
	background-color: #e5ecf3;
	margin: 0 0 0px;
	padding: 0 0px 0px;
}


/* international portal */

#international-header1 {
	float: left; /* Sets this section to the left */
	width: 405px;
	height: 97px;
	background: url('/grfx/structuur/zk-international-header1.gif');
	padding: 10px;
	margin-top: 20px;
	margin-left: 80px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#international-header2 {
	float: right; /* Sets this section to the left */
	width: 190px;
	height: 198px;
	padding: 3px;
	background: url('/grfx/structuur/zk-international-header2.gif');
	background-repeat: no-repeat;
	margin-right: 50px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#international-kopbalk { 
	border:#000000 solid; 
	border-width: 0px 0px 0px 0px; 
	background: url('/grfx/structuur/zk-international-header2.jpg') repeat; /* zorgt voor de lijnen in het design */
	background-color: #FFFFFF; 
	padding-top: 5px;
	padding-left: 205px;
	height: 225px;
	}

#section-international1 {
	float: left; /* Sets this section to the left */
	width: 580px;
	background-color: #fff;
}

	    #column1-international {
	        float: left; /* Sets this column to the left inside its section */
	        width: 280px;
	        height: 100%;
		border:#000000 solid; 
		border-width: 0px; 
	        padding-top: 5px; 
	        padding-right: 2px; 
	        padding-left: 3px;
	        padding-bottom: 5px; 
	        background-color: #fff;
	        font-size: 8pt;
	    }
	
	    #column2-international {
	        float: left; /* Sets this column to the left inside its section*/
		border:#000000 solid; 
		border-width: 0px; 
	        width: 280px;
	        height: 100%;
	        padding-top: 5px; 
	        padding-right: 3px; 
	        padding-left: 2px;
	        padding-bottom: 5px; 
	        background-color: #fff;
	        font-size: 8pt;
	    }


		    #podcastfeeds ul, li {
			list-style-type: none;
			margin-left: 0px;
			padding-left: 0px;
			line-height:1.4;
		    }
	
		    #podcastfeeds .podcast_link {
		        display: block; width:260px; overflow:hidden; white-space:nowrap;
		    }
	
		    #podcastfeeds .podcast_titel {
		        display: block; width:260px; overflow:hidden; white-space:nowrap;
		    }

#section-international2 {
	float: right; /*Sets this sectionto the right */
	width: 410px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

	    #column3-international {
	        float: right; /* Sets this column to the right inside its section*/
	border:#000000 solid; 
	border-width: 0px 0px 0px 0px; 
	        font-size: 12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	        width: 410px;
		line-height:16px;
	        padding-top: 5px; 
		padding-right: 10px; 
		padding-left: 5px;
		background-color: #fff;
	    }


/* items -  nieuws  */

.kopje {  
	font-size: 12px; 
	font-weight: bold; 
	color: #000000;
	}

.datum {  
	font-size: 10px; 
	font-weight: bold; 
	color: #999;
	}


/* div-boxen */
	
.navitem {
	padding-top: 3px; 
	padding-right: 0px; 
	padding-bottom: 5px; 
	padding-left: 0px; 
	margin: 0px 0px 0px 0px;
}

.navitem-kop { 
	padding: 3px; 
	margin: 5px 0px 5px 0px;
	border:#c6c7c9 solid; 
	border-width: 1px 1px 1px 1px; 
	background: #e8e9eb;
	font-size: 11px; 
	font-weight: bold; 
	}

.navitem-kop-oud { 
	padding: 3px; 
	margin: 5px 0px 5px 0px;
	border:#d6effc solid; 
	border-width: 1px 1px 1px 1px; 
	background: #e5f5fd;
	font-size: 11px; 
	font-weight: bold; 
	}

.navitem-kop2 { 
	color: #fff;
	padding: 3px; 
	margin: 5px 0px 5px 0px;
	border:#3399CC solid; 
	border-width: 1px 1px 1px 1px; 
	background: #3399CC;
	font-size: 11px; 
	font-weight: bold; 
	}

.navitem-kop3 { 
	color: #fff;
	padding: 3px; 
	margin: 5px 0px 0px 0px;
	border:#3399CC solid; 
	border-width: 1px 1px 1px 1px; 
	background: #3399CC;
	font-size: 11px; 
	font-weight: bold; 
	}

.navitemsub1 { 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 0px;
	border:0px solid; 
	border-color : black #000000; 
	font-size: x-small; 
	font-style: normal; 
	font-weight: bold;
	line-height:1.4;
	}  
	
.navitemsub2 { 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 5px; 
	margin: 0px 0px 0px 0px;
	border:0px solid; 
	border-color : black #000000; 
	font-size: x-small; 
	font-style: normal;
	line-height:1.4;
	}

.navitemsub2 a:active, a:hover { 
	color: #3399cc;
	}

table.navitemsub2 { 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 5px; 
	margin: 0px 0px 0px 0px;
	border:0px solid; 
	border-color : black #000000; 
	font-size: small; 
	font-style: normal;
	}

.navitem3 {
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	margin: 0px 0px 0px 0px;
}

.navitemsub3 { 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 0px;
	border:0px solid; 
	border-color : black #000000; 
	font-size: x-small; 
	font-style: normal;
	}

.navitemsub3 a:active, a:hover { 
	color: #3399cc;
	}


/* CONTENT-DINGETJES */

.cabaretier-titel { 
	font-size: medium; 
	font-weight: bold; color: #000000;
	}

.kopje-inhoud { 
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;
	}

.rubriek {  
	font-size: medium; 
	color: #000000; 
	font-weight: bold;
	}

h3 { 
	font-size: 14px; 
	font-style: normal; 
	font-weight: bold; 
	color: #333333;
	}


#impresariaten_hidden {
	padding-top: 0px; 
	padding-right: 5px; 
	padding-bottom: 10px; 
	padding-left: 5px;
	border:#c6c7c9 solid; 
	border-width: 1px 1px 1px 1px; 
	background: #EEE;  
	}

#impresariaten2_hidden {
	border: 0px solid #FF0000;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 10px; 
	padding-left: 5px;
	background: #EEE;  
	}

#impresariaten3_hidden {
	border: 0px solid #FF0000;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-bottom: 10px; 
	padding-left: 5px;
	background: #EEE;  
	}

table .special-site {
	background-color: #fff;
	}

/* footer */

#footer {
    background: #fff;
    clear: both;
}

.onder-colofon {  
	font-size: 10px; color: #FFFFFF; 
	text-align: center
	}

#copyright-teller {
	padding-top: 5px; 
	}

/* mobiele site-tags */

#header-mobiel {
	display:none;
	}

#navigatie-mobiel {
	display:none;
	}

#footer-mobiel {
	display:none;
	}

table.webonly {
	display:none;
	}

#mobiel-only {
	display:none;
}

.zoekbox {
	width: 190px;
	border:#000000 solid; 
	border-width: 0px;
}

.zoekknop {
	margin: -20px 0px 0px 0px;
}



/* WORDPRESS */

/* 
.post {
	border-bottom: 1px solid #DDDDDD;
	}

*/
	
.page-title {  
	font-size: medium; 
	font-weight: bold; 
	}

.page-title a {  
	font-size: medium; 
	font-weight: bold; 
	color: #000000;
	margin: 0;
	padding: 0;
	}

.entry-title {  
	font-size: medium; 
	font-weight: bold; 
	}

.entry-title a {  
	font-size: medium; 
	font-weight: bold; 
	color: #000000;
	margin: 0;
	padding: 0;
	}

iframe {
	max-width: 400px;
	}	

h1 {
	margin-bottom:0px;
}

h2 {
	margin-bottom:0px;
}

#post-meta {
    border-top: 1px solid #E6E6E6;
    clear: both;
    font-size: 11px;
    margin: 0;
    padding: 10px;
}

.author-box {
	border:#3399CC solid; 
	border-width: 1px 1px 1px 1px; 
	border-top-right-radius: 14px;
	background: #ffffff;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 10px;
}

#nav-above, #nav-below {
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0px;
}

#nav-above .nav-previous {
	float: left;
}

#nav-above .nav-next {
	float: right;
}

#nav-below .nav-previous {
	float: left;
}

#nav-below .nav-next {
	float: right;
}