/*  
Theme Name: ABS
Theme URI: http://wordpress.org/
Description: Based on the default WordPress theme which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.1
Author: Auke Visman
Author URI: http://www.sbs.nl/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import url('css/nav.css');
@import url('css/elements.css');
@import url('css/table.css');
@import url('css/evillage.css');

* {margin:0;padding:0;}
body {background:transparent url("pix/bg-body.jpg") repeat-x 50% 17px;color:#444;font:11px/18px 'Lucida Sans Unicode','Lucida Grande',LucidaGrande,'Lucida Sans',Geneva,Arial,sans-serif;}
.clearer {display:block;font-size:0;height:0;line-height:0;margin:0;padding:0;clear:both;}

/* ========== STRUCTURE ========== */	
#header { background:transparent none; height:130px; }
#header-wrapper { background:#011168 none; height:130px; margin:0 auto; width:1000px; }
#logo { float: left; padding: 17px 20px 17px 20px; }
#description{display:none;}
#masthead { float: right; position:relative; width:800px; height:130px; overflow:hidden; }
#zoeken { float: right; padding: 3px 0 8px 0; width: 300px; } *html #zoeken { padding-bottom: 7px; }		

/* ========== KLEUR/BEELD ========== */
#masthead img { border-right: 1px solid #001167; border-top: 1px solid #001167; }
#aanmelden, #related, #download { background-color: #FFFFFF; }
.paginas { margin: 20px auto; }
.paginas p { color: #5E5E5E; font-weight: bold; text-align: center; } 
.paginas p a:link, .paginas p a:visited { color: #B7B7B7; border: 1px #B7B7B7 solid; padding: 0 3px 0 4px; }
.paginas p a:hover, .paginas p a:active { color: #5E5E5E; border: 1px #B7B7B7 solid; background-color: #EFEFEF;}
#aanmelden h3, #related h3, #download h3 { color: #5E5E5E; background-color: #E3E4E4; }

/* --- headers --- */
#content.wide p { width:460px; }
h2.pagetitle { font-size: 1.6em; margin-top: 30px; text-align: center; }
h3.comments { padding: 0; margin: 40px auto 20px; }
.entry pre { font-size: 1.2em; margin: -10px 0 10px 0; }

/* --- insidebar --- */
#aanmelden, #related, #download { font-size: 1.2em; }
#aanmelden h3, #related h3, #download h3 { font-size: 1.2em; font-weight: bold; }

/* --- content --- */
address {font-size:1.1em; font-style:normal;line-height:1.4em;margin-bottom:10px;}
small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
.alt {background-color: #EFEFEF;border-top: 1px solid #B7B7B7;border-bottom: 1px solid #B7B7B7;margin: 10px 0;padding: 10px;}
.postmetadata {padding-top: 5px; margin-bottom: 10px;}
.postmetadata {text-align: left;line-height: normal;}
.postmetadata img { margin-right: 4px; }
.lager { margin-bottom: -3px; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
.post hr {display: block;}
.postmetadata small a { color: #777777; text-decoration: none; border-bottom: 0 white none; }
.postmetadata small a:hover { color: #5E5E5E; text-decoration: none; border-bottom: 0 white none; }
.smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.attachment {text-align: center;margin: 5px 0px;}
small, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;}

/* --- reacties --- */
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em; text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

	
/* ---------- FORMULIEREN ---------- */
.entry form { text-align: left;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%;padding: 2px;}
#commentform #submit {margin: 0;float: right;}
#sidebar form { margin: 0; }
	
/* ---------- VARIOUS TAGS & CLASSES ---------- */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
strong { font-weight:700; }
em { letter-spacing:0.05em;}
.center {text-align: center;}
hr {display: none;}
		


/*
 * 
 * ALLEMAAL NIEUW +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
 *
 */

/* --- LAY-OUT --- */
#container {background:transparent url("pix/bg-shadow.jpg") no-repeat 50% 17px;margin:0 auto;position:relative;min-width:1000px;width:100%;}
#content { background:transparent none; }
#content-wrapper {margin:0 auto;width:1000px;position:relative;background:transparent url("pix/bg-tricolore.jpg") repeat-y 50% 0;}
#content-center,#content-right,#content-left {display:inline;float:left;overflow:hidden;position:relative;}
#content-center {width:460px;padding:16px 20px 20px;} 
#content-right {width:260px;padding:20px;}
#content-left {width:170px;padding:20px 15px 15px 15px;}
#footer {margin:20px auto;position:relative;min-width:1000px;width:100%;}
#footer-wrapper {clear:both;padding:5px 0;margin:0 auto;width:1000px;background-color:#efefef;}
/* misc */
body.page-template-_wide-php #content-center,
body.page-template-_wide-php .social {width:760px;background-color:#fff;}

.alignright {float:right;}
.alignleft {float:left;}

/* --- TYPOGRAPHIC --- */ 
a:link, a:visited {	color:#c00; text-decoration:none; }
a:hover, a:active { color:#c00; text-decoration:underline; }

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {color:#011168;font-size:24px;line-height:28px;font-weight:700;margin-bottom:20px;}
h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color:#011168;font-size:16px;line-height:18px;font-weight:700;margin-bottom:10px;}
h3, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {color:#011168;font-size:11px;line-height:11px;font-weight:700;}

h4 {color:#011168;font-size:12px;line-height:12px;font-weight:700;}	
h5 {font-size:10px;line-height:12px;}
h6 {font-size:14px;line-height:12px;font-weight:700;font-style:italic;margin-bottom:15px;}

body.page-template-_programma-beschrijving-php .h1-wrapper h1{margin-bottom:0;}

.entry h2 {margin-bottom:0;}

.h3-wrapper {margin-bottom:1px;background-color:#e4e4e4;padding:5px 10px;display:block;text-transform:uppercase;}
.h3-wrapper h3 {color:#5e5e5e;font-size:10px;line-height:10px;}
.h3-wrapper h3 span {color:#5e5e5e;}
.h3-wrapper h3 span a {color:#5e5e5e;font-size:10px;line-height:10px;}


p {margin-bottom:10px;}
#footer p,#footer a{color:#666;margin-bottom:0;text-align:center;font-size:10px;}

/* links */
a.liext			{padding-right:14px; background:transparent url("pix/ico-link-external.gif") no-repeat 100% 50%;}
a.limailto 	{padding-right:18px; background:transparent url("pix/ico-link-mail.png") no-repeat 100% 50%;}
a.lipdf 		{padding-right:20px; background:transparent url("pix/ico-link-pdf.png") no-repeat 100% 0;}
a.lidoc 		{padding-left: 15px; background:transparent url("pix/ico-link-word.png") no-repeat 100% 50%;}
a.lixls 		{padding-right:14px; background:transparent url("pix/ico-link-excel.png") no-repeat 100% 50%;}	

/* lists */
ul,ol,dl {position:relative;}
.entry ul,.entry ol {margin-bottom:10px;}
.entry ul li,.entry ol li {list-style:none outside url("pix/list-red-arrow.gif");margin:0 15px;}


/* --- --- BLOCK --- --- */
.block{margin-bottom:20px;}
.block,.post {float:left;position:relative;}
body.page-template-_overview-php .post,
body.archive .post {border-bottom:1px dotted #999;}


/* --- ASIDE --- */
.aside{float:left;position:relative;}
body.page-template-_overview-php .aside {width:140px;float:left;position:relative;padding-right:20px;padding-bottom:10px;color:#999;font-size:11px;line-height:14px;font-weight:700;}
/* thumb */
.thumb {float:left;margin:3px 20px 17px 0;overflow:hidden;}
.thumb a {display:block;}
.item .thumb {margin:0 0 5px;}
/* calender  */
.calender,.subtitle {float:left;position:relative;width:100%;border-left:1px solid #999;padding-left:5px;}
.calender .year{float:left;padding-right:5px;}
.calender .week{float:left;}
.calender .year:after{content:", ";}
/* published 
	.published {display:none;color:#999;font-style:italic;}
	body.page-template-_programma-beschrijving-php .published {display:block;margin-bottom:20px;}
	*/
/* subtitle */
.subtitle a{color:#999;text-decoration:underline;}
.subtitle a:hover{color:#c00;text-decoration:underline;}


/* --- TEXT --- */
.text {float:left;position:relative;}
body.page-template-_overview-php .text, body.archive .text {width:300px;}
/* entry */
.entry{float:left;position:relative;}

/* more */
p.postmore {padding:0 5px 0 0;color:#011168;}
p.postmore a {color:#011168;padding-right:20px;background:transparent url("pix/sprite-ico.gif") no-repeat 100% -202px;}

/* --- image --- */
img {border:0 none;}
.entry img,.thumb img {border:1px solid #ccc;padding:2px;background-color:#fff;}
.entry img {margin:5px 0 17px;}
/*.entry img.size-medium{margin-right:0;margin-left:0;}*/
.entry img.alignright {margin-left:17px;}
.entry img.alignleft {margin-right:17px;}
.entry table img.alignleft,.entry table img.alignright{margin-right:0;margin-left:0;}

a:hover img{background-color:#c00;}

.thumb img {margin:0;}

.attachment-thumb-micro	{width: 70px;height: 37px;}
.attachment-thumb-mini	{width: 94px;height: 50px;}
.attachment-thumb-small,body.page-template-_overview-php .attachment-thumb-default	{width:134px;height: 73px;}
.attachment-thumb-medium {width:214px;height:118px;}
.attachment-thumb-large	{width:454px;height:253px;}

/* --- NAVIGATION --- */
.navigation a{width:200px;color:#011168;background-image:url("pix/sprite-ico.gif");background-repeat:no-repeat;}
.navigation a.alignleft{padding-left:20px;background-position:0 -250px;margin-right:20px;}
.navigation a.alignright{padding-right:20px;background-position:100% -200px;text-align:right;}

/* --- WIDGETS --- */
.widget {float:left;position:relative;}
.widget .wrapper {background:#dedede url("pix/bg-gradient-grey.gif") repeat-x 100% 0;border:1px solid #ccc;padding:4px 9px;}
.postbottom .widget .wrapper {background:transparent none;border:0 none;padding:0;}


#content-right ul {color:#5e5e5e;list-style:square outside none;margin:0 0 5px 15px;}
#content-right li { margin:0 0 0.125em; padding:0; }
#content-right a:link, #content-right a:visited { color:#5E5E5E; text-decoration:none; }
#content-right a:hover, #content-right a:active { color:#C00; text-decoration:underline; }
#content-right .widget_rss .h3-wrapper a img { width:10px; height:10px; }
#content-right .rss-date {color:#999;font-size:9px;font-style:italic;padding-left:5px;}

/* sbs creative video's */
#random-player .wrapper {padding:0;}
#random-player .vid-thumb-img,#random-player .vid-thumb-img img{width:258px;height:145px;display:block;}
#random-player .vid-thumb{overflow:hidden;position:relative;}
#random-player .vid-thumb-play{position:absolute;top:0;left:0;}
#random-player .vid-thumb-play a:link,#random-player .vid-thumb-play a:visited{display:block;width:258px;height:145px;background:transparent url("pix/btn-play.png") no-repeat 0 0;overflow:hidden;padding-top:150px;}
#random-player .vid-thumb-play a:hover,#random-player .vid-thumb-play a:active{background:transparent url("pix/btn-play.png") no-repeat -260px 0;}
#random-player .vid-cap{padding:4px 9px;border-top:1px solid #CCCCCC;background:#DEDEDE url("pix/bg-gradient-grey.gif") repeat-x 100% 0;font-size:11px;font-weight:700;}

/* b2b nieuwsbrief */
#text-352006661 {position:relative;} 
#text-352006661 p {margin-bottom:5px;}
#text-352006661 p a {display:block;padding-right:55px;}
#text-352006661 .wrapper .clearer{position:absolute;bottom:1px;right:-18px;background:transparent url("pix/screenshot-nieuwsbrief-b2b.png") no-repeat 0 0;width:98px;height:100px;}


/* --- ELEMENTS --- */

/* nieuws */
.meer-nieuws {float:left;position:relative;padding:15px 0 0;width:460px;}
.meer-nieuws ul {border:1px solid #ccc;background:#dedede url("pix/bg-gradient-grey.gif") repeat-x 100% 0;color:#444;padding:5px 15px 7px;list-style:square outside none;font-size:11px;line-height:14px;}
.meer-nieuws li {margin:0 0 2px 10px;color:#666;}
.meer-nieuws li a:link,.meer-nieuws li a:visited {color:#666;border-bottom:1px dotted #999;}
.meer-nieuws li a:hover,.meer-nieuws li a:active {color:#c00;border-bottom:1px solid #c00;text-decoration:none;}

/* social */
.social {display:block;clear:both;width:460px;}
.addthis_toolbox {float:right;}

/* zender kleuren */
.bg_sbs6 { background-color: #D20022; }
.bg_net5 { background-color: #E0008D; }
.bg_vero { background-color: #0070C5; }
.bg_broa { background-color: #001167; }

/* button twitter */
#btn-twitter {width:30px;height:119px;background:#011168 url("pix/btn-twitter.png") no-repeat 0 0;position:fixed;top:25%;right:0;border:1px solid #eaeaea;border-right:0 none;}
#btn-twitter a {display:block;width:30px;height:119px;overflow:hidden;padding-left:40px;}

/* video-overzicht */
body.page-template-_overzicht-video-php #content-center .h3-wrapper {margin-top:4px;}
body.page-template-_overzicht-video-php #content-center .h3-wrapper h3 {font-size:12px;line-height:12px;}
body.page-template-_overzicht-video-php #content-center .entry {width:440px;position:relative;overflow:hidden;float:left;color:#444;font-size:11px;padding:10px 9px 10px 9px;background:#dedede url("pix/bg-gradient-grey.gif") repeat-x 100% 0;border:1px solid #ccc;}
.item {position:relative;float:left;width:100px;height:105px;margin:0 10px 10px 0;}
.item .title {float:left;text-align:center;line-height:14px;padding-bottom:5px;width:100%;}
.item .title a{color:#5e5e5e;display:block;}

/* contact */
.c-list h2,.c-list h3,.c-list p {float:left;position:relative;width:100%;}
.c-list h2 {margin:20px 0;font-size:20px;line-height:30px;border-bottom:1px solid #011168; }
.c-list h3 {margin:20px 0;font-size:12px;line-height:12px;text-transform:uppercase; }
.c-list p 	{height:0;margin:0;}
.c-list .c-person { float:left; position:relative;width:220px;margin:0 10px 10px 0; }
.c-list .c-person ul {height:95px;background:#dedede url("pix/bg-gradient-grey.gif") repeat-x 100% 0;border:1px solid #CCC;overflow:hidden;padding:5px 5px 8px 10px;margin:0;}
.c-list .c-person li {color:#666;line-height:16px;list-style:none outside none;margin:0;}
.c-list .c-person li.c-name  	{color:#333;font-weight:700;font-size:larger;}
.c-list .c-person li.c-phone,.c-list .c-person li.c-mobile,.c-list .c-person li.c-mail{color:#333;padding-left:20px;background-repeat:no-repeat;background-position:0 50%;}
.c-list .c-person li.c-phone  {background-image:url("pix/ico_contact_phone.gif");}
.c-list .c-person li.c-mobile {background-image:url("pix/ico_contact_mobile.gif");}
.c-list .c-person li.c-mail   {background-image:url("pix/ico_contact_mail.gif");}
.c-list .c-person li a 			{ color:#333; }

/* wpcf7 forms */
.wpcf7 form fieldset {border:1px solid #b7b7b7;padding:15px;background-color:#efefef;}
.wpcf7 form fieldset legend {background-color:#efefef;border:1px solid #b7b7b7;font-weight:700;color:#5e5e5e;padding:3px 10px;}

/* misc */
.alert {color:#fff;background-color:#c00;padding:0 5px 3px;}
.xtra { background-color: #E3E4E4; }



/* --- SHADOW --- */
/* normal */
.thumb,.entry img,#btn-twitter {-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}
/* hover */
#btn-twitter:hover {-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.8);box-shadow:0 2px 5px rgba(0, 0, 0, 0.8);}


/* --- ROUNDED CORNERS --- */
/* 2px */
body.page-template-_overzicht-video-php #content-center .entry,
.h3-wrapper,
.widget .wrapper,
.alert,
.c-person ul,
.wpcf7 form fieldset {border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
/* 0px */
.widget.widget_pages .wrapper {border-radius:0;-khtml-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}