/* DEFAULT HTML OBJECTS */

body,td {font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-style:normal;font-variant:normal;font-weight:normal;font-size:11px;line-height:18px;font-size-adjust:none;font-stretch:normal;color:#666}
body {background-color:#f3f3f3;margin:0px;padding:0px}
h1 {font-family:"Helvetica","Lucida Sans Unicode","Lucida Grande",Tahoma,Trebuchet,"Trebuchet MS",Verdana,sans-serif;font-size:33px;font-weight:normal;color:black;padding:0px;margin:0px;line-height:40px;}
h1 span {color:#999;font-size:22px}
h2 {font-family:"Helvetica","Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:1.4em;font-weight:normal;line-height:18px;margin-bottom:3px;padding:0px;color:black;margin-top:20px}
h4 {font-size:1.4em;line-height:1.4em;margin:0 0 25px 0;} 
h4, .quote {color:#444;color:#666;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;text-shadow:0 0 1px #FFF}
.quote {font-size: 18px;}

h2.blue {font-size:1.6em;color:#2d74b4;border-bottom:1px dotted #ddd;padding-bottom:10px;display:block}
h2.blueintable {font-size:1.6em;color:#2d74b4;}
.noborder {border:none !important;}
h2 span { color:#2d74b4}
.h4align { display:block;padding-left:20px;padding-right:5px}
a img {border:0px}
a {color:#ff7f1f;text-decoration:none}
a:hover {text-decoration:underline}
a.more { -moz-border-radius: 5px 5px 5px 5px;background-color: #ddd;color: #666;font-size: 1;font-weight: bold;line-height: 1;padding: 0.3em 0.8em 0.4em;text-decoration: none;text-shadow: 0 1px 0 #fff; }
a.more:hover { background-color: #ff7f1f;color:white;text-shadow: 0 1px 0 #666;}

hr {border:none;border-top:1px dotted #ccc}
div {margin:0px;padding:0px}
th {text-align:left}
p, p div, b, p div.tip {color:#555;font-family:"Lucida Sans Unicode","Lucida Grande",Arial,serif;font-weight:normal;font-size:110%;line-height:1.5;margin:0px;margin-bottom:10px;padding:0px}

/* BASE */
#topheader, .content {min-width:1000px;margin:0px auto;width:1000px;clear:both;padding:0px}
#topheader { padding-top:5px}
.content {padding-bottom:20px}
#header {background-color:white;margin:0px;padding:0px}

.breadcrumbs a {color:#666;text-decoration:none}
.breadcrumbs a:hover {color:#ff7f1f;text-decoration:none}
.breadcrumbs {margin-bottom:0px;margin-top:11px}

.submenuProduct, .submenuSolution {margin-top:-27px;float:left;margin-left:20px}
.submenu {list-style:none;height:20px;margin-left:3px}
.submenu ul {list-style:none;display:inline;margin:0px;padding:0px;margin-left:0px}
.submenu ul li {float:left;margin-right:5px}
.submenu ul li a {text-decoration:none;height:22px;display:block;line-height:22px}
li.whitebutton a {padding-left:12px;padding-right:12px;color:white;background-color:#ff7f1f;-webkit-border-radius:3px;-moz-border-radius:3px}
li.whitebutton a:hover {color:white;background-color:#ff7f1f}
li.whitebutton a.active {padding-bottom:15px;color:black;background-color:white}
li.whitebutton a.active:hover {color:#ff7f1f;background-color:white}

.greycontent {background-color:#f3f3f3;-webkit-border-radius:9px;-moz-border-radius:9px;padding:10px}
li.greybutton a {margin:0px;display:block;padding:2px;padding-top:3px;padding-left:10px;padding-right:10px;color:#ff7f1f}
li.greybutton a:hover,li.greybutton a.active {color:#ff7f1f;background-color:#f3f3f3}

.orderButton a {display:block;color:white;height:22px;width:104px;background:transparent url(/img/bestellen.png) top left no-repeat}
.orderButton a span {float:left;margin-left:9px}
.orderButton a:hover {background-position:bottom left;text-decoration:none}
.orderButton a.active {width:auto;padding-bottom:15px;color:black;background-color:white;background-image:none;-webkit-border-radius:3px;-moz-border-radius:3px}
.orderButton a.active span { margin-right:9px }
.orderButton a.active:hover {color:#ff7f1f;background-color:white}

.logo {width:215px;margin-bottom:7px}
.logo a h1 {text-indent:-2000px;margin:0px}
.logo a h1 {background:transparent url(/img/logo.gif) top left no-repeat;width:215px;height:50px}


/* FRONTPAGE */
.frontPage {background-color:white;padding:10px}

/* EACH page TEMPLATE design */
.standaloneTemplate {width:278px !important}
.subsolutionTemplate {float:right;height:100%;width:330px}

/* STANDALONE PAGE */
.standalonePage {background:#f3f3f3 url(/img/standalone_top_bg.jpg) top left repeat-x}
.standalonePageContent {min-width:1000px;margin:0px auto;width:1000px;clear:both}
.standaloneHeader {height:200px;background:white url(/img/pixel.gif) top left no-repeat}
.standaloneHeaderNav {background:transparent url(/img/nav_header_bg.png) top left no-repeat;height:50px}
.standalonePageContent h1 {padding:0px;margin-top:0px}
.standalonePageContent h1 a {float:left;color:white;font-weight:normal;font-size:20px;margin:15px;text-decoration:none}
.standaloneMenuContainer {float:right;margin-right:10px;margin-top:15px}

.standaloneMenu {clear:both}
.standaloneMenu ul {list-style:none;display:inline;margin:0px;padding:0px}
.standaloneMenu ul li {display:inline;margin-right:10px}
.standaloneMenu ul li a {padding:5px;padding-left:8px;padding-right:8px;text-decoration:none;color:#ccc}
.standaloneMenu ul li a:hover {color:#ff7f1f}
.standaloneMenu ul li a.active {color:black;background-color:white;-webkit-border-radius:6px;-moz-border-radius:6px}

.standaloneSubmenu {position:relative;z-index:10;width:1000px;margin-left:-20px;margin-top:-10px;}
.standaloneSubmenu ul {list-style:none;display:inline;margin:0px;padding:0px;margin-left:20px;margin-right:10px;}
.standaloneSubmenu ul li {display:inline;}
.standaloneSubmenu ul li a {padding:5px;padding-left:8px;padding-right:8px;font-size:11px;text-decoration:none;color:black;-webkit-border-radius:6px;-moz-border-radius:6px}
.standaloneSubmenu ul li a:hover, .standaloneSubmenu ul li a.active {color:white;background-color:#aaa;}

.standaloneContent {background-color:white;padding:20px;padding-top:40px;margin-top:0px}
.standaloneContent h1 {margin-bottom:26px;font-size:28px}
.standaloneContent h3 {font-size:15px;margin-bottom:30px;font-weight:normal;color:#888}
.standalone_left_photo_container {float:left;margin-right:20px}

/* STANDALONE sitemap */
ul.sitemap {padding:0px;padding-left:10px;margin:0px;list-style:none}
ul.sitemap ul {padding:0px;padding-left:20px;margin:0px;list-style:none}
ul.sitemap li a {text-decoration:none}

/* SOLUTIONS */ 
.solutionsHeaderPage, div#SolMenuBG {background:transparent url("/img/solutionmenubg.png") repeat-x left bottom;height:200px}
.solutionsHeaderPage {background-color:white}
.solutionsHeaderPage div.img {width:1000px;height:200px}

.solutionsHeaderSmallPage {background:white url("/img/solutionmenubg.png") repeat-x left bottom;height:200px}
.solutionsHeaderSmallPage div.img {width:1000px;height:50px}

.solutionsContentPage {background-color:white}
.solutionsContent {background-color:white;min-height:400px}

.solutionsContent h3 {color:#4383be;font-weight:normal;line-height:25px;font-size:15px;}
.solutionsbg {padding:40px}
.solutionsMenu {width:350px;float:right;margin-top:85px;padding-left:20px}
.solutionsMenu h2 {margin-bottom:2px}
.subSolution h2 {margin:0px;padding:0px;padding-top:10px}
.subsolh1 {padding-top:20px;padding-left:20px}
.solh1 { padding-top:20px;padding-bottom:10px;text-indent:-5000px;}
.subsolutionsContentPage {background:white url(/img/solutionsbg.jpg) top center no-repeat}

/* KNOWLEDGEBASE */
#knowledgebaseContent, #glossaryContent {padding-top:30px;background:white url(/img/contentbg.png) bottom left repeat-x fixed}
#knowledgebaseContent { padding-top:20px}
.KBdetails {width:70%;-webkit-border-radius:8px;-moz-border-radius:8px;padding:5px;background-color:white}
.KBdetails ul {list-style:none;padding:0px;margin:0px}
.KBdetails ul li {padding:1px;padding-right:50px}
.KBdetails ul li img {float:left;margin-right:5px}
.KBdetails ul li em {float:left;width:100px;color:grey}
.kbsearch {background:transparent url(/img/searchbg.png) left top no-repeat;height:70px;width:100%;padding-top:15px;padding-left:100px}
#knowledgebaseContent h1, #knowledgebaseContent h1 span, #knowledgebaseContent h1 a {color:black;text-decoration:none;padding-bottom:40px}
#knowledgebaseContent h1 span { color:#666}
#knowledgebaseContent h2 {font-size:24px;color:#4383be;line-height:30px;}
#knowledgebaseContent h3 {padding:0px;margin:0px}
#knowledgebaseContent p {margin-top:0px}
td.blue {background-color:#ecf6fb !important}
.stillneedhelp {padding:10px;padding-left:75px;background:#ecf6fb url(/img/phone.gif) no-repeat 5px 12px;display:block;float:left}
.contactblock {padding:15px;padding-left:80px;background:#f3f3f3 url(/img/info_icon.png) no-repeat 10px 12px;display:block;float:left;-webkit-border-radius:15px;-moz-border-radius:15px}
#knowledgebaseContent pre {background-color:#777;color:#ffffcc;padding:20px;border-left:5px solid #222;overflow:auto;line-height:18px;font-family:"Courier New";font-size:100%}
#knowledgebaseContent pre div.tip {color:white;border-bottom:1px dotted white}

/* Knowledgebase submenu */
.knowledgebaseSubMenu {padding:20px;float:right;background-color:#f3f3f3;-webkit-border-radius:8px;-moz-border-radius:8px}
.knowledgebaseSubMenu ul {padding:0px;margin:0px;list-style:none}
.knowledgebaseSubMenu ul li a.active {font-weight:bold;background:url("arrow_breadcrumb.gif") 3px -10px no-repeat}

/* PRODUCTS */
.productsContentPage {background:white url(/img/solutionsbg.jpg) top center no-repeat}

#productContent h1 {color:#222;text-decoration:none}
#productContent h3,#solutionsContent h3, .frontPage h2 {color:#222;font-size:22px;line-height:24px;font-weight:normal;margin:0px;letter-spacing:-1px;padding-bottom:10px}
#productContent p.citaat {background-color:#f3f3f3;-webkit-border-radius:8px;-moz-border-radius:8px;width:30%;padding:10px}
#productContent {padding-bottom:10px;background:#dde2e8 url(/img/contentbg.png) repeat-x}
.cpsubheader {height:10px;background:transparent url(/img/content-top.png) top center no-repeat}
.cpcontent {padding:20px;background-color:white}
.cpfooter {height:10px;background:transparent url(/img/content_bottom.png) bottom center no-repeat}
.cpheader {height:200px;background:transparent url(/img/pixel.gif) top left no-repeat}
.productHeader {padding:0px;margin:0px;}
.productHeader a {float:left;margin-top:105px;letter-spacing:1px;font-size:30px;height:50px;padding-left:22px;padding-right:10px;color:white;line-height:50px; }
.productHeader a:hover {text-decoration:none}
#cpfooterid_container {height:22px;width:1000px;background:transparent url(/img/standalone_bottom.png) bottom center no-repeat}
#cpfooterid {height:22px;width:1000px;background-position:left bottom}
.whitecontent {background-color:white}
/* CUSTOMERCASES + Tables */
.customercases, .tbl {background:white url(/img/diagonal.gif) top left repeat;min-height:50px;margin-right:20px;padding:3px}
.tbl td,.tbl th {background-color:white;padding:4px;color:#333;vertical-align:top;}
.tbl th {font-size:15px;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;font-style:italic;color:black;background-color:#fafbec;border-top:1px solid #ccc}
.customercases_inner {margin:10px;margin-top:10px;background-color:white;min-height:50px;padding:10px}
.customercases_inner ul {padding:0px;margin:0px;list-style:none}

/* TEMPLATES FOR EACH PAGE */
.templateItem {width:278px;background:#fbfbfb url(/img/template_content.gif) top left repeat-y;margin-bottom:10px}
.templateContent {padding:10px}
.templateContent h3 {color:black !important;font-family:Georgia,"Times New Roman",Times,serif;font-size:18px !important;padding:0px;padding-bottom:5px;margin:0px}
.templateContent p {font-size:100% !important}
.templateHeader {height:6px;background:white url(/img/template_header.gif) top left no-repeat}
.templateFooter {height:6px;background:white url(/img/template_footer.gif) bottom left no-repeat}

.STRItem {width:298px;margin-bottom:10px}
.STRContent {padding-left:15px;background:white url(/img/sticky_right_content.gif) top left repeat-y}
.STRHeader {height:37px;background:white url(/img/sticky_right_top.gif) top left no-repeat}
.STRFooter {height:37px;background:white url(/img/sticky_right_bottom.gif) bottom left no-repeat}

.order_content {width:165px;background:white url(/img/order_02.gif) top left repeat-y}
.order_content div {padding-left:10px}
.order_content ul {padding:0px;margin:0px;list-style:none}
.order_content ul li {padding:0px;margin:0px}
.order_header {width:165px;height:26px;background:white url(/img/order_01.gif) top left no-repeat}
.order_footer {width:165px;height:25px;background:white url(/img/order_04.gif) bottom left no-repeat}

.order2_content {width:327px;background:white url(/img/orderdubble_02.gif) top left repeat-y}
.order2_content .contentleft {width:46%;padding-left:10px}
.order2_content ul {padding:0px;margin:0px;list-style:none}
.order2_content ul li {padding:0px;margin:0px}
.order2_content .contentleft h2 ,.order2_content .contentright h2 {padding:0px;margin:0px}
.order2_content .contentright {width:48%;padding-left:5px;padding-right:0px}
.order2_header {height:29px;background:white url(/img/orderdubble_01.gif) top left no-repeat}
.order2_footer {width:327px;height:27px;background:white url(/img/orderdubble_04.gif) bottom left no-repeat}

/* FORM ELEMENTS */
form {margin:0px}
fieldset,.fieldset {background-color:#fafbec;margin:20px 0px 20px 10px;border:none;border-right:2px solid #f1f1f1;border-bottom:2px solid #f1f1f1;padding:20px;color:black;-webkit-border-radius:10px;-moz-border-radius:10px}
.grey, td.grey {background-color:#f3f3f3}
.lightgrey, td.lightgrey {background-color:#f3f3f3}
fieldset.intern {background-color:#f3f3cc}
legend {border:none;padding:5px;padding-right:10px;font-weight:bold;background-color:#fafbec}
.grey legend {background-color:#f3f3f3}
fieldset.intern legend{background-color:#f3f3cc}
fieldset div {padding:6px;}
fieldset div div {padding-left:0px}

div label {float:left;min-width:175px;width:10%}
span.bigger {float:left;width:230px;text-align:left;display:block}
span.bigger label {float:none;width:100%;cursor:pointer}
input[type=radio],input[type=checkbox] {cursor:pointer}
input[type=text], input[type=password] {width:200px;-webkit-border-radius:3px;-moz-border-radius:3px;border:0px;border-top:1px solid #ccc;border-left:1px solid #ccc;background-color:white;padding:6px;font-size:11px}
.smallinput100 { width:100px !important; }
.smallinput75 { width:75px !important; }
.smallinput50 { width:50px !important; }
fieldset input[type=text], fieldset input[type=password], {-webkit-border-radius:3px;-moz-border-radius:3px;border-top:1px solid #fafbec;border-left:1px solid #fafbec;background-color:white;padding:6px;font-size:11px}

div.error { border:1px dotted red;margin:2px;padding:2px;}
.error-message {margin-left:175px;clear:both;font-style:italic;color:red;}
.required { background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/bullet_red.png) right 4px no-repeat;}
.searchinput {width:250px;background:#fafbec url("http://resources.cyso.nl/cdn/cysonl/img/icons/magnifier.gif") no-repeat 185px 3px !important}
.searchinput2 {width:250px;background:#ffffdd url("http://resources.cyso.nl/cdn/cysonl/img/icons/magnifier.png") no-repeat 185px 3px !important}
#indicator1 {margin-top:3px;height:16px;width:16px;float:right;margin-left:-29px;background:#ffffdd url(/img/loading.gif) top left no-repeat;position:absolute;z-index:200}
input.username, input.password {float:left;background-color:white}
input.username {width:95px;margin-left:5px}
input.password {width:95px;margin-left:2px}
input#login {background:white url(/img/login.gif) 0px -20px no-repeat;border:none;width:52px;text-indent:-2000px;height:20px;margin-top:3px;margin-left:2px;cursor:pointer;color:transparent}
input#login:hover {background-position:0px 0px}

.message {padding:10px;background-color:white;text-align:center}
.ok {color:green}
.error {color:#cc0000}
.note { position:absolute;z-index:10;left:50%;top:20%; background-color:#222; border:1px solid #ff7f1f; color:white;font-size:14px;padding:20px; width:200px;margin-left:-200px;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px}

.green {color:green}
.left {float:left}
.right {float:right}
.rightimg {float:right;margin-left:20px;margin-right:10px;margin-bottom:10px}
.center {text-align:center}
.righttext,.txtright, .righttxt {text-align:right}
.contentleft,.cl {float:left;width:49%}
.contentright,.cr {float:right;width:49%}
.percent75 {width:75%} .percent70 {width:70%} .percent65 {width:65%} .percent32 {width:32%} .percent40 {width:40%} .percent60 {width:60%} .percent33 {width:33%} .percent30 {width:30%} .percent25 {width:25%} .percent20 {width:20%}
.borderright {border-right:1px dotted #ccc}
.borderbottom {border-bottom:1px dotted #ccc}
.borderleft {border-left:1px dotted #ccc}
.marginleft10 {padding-left:10px}
.true {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/accept.png) no-repeat center top;text-indent:-20000px;float:left;width:100%}
.false {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/delete.png) no-repeat center top;text-indent:-20000px;float:left;width:100%}
.padding10 { padding:10px}
.padding20 { padding:20px}
code {background-color:#666;color:white;padding:10px;display:block}

button {background-color:#ff7f1f;border:none;margin:0px;background-color:transparent;outline:none;cursor:pointer}
a.button {background:transparent url(/img/bg_button_a.gif) no-repeat scroll top right;color:white;display:block;float:left;height:24px;padding-right:18px;/* sliding doors padding */ text-decoration:none;font-size:11px}
a.button_arrow {background:transparent url(/img/bg_button_a_arrow.gif) no-repeat scroll top right;color:white;display:block;float:left;height:24px;margin-right:6px;padding-right:18px;/* sliding doors padding */ text-decoration:none;font-size:11px}
a.button span {background:transparent url(/img/bg_button_span.gif) no-repeat;display:block;line-height:14px;padding:5px 0 5px 20px}
a.button img {display:inline;float:left;margin-top:3px;margin-left:2px}
a.button:active {background-position:bottom right;color:white;outline:none;/* hide dotted outline in Firefox */}
a.button:active span {background-position:bottom left;padding:6px 0 4px 18px;/* push text down 1px */}
a.button span.disabledbutton {color:#000;background:#ccc}

a.button_green {font-size:17px;background:transparent url(/img/bg_button_a_green.png) no-repeat scroll top right;color:white;display:block;float:left;height:50px;margin-right:6px;padding-right:33px;/* sliding doors padding */ text-decoration:none}
a.button_green span {background:transparent url(/img/bg_button_span_green.png) no-repeat;display:block;line-height:25px;padding:10px 20px 15px 50px}
a.button_green img {display:inline;float:left;margin-top:3px;margin-left:2px}
a.button_green:active {background-position:bottom right;color:white;outline:none;/* hide dotted outline in Firefox */}
a.button_green:active span {color:#ff7f1f;background-position:bottom left;padding:10px 20px 15px 50px;/* push text down 1px */}
a.button_green span.disabledbutton {color:#000;background:#ccc}

a.adobeReader {width:185px;height:54px;background:transparent url(/img/adobe_reader.gif) left top no-repeat;padding:0px;margin:0px;display:block}
a.adobeReader:hover {background:transparent url(/img/adobe_reader.gif) left bottom no-repeat;color:white;text-decoration:none}
a.adobeReader span {padding-left:55px;display:block;padding-top:10px;text-align:center} 

/* url(/img/footertop.jpg) top left repeat-x;*/
.white_bg {background:#222 url(/img/white_bg.jpg) top repeat-x}
.footerul {font-weight:bold}
.footerul {list-style:none;margin:0px;padding:0px;padding-top:5px;font-weight:normal}
.footerul li {padding-bottom:3px}
.footerul li a {color:#666;text-decoration:none;display:block;padding-left:3px;background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_close.gif) 0px 5px no-repeat;text-indent:10px}
.footerul li a:hover {color:#ff7f1f}
.footer_black ul li a {color:#999;text-decoration:none}
.footer_black ul li a:hover {color:#000;text-decoration:underline}
.black {color:#333}
.normal {font-weight:normal}
.clear,.clr {clear:both}
.noclear {clear:none}

span.day { line-height:14px;height:14px;width:13px !important;text-align:right;float:left;background-color:#ccc;padding:1px;padding-left:6px;padding-right:6px;margin:1px;color:white;-webkit-border-radius:2px;-moz-border-radius:2px}
span.month { line-height:14px;height:14px;width:25px !important;float:left;background-color:#ddd;padding:1px;padding-left:6px;padding-right:6px;margin:1px;margin-right:4px;color:white;-webkit-border-radius:2px;-moz-border-radius:2px;text-transform: uppercase}

#news_ticker {float:right;padding-left:30px;height:20px;width:900px}
.news_ticker_ul {margin:0px;padding:0px;list-style:none}
.news_ticker_ul li span {color:#666}
.news_ticker_ul li a {color:#000}

.whitepageheader {height:9px;width:1000px;margin:0px auto;background:transparent url("/img/whitepageheader.png") no-repeat left top}
.whitepagecontent {background-color:white}
.whitepagefooter {height:9px;width:1000px;margin:0px auto;background:transparent url("/img/whitepagefooter.png") no-repeat left bottom}
.sandpagefooter {height:33px;width:1000px;margin:0px auto;background:transparent url("/img/sand_footer.png") no-repeat left bottom}
.sandpagefooter ul { display:inline;list-style:none;padding:0px;margin:0px}
.sandpagefooter ul li { display:block;float:left;margin-left:20px;margin-right:20px;margin-top:7px;list-style:none}
.sandpagefooter ul li a {}

.print, newsletter {color:grey;padding-left:20px;margin-right:10px;display:block;float:left;padding-bottom:10px}
.print {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/printer.png) left top no-repeat}
.newsletter {}

.bloglist li a {float:left;text-indent:10px; }
.bloglist li a span {float:left;text-indent:30px;display:block;height:16px;width:16px;background-image:url("/img/sprite.gif")}

.footerbg1,.footerbg2,.footerbg3 ,.footerbg4 ,.footerbg5,.footerbg6 {padding-left:4px;padding-right:3px;min-height:130px}
.block {float:left;margin:0px;padding:4px;padding-right:39px}
.blockend { padding-right:5px;}

ul.list, .cleanlist  {list-style:none;margin:0px;padding:0px}
ul.list li {padding-top:5px;padding-bottom:5px}
ul.list li p {padding:0px;margin:0px}
ul.list li p a:hover {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_close_orange.gif) 4px 5px no-repeat;color:#333;text-decoration:none}
ul.list li p a {display:block;color:#555;padding-left:20px;background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_close.gif) 4px 5px no-repeat}
ul.list li span {padding:5px;padding-left:20px;display:block;color:black;border-bottom:1px dotted #ccc}
ul.cyso_list {list-style-image:url(/favicon.ico);margin:0px;padding-left:20px}
ul.cyso_list li b {color:#ff7f1f}
ul.plus_list li, ul.cyso_list li {padding-bottom:5px}
ul.plus_list {list-style-image:url(http://resources.cyso.nl/cdn/cysonl/img/icons/tick.png);margin:0px;margin-left:3px;padding-left:22px}
ul.plus_list li b {color:green}
ul.arrowlist { padding-left:14px}
ul.arrowlist li {list-style-image: url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_close_orange.gif);margin-left:0px;}

.partners ul, .bottomlinklist {margin:0px;padding:0px}
.partners ul li {float:left;margin-right:11px;list-style:none}
.bottomlinklist {float:right}
.bottomlinklist li {padding-left:10px;display:inline}
.bottomlinklist li a {color:#666;text-decoration:none}
.bottomlinklist li a:hover {color:#ff7f1f;text-decoration:underline}
.partners { float:left;width:550px}

.dell,.microsoft,.vmware,.dhpa,.debian,.zimbra,.netapp {display:block;text-indent:-3000px;cursor:pointer}

.microsoft {width:87px;height:40px;background:transparent url(/img/sprite_logos.png) 0px bottom no-repeat}
.dell {width:39px;height:40px;background:transparent url(/img/sprite_logos.png) -90px -40px no-repeat}
.vmware {width:87px;height:40px;background:transparent url(/img/sprite_logos.png) -180px -40px no-repeat}
.zimbra {width:85px;height:40px;background:transparent url(/img/sprite_logos.png) -270px -40px no-repeat}
.dhpa {width:40px;height:40px;background:transparent url(/img/sprite_logos.png) -360px -40px no-repeat}
.debian {width:75px;height:40px;background:transparent url(/img/sprite_logos.png) -450px -40px no-repeat}
.netapp {width:60px;height:40px;background:transparent url(/img/sprite_logos.png) -540px -40px no-repeat}

.microsoft:hover {background-position:0px 0px}
.dell:hover {background-position:-90px 0px}
.vmware:hover {background-position:-180px 0px}
.zimbra:hover {background-position:-270px 0px}
.dhpa:hover {background-position:-360px 0px}
.debian:hover {background-position:-450px 0px}
.netapp:hover {background-position:-540px 0px}

.social { float:right;background:transparent url(/img/social_background.png) 0px 0px no-repeat;height:49px;width:402px}
.social ul { padding-left:20px;margin:0px;margin-top:2px}
.social ul li { width:110px;margin-top:4px;margin-left:15px;display:block;float:left}
.social ul li a {float:left;text-indent:10px;color:#666}
.social ul li a:hover { color:#ff7f1f;text-decoration:none}
.social ul li a span {float:left;text-indent:30px;display:block;height:16px;width:16px;background-image:url("/img/sprite.gif")}

.facebook span {background-position:-16px -16px}
.linkedin span {background-position:0px -16px}
.twitter span {background-position:-32px -16px}
.rss span {background-position:-48px -16px}
.blog span {background-position:-80px -16px}
.newsletter span {background-position:-64px -16px}

.facebook:hover span {background-position:-16px 0px}
.linkedin:hover span {background-position:0px 0px}
.twitter:hover span {background-position:-32px 0px}
.rss:hover span {background-position:-48px 0px}
.blog:hover span {background-position:-80px 0px}
.newsletter:hover span {background-position:-64px 0px}

/* TOOL TIPS */
.prototip {position:absolute}
.prototip .effectWrapper,.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title {position:relative}
.prototip .contenttip {clear:both}
.prototip .default {position:absolute;width:250px;color:#666;background-color:white;padding:10px}
.prototip .default .toolbar {color:green;background:#ffffcc;font:italic 15px "Helvetica","Lucida Sans Unicode","Lucida Grande",sans-serif}
.prototip .default .title {padding:5px}
.prototip .default .contenttip {padding:5px;background:#ffffcc;padding-top:10px;padding-bottom:10px}
span.tip {color:green;border-bottom:1px dotted green;width:auto;display:inline;cursor:help}
/* END TOOLTIPS */

.crossfade-container {margin:0px 0px 0px 0px}
.fade-box {margin-left:0px;position:absolute;width:200px;z-index:1}
.fade-box img {border-top:1px solid grey;border-left:1px solid grey;border-right:1px solid white;border-bottom:1px solid white}
.fade-box p {padding:5px 10px 0 10px;margin:0}
.fade-box h2 {font-size:12px;margin-top:29px;padding-left:10px}

#incidents a {display:block;padding:5px;padding-left:30px;background:#f3f3f3 url(/img/icons/error.png) 5px 5px no-repeat;color:red;-webkit-border-radius:3px;-moz-border-radius:3px}
#incidents a:hover {background-color:#ffc98f}

/* Menu */
.menu {padding:30px 0px 0px 0px;margin-top:11px;margin-left:35px;float:left; background:white url(/img/slogan.gif) 4px 4px no-repeat }
.menu ul {margin:0px;padding:0px;list-style:none;position:relative}
.menu ul li {display:block;width:auto;float:left;text-transform:uppercase}
.menu ul li a {display:block;width:auto;text-decoration:none;padding-right:0px;padding-left:10px;height:9px;margin-right:15px;color:black;font-weight:bold}
.menu ul li a:hover {text-decoration:underline;color:#ff7f1f}
.menu ul li.first {border-left:none}
.menu ul li ul {;display:none;position:absolute}
.menu ul li:hover ul,.menu ul li.over ul {display:block}
.menu ul li ul li {text-transform:none;border-left:none;display:block;width:400px}
.menu ul li ul li a {margin-bottom:8px;padding-bottom:4px;position:relative;display:block;font-weight:normal}
.menu ul li ul li a:hover {text-decoration:none}
.menu ul li ul li a img {position:absolute;top:2px;width:75px;height:50px;border:0;margin:0;padding:0}
.menu ul li a:hover img,.menu ul li a:active img,.menu ul li a:focus img {width:100px;height:75px;left:-11px;top:-10px;z-index:1;border:1px solid #000}
.menu ul li.overview {clear:both;display:block;width:100%;padding:5px 10px 0 10px;color:#999;font-weight:bold}
.menu ul li.note {clear:both;display:block;width:100%;padding:5px 20px 0 20px;color:#666;font-weight:normal}
.menuright span a {padding:0px !important;margin:0px !important;}

.toprightmenu {height:85px;width:350px} /* width placed for IE */
.topmenu, .subtopmenu {margin:0px;padding:0px;list-style:none}
.topmenu li , .subtopmenu li {padding:0px;margin:0px;display:inline;height:30px}
.topmenu li a {padding-left:12px;height:22px;display:block;float:right;padding-top:6px;padding-left:15px;padding-right:10px}
.topmenu li a.arrow {background:white url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_close.gif) 4px 9px no-repeat}
.topmenu li a.arrow_down {background-image:url(http://resources.cyso.nl/cdn/cysonl/img/icons/arrow_open.gif);background-position:4px 9px;background-repeat: no-repeat}
.subtopmenu li a {padding:3px;padding-left:5px;padding-right:5px;}
.subtopmenu li a:hover {color:#ff7f1f;text-decoration:none}

.order,.yellow  {background-color:#ecf6fb}
.login{background-color:#fafbec}
.rosp {padding:3px;padding-right:8px;-webkit-border-radius:6px;-moz-border-radius:6px:}

.indent10 {text-indent:10px}
.highlight {color:black}

.menu_small_header {height:38px;width:217px;background:transparent url("/img/menu/small_bg_header.png") no-repeat left top}
.menu_small li {background:transparent url(/img/menu/small_bg.png) left top repeat-y;padding-left:5px}
.menu_small_footer {height:22px;width:217px;background:transparent url("/img/menu/small_bg_footer.png") no-repeat left top}

.menu_large_header {height:38px;width:402px;background:transparent url("/img/menu/large_bg_header.png") no-repeat left top}
.menu_large {width:402px;overflow:hidden}
.menu_large li {background:transparent url(/img/menu/large_bg.png) left top repeat-y;padding-left:10px !important;}
.menu_large_footer {height:22px;width:402px;background:transparent url("/img/menu/large_bg_footer.png") no-repeat left top}

.menu_oplossingen {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/menu/oplossingen.gif) top center no-repeat;width:98px !important;text-indent:-2000px}
.menu_solutions {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/menu/solutions.gif) top center no-repeat;width:87px !important;text-indent:-2000px}
.menu_products {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/menu/producten.gif) top center no-repeat;width:85px !important;text-indent:-2000px}
.menu_partners {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/menu/partners.gif) top center no-repeat;width:73px !important;text-indent:-2000px}
.menu_solutions:hover,.menu_oplossingen:hover,.menu_products:hover,.menu_partners:hover {background-position:bottom}

.menu_login {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/menu/login.gif) top center no-repeat;margin-top:1px;height:15px !important;width:52px !important;text-indent:-2000px}
.menu_login:hover {height:15px !important;background-position:bottom}

.belmijterug,.emailtop {color:#777}
.belmijterug { background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/telephone_grey.gif) 3px 1px no-repeat;padding-left:25px !important;}
.emailtop {background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/email_grey.gif) 3px 3px no-repeat;padding-left:25px !important; }

#menu1 ul {z-index:100}
#adminfloat {width:50px;position:absolute;top:0px;right:0px}
#adminfloat ul {list-style:none;padding:10px;margin:0px}
.clean_list {list-style:none;padding:0px;margin:0px}
.clean_list li {list-style:none;padding:3px;margin-left:8px}
.inote {background:#ffffcc url(http://resources.cyso.nl/cdn/cysonl/img/icons/error.png) 5px 5px no-repeat;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding-left:25px}
.iok {background:#aad995 url(http://resources.cyso.nl/cdn/cysonl/img/icons/thumb_up.png) 5px 5px no-repeat;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding-left:25px}
.ierror {background:#ffb1b1 url(http://resources.cyso.nl/cdn/cysonl/img/icons/exclamation.png) 5px 5px no-repeat;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding-left:25px;color:black}

.lisstmenu_container ul {list-style:none;margin:0px;padding:9px;border-bottom:1px solid #eee}
.lisstmenu_container ul li {display:inline;margin:0px;padding:0px;margin-left:8px}
.lisstmenu_container ul li a {padding:9px;padding-left:5px;padding-right:5px;text-decoration:none;color:grey}
.lisstmenu_container ul li a:hover {color:#ff7f1f}
.lisstmenu_container ul li a:active,.lisstmenu_container ul li a:visited {border:1px solid white}
.lisstmenu_container div {padding:10px}

.listmenuinline ul {padding:10px;margin:0px;background:white url(/img/sectionnav.gif) bottom center repeat-x;}

.listmenu { display:inline;}
.listmenutitle { display:inline;width:auto;font-size:15px;color:black;margin-right:15px;float:right;}
.listmenu .inactiveL {margin:5px;padding:14px;padding-right:3px;color:grey;background-image:none}
.listmenu .activeL {margin:5px;padding:14px;padding-right:3px;color:black;background:transparent url(/img/sectionnavarrow.png) bottom center no-repeat;}
.listmenu .activeL:hover { text-decoration:none}
.listmenu .inactiveL:hover  { text-decoration:none;color:#ff7f1f}
.gallery-thumb {width:180px;height:180px}
.gallery-album {height:210px}

.photoGallery {margin:0px;padding:0px;list-style:none;display:inline}
.photoGallery li {display:inline}
.photoGallery li a {display:block;margin:5px;float:left;text-indent:-2000px;width:75px;height:75px;background-position:top center;background-repeat:no-repeat;-webkit-border-radius:3px;-moz-border-radius:3px;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90}
.photoGallery li a:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}

.checkboxcss label {float:left}
.checkboxcss input {float:left}

#imgdiv1 {width:20px;height:20px;display:block;margin-top:170px;margin-right:7px;float:right;cursor:pointer;background:transparent url(http://resources.cyso.nl/cdn/cysonl/img/icons/info.png) bottom right no-repeat}
.standalonePage #imgdiv1 { margin-top:120px; }

 /* Page Numbers */
.pagination {padding:1em;margin:1em 0;clear:left}
.pagination a,.pagination span {display:block;float:left;padding:0.2em 0.5em;margin-right:0.1em;border:1px solid white;}
.pagination span.current {border:1px solid #ff7f1f;font-weight:bold;background:#ff7f1f;color:white}
.pagination a {text-decoration:none}
.pagination a:hover {border-color:#ff7f1f}
.pagination a.nextprev {font-weight:bold}
.pagination span.nextprev {color:#666}
.pagination span.nextprev {border:1px solid #ddd;color:#999}
.pagination .nextprev-next {float:right}

div.autocomplete {position:absolute;background-color:#222;margin:0;padding:0;color:white;-webkit-border-radius:6px;-moz-border-radius:6px}
div.autocomplete ul {list-style-type:none;margin:0;padding:0;font-size:11px;float:none;text-align:center}
div.autocomplete ul li {padding:10px;text-align:left}
div.autocomplete ul li span { font-size:10px;color:#666}
div.autocomplete ul li.selected { background-color:#ff7f1f}

div.autocomplete ul li {list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer}

.external:hover {background:url(/img/remote.gif) right center no-repeat;padding-right:12px}

#tinybox {position:absolute;display:none;padding:10px;background:#fff url(/img/loading.gif) no-repeat 50% 50%;z-index:2000;-webkit-border-radius:6px;-moz-border-radius:6px}
#tinymask {position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:1500}
#tinycontent {background:white}

#map_canvas { height:100%;width:100%;}


.faq li p { cursor: pointer; }
.faq li p:hover { color:#ff7f1f; }
.faq li div {margin-bottom:10px;background-color:#f3f3f3;-webkit-border-radius:6px;-moz-border-radius:6px;padding:10px;color:black;display:none }