/*
Theme Name: Cyso Managed Hosting theme
Theme URI: http://cyso.nl/
Description: The default Cyso Managed Hosting theme on the famous <a href="http://cyso.nl">cyso.nl</a> design.
Version: 1.6
Author: Reinier Sierag
Author URI: http://sierag.nl/
Tags: cyso, orange, fixed width, two columns, widgets
*/

/* Begin Typography & Colors */
/* Algemene Tags */
html { overflow: -moz-scrollbars-vertical}
body { background-color:#FFF;font-family: Helvetica, Arial, Verdana, Sans-Serif; padding:0px; margin:0px; color:#696969; font-size:13px; background: url("/wp-content/themes/cyso/images/bg.jpg") repeat-x 0px 80px}
td { font-size:13px}
a { color:#ff7f1f; text-decoration:none}
a img { border:none}
.clear { clear:both}
.rightimg { float:right;padding-left:20px;padding-bottom:10px;}
p, li, blockquote {line-height:20px}
hr {border:none;border-bottom:1px dotted #999}
h1 { font-size:30px; font-weight:normal; margin-top:0px;margin-bottom:3px; color:#3d3c3c; height:35px; padding-bottom:10px}
h2 { font-size:25px; font-weight:normal; height:30px; margin:0px; color:#000}
h3 { font-size:15px; font-weight:normal;margin:0px;color:#804418;padding:0px;margin-top:30px; margin-bottom:-5px}
h3.rightcontenth3 { font-size:12px; font-weight:bold; margin-left:10px}
h3.rightcontenth3 a { text-decoration:none; color:#3d3c3c}
h3.rightcontenth3 span { float:right; width:16px;height:16px;padding-right:10px;background-repeat:no-repeat;margin-top:3px}
pre { max-width:900px}
blockquote.auteur { background: url("/wp-content/themes/cyso/images/blockquote.gif") no-repeat 0px 0px; margin:0px; padding-left:40px; font-style:italic}
.entry blockquote { background: transparent url("/wp-content/themes/cyso/bg_hor.jpg") repeat-y 0px 0px; border-left:1px dotted #ccc;margin:0px;margin-left:30px;padding-top:10px;padding-left:10px;padding-bottom:10px}
.entry blockquote p { margin:0px;padding:3px;line-height:18px;font-size:12px}
div.small { padding:5px; font-size:11px; background-color:#f8f8f8} 
strong {color:#222}
.arrow { background-image:url('http://service.cyso.nl/img/tblc/arrow.gif')}
.arrow_down { background-image:url('http://service.cyso.nl/img/tblc/arrow_down.gif')}

.hidden { display:none}

.sIFR-flash {visibility:visible !important; margin:0}
.sIFR-replaced {visibility:visible !important}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}
.sIFR-hasFlash h1, .sIFR-hasFlash .post h2 {visibility:hidden}

/* FORM ELEMENTS */
form { margin: 0px}
fieldset { border:none; padding:0px;margin:0px}
fieldset div.fieldset_header { background:transparent url(/wp-content/themes/cyso/images/fieldset_01.gif) 0px 0px no-repeat; height:86px; padding:0px; margin:0px}
fieldset div.fieldset_body { background:transparent url(/wp-content/themes/cyso/images/fieldset_02.gif) 0px 0px repeat-y; padding:5px; padding-left:30px;padding-right:50px; font-family: "Times New Roman", serif;font-size:14px}
fieldset div.fieldset_footer { background:transparent url(/wp-content/themes/cyso/images/fieldset_03.gif) 0px 0px no-repeat; height:51px; padding:0px; margin:0px}
div label { float:left;width:75px}
fieldset div span.bigger { float:right;width:259px;margin-top:-15px;padding-bottom:8px;display:block;clear:both}
input[type=radio] {	cursor: pointer}
input[type=text], input[type=password], textarea, select { font-size:11px; padding:4px; background-color:#fafafa;  border:none;  border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3}
.input, .Rinput, .textarea, .select, .inputerror, .Rinputerror, .textareaerror, .selecterror { min-width:242px;width:242px}
.input200, .textarea200 { min-width:200px; width:200px}
.input150, .textarea150 { min-width:150px; width:150px}
.textarea, .textareaerror { background:transparent url("/images/textarea.gif") no-repeat right top; min-height:200px}
.Rinput, .Rinputerror { background:transparent url("/images/rinput.gif") no-repeat right top}
.input, .inputerror { background:transparent url("/images/input.gif") no-repeat right top}
.Rinputsmall, .inputsmall, .selectsmall, .Rinputsmallerror, .inputsmallerror { width:116px}
.Rinputsmaller, .inputsmaller, .selectsmaller , .Rinputsmallererror, .inputsmallererror { width:58px}
.Rinputsmall, .Rinputsmallerror { background:transparent url("/images/rinputsmall.gif") no-repeat right top}
.inputsmall, .inputsmallerror { background:transparent url("http://service.cyso.nl/img/tblc/inputsmall.gif") no-repeat right top}
.Rinputsmallererror, .inputsmallererror, .Rinputsmallerror, .inputsmallerror, .inputerror, .Rinputerror { border:1px solid #f0e5de}
input[type=text]:disabled { color:grey; background-image:none; background-color:#eee}

/* Top */
#topheader, #bottomheader,#content { margin:0px auto; width:1000px;clear:both}
#header { height:100px} 
/* background-color:#fff; background:#FFF url("http://service.cyso.nl/img/tblc/bg.gif") repeat-x bottom} */
#logo {padding-top:10px; float:left}
#topheadercontainer { height:58px}

/* Top Navigatie */
#topnav {float:right;text-align:right; padding-top:5px}
#topnav ul { padding:0px;margin:0px}
#topnav ul li { display:inline; color:#696969; font-weight:normal; padding-right:2px}
#topnav ul li a { font-weight:normal}

.contentleft { float:left;width:80%}
.contentright { float:right; width:20%}

.contentleft50 { float:left; width:48%; padding:5px}
.contentright50 { float:right; width:48%; padding:5px}


.contentl { /* float:left;width:47%; background-color:#ffffcc; */ margin:0px;padding:5px; list-style:none}
.contentr { /* float:right; width:47%; background-color:#ffffcc;  */ margin:0px;padding:5px; list-style:none}

/* Tabel vormgeving */
.tbl { background:#f1f1f1 url("http://service.cyso.nl/img/tblc/tbl_bg.jpg") no-repeat top left; padding:5px}
td h3 { padding:1px;font-weight:bold; color:#000;font-size:11px; display:block; line-height:20px; margin:0px;text-transform:capitalize}
.tbl td { border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; padding:4px}

#sidebar { text-align:left; padding-left:10px }
#sidebar ul { padding:0px;margin:0px}
#sidebar li { list-style:none; font-size:10px;padding-left:5px}
#sidebar li a { font-size:13px}
#sidebar h2, .widgettitle { font-size:12px; margin-top:20px}

#border { height:50px}

button { background-color:#ff7f1f; border: none; font-size: 11px; margin:0px; background-color:transparent; outline: none; cursor:pointer}
a.button { background-color:#ff7f1f; background: transparent url('http://service.cyso.nl/img/tblc/bg_button_a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none}
a.button span { background: transparent url('http://service.cyso.nl/img/tblc/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: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
#faq { background-color:#f8f8e0; margin-bottom:20px; margin-top:-6px;padding:10px}
#faq_close { width:20px;float:right;position:absolute;margin-left:975px}
h2 { overflow:hidden}

/* Errors */
.lefterrorsign { display:none}
#errorform,#errornotification { width: 300px; position:fixed; top:10%; left:40%; background-color:#f0e5de; padding:20px; border:5px #FFF solid}
#notification {  width:300px; position:fixed; top:10%; left:40%; background-color:#e5f0de; padding:20px; border:5px #FFF solid}
.left { float:left; padding-right:3px}
ul.children li.cat-item a { border-left:1px dotted #888;padding-left:10px; font-size:10px !important}
ul.children li.cat-item a:before { content:"- "}

.highlight { background-color: #ffffcc; color: #333; padding-top:3px; padding-bottom:3px; font-style:italic}