* { margin: 0; padding: 0; }
a {
   outline: none;
   text-decoration:none
}
a{color:#FFF;}
a:hover{color:#f79700;}

html {background: #2D2D2D; color:#d5d6e0; font-family: Arial, Helvetica, sans-serif; font-size:62.5%}
H1, H2, H3, H4, H5, H6{font-weight:normal}
inhoud{display:block}

#wrapper {width: 100%; background:url('../images/base/background-gradient.png') repeat-x; height:100%}

#topbar{width:936px; height:36px; margin:0 auto;}
#topbar input{border:0; color:#FFF; font-size:1em; font-weight:bold; float:right}
#topbar input.zoeken{padding-top:6px; padding-bottom:6px; background:url('../images/base/zoeken.png') left top no-repeat; vertical-align:middle; padding-left:32px; padding-right:5px; width:89px; /*width:126px;*/ margin-right:5px;}
#topbar input.login{padding-top:6px; padding-bottom:6px; background:url('../images/base/login.png') left top no-repeat; padding-left:15px; width:126px; margin-right:19px; cursor:pointer}

#header{height:384px; width:100%; min-width:936px; position:relative}

#headerbackground{width:100%; height:384px; position:absolute; left:0; top:0; z-index:1}

#headerpanels{width:936px;margin:0 auto;z-index:2; position:relative}

#headerpanels #phctv{width:509px; height:270px; margin-top:6px; background:url('../images/base/phctv-background.png') left top no-repeat;}
#headerpanels #phctv .holder {background:url("../images/base/spinner32.gif") no-repeat scroll center center transparent; height:255px; margin-left:137px; padding-top:6px; width:365px;}
#menu{width:936px; height:56px; margin:0 auto; background:url('../images/base/background-menu.png') left top no-repeat; z-index:3; position:relative}

IMG.logo{margin-top:-33px; margin-left:35px; float:left}

#menu ul{list-style-type: none;}

#menu ul.menu {float:right; margin-right:20px; }
#menu li.menu-item {float: left;}
#menu li.menu-item>a {display: block; color:#FFF; font-family:serifa, serif; font-size:1.5em; font-weight:bold; padding:0 25px; text-decoration:none; height:38px; /*height:56px;*/ padding-top:18px}
#menu li.menu-item:hover{background:url('../images/base/hover-menu.png') repeat-x }

#menu div.submenu {display:none; position:absolute;padding:24px 24px 18px 24px; background-color:#f18e00; min-width:inherit}
#menu div.submenu ul{float:left}
#menu div.submenu ul.multicol{margin-right:15px; background:url('../images/base/divider-menu-column.png') right top repeat-y;padding-right:15px;}
#menu div.submenu ul.multicol.last{background:none; margin:0; padding:0}
#menu li.submenu-item a {display: block; color:#FFF; font-size:1.1em; font-weight:bold; padding-bottom:10px; text-decoration:none;}
#menu li.submenu-item a:hover {color:#21242b}
/*#menu li.menu-item:hover a+.submenu{display:block}*/

#content-wrapper{width:936px; margin:0 auto; margin-top:-46px; padding-top:39px; background:url('../images/base/content-top.png') left top no-repeat; overflow:hidden; position:relative; z-index:4}

#content{width:578px; padding:0 49px; float:left;}
#content H2{color:#FFF; font-family:serifa, serif; /*font-size:3.878em;*/font-size:2.7em; font-weight:bold; letter-spacing:-0.033em; margin-bottom:20px; }
#content H1{color:#f18c00; font-family:rockwell, serif; font-size:1.681em; margin-bottom:1px; letter-spacing:-0.043em}
#content P, #content LI{line-height:20px;font-size:1.2em;}
#content ul{list-style-type: none;}
#content li{background:url('../images/base/content-list-bullet.png') left 8px no-repeat; padding-left:12px;}


#content .columns{overflow:hidden; margin-bottom:20px;}
#content .column {float: left;width: 284px;}
#content .column.first {margin-right:10px}
#content .content-banner{text-align:center; padding:0 29px; width:536px; margin:30px 0; margin-left:-8px; background:url('../images/base/content-quote-background.png') left center no-repeat}
#content .content-banner-quote{font-family:rockwell, serif; font-size:1.6em; letter-spacing:-0.043em; color:#FFF}

#content .newsitem {margin-bottom:20px; padding-bottom:20px;  min-height:60px; border-bottom:1px solid #333333}
#content .newsitem H3{color:#fff; font-family:rockwell, serif; font-size:1.8em; letter-spacing:-0.030em; margin-bottom:4px;}
#content .newsitem P{font-size:1.2em; color:#d5d6e0; line-height:20px; width:474px}
#content .newsitem P A{color:#FFF; font-weight:bold;}
#content .newsitem P A:hover{color:#f79700;}
#content .newsitem .newsdate {width:54px; height:60px; background:url('../images/base/news-date-background.png') left top no-repeat; text-align:center; padding-top:6px; float:right}
#content .newsitem .newsdate .day{font-family:rockwell, serif; font-size:3.2em; font-weight:bold; color:#fff; letter-spacing:-0.123em; line-height:0; display:block; margin-top:1px;}
#content .newsitem .newsdate .month{font-family:serifa, serif; font-size:1.5em; font-weight:bold; color:#fff; letter-spacing:-0.043em; line-height:0; display:block; margin-top:-4px}

#content .__schakels{margin-bottom:0;}

#schakelnaschakelholder{margin-left:-15px; margin-top:-25px;}
#schakelnaschakel{position:relative; width:613px; height:256px; background:url('../images/base/sns/scroller-background.png') left top no-repeat; overflow:hidden}
#schakelnaschakel .line{width:613px; height:1px; width:99%; margin-top:60px; margin-left:5px; background:url('../images/base/sns/bubbles-line.png') center center repeat-x }
#schakelnaschakel .bubbles{width:613px; height:256px; position:absolute; left:117px; top:67px; z-index:1;}
  #schakelnaschakel .bubble{width:246px; height:103px; padding:22px; margin-right:35px; overflow:hidden; background:url('../images/base/sns/bubble-background.png') left top no-repeat; float:left}
  #schakelnaschakel .bubble H1{font-size:14px; color:#f79700; text-transform:capitalize; font-weight:bold}
#schakelnaschakel .overlay{width:613px; height:256px; background:url('../images/base/sns/scroller-toplayer.png') left top no-repeat; position:absolute; left:0; top:0; z-index:2}

#schakelnaschakelholder .puppets{margin:0 auto; width:206px; margin-top:-35px}

#sidebar{width:260px; float:left; margin-top:6px}
#sidebar ul{list-style-type: none; margin-left:16px; margin-right:30px; margin-bottom:30px}
#sidebar li{background:url('../images/base/sidebar-list-style.png') left center no-repeat; padding-top:10px; padding-bottom:10px; padding-left:35px; border-bottom:1px dotted #555555}
#sidebar li>a {display: block; font-family:serifa, serif; font-size:1.8em; text-decoration:none}
#sidebar li>a:link, #sidebar li>a:visited{color:#f79700;}
#sidebar li>a:hover{color:#FFF}
#sidebar li>a.active{color:#FFF}
#sidebar .sidebarnews-wrapper{margin-left:14px; margin-right:37px}
#sidebar .sidebarnewsitem{margin-bottom:45px}
#sidebar .sidebarnewsitem H3{color:#fff; font-family:rockwell, serif; font-size:1.8em; letter-spacing:-0.030em; margin-bottom:4px;}
#sidebar .sidebarnewsitem P{font-size:1.2em; color:#88888e; line-height:20px;}
#sidebar .sidebarnewsitem P A{color:#FFF; font-weight:bold;}
#sidebar .sidebarnewsitem P A:hover{color:#f79700;}
#sidebar .sidebarnewsitem .newsdate {width:33px; height:30px; background:url('../images/base/sidebar-news-date-background.png') left top no-repeat; text-align:center; padding-top:6px; float:right}
#sidebar .sidebarnewsitem .newsdate .day{font-family:rockwell, serif; font-size:2em; font-weight:bold; color:#fff; letter-spacing:-0.123em; line-height:0; display:block}
#sidebar .sidebarnewsitem .newsdate .month{font-family:serifa, serif; font-size:1.1em; font-weight:bold; color:#fff; letter-spacing:-0.043em; line-height:0; display:block; margin-top:-2px}

#sidebar ul.home{margin-left:0}
#sidebar ul.home li{background:none; padding-left:16px;}
#sidebar ul.home li {background:none; padding-left:16px;}
#sidebar ul.home li IMG{vertical-align:baseline; margin-right:16px;}
#sidebar ul.home li IMG.padded{margin-left:16px}

#sidebar .sidebarbanner{margin-left:11px; margin-right:49px; margin-bottom:30px;}

#sitemap{width:905px;margin:50px auto; padding:0 0 0 31px; overflow:hidden; background:url('../images/base/PHC-draadloos-is-eindeloos.png') right bottom no-repeat}
#sitemap ul{list-style-type: none;}
#sitemap div.sitemaplist{float:left; margin-right:21px;}
#sitemap H5{font-size:1.2em; font-weight:bold; color:#7c7f89; margin-bottom:16px }
#sitemap li{border-bottom:1px solid #343434; height:20px;}
#sitemap a{display:block;font-size:1.1em; color:#a6aab8; text-decoration:none;margin:0 4px; height:17px; padding-top:3px; padding-right:20px}

#sitemap li:hover .left{background:url('../images/base/list-hover-left.png') left top no-repeat}
#sitemap li:hover a{background:url('../images/base/list-hover-center.png') left top repeat-x; color:#21242b;}
#sitemap li:hover .right{background:url('../images/base/list-hover-right.png') right top no-repeat}


#bottombar{width:100%; height:60px; /*height:44px;*/ margin:0 auto; padding-top:15px; background:#000000; color:#50535c; text-align:center}

.hilight{color:#f79700}

.phcform .fleft{float:left}
.phcform .fright{float:right;}
.phcform {font-size:11px; font-weight:bold; border-top:1px solid #333333}
.phcform TR{height:33px;}
.phcform .col{height:64px; vertical-align:top; padding-top:20px}
.phcform .col1{width:347px;}
.phcform .col2{width:18px;}
.phcform .error{font-size:10px; color:#FF3344; display:block;}
.phcform .error .efficiencyscan{width:430px}
.phcform H3{font-size:17px; color:#f79700}
.phcform label{padding-right:10px;}
.phcform input{border:0; color:#FFF; font-size:11px; font-weight:bold; padding:0 5px}
.phcform textarea{border:0; color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:0 5px}
.phcform textarea.w276{width:266px; height:88px; background:url('../images/base/form/textarea-bg-276.png') left top no-repeat}
.phcform input.w276{width:266px; height:26px; background:url('../images/base/form/input-bg-276.png') left top no-repeat}
.phcform input.w205{width:195px; height:26px; background:url('../images/base/form/input-bg-205.png') left top no-repeat}
.phcform input.w138{width:128px; height:26px; background:url('../images/base/form/input-bg-138.png') left top no-repeat}
.phcform input.w71{width:61px; height:26px; background:url('../images/base/form/input-bg-71.png') left top no-repeat}
.phcform input.w24{width:14px; height:26px; background:url('../images/base/form/input-bg-24.png') left top no-repeat}
.phcform input.submit{padding:0; margin-left:-4px; width:100px; height:24px; border:0; background:url('../images/base/form/verstuur.png') left top no-repeat}
.phcform input.reset{padding:0; width:62px; height:24px; border:0; background:url('../images/base/form/wis.png') left top no-repeat}


.white{color:#FFF}
.border{border: 1px solid #AAA; margin:15px 0 25px 0}
object { position: relative; top: 10px;}

/* Youtube: */
div.youtube { float: left; padding-right: 10px; margin-right: 10px; width: 190px; border-right: 1px dotted #666; padding-bottom: 1em; margin-bottom: 1em; }
div.youtube h3 { font-size: 1.6em; margin-bottom: 10px; }
div.youtube a img, .rightColumn a img { border: none; margin-bottom: 20px;  }
div.youtube img { width: 190px; height: 105px; }

#content div.youtube p { font-size: 1.1em; line-height: 1.6em; }

div.youtube p.watch { text-align: right; margin: 0; margin-top: 1em; font-size: 1.2em; }
div.youtube p.watch a { font-weight: bold; /* position: absolute; margin-top: 170px; margin-left: 180px; */ }
div.youtube a.watch { font-weight: bold; font-size: 1.2em; float: right; margin-top: 1em; /* position: absolute; margin-top: 170px; margin-left: 180px; */ }

div.youtube_big { margin-bottom: 20px; }
#content.wide { width: 850px; }
#content.wide h2 { clear: both; }

.leftColumn { width: 560px; float: left; }
.rightColumn { width: 260px; float: right; }

.rightColumn a img { margin-bottom: 0; }
.rightColumn table td { vertical-align: top; height: auto; }
.rightColumn table td h3 { margin: 0; margin-left: 1em; }

h3.categorie { font-size: 1.6em; margin: 1em 0; }