/*****************************
 *  2009 Copyright Juicio.nl *
 *	  Author: Emil de Valk   *
 ****************************/
 /*
 colorguide:
 
 logoyellow			F9B42F
 logogrey			585752
 tablerow head		585752
 tablerow head txt	FFFFFF
 tablerow odd		FFFFFF
 tablerow even		EEEEEE
 sidebar bg			FEF7EA
 field inactive txt	D2D2D2
 */
html, body, * {margin: 0px; padding: 0px;font-size: 1em;color: #333;font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;line-height: 1.4em;}
.hidden{text-indent: -9999px;}
#wrapper{width: 980px; margin: 0 auto;}
#header{width: 980px; height: 100px; background: #fff url(../images/header_bg.png) repeat-x top left;}
#header #logo{height: 100px;width:362px; float:left; background: url(../images/logo.png) no-repeat top left;}

.preview p
{
	padding-bottom: 10px;
}
#logo h1{height: 100px;width:362px;}

h2, h3 {font-size: 1.4em; font-weight: normal; margin: 0px 8px;}
p {margin: 0px 0px 12px;}

#header #navigation{width: auto; float:right;}

#navigation ul {list-style: none outside;margin: 60px 0px 0px;padding: 0px;}
#navigation ul li {float: left;width: auto;padding: 6px 18px 6px 6px;}
#navigation ul li.current a {color: #F9B42F;}
#navigation a {color: #585752;text-decoration: none;}
#navigation a:hover {color: #F9B42F;}
#content{width: 980px;}
#footer{clear: both;font-size: 0.7em;text-align: center;padding-top: 10px;}

#sidebar{width: 310px; float: left; background: #FEF7EA url(../images/sidebar_bg.png) repeat-x top;font-size: 0.8em;padding-top: 30px}
#sidebar h3{margin-bottom: 10px;}
#sidebar .spacer{height: 30px; clear: both; display: block;}
#sidebar .text{margin: 0px 8px;}
#sidebar .image{margin: 8px 0px}
#sidebar .sidebarfooter {background: url(../images/sidebar_footer_bg.png) no-repeat bottom;height: 20px;}
#sidebar ul, #sidebar ol {margin-left: 16px;padding: 0px 4px;}

#main{width: 670px; float: left; overflow: hidden; font-size: 0.8em;padding-top: 12px;}
#main p {margin: 0px 20px 12px;}
#main h2, #main h3, #main h4, #main h5 {margin: 20px 20px 0px;font-weight: normal;color:#777;}
#main h2{font-size: 1.3em;color:#333}
#main h3{font-size: 1.2em;}
#main h4{font-size: 1.1em;}
#main h5{font-size: 1em;}
#main ul, #main ol {list-style: outside;padding-left: 26px;margin: 0px 20px 12px;}
#main ul {list-style-type: square}
#main ol {list-style-type: decimal}

.searchfield{margin-left: 8px;width: 208px;height: 22px;padding-top:4px;background: url(../images/search_bg_comp.png) no-repeat 0px 0px; border: 0px;float:left; text-indent: 8px;}
.searchbutton{margin-right: 0px; width: 89px;height: 26px; background: url(../images/search_bg_comp.png) no-repeat -208px 0px; border: 0px;float: left; text-indent: -999px;}

table{padding: 0px; margin: 10px 20px; width:630px;}
table th {padding: 6px 10px; background: #585752; color: #fff;margin: 0px; font-weight: normal; text-align: left}
table td {padding: 6px 10px; background: #fff; color: #585752;margin: 0px;}
table td.odd{} /*same as normal td*/
table td.even{background: #EEE;}
table td.foot{background: #585752; color: #FFF;}
table .last{text-align: right}

/*ADMIN STYLES*/
.control {
    display: block;
    margin: 0px 20px;
    border: 1px dotted #ccc;
}
#main .control h3, #main .control p {
    margin: 10px 10px 0px;
}
#main .control h3 span {font-size: 0.8em; color: Blue;}
#main .control p {margin-top: 0px;}
.autowidthtable {width: auto;}
.autowidthtable.contacts {width: 90%}
.autowidthtable label {padding: 0px 10px;}
table.autowidthtable {margin: 0px 10px 10px;}
table.autowidthtable td {padding: 2px;}
.clear {clear:both;}
.w50pc {width: 50%;}
.left {float: left;}
.h100px {height: 80px; background:#efefef;}
.link{margin: 0px 2px;}

.note{color: red;}