/* Feroxx Media CSS Stylesheet v2.0 (c)2009 - Ferox.org */

a:link, a:active, a:visited { color: #ff007d; font-weight: bold; }
a:hover { text-decoration: none; }
body { background-color: #FFF; background-image:url(images/topbackground.png); background-position:left top; background-repeat:repeat-x; margin:0; padding:0; }
div { font-family: Verdana, Helvetica, "Trebuchet MS", sans-serif; font-size: 13px; line-height: 19px; color: #666666; }
fieldset { border: 0; }
h1 { font-family: "Trebuchet MS", sans-serif, helvetica, verdana; font-size: 30px; color: #8BFF00; }
h2 { font-family: "Trebuchet MS", sans-serif, helvetica, verdana; font-size: 28px; color: #8BFF00; }
h3 { font-family: "Trebuchet MS", sans-serif, helvetica, verdana; font-size: 18px; color: #00CEFF; border-bottom:1px dotted #AADCFF; line-height:20px; }
img { border:0; padding-top:10px; padding-right: 25px; }
input, textarea { background: url(images/inputshade.gif) repeat-x top left; float:left; font-size: 17px; padding:3px; }
input:focus { background-color: #F8F8F8; }
textarea:focus { background-color: #F8F8F8; }
input.required, textarea.required, input.validate-number, input.validate-selection { border: 1px solid #C0C0C0; }
input.validation-failed, textarea.validation-failed { clear: both; border: 1px solid #ff0000; color: #EE0000; }
input.validation-passed, textarea.validation-passed { color: #00CC00; }
.validation-advice { clear: both; font-style: italic; color: #FF0000; }
.field-widget { float:left;}

label {font-weight:bold;}
ol { list-style-position: outside; list-style-type: decimal; }
sup { color: #00CEFF; }
ul { list-style-position: inside; list-style-type: square; }

#algvoorw { font-size: 70%; line-height: 110%; }
.button { cursor: pointer; cursor: hand; border: none; background: url(images/submit-up.gif) no-repeat top left; padding:10px 15px; }
.button:hover { background: url(images/submit-down.gif) no-repeat top left; }
.container { clear: both; padding: 0px; padding-left:70px; width: 800px; }
.form-row { clear:both;	padding:0.5em; }
.field-label { background:transparent url(images/inputarrow.gif) no-repeat scroll right top; float:left; width:140px; padding:4px 10px; text-align: right; }
.form-row img { padding: 8px 4px 8px 325px; float:left; }

#footer { background-image:url(images/footerbackgr.gif); background-position:left top; background-repeat:no-repeat; clear:both; color:#999999; float:left; font-size:x-small; height:50px; margin:20px 0 0 70px; padding:12px 0 0 11px; width:800px; }
#footer img { border:0; padding-bottom: 3px; padding-right: 2px; vertical-align: bottom; }
.header { background-image:url(images/feroxx-logo.png); background-position:left top; background-repeat:no-repeat; height:217px; margin:0; padding:0; width: 100%; }
#menu { background-image:url(images/menubackgr.gif); background-position:left top; background-repeat:no-repeat; clear:both; float:left; padding-bottom:40px; padding-top:16px; width:100%; }

.itemlink { border:1px #8bff00 solid; margin-right:15px; height:20px; float:left; }
.itemlink:hover { background-color: #00CEFF; }
.itemlink a { display:block; width: 100%; height: 100%; text-align:center; text-decoration: none; }
.itemlink a:hover { color: white; }

#left { border-right:1px solid #00DEFF; float:left; margin-right:10px; padding:0 5px 0px; }
li a { text-decoration: none; display:block; width: 100%; height: 100%; padding: 0 0 0 20px; }
li a:hover { color: #00CEFF; }

div#menu li { background-color: #FFF; border:1px #8bff00 solid; display:block; margin-right:15px; width:125px; height:20px; float:left; }
div#menu li:hover { background-color: #00CEFF; }
div#menu a { display:block; width:100%; height:100%; text-decoration:none; }
div#menu a:hover { color: white; }

#topmenu { position: absolute; left: 575px; top: 4px; font-size: 12px; }
#topmenu a { color: white; font-weight: normal; text-decoration: none; }
#topmenu a:hover { color: #33ffff; }
#topmenu a:active { font-weight: bold; }
#twitter { position: absolute; left:650px; top:70px; height:115px; width:130px; }
.websiteinfo { background-image:url(images/websitebackgr.gif); background-position:left center; background-repeat:no-repeat; padding:0 15px 30px 25px; }

#container1 { width:100%; position: relative; }
.example{ width:100%; float:left; }
ul#controls{ border-bottom:1px solid #DDEEFF; border-top:1px solid #DDEEFF; height:19px; }
ul#controls li{ float:left; margin:0 10px 0 0; list-style-type:none; }
#pagecontent{ overflow:hidden; }
h1,h2,h3,h4,h5{ padding:0; }
table{ border-collapse:collapse; }
fieldset,img { border:0; }
q:before,q:after {content:'';}
.hidden {display:none;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#txt { padding: 0 20px; }
#txt li { }
#tzt li a { text-decoration: none; }
#txt li a:hover { color: #00CEFF; }

.float_container { clear: both; width: 100%; float: left; margin: 10px 0; }
.float_left { float: left; padding-top:20px; }
.float_right { float: right; width: 676px; }