/* Start of CMSMS style sheet 'layout' */
* {
margin:0;
padding:0;
}
html {
overflow-x: hidden;
overflow: -moz-scrollbars-vertical;
}  
body {
text-align: left;
font-family: Verdana, Arial, Geneva, Helvetica;
line-height: 1em;
background: #fff url(uploads/images/bg_body.gif) repeat 0 0;
}
img, a img, a:hover img {
border: 0;
background: none;
}
a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #313131; 
}
a:visited {
text-decoration: underline;
background-color: inherit;
color: #4d4d4d;
}
a:hover {
text-decoration: none;
background-color: #fff;
color: #f6821f;
}

/*****************
basic layout 
*****************/
div#pagewrapper {
margin: 10px auto 0 auto;
padding: 0;
width: 800px;
background: #fff url(uploads/images/wrapper_bg.jpg) repeat-y 0 0;
text-align: left;
overflow: hidden;
border: 10px solid #fff;
}
div#header {
height: 135px;
background: url(uploads/images/header.jpg) no-repeat;
position: relative;
margin: 0 0 10px 0;     
}
div#header h1 a {
display: block;
height: 100px;          
text-indent: -999em; 
text-decoration:none; 
}
div#header h1 a:hover {
background: none;
}

div#search {
position: absolute;
top: 80px;
left: 490px;
width: 300px;
text-align: right;
padding: 0; 
font-size: 10px;       
margin: 0;      
}
div#language {
position: absolute;
top: 10px;
left: 650px;
padding: 0; 
margin: 0;
color: #f6821f;
font-size: 10px;
font-weight: bold;
}
div#print {
position: absolute;
top: 10px;
left: 700px;
padding: 0; 
margin: 0;
}
img.rssImage {
position: absolute;
top: 5px;
left: 730px;
padding: 0; 
margin: 0;
}
div#print a:hover {
background: none;
}
div#facebook {
position: absolute;
top: 5px;
left: 770px;
padding: 0; 
margin: 0;
}
div.breadcrumbs {
position: absolute;
top: 115px;
left: 225px;
width: 675px;
padding: 0;
margin: 0; 
font-size: 10px;  
color: #fff;   
background: none;       
}
div.breadcrumbs span.lastitem { 
font-weight:bold; 
}
div#content {
margin: 0;

background: url(uploads/images/content.jpg) repeat-y;
}
div#main {
margin-left: 210px; 
padding-right: 20px; 
padding-bottom: 25px;
background: #dadada;
}
div#main p#lastpage {
float: right;
margin: 15px;
padding: 0;
}
div#main p#lastpage a {
display: block;
padding: 2px 4px;
border: 1px solid #999;
text-decoration: none;
font-size: 10px;
background:#ccc;
}
div#main p#lastpage a:hover {
background:#fff;
}

div#sidebar {
float: left;        
width: 200px;     
display: inline;  
margin-left: 0;
background: #8a8a8a;
}
div#pagewrapper div#footer {
clear: both;      
height: 30px;
width: 800px;
margin: 10px 0 0 0;
background: #f6821f;
overflow: hidden;
}
div#pagewrapper div#footer p {
font-size: 9px;
text-transform: uppercase;
padding: 0;       
text-align: left;  
margin: 5px 0 0 15px;
color: #fff; 
}
div#pagewrapper div#footer a span {
visibility: hidden;
}
div#pagewrapper div#footer a {
display: block;
width: 60px;
height: 20px;
overflow: hidden;
text-decoration: none;
background: url(http://www.tocon.be/webdesign_by_tocon.gif) no-repeat 0 0;
float: right;
position: relative;
bottom: 16px;
right: 8px;
}
div#pagewrapper div#footer a:hover {
background: url(http://www.tocon.be/webdesign_by_tocon.gif) no-repeat 0 -20px;
}
div.hr {
height: 1px;
padding: 1em;
margin: 1em;
}

