/*CSS 
  Copyright: Onno Brauckmann - hbwConsultants
  http://www.hbwconsultants.nl
------------ Global -------------------------------------------------*/
body {
background: #e3e4e5; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
margin: 10px auto;
color: #808080;
}
acronym { cursor: help; border-bottom: 1px dashed #999; }

a { text-decoration: underline; color: #6698c9;}

a:hover { text-decoration: none; color: #8DBBC7; }

img {border: 0;}

.img_left {
float: left;
margin-right: 5px;
}

.img_right {
float: right;
margin-left: 5px;
}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

/*------------ Container ---------------------------------------------*/
#container {
width: 750px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #888;
padding: 10px;
}

#content {
width: 750px;
background: #fff;
}	
/*------------ Logo & Top navigation ----------------------------------------*/	
#topwrapper {
width: 100%;
background: inherit;
margin: 0 0 70px 0;
padding: 0;
}

*html #topwrapper {margin: 0;} /* IE fix */

#logo h1{
width: 300px;
display: block;
float: left;
margin: 0;
padding: 0 0 40px 0;
text-indent: -99999px;
background: url(../images/logo.png) no-repeat left top transparent;
}

#logo h1 a{
width: 300px;
display: block;
text-decoration: none;
}

#topnav {
width: 250px;
float: right;
border-top: 2px solid #da3333;
margin: 0; 
padding: 0;
background: inherit;
}

#topnav a {
margin: 0 5px;
text-decoration: none;
color: #808080;
}

#topnav a:hover { color: #4373b5; }


/*------------ Header section ----------------------------------------*/	
#header {
clear: both;
background: #fff url(../images/header.jpg) no-repeat 100% 0;
border-top: 5px solid #fff;
border-bottom: 10px solid #4373b5;
padding: 0 0 90px 0;
}
*html #header {padding: 0 0 70px 0;} /*IE fix */
	
#header h1 {
text-indent: -99999px;
}	

/*------------ Content section -----------------------------------------*/
#contentwrapper {
width: 750px;
background: #fff url(../images/bg_content.gif) repeat-y;
margin: 0 0 10px 0;
padding: 0;
border-bottom: 1px solid #888;
}

/*------------ Left collumn items --------------------*/
#left_coll {
width: 170px;
background: inherit;
clear: left;
float:left;
margin: 0 10px 0 0;
padding: 10px 10px 10px 0;
line-height: 1.6em;
font-size: 0.9em;
}

#left_coll h2 {
font-size: 1.2em;
}

.box {
width: 172px;
border: 1px solid #ccc;
background: #e8e8cc;
padding: 3px;
margin-top: 2px;
}

.box p {
font-size: 0.9em;
}
/*------------ Center collumn items --------------------*/
#center_coll {
width: 125px;
float:left;
margin: 0;
padding: 10px 5px 10px 10px;
line-height: 1.4em;
font-size: 0.9em;
}

*html #center_coll {padding: 10px 5px 10px 0;}
#center_coll h2 {
font-size: 1.1em;
}

#center_coll a { text-decoration: underline; color: #c12c2c;}
#center_coll a:hover { text-decoration: none; color: #AD807A; }

#center_coll ul li {
list-style-type: none;
text-indent: -40px;
}


/*------------ Right collumn items --------------------*/
#right_coll {
width: 410px;
clear: right;
float:right;
margin: 0;
padding: 10px 0;
line-height: 1.6em;
}
	
#right_coll h2 {
background: #fff url(../images/par_header.gif) no-repeat;
height: 30px;
font-size: 1.3em;
font-weight: bold;
padding: 4px 0 0 5px;
}
	
/*------------ Footer section -----------------------------------------*/

#footerwrapper {
width: 750px;
background: #fff;
clear: both;
margin: 5px 0px;
padding: 0;
font-size: 0.8em;
}
#footerwrapper a { text-decoration: underline; color: #888;}
#footerwrapper a:hover { text-decoration: none; color: #A2AFBF; }

#footer {
width: 500px;
background: inherit;
float: left;
}

#goUp {
width: 80px;
background: inherit;
float: right;
}

#payOff {
width: 770px;
background inherit;
clear: both;
margin: 0 auto;
padding: 5px 0 10px 0;
font-size: 0.9em;
color: #000;
text-align: center;
}
#payOff a { text-decoration: underline; color: #888;}
#payOff a:hover { text-decoration: none; color: #ccc; }

/*------------ sNews -------------------------------------------------*/
fieldset {
	border: 1px solid #c0c0c0;
    padding: 0 0 5px 10px;
}

 legend {
    color:  #4272b4;
}

textarea.text { 
	height: 150px; 
	width: 90%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #000;
}

textarea.text:hover { 
	border: 1px solid #286ea0; 
	background: #e9ecef; 
	color: #000;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #FFFFFF; 
	width: 200px; 
	color: #000;
}

input.field:hover { 
	border: 1px solid #286ea0; 
	background: #e9ecef; 
	color: #000;
}

input.text { 
	margin: 0; 
	width: 170px;
	border: 1px solid #ccc; 
	background: #FFF;
	color: #000; 
}

input.searchbox { 
	margin: 0; 
	width: 140px;
	border: 1px solid #ccc; 
	background: #FFF;
	color: #000; 
}

input.searchbutton { 
    margin: 0;
	padding: 0;	
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #4272b4; 
	color: #fff; 
}



input.text:hover { 
	border: 1px solid #286ea0; 
}

.date { 
	color: #c0c0c0; 
	background: #FFFFFF;
	text-align: right; 
	margin: 4px 0 5px 0; 
	padding: 0.4em 0 0 0; 
	border-top: 1px solid #d0d0d0;
}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #808080;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #808080;
}

.error {
	color: #990000;
	background-color: #F9C9C9;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}

.success {
	color: #808080;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}

/*----------- workarounds and hacks -------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */