* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #f8f8f8;
    background-image: url('images/bg.png');
    background-repeat: repeat-x;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 20px;
    color: #8e8e8e;
}

/*** Standard Elements ***/
h1 {
    color: #000000;
    font-size: 36px;
    line-height:40px;
    padding-bottom: 16px;
}

h2 {
    color: #000000;
    font-size: 16px;
    padding-bottom: 16px;
    font-weight: normal; /*text-shadow:0 1px 0.5px #aaaaaa;*/
}
h2.landing{
    font-size:18px;
}
p + h2{
    margin-top:20px;
}
.red h2{
    color:#e82c04;

}

h1.blue, h2.blue {
    color:#00AEEF;

}

h3 {
    color: #000000;
    font-size: 11px;
    margin: 0 0 0 0;
}
h3.author{
    font-size:13px;
    font-weight:normal;
}
h3.profile{
    font-size:15px;
    font-weight:normal;
}
.red h3{
    color:#e82c04;
}
#quote_client h3{
    font-size:16px;
    line-height:20px;
    font-weight:normal;
}
td td h3{
    margin-bottom:0;
}
h4 {
    padding-bottom: 0;
    margin: 0 0 0 0;
    color: #8E8E8E;
    font-weight: bold;
    font-size: 11px;
}

p {
    padding-bottom: 19px;
    color:#8E8E8E;
    position:relative;
}

p.landing{
    font-size:12px;
}
p.sidebar_scrunched{
    position:relative;
    top:-5px;
    line-height:17px;
    padding-bottom:10px;
}

#quote_client p{
    font-size:12px;
    line-height:22px;
}

a, a:link {
    text-decoration: none;
    color: #00aeef;
}
/*
a:visited {
    text-decoration: none;
    color: #72b2ca;
}*/
a:hover, a:hover strong {
    text-decoration: underline;
}


a img {
    border: none;
    text-decoration: none;
}
table{
    border-collapse:collapse;
}
table table{
    margin:0 0 20px 0;
}
td {
    vertical-align:top;
}
#quote_client td{
    vertical-align:bottom;
}
th {
    color:#000;
}
hr {
    height: 1px;
    width: 100%;
    color: #cfcfcf;
    background-color: #cfcfcf;
    border: none;
    margin: 16px 0 10px 0;
}

form{

}
/*** Layout ***/

#page {
    width: 965px;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#header {
    position: relative;
    left:0;
    top:0;
    width: 965px; /*background-color: #fff;*/
    z-index: 2;

}

#header li ul li {
    float: none;
    width: 140px;
    border-top: 1px solid #888888;
}

#header li ul li:hover, #header li ul li:hover a {
    background-color: #333333;
    color: white;
    cursor: pointer;
}

#header #company {
    position: absolute;
    top: 18px;
    left:0;
    width: 965px;
    z-index: 25;
}

#header #company #logo {
    margin-right: 11px;
}
#header #company #sms {
    margin-right: 11px;
}

#header #company ul {
    list-style: none;
    display: inline;
    float: right;
    padding-right: 32px;
}

#header #company li {
    margin: 0 0 0 30px;
    padding: 0;
    float: left;
}

#header #company li a {
    color: #7fa3d4;
    font-family: arial, sans-serif;
    text-decoration: none;
}
#header #company li.active a {
    font-weight:bold;
    color:#0048A9;
}
#header #company li a:hover {
    color: #003399;
}

#header #navbarbg {
    background-color: black;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    height: 43px;
    width: 965px;
    position: absolute;
    top: 96px;
}

#header #navbar {
    position: absolute;
    top: 96px;
    width: 965px;
    z-index: 100;
}

#header #navbar h1 {
    position: absolute;
    margin: 10px 12px 12px 12px;
    margin-left: 26px;
}

#header #navbar ul {
    position: relative;
    z-index: 100;
    list-style: none;
    float: right;
}

#header #navbar ul ul {
    position: relative;
    z-index: 100;
    list-style: none;
    float: right;
}

#header #navbar ul a {
    color: #aaa;
    display: block;
    padding:11px 4px 13px 4px;

}
#header #navbar ul ul a {
    color: #aaa;
    display: block;
    padding:8px 15px 11px 15px;

}
#header #navbar ul li.active ul a {
    color: #aaa;
}

#header #navbar ul a:hover{
    color:#fff;
}
#header #navbar .active a {
    color:#fff;
}

#header #navbar li.active ul li.active a {
	color: #fff;
}

#header #navbar .last ul {
    display:none;
    margin-left: 0;
    right:0;
    position:absolute;
}