div#main div.right49 {
position: relative;
left: 535px;
}
div#main div.right49 p a {
display: block;
width: 20px;
height: 19px;
padding: 0;
background: url(uploads/images/top.jpg) no-repeat 0 0;
}
div#main div.right49 p a:hover {
display: block;
width: 20px;
height: 19px;
padding: 0;
background: url(uploads/images/top_hover.jpg) no-repeat 0 0;
}
/********************
CONTENT STYLING
*********************/
div#content {
text-align: left;
}
/* HEADINGS */
div#content h1 {
font-size: 16px;
line-height: 1em;
margin: 0;
}
div#content h2 {
color: #494949; 
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 15px 0 10px 50px;
margin: 0;
background: url(uploads/images/h2.jpg) no-repeat 20px center;
}
div#content h3 {
color: #f6821f; 
font-size: 14px;
font-weight: bold;
line-height:175%;
padding: 8px 0 8px 45px;
margin: 0;
background: url(uploads/images/h3.jpg) no-repeat 24px 12px;
}
div#content h4 {
color: #444; 
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding: 10px 0 6px 24px;
margin: 0 0 0 30px;
background: #f2f2f2 url(uploads/images/h4.jpg) no-repeat 6px center;
}
div#content h5 {
color: #555; 
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
padding: 10px 0 6px 18px;
margin: 0 0 0 24px;
}
div#content h6 {
color: #777; 
font-size: 10px;
font-weight: bold;
padding: 0 0 2px 20px;
margin: 0 0 0 28px;
}

/* TEXT */
div#content p {
color: #4b4b4b; 
font-size: 12px;
font-weight: normal;
padding: 3px 0 6px 24px;
margin: 2px;
line-height: 130%;
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}
/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
margin: 0 0 2.5em;
}
/*TABLES*/
table {
width: auto;
margin: 5px 0 5px 10px;
}
th {
font-size:12px;
font-weight: auto;
color: #313131;
background: #fff;
border: 1px solid #8a8a8a;
text-transform:uppercase;
padding: 4px;
}
td {
font-size:11px;
font-weight: auto;
color: #555;
background: #f2f2f2;
border: 1px solid #a0a0a0;
padding: 4px;
}

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
font-size: 11px;
line-height: 150%;
margin: 0 0 10px 30px;
padding: 10px;
background: #e4e4e4;
}
div#main ul li,
div#main ol li {
margin: 0 0 2px 12px;
color: #555;
list-style-type:square;
}
.listhead {font-weight: bold;}

div#main ul#archief {
margin-left: 15px;
width: 515px;
}
div#main ul#archief li {
list-style-type: none;
display: block;
}
div#main ul#archief li a {
display: block;
font-weight: bold;
}
/*SEARCH*/
input#cntnt01searchinput {
width:auto;
padding: 0 20px 0 5px;
background: #ebebeb;
border: 1px solid #8a8a8a;
font-size: 9px;
color:#313131;
}
input.searchbutton {
width: auto;
height:16px;
padding: 0 10px;
background: #ebebeb;
border: 1px solid #8a8a8a;
font-size: 9px;
color:#313131;
}

/*FORM*/
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
margin-bottom:0.5em;
margin-left:1em;
}
fieldset div div {
margin-top:0.5em;
margin-left:1em
}
fieldset {
margin-bottom:1em;
border:1px solid #F60;
padding:0.5em
}
fieldset label {
width:auto;
}
legend {
color:#FFF;
background:#F60;
font-style:italic;
font-size:1.2em;
margin-bottom:0.5em;
padding:0.2em;
width:auto;
border:1px solid #CCC
}
textarea {
margin: 0.5em 0;
width:98%;
height: 6em
}
/* Apply this class to text/select input fields with shorter labels
to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}
/* Pretty up your Captcha image output */
.captcha {
margin:0.5em 0;
width:200px;
text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}
.submit {margin-top:0.5em}
/*ALBUM*/
ul.albumlist, ul.picturelist {
min-height: 200px;
}
div#main ul.albumlist li, div#main ul.picturelist li {
list-style-type: none;
}
/* End of 'layout' */