/*
Theme Name: Vermogensbeheer tv
Description: Custom template build for vermogensbeheer.tv
Version: 1.0
Author: Zup-Art interactive
Author URI: http://www.zup-art.nl/

*/


* :focus{outline:none;}

body{
  background: #47a3ff;
  color: #003366;
  font-family: Arial, verdana;
  font-size: 12px;
  padding:0px;
  margin:0px;
}

img{border:none;}
.hidden{display:none;}
div.clear{clear: both;}

div.drieLinkKolom div.blok, div.otherMedia div.blok, div.meerweten{line-height: 20px;}

a{color: #003366; text-decoration:none; font-weight:normal;}
a:hover{color: #ffffff; background: #003366;}
a.big, span.big{color: #ffffff; font-size:24px; font-weight:bold; text-decoration:underline;}

div.streep{background: #ffffff; height:4px; margin-bottom:10px;}

div#vbContainer{width:871px; margin:0px auto; height:auto;  background: url(images/paperback.JPG) no-repeat 111px 0px; }
body.page-template div#vbContainer{background: url(images/paperback2.JPG) no-repeat 111px 0px; }

div#disclaimerPopup{position:absolute; display:hidden; z-index: 20; top:-2130px; left:50%; margin-left:-325px; width:650px; height:auto; background: #ffffff; color: #003366;}
div#disclaimerPopup div.sluiten{padding:10px 10px 0px 0px; text-align:right; font-weight:bold; text-transform:uppercase;}
div#disclaimerPopup div.padding{padding:20px 15px 15px 15px;}
div#disclaimerPopup span.kopje{font-size:14px; font-weight:bold;}

img.headerBalk{margin-top:5px;}
div#headerDiv{width:871px; height:100px;}
div#headerDiv div.linkjes{color: #ffffff; font-weight:bold; text-align:right;}
div#headerDiv div.linkjes span.streepje{margin:0px 5px;}
div#headerDiv div.linkjes div.padding{padding:7px 15px 0px 0px; }
div#headerDiv div.linkjes a{ color: #ffffff; font-weight:bold; }

/* het midden stuk */
div#mainDiv{width:760px; margin-left:111px; height:auto;}

div.videoBlokContainer{height:385px;  margin-top:30px;}
div.videoBlok{width:760px; height:auto; position:relative; }
div#opsompagina{height:1px; margin:0px; line-height:1px;}
div#opsompagina div.welkomBlok{height:208px;}

div.welkomBlok{height:auto; width:200px; float:left; font-size:15px; text-align:right;}
div.welkomBlok div.padding{padding:20px 7px 0px 0px;}
div.welkomBlok hr{color: #003366; width:180px; border:solid 1px #003366; margin-left:13px;}

div.videoOmschrijving{position:absolute; height:145px; width:200px; text-align:right; bottom:0px; left:0px; background: #ffffff; font-size:11px;}
div.videoOmschrijving div.padding{padding:15px 7px 5px 5px;}
div.videoOmschrijving span.category{font-weight:bold; text-transform:uppercase; font-size:15px;}

div.playerBlok{float:left; height:auto; width:560px; text-align:center; margin:0px 0px -4px 0px; min-height:310px;}
div.playerBlok p{ padding:0px; margin:0px;}

div.onderVideoBlok{width:343px; height:auto; float:right; text-align: right;}
div.onderVideoBlok div.streep{ margin:30px 0px 10px 0px;}
div.onderVideoBlok span.big{position:relative; top:20px; left:0px;}
div.onderVideoBlok div.witBlok{ background: url(images/white_edge.PNG) no-repeat; height:133px; text-align:right; line-height:20px; }
div.onderVideoBlok div.witBlok div.padding{padding:12px 8px 0px 13px; }

div.opsom{height:auto; margin-bottom:20px; }
div.opsom td{vertical-align:top; padding-right:10px;}
div.opsom td.first{padding-right:10px;}
div.opsom div.logoBlock{float:left; width: 417px; height:142px; background: #003366;}
div.opsom div.logoBlock div.omschrijving{margin-top: 107px; font-size:11px; font-weight:bold; color: #ffffff; text-align:center; padding:0px 25px;}


div#vbContainer div.businessclass{background: #003366 url(images/businessclass.PNG) no-repeat;}
div#vbContainer div.beleggertv{background: #003366 url(images/beleggertv.PNG) no-repeat;}
div#vbContainer div.zoomin{background: #003366 url(images/zoomin.PNG) no-repeat;}

/* hoofdletter ja of NEE */

div.opsom div.rightBlock, div#headerDiv div.linkjes, div.drieLinkKolom a, div.onderVideoBlok div.witBlok{ text-transform: uppercase;}

div.opsom div.rightBlock, div#headerDiv div.linkjes, div.drieLinkKolom a, div.onderVideoBlok div.witBlok{ font-size:11px;}

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


div.opsom div.rightBlock{float:left; width:343px; line-height:20px;}
div.opsom div.rightBlock div.padding{padding:11px 0px 0px 8px;}
div.opsom div.streep{ margin:0px 0px 4px 0px;}
div.opsom div.witBlok{ background: url(images/white_edge.PNG) no-repeat; height:133px;}

div.opsom span.scrollLeft, div.opsom span.scrollRight{width:16px; height:117px; float:left; display:block;}

div.opsom span a:hover, div.opsom span a:hover{ background-color: none;}
span#bsNext, span#beNext, span#ziNext{ display:block; position:relative; top:-129px; left:295px; width:16px; height:45px; }
div.opsom span#beNext{display:none;}
span#bsPrev, span#bePrev, span#ziPrev{ display:block; position:relative; top:-85px; left:-20px; width:16px; height:45px;}
span#bsNext a, span#beNext a, span#ziNext a{ display:block; background: url(images/arrowRight.PNG) no-repeat;}
span#bsPrev a, span#bePrev a, span#ziPrev a{ display:block; background: url(images/arrowLeft.PNG) no-repeat;}
span#bsNext a, span#bsPrev a, span#beNext a, span#bePrev a, span#ziNext a, span#ziPrev a{text-indent:-60px; overflow:hidden; display:block; height:32px; width:16px; }

div.opsom div.scrollBody{width:292px; height:120px; float:left; position:relative;}
div.opsom div.ddmcl{float:left; width:142px; height:120px;}
div.opsom div.ddmcl a{ margin-left:5px;}
div.opsom div.ddmcl ul{padding:0px; margin:0px 0px 0px 10px; list-style:none;}
div.opsom div.ddmcl ul li{width:auto; height:auto; padding:0px 0px 0px 5px;}

div.scrollIntern ul, div.scrollIntern li{
		margin:0;
		padding:0;
		list-style:none;
		}
	div.scrollIntern li{
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:292px;
		height:120px;
		overflow:hidden;
		}


div.biglink{height:83px; text-align:left;}
div.biglink span.big{display:block; padding:25px 0px 10px 0px;}

div.otherMedia div.blok{width:195px; height:auto; float:left; font-size:14px; font-weight:bold; color: #ffffff; text-align:center; }
div.otherMedia div.blok a.logoklik:hover{background:none;}
div.otherMedia div.blok div.omschrijving{font-size:12px; width:155px; margin-left:20px;}
div.otherMedia div.slash{width:85px; height:auto; float:left; line-height:38px;}
div.otherMedia div.slash span.big{display:block; padding:10px 0px 0px 37px; text-decoration:none; font-size:46px;}

div.drieLinkKolom{background: #ffffff;}
div.drieLinkKolom div.blok{width:195px; height:auto; float:left; font-size:14px; font-weight:bold; }
div.drieLinkKolom div.blok div.padding{padding:20px 0px 0px 45px;}
div.drieLinkKolom div.blokmeer{width:195px; height:auto; float:left; font-size:14px; font-weight:bold; }
div.drieLinkKolom div.blokmeer div.padding{padding:0px 0px 15px 45px;}
div.drieLinkKolom div.blokmeer a.meer{display:block; padding:5px 0px 0px 40px; font-size:14px; text-transform:uppercase; background: url(images/meerknopje.png) no-repeat; font-weight:bold; height: 30px;}
div.drieLinkKolom div.blokmeer a.meer:hover{color:#003366; text-decoration:underline; }
div.drieLinkKolom div.tussen{width:85px; height:30px; float:left;}

div.meerweten{background: #003366; text-align:center; font-size:14px; color: #ffffff; font-weight:bold; }
div.meerweten a{font-size:18px; color: #48aafd; text-decoration:none; font-weight:bold;}
div.meerweten div.padding{padding:25px 0px;}

/* pagina voor sitemap */

div#content{background: #ffffff; margin-top:30px; }
div#content div.post{padding: 10px 20px 20px 50px; margin-bottom:30px;}

div.footerBlok{color: #ffffff; text-align: center; margin-top:20px;}
div.footerBlok div.streep{width:744px; margin:10px 0px 10px 9px;}
div.footerBlok span.big{text-decoration:none;}