#header #navbar li {
    float: left;
    text-align: center;
    width: auto;
    height: 43px;
    position: relative;
    padding:0 20px 0 20px;
    margin:0 0 0 0;
}
#header #navbar li.last {
    padding:0 20px 0 20px;
    margin:0 0 0 0;
}
#header #navbar li li {
    float: left;
    text-align: center;
    width: 100%;
    height: auto;
    position: relative;
    padding:0;
}
#header #navbar li li.last{
    padding:0;
    margin:0;
}
#header #navbar li ul {
    background-color: black;
    opacity: 0.0;
    top: 73px;
    float: none;
    display: block;
    width: auto;
    position: absolute;
    z-index: 200;
    left: -999em;
}

#header #navbar li span.arrow {
    position: absolute;
    background: url(/assets/templates/default/images/arrow.png) no-repeat left top;
    left: 8px;
    top: 20px;
    line-height: 1px;
    background-position: left bottom;
    width: 8px;
    height: 5px;
}

#header #navbar li.mouseover span.arrow {
    background-position: left bottom;
    width: 8px;
    height: 5px;
    left: 8px;
    top: 20px;
}

#header #navigation {
    background-image: url('/assets/templates/images/navigation_bg.png');
    height: 46px;
    position: absolute;
    top: 50px;
    left:0;
    width: 965px;
    z-index: 200;
}

#header #navigation ul {
    list-style: none;
    padding-top: 18px;
}

#header #navigation li {
    float: left;
    text-align: center; /*width: 84px;*/
    width: 94px;
    height: 28px;
    background-image: url('/assets/templates/images/navigation_button.png');
}

#header #navigation a {
    color: #979797;
    font-size: 12px;
}

#header #navigation .active, #navigation li:hover {
    background-image: url('/assets/templates/images/navigation_ro.png');
}

#header #navigation .active a {
    color: #0048a9;
    font-weight: bold;
}

#header #searchbox {
    float: right;
    position: relative;
    top: -2px;
}

#header #searchbox input {
/*border: none;*/
    width: 175px;
    background-image: url('/assets/templates/images/searchbox.png');
    font-size: 11px;
    padding: 4px;
    color: #7fa3d4;
    border: 1px solid #fff;
}

#header #languageselect {
    margin-left: 16px;

    float: right;
    width: 32px;
    height: 28px;
    cursor: pointer;
}

#header #languageselect img {
    display: inline;
}

#header #languages {
    position: absolute;
    z-index: 500;
    right: 0;
    display: none;
    color: #B2B2B2;
    opacity: 0;
    height: 71px;
}

#header #languages a {
    position: relative;
    padding: 14px 20px 10px 0;
    top: 40px;
}

#header #languages a:hover {
    color: white;
    text-decoration: none;
}

#header #languages img {
    padding-right: 4px;
}

#corner-upleft {
    background-image: url('/assets/templates/images/corner_upleft.png');
    width: 4px;
    height: 4px;
    top: 96px;
    position: absolute;
    z-index: 20;
    left: 0;
}

#corner-upright {
    background-image: url('/assets/templates/images/corner_upright.png');
    width: 4px;
    height: 4px;
    top: 96px;
    right: 0;
    position: absolute;
    z-index: 20;
}

#headercontent {
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    top: 96px;
    padding: 0 0 0 0;
    margin: 0 0 138px 0;
    min-height: 19px;
}

#header_whitebox {
    
}

#header_whitebox_content {

}

#header_whitebox_content h2 {
    font-size: 18px;
    line-height: 24px;
    padding:0 10px 0 0;
    color: #8e8e8e;
}

#header_whitebox_content h4 {
    font-size: 13px;
    font-weight: normal;

}

#header_whitebox_footer{
    position:absolute;
    width:411px;
    bottom:0px;
}

/*** Content ***/
#content {
    width: 965px;
    position: relative;
    z-index: 1;
    margin: 0 0 0 0;
}

#content ul {
    list-style-position: outside;
    color: #8e8e8e;
    padding: 0 24px 20px 14px;
}

#content ul li {
    padding: 0 0 0 10px;
}

#content ul.ul_blackarrows,#header_whitebox ul.ul_blackarrows {
    list-style-image: url("/assets/templates/gridelements/blackarrow.png");
}

#content ul.ul_bluearrows, #header_whitebox ul.ul_bluearrows {
    list-style-image: url("/assets/templates/gridelements/bluearrow.png");
}

#content ul.ul_bluearrows li {
    padding: 0 0 0 2px;
}

