/* Tim Rooza - Orange Juice */
* {margin:0;padding:0;}
body, html {height:100%;min-height:100%;}
body {background:#1f1f1f none;font-size:11px;font-family: verdana, arial;color:#000;line-height:16px;}
ul {margin:0;padding:0;list-style-type:none;}
.orange {color:#FF6600;}
a img {border:0;}
a {color:#FF6600;text-decoration:underline;}
a.readmore {display:inline-block;padding:0 0 0 13px;background: transparent url('grfx/readmore_bg.gif') left 5px no-repeat;height:17px;}
a.readmore:hover {color:#999999;text-decoration:none;background-position: left -25px;}
a:hover {color:#999999;text-decoration:none;}
.clear {clear:both;}
.reg {font-size:15px;position:relative;top:-10px;}
p {margin:10px 0 0 0;}
select,
textarea,
input {font-family:verdana, arial;}
.centerme {display:block;margin:0 auto;}

.btn-standard {display:block;width:93px;height:29px;background: transparent url('grfx/btn_standard.gif') top left no-repeat;color:#fff;font-weight:bold;cursor:pointer;border:0 !important;text-align:left;padding:0 0 3px 10px !important;.padding-left:15px !important;}
.btn-standard:hover {background-position: left -30px;}

.linkbtn-standard {display:block;width:93px;height:29px;background: transparent url('grfx/btn_standard.gif') top left no-repeat;color:#fff;font-weight:bold;cursor:pointer;border:0;text-align:left;padding-left:10px;text-decoration:none;line-height:26px;.line-height:24px;}
.linkbtn-standard:hover {background-position: left -30px;color:#fff;}

#website-wrapper {min-width:964px;background: transparent url('grfx/body_bg.gif') top center repeat-y;min-height:100%;_height:100%;}
#header-wrapper {position:relative;width:100%;background:#1f1f1f url('grfx/header_container_bg.gif') top center repeat-y;height:150px;}
#header-content {position:relative;z-index:10;width:964px;margin:0 auto;height:120px;background: transparent url('grfx/header_content_bg.gif') top center no-repeat}
#header-content .logo {position:absolute;left:47px;top:10px;}

#header-content .header-form {width:210px;padding:0 0 0 15px;color:#fff;height:80px;border-left:1px solid #666;}
#header-content .header-form p {margin:0;}
#header-content .header-form h2 {color:#FF6600;font-size:12px;font-weight:bold;margin:10px 0 0 0;}
#header-content .header-form form {position:relative;top:5px;}

#header-content #header-search {position:absolute;top:20px;left:470px;}
#header-content #header-search input {position:absolute;border:1px solid #FF6600;display:block;padding:4px 0 0 3px;height:16px; .padding:0 0 0 3px;.height:20px;line-height:20px;width:130px;font-size:11px;color:#000;}
#header-content #header-search .submit {position:absolute;left:130px;height:22px;width:22px;border: none;background: transparent url('grfx/headerform_submit.gif') top left no-repeat;overflow: hidden;text-indent: -999px; font-size: 0px;display:block;line-height: 0px;cursor:pointer;}
#header-content #header-search .submit:hover {background-position: bottom left;}
/* Search, SiteFinity class gebruikt (~/sitefinity/controltemplates/search/searchCommonLayout.css) */
.sf_searchBox {margin:0;padding:0;border:0;position:relative;top:5px;} /* Dit is de class die het zoekschermpje boven in de pagina laat zien */


#header-content #header-jumpto {position:absolute;top:20px;left:695px;}
#header-content #header-jumpto select {position:absolute;border:1px solid #FF6600;display:block;width:130px;font-size:11px;color:#000;padding:1px 0 1px 3px;height:22px;line-height:22px;padding:2px 0 1px 0}
#header-content #header-jumpto .select-example {position:absolute;margin-top:5px;width:100px;height:20px;line-height:20px;padding:0 0 0 5px;background:transparent url('grfx/select_example.gif') top left no-repeat;color:#000;}
#header-content #header-jumpto .submit {position:absolute;top:1px;top:0;margin-top:46px;left:130px;height:20px;width:20px;border: none;background: transparent url('grfx/jumpto_submit.gif') top left no-repeat;overflow: hidden;text-indent: -999px; font-size: 0px;display:block;line-height: 0px;cursor:pointer;}
#header-content #header-jumpto .submit:hover {background-position: bottom left;}


#header-container {position:absolute;bottom:0;width:100%;height:54px;}
#header {position:relative;margin:0 auto;width:964px;height:54px;background:#fff url('grfx/header_bg.gif') top left no-repeat;}
#header #navbar {position:absolute;z-index:20;bottom:0px;width:890px;height:30px;left:37px;background:#FF6600 url('grfx/navbar_bg.gif') top left no-repeat }
#header #navbar ul {position:relative}
#header #navbar ul li {position:relative;display:block;float:left; background: transparent url('grfx/main_nav_divider.gif') top right no-repeat;padding:0 2px 0 0}
#header #navbar ul li a {position:relative;display:inline-block;padding:0 14px;background: transparent url('grfx/main_nav_bg.gif') top left repeat-x;height:30px;line-height:30px;color:#000;font-size:12px;text-decoration:none;}
#header #navbar ul li a.home {background-image: url('grfx/main_nav_home_bg.gif');padding-left:30px;}
#header #navbar ul li a:hover {background-position:left -30px}
#header #navbar ul li a.active,
#header #navbar ul li a.active:hover {background-position:left -60px;color:#fff;}


#content-wrapper {position:relative;width:100%;background:#FF6600 none;}
#content-container {position:relative;margin:0 auto;width:964px;background:#fff url('grfx/content_container_bg.gif') top left repeat-y;}
#content {position:relative;width:890px;margin:0 auto;border-bottom:1px solid #000;padding:0 0 15px 0}
#content h1 {position:relative;font-size:20px;font-weight:normal;line-height:28px;margin:-6px 0 -5px 0;}
#content h2 {position:relative;font-size:13px;font-weight:bold;margin:10px 0 -10px 0;}

#content .main-chapter-link {position:relative;width:262px;height:70px;display:block;background: transparent url('grfx/main_chapter_link.gif') top left no-repeat;margin:5px 0 0 0;line-height:70px;text-align:center;vertical-align:center}
#content .main-chapter-link img {display:block;margin:0 auto;position:relative;top:18px;}
#content .main-chapter-link:hover {background-position:left -70px;}

#footer-container {position:relative;margin:0 auto 10px auto;width:964px;height:75px;background:transparent url('grfx/footer_container_bg.gif') top left no-repeat;}
#footer-container p {margin:0;}
#footer {position:relative;width:890px;margin:0 auto;color:#666;padding:15px 0 0 0;}
#footer .footer-image {position:absolute;right:10px;top:10px;}
#footer a {color:#666;text-decoration:underline;}
#footer a:hover {color:#000;}
#footer ul {position:relative;}
#footer ul li {display:inline;}


#bottom {position:relative;width:964px;margin:0 auto;background: transparent url('grfx/bottom_bg.gif') 57px 10px no-repeat;height:130px;}
#bottom .bottom-text {width:230px;position:absolute;right:0;border-left:1px solid #666666;color:#fff;}
#bottom .bottom-text h2 {font-size:12px;font-weight:bold;color:#FF6600;margin:0 0 5px 0;padding:0 0 0 15px;}
#bottom .bottom-text p {padding:0 0 0 15px;}
#bottom .bottom-text p a {color:#fff;text-decoration:underline;}
#bottom .bottom-text p a:hover {color:#FF6600}


/* specifiek voor homepage (onderdeelkeuzes) */
body.home {background:#FF6600 none}
body.home #website-wrapper {background:#FF6600 none}
body.home #three-equal-columns {background: transparent none;}
body.home .header-tagline {position:absolute;top:70px;left:480px;}
body.home #header #navbar {background: transparent url('grfx/navbar_home_bg.gif') center center no-repeat;}
body.home #content {background: transparent url('grfx/dotline.gif') bottom left repeat-x;border-bottom:none;}
body.home #footer-container {height:122px;background: transparent url('grfx/footer_home_bg.gif') top left no-repeat;}
body.home #footer-container #footer {position:relative;color:#000;}
body.home #footer-container #footer img {position:absolute;top:30px;left:15px;}
body.home #footer-container #footer .home-contact {position:absolute;left:140px;border-left:1px solid #999;padding:5px 0 5px 15px;}
body.home #footer-container #footer .home-contact a {color:#FF6600;text-decoration:underline;}
body.home #footer-container #footer .home-contact a:hover {color:#000;}
body.home #bottom-text {position:relative;color:#fff;text-align:center;top:-20px;}
body.home #bottom-text a {color:#fff;}
body.home #bottom-text a:hover {text-decoration:none;}

body.home #home-sections-container {position:relative;left:18px;margin:-5px 0 0 0;.margin-bottom:5px;}
body.home #home-sections-container .section {position:relative;display:block;float:left;width:280px;height:230px;background: transparent url('grfx/home_section_bg.gif') top left no-repeat;margin:0 10px 0 0;}
body.home #home-sections-container .section .content {position:relative;width:270px;left:1px;margin:-10px 0 0 0;}
body.home #home-sections-container .section .content p {padding:0 10px 10px 10px;margin:5px 0 0 0;}
body.home #home-sections-container .section .content h1 {padding:0px 10px 0 10px;font-size:18px;font-weight:normal;margin:0;line-height:25px;}
body.home #home-sections-container .section .content .linkbtn-standard {margin: 0 auto;}
/*toevoeging van wilfred*/
body.home #home-sections-container .section .contentHoogte {height:120px;}
/* einde specifiek voor homepage */



/* specifiek voor hoofdstuk landingspages */

.sidepic {position:absolute;top:0;right:0;}


#three-equal-columns {position:relative;width:845px;margin:10px auto 0 auto;background: transparent url('grfx/three_equal_columns_bg.gif') top center repeat-y}
.column {position:relative;width:260px;float:left;margin: 0 30px 0 0;_overflow-x:hidden;}
.column.last {margin:0;}

#cms-login-container {position:relative;width:300px;height:212px;background: #fff url('grfx/cms_login_bg.gif') top right no-repeat;left:-20px;_left:0;_width:280px;_background-position:top left;}
#cms-login-container h2 {font-size:15px;color:#000;position:absolute;left:35px;top:0px;_left:10px;line-height:20px;}
#cms-login-container form {position:absolute;left:35px;top:25px;_left:10px}
#cms-login-container form p label {display:block;font-size:11px;color:#000;}
#cms-login-container form p input {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:195px;}
/* einde specifiek voor hoofdstuk landingspages */
/* toegevoegd door ferox, tijdelijk om het inlog formulier goed te laten zien op de cms pagina */
#cms-login-form {position:absolute;left:35px;top:25px;_left:10px}
#cms-login-form p label {display:block;font-size:11px;color:#000;}
#cms-login-form p input {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:195px;}




/* specifiek voor 'standaard' vervolgpagina's */
#three-columns #crumb-container {position:absolute;left:225px;width:665px;background:#fff url('grfx/dotline.gif') bottom left repeat-x;height:25px;}
.crumb {color:#000 ;background: transparent url('grfx/crumb_bg.gif') center left no-repeat;padding:0 0 0 20px;}
.crumb .current{color:#FF6600}
.crumb a {color:#000;}
.crumb a:hover {color: #999; text-decoration:none;}

#three-columns {position:relative;width:890px;margin:10px auto 0 auto;background: transparent url('grfx/three_columns_bg.gif') top left repeat-y;}
#three-columns .column-1 {position:relative;width:195px;float:left;background: #EBEBEB url('grfx/column1_bg.gif') bottom left repeat-x;_height:495px;min-height:495px;padding:10px;}
#three-columns .column-1 h1 {position:relative;width:195px;height:30px;background:#000;text-indent:10px;font-size:11px;color:#fff;line-height:30px;margin:0;padding:0;font-weight:bold;background: transparent url('grfx/column1_h1_bg.gif') top left repeat-x;}
#three-columns .column-2 {margin:38px 0 0 0;position:relative;width:405px;float:left;padding:0 10px 0 20px;_overflow-x:hidden;}
#three-columns .column-3 {margin:38px 0 0 0;position:relative;width:220px;float:left;left:20px;}

#two-columns #crumb-container {position:relative;left:2px;width:885px;background:#fff url('grfx/dotline.gif') bottom left repeat-x;height:30px;line-height:30px;}
#two-columns {position:relative;width:890px;margin:0 auto 0 auto;}
#two-columns .column-1 {margin:10px 0 0 0;position:relative;width:635px;float:left;padding:0 10px 0 20px;_overflow-x:hidden;}
#two-columns .column-1 h1 {margin:10px 0 0 0;border-bottom:1px solid #999;}
#two-columns .column-1-search {margin:10px 0 0 0;position:relative;width:835px;float:left;padding:0 10px 0 20px;_overflow-x:hidden;}
#two-columns .column-1-search h1 {margin:10px 0 0 0;border-bottom:1px solid #999;}
#two-columns .column-2 {margin:10px 0 0 0;position:relative;width:220px;float:left;}

#one-column #crumb-container {position:relative;left:2px;width:885px;background:#fff url('grfx/dotline.gif') bottom left repeat-x;height:30px;line-height:30px;}
#one-column {position:relative;width:890px;margin:0 auto 0 auto;}
#one-column .column-1 {margin:10px 0 0 0;position:relative;width:860px;float:left;padding:0 10px 0 20px;_overflow-x:hidden;}
#one-column .column-1 h1 {margin:10px 0 0 0;border-bottom:1px solid #999;}


/* blokken */
.blok-v1-container {position:relative;width:227px;background: transparent url('grfx/blokken/blok_v1_container_bg.gif') top left repeat-y;margin:-5px 0 20px 0;}
.blok-v1-container .blok-content {position:relative;width:200px;padding:14px 15px 18px 12px;background: transparent url('grfx/blokken/blok_v1_content_bg.gif') bottom left no-repeat; min-height:127px;_height:127px;color:#fff;}
.blok-v1-container .blok-content a {color:#fff;text-decoration:underline;}
.blok-v1-container .blok-content a:hover {text-decoration:none;}
.blok-v1-container .blok-content h2 {color:#FF6600;font-size:13px;font-weight:bold;margin:0;padding:0 0 7px 0;}
.blok-v1-container .bottom {display:block;position:absolute;bottom:0px;_bottom:-1px;width:227px;height:11px;line-height:1px;font-size:1px;overflow:hidden;background: transparent url('grfx/blokken/blok_v1_bottom.gif') top left no-repeat}
.blok-v1-container .top {display:block;position:absolute;top:0;width:227px;height:6px;line-height:1px;font-size:1px;overflow:hidden;background: transparent url('grfx/blokken/blok_v1_top.gif') top left no-repeat}
.url {color:#999;}

.blok-v2-container {position:relative;width:227px;background: transparent url('grfx/blokken/blok_v2_container_bg.gif') top left repeat-y;margin:-5px 0 20px 0;}
.blok-v2-container .blok-content {position:relative;width:200px;padding:16px 15px 18px 12px;background: transparent url('grfx/blokken/blok_v2_content_bg.gif') bottom left no-repeat; min-height:128px;_height:128px;color:#000;}
.blok-v2-container .blok-content h2 {font-size:13px;font-weight:bold;margin:0;padding:0 0 7px 0;}
.blok-v2-container .bottom {display:block;position:absolute;bottom:0px;_bottom:-1px;width:227px;height:11px;line-height:1px;font-size:1px;overflow:hidden;background: transparent url('grfx/blokken/blok_v2_bottom.gif') top left no-repeat}
.blok-v2-container .top {display:block;position:absolute;top:0;width:227px;height:8px;line-height:1px;font-size:1px;overflow:hidden;background: transparent url('grfx/blokken/blok_v2_top.gif') top left no-repeat}
/* einde blokken */


/* sidenav */
ul#sidenav li {display:block;}
ul#sidenav li a {display:block;width:185px;height:30px;line-height:30px;border-bottom:1px solid #999;color:#000;text-decoration:none;padding:0 0 0 10px;}
ul#sidenav li a.has-submenu {background: transparent url('grfx/menu/hassub.gif') 10px center no-repeat;padding:0 0 0 25px;width:170px;}
ul#sidenav li a.has-submenu.active:hover,
ul#sidenav li a.has-submenu.active {background: #ccc url('grfx/menu/hassub_active.gif') 10px center no-repeat;padding:0 0 0 25px;width:170px;font-weight:bold;border-bottom:1px dotted #999;}
ul#sidenav li a.active:hover,
ul#sidenav li a.active {background-color:#CCC;font-weight:bold}
ul#sidenav li a:hover {background-color:#d9d9d9;}
ul#sidenav li ul {position:relative;border-bottom: 1px solid #999;}
ul#sidenav li li a {display:block;height:20px;padding:0;border:0;padding:2px 0 2px 45px;width:150px;line-height:20px;}
ul#sidenav li li a:hover {color:#FF6600; background: transparent none;}
ul#sidenav li li a.active:hover,
ul#sidenav li li a.active {font-weight:bold;color:#FF6600;background: transparent url('grfx/menu/sub_active.gif') 30px center no-repeat;border:0;height:20px;padding:0;border:0;padding:2px 0 2px 45px;width:150px;line-height:20px;}


/* formulier */
.form-container {position:relative;width:390px;background:#EBEBEB none;left:-5px;padding:10px 20px;margin-top:10px;}
.form-container .errorlist {background:#999999 none;padding:10px;width:295px;margin:10px 10px 10px 0;color:#fff;}
.form-container form {}
.form-container form p {margin:0 0 5px 0}
.form-container form p label {display:block;font-size:11px;color:#666666;margin:0 0 3px 0}
.form-container form p input {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:315px;}
.form-container form p textarea {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:315px;height:80px;}
.form-container form p.radio input {border:none;font-size:11px;width:auto;}
.form-container .req {position:absolute;width:5px;height:5px;background: transparent url('grfx/bullet.gif') top left no-repeat;text-indent:-999px;overflow:hidden;margin-top:5px;margin-left:3px;.margin-left:0;}
.form-container .explanation {position:absolute;right:20px;display:inline-block;padding:0 0 0 10px;background: transparent url('grfx/bullet.gif') center left no-repeat;color:#999}
/* door ferox toegevoegd */
.form-container p {margin:0 0 5px 0}
.form-container p label {display:block;font-size:11px;color:#666666;margin:0 0 3px 0}
.form-container p input {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:315px;}
.form-container p textarea {border:1px solid #999999;font-size:11px;padding:3px 0 3px 3px;width:315px;height:80px;}
.form-container p.radio input {border:none;font-size:11px;width:auto;}


/* zoekresultaten */
#results-container {background: transparent url('grfx/dotline.gif') bottom left repeat-x;padding:0 0 5px 0}
#results-container .result {position:relative;margin:10px 0;padding:0 20px 0 0 }
#results-container .result a {font-size:12px;color:#999;/*text-decoration:none;*/}
#pager {position:relative;margin:10px 0 0 0; float:left;}
/*#pager a {display:inline-block;width:20px;height:20px;line-height:20px;color:#000;border:1px solid #EBEBEB;text-align:center;text-decoration:none;}
#pager a:hover {background-color:#EBEBEB;}
#pager a.active:hover,
#pager a.active {border:1px solid #CCCCCC;background-color:#CCCCCC;font-weight:bold;}
#pager .text {border:0;background: transparent none;width:auto;text-decoration:underline;color:#FF6600}
#pager .text:hover {background: transparent none;text-decoration:none;}*/
/* searchresults van SiteFinity css overgenomen en aangepast (~/sitefinity/controltemplates/search/searchcommonlayout.css)*/
.sf_PagerItem {display:inline-block;width:20px;height:20px;line-height:20px;color:#000;border:1px solid #EBEBEB;text-align:center;text-decoration:none;}
.sf_PagerItem:hover {background-color:#EBEBEB;}
.sf_PagerSelItem:hover,
.sf_PagerSelItem {display:inline-block;width:20px;height:20px;line-height:20px;color:#000;border:1px solid #CCCCCC;text-align:center;background-color:#CCCCCC;text-decoration:none;font-weight:bold;}
.sf_PagerTekst {border:0;background: transparent none;width:auto;text-decoration:underline;color:#FF6600}
.sf_PagerTekst:hover {background: transparent none;text-decoration:none;}

#searchbar {position:relative;margin:10px 0 0 0;width:835px;height:40px;background: transparent url('grfx/searchbar_bg.gif') top left no-repeat;}
#searchbar h2 {font-size:13px;color:#666666;position:absolute;top:3px;left:30px;}
#searchbar form {position:absolute;top:0px;left:100px;}
#searchbar input {position:absolute;border:1px solid #FF6600;display:block;padding:4px 0 0 3px;height:16px;padding:0 0 0 3px;height:20px;line-height:20px;width:200px;font-size:11px;color:#000;}
#searchbar .submit {position:absolute;left:200px;height:22px;width:22px;border: none;background: transparent url('grfx/searchform_submit.gif') top left no-repeat;overflow: hidden;text-indent: -999px; font-size: 0px;display:block;line-height: 0px;cursor:pointer;}
#searchbar .submit:hover {background-position: bottom left;}
#howmany {color:#999;font-size:10px;text-align:right;position:absolute;width:835px;margin-top:-20px;}
/* searchbox van SiteFinity css overgenomen en aangepast, deze is voor de zoekbox boven de zoekresultaten*/
#searchbar .sf_searchBox {position:absolute;top:10px;left:100px;margin:0;padding:0;border:0;position:relative;} /* Dit is de class die het zoekschermpje boven in de pagina laat zien */


/* kleurenschema's */
.sharepoint-solutions h1,
/*.sharepoint-solutions h2,*/
.sharepoint-solutions .sf_postTitle A {color: #0066CC !important;}
.crm-solutions h1,
/*.crm-solutions h2,*/
.crm-solutions .sf_postTitle A {color:#CC0000 !important;}
.cms-solutions h1,
/*.cms-solutions h2,*/
.cms-solutions .sf_postTitle A {color:#8EBD01 !important;}

/* nieuws titels, moeten er uit zien als H1 */
.sf_postTitle {position:relative;font-size:20px !important;font-weight:normal !important;line-height:28px !important;margin:-6px 0 -5px 0 !important;text-decoration:underline !important;}
.sf_postTitle a {text-decoration:underline !important;}