/*** Sidebar ***/
#sidebar ul {
    list-style-position: outside;
    color: #8e8e8e;
    padding: 0 14px 20px 14px;
}
#sidebar p{
    padding-bottom:10px;
}

#sidebar h3{
    margin:0 0 8px 0;
}

.sidebar_action_blue, .sidebar_action_black {
    text-align: center;
}

.sidebar_action_blue h1 {
    color: #00aeef;
    font-size: 18px;
    line-height:22px;
    padding: 2px 0 6px 0;
}
.sidebar_action_black h1 {
    color: #000;
    font-size: 18px;
    line-height:22px;
    padding: 2px 0 6px 0;
    font-weight:normal;
}
.sidebar_action_blue h2 {
    color: #00aeef;
    font-size: 21px;
    padding:0 0 0 0;
}
.sidebar_action_black h2 {
    color: #444;
    font-size: 21px;
    padding:0 0 0 0;
    
}
.sidebar_action_blue h3 {
    color: #00aeef;
    font-size: 16px;
    font-weight:normal;
    margin:0 0 12px 0;
}
#sidebar a img{
    position:relative;
    z-index:1;
}
#sidebar ul{
	list-style:none outside none;
	margin: 0px;
}

.shadowbordertopflat a{
    color:#333;
    font-weight:bold;
    line-height:12px;
}
.shadowbordertopflat h3{
    color:#000;
    font-weight:bold;
    font-size:14px;
}

.shadowbordertopflat hr{
    margin-top:0;
}

/*** Footer ***/

#footer {
    padding: 16px 0 24px 0;
    /*height: 300px;*/
    margin:24px 0 0 0;
    background-color: #fff;
}

#sitemap {
    width: 965px;
    margin-left: auto;
    margin-right: auto;
}

.sitemap_crumbBox {
    padding: 0 0 0 0;
}

.sitemap_crumbBox a, .sitemap_lastCrumb {
    color: #8e8e8e;
    padding-left: 8px;
    padding-right: 8px;
}

.sitemap_firstCrumb a {
    padding-left: 0;
    text-transform: uppercase;
}

.sitemap_lastCrumb {
    color: #8e8e8e;
    font-weight: bold;
}

#sitemap ul {
    list-style: none;
    float: left;
    margin: 1px 0 10px 0;
}

#sitemap hr {
    clear: both;
    margin: 6px 0 6px 0;
    width: 965px;
}

#sitemap ul a, #sitemap-headers li a {
    color: #8e8e8e;
}

#sitemap ul a:hover, #sitemap-headers li a:hover {
    color: #2e2e2e;
}

#sitemap-headers {
    padding: 0 10px 0 0;
}

#sitemap-headers li {
    list-style: none;
    float: left;
    width: 158px;
}

#sitemap-headers li a {
    font-weight: bold;
}

#sitemap-headers li ul {
    margin: 0 0 8px 0;
}

#sitemap-headers li li {
    line-height: 12px;
    margin: 8px 0 0;
    width: 150px;

}

#sitemap-headers li li a {
    font-weight: normal;
}

#footer_contactinfo {
    padding: 0 0 20px 0;
    clear: both;
}

.contactInfoBlock {
    text-align: center;
}

#footer_contactinfo p {
    font-size: 10px;

    display: inline;
    padding: 0 20px 0 0;
}

#footer hr.sitemap_bighr {
    margin-bottom: 10px;
    margin-top: 8px;
}

/* BUTTONS BAR FOOTER */

#buttonsbar {
    width: 965px;
    height: 80px;
    clear: both;
}
#buttonsbar a {
    display: block;
    float: left;
    width: 140px;
    height: 50px;
    padding: 15px 15px 0 85px;
	font-size:14px;
	line-height:16px;
	color:#757575;
	font-family:Arial, Verdana, sans-serif;
    cursor:pointer;
}

#buttonsbar a strong{

}

#buttonsbar .buttons_bar_probeer_topdesk_nu_online {
    background: url(/assets/images/buttons/probeer_topdesk_nu_gratis_online.png) no-repeat left top;
}

#buttonsbar .buttons_bar_probeer_topdesk_nu_online:hover, #buttonsbar .buttons_bar_informatiepakket:hover, #buttonsbar .buttons_bar_topdesk_enterprise:hover, #buttonsbar .buttonsbar_contact:hover {
    background-position: left bottom;
}

#buttonsbar .buttons_bar_informatiepakket {
    background: url(/assets/images/buttons/vraag_een_informatie_pakket_aan.png) no-repeat left top;
	padding-left:60px;
	width:165px;
}

#buttonsbar .buttons_bar_topdesk_enterprise {
    background: url(/assets/images/buttons/lees_meer_over_topdesk_enterprise.png) no-repeat left top;
	padding-left:75px;
	width:160px;
}

#buttonsbar .buttonsbar_contact {
    background: url(/assets/images/buttons/neem_contact_met_ons_op.png) no-repeat left top;
	padding-left:55px;
    width: 125px;
}
/*#buttonsbar {
    width: 965px;
    height: 85px;
    background-image: url('/assets/images/buttons_bg.png');
    padding: 20px 0 0 25px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    clear: both;
}

#buttonsbar a {
    display: block;
    float: left;
    width: 225px;
    height: 65px;
    padding-right: 15px;
}

#buttonsbar #buttons_bar_probeer_topdesk_nu_online {
    background: url(/assets/templates/gridelements/buttonbar_icons_01.png) no-repeat left top;
}

#buttonsbar #buttons_bar_probeer_topdesk_nu_online:hover, #buttonsbar #buttons_bar_informatiepakket:hover, #buttonsbar #buttons_bar_topdesk_enterprise:hover, #buttonsbar #buttonsbar_contact:hover {
    background-position: left bottom;
}

#buttonsbar #buttons_bar_informatiepakket {
    background: url(/assets/templates/gridelements/buttonbar_icons_02.png) no-repeat left top;
}

#buttonsbar #buttons_bar_topdesk_enterprise {
    background: url(/assets/templates/gridelements/buttonbar_icons_03.png) no-repeat left top;
}

#buttonsbar #buttonsbar_contact {
    background: url(/assets/templates/gridelements/buttonbar_icons_04.png) no-repeat left top;
    width: 180px;
}*/

.modx_debug {
    display: none;
}

.clear {
    clear: both;
}
.nowrap {
    white-space:nowrap;
}
.morelink {
    background-image: url('/assets/templates/gridelements/bluearrow.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 11px 0 0;
    white-space:nowrap;
}
#text .morelink{
    position:relative;
    top:6px;
}
.td_24px_right{
    padding-right:24px;
}

.red, .red a:link, .red a:visited{
    color:#e82c04;

}

td.skinny{
    width:100px;
}
td.padding24{
    padding:0 24px 0 0;

}
td.fat{
    width:100%;
}

/*** ShadowBorder ***/
#tinymce .shadowborder {
    border: 1px solid #ededed;
    padding:15px 19px 0 24px;
    background-color:#fff;
    margin:0 0 10px 0;
    width:50%;
}

div.shadowborder, div.shadowbordertopflat {
    border: transparent 5px solid;
    padding: 15px 15px 0 15px;
    margin: 0 0 36px 0;
}


div.skinnysborder {
    padding: 10px 10px 10px 10px;
    margin: 0 0 36px -10px;
}

#sidebar div.shadowborder, #sidebar div.shadowbordertopflat {
    border: transparent 5px solid;
    padding: 15px 15px 0 15px;
    /*margin: 0 0 8px 0;*/
}

#content #sidebar div.shadowborder ul, #content #sidebar div.shadowbordertopflat ul{
    padding-right: 0;
}

#content #sidebar div.shadowbordertopflat {
    border-top:none;
    position:relative;
    top:-2px;
}

#content #sidebar div img {
    padding: 0 0 15px 0;
}

#content #sidebar div table {
    margin:0 0 10px 0;
}
.content_end{
    clear:both;
    margin:0 0 24px 0;
}
/*** Form Elements ***/
#errormessage{
    background-color:#ffcccc;
    color:#c00;
    border:1px solid #c55;
    padding:5px 10px 0 10px;
    margin:0 0 20px 0;
}
#errormessage p{
    padding:0 0 5px 0;
    line-height:13px;
    font-weight:bold;
    color:#c00;
}
#requestform {
    border: 1px solid #ddd;
    background-color: #fefefe;
    /*padding: 10px 10px 10px 10px;*/
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom:34px;
    color:#333;
}
#requestform img.form-element-img{
    float: right;
    margin: 14px 0 24px 24px;
}
#requestform .form-element{
    padding: 0 0 20px 0;
}
#requestform .form-element-title {
    margin: 0 0 12px 0;
    border-bottom:1px solid #ddd;
    background-color:#eee;
    /*-moz-border-radius: 3px 3px 0px 0px;*/
    /*-webkit-border-radius: 3px 3px 0px 0px;*/
    padding:10px 20px 4px 20px;
}

#requestform .form-element-title h3 {
    font-size:12px;
    margin: 0 0 2px 0;
}
#requestform .form-element-title h4 {
    font-size:12px;
    line-height:15px;
    margin: 0 0 4px 0;
    color:#333;
    font-weight:normal;
}

#requestform .form-element-selection {
    padding:0 20px 0 20px;
}
#requestform .form-element-wrapper {
    margin: 0 0 20px 0;
}

#requestform .form-element-selection {
    margin: 4px 0 4px 0;
}

#requestform label{
    padding:0;
}
#requestform input[type=text], #requestform textarea {
    width: 360px;
    margin:0 2px 0 0;
    padding: 3px;
}

#requestform input.names[type=text]{
    width: 150px;
}
#requestform input[type=checkbox]{
    margin: 0 10px 0 0 ;
    position:relative;
    top:2px;
}

#requestform input[type=reset]{
    border:none;
    background-color:transparent;
    color:#33BEFF;
    cursor:pointer;
    margin: -20px 10px 20px 20px
}

#requestform select {
    margin:0 2px 0 0;
    padding: 3px;
}
#requestform input[type=radio] {
    margin: 0 10px 5px 0;
}
#requestform input[type=submit], #requestform input[type=button] {
    margin: -20px 10px 20px 20px;
}
#requestform textarea {
    width: 360px;
    margin: 5px 0 2px 0;
}
#requestform label.error{
    display:none;
    color:#a98500;
    font-weight:bold;
    margin:0 0 0 3px;
}
#requestform label.error span.errorbox{
    background-color:#fff0a5;
    color:#000;
    border:1px solid #fed22f;
    padding:3px 5px 3px 5px;
}
#requestform select.error, #requestform input.error, #requestform textarea.error{
    background-color:#fff0a5;
    color:#000;
    border:1px solid #fed22f;
}
#gallery img{
    display:none;
}


#topbar{

}

table.table_topbar_threecol{
    margin-bottom:12px;
    width:925px;
}

table.table_topbar_threecol td{
    width:320px;
    border-left:1px solid #cfcfcf;
}
table.table_topbar_threecol td{
    width:320px;
    border-left:1px solid #cfcfcf;
}
table.table_topbar_whiteborder td{
    width:310px;
    border-left:18px solid #ffffff;
}
table.table_topbar_threecol td div{
    position:relative;
}
table.table_topbar_threecol td p{
    padding:0 15px 19px 15px;
}
table.table_topbar_threecol td h2{
    padding-left:15px;
    padding-right:15px;
}
table.table_topbar_threecol td h2{
    line-height:30px;
}
table.table_topbar_threecol td div a{
    padding-left:15px;
}
table.table_topbar_threecol td.first{
    border:none;
}
table.table_topbar_threecol td.first p, table.table_topbar_threecol td.first div a, table.table_topbar_threecol td.first h2 {
    padding-left:0;
}
table.table_topbar_threecol td.last p{
    padding-right:0;
}

/*** Blank styles to trigger tinymce dropdown ***/
.table_standaardgrid02_text{

}
.table_standaardgrid03_text{

}
.table_standaardgrid05_text{

}
td.td_left{
    
}
/*** End blank styles ***/


/*** Twitter feed styles ***/
.twitter .twtr-hd {
    position:absolute;
    top:0;
    right:0;
}
.twtr-hd a, .twtr-hd h3, .twtr-hd h4{
    display:none;
}
.twitter .twtr-widget .twtr-spinner{
    top:-5px;

}
.twitter .twtr-widget .twtr-tweet-wrap{
    padding:6px 0 6px 0;
}
.twitter .twtr-ft div{
    padding:10px 0 10px 0;
}

/*For WhitePaperList Snippet - Added by TedE*/
.whitepaper_row {
	clear: left;
    height:34px;
}

.whitepaper_item {
	width: 220px;
	float: left;
}
.whitepaper_item input {
	float:left;
}
.whitepaper_item span {
	margin:0 0 0 30px;
	padding:0 10px 12px 35px;
	border-left:1px solid #D3DAE9;
	line-height:13px;
	display:block;
	background-repeat:no-repeat;
	background-position:10px 2px;
	height:34px;
}


a.saas_checkbox {
    display:block;
    background-image:url('/assets/images/saas/saas_greenbox.png');
    background-repeat:no-repeat;
    width:256px;
    height:54px;
    color:#fff;
    margin:20px auto 0 auto;
}
a.saas_checkbox:hover{
    text-decoration:none;
}

a.saas_checkbox span{
    margin:0 auto;
    text-align:center;
    display:block;
    width:250px;
    padding:15px 0 0 0;
    font-size:18px;
}