/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	AutoBaas Portal 2009
	CSS Design by: 	Michiel Floor @ Reclamestudio Teller
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#page_bg {
	margin:0px;
	padding: 0px;
	background:url(../images/mainbg.jpg) #23204D;
	}
div#wrapper {
	width:975px;
	background-color:#fff;
	margin-left: auto;
	margin-right: auto;
	}
div#container {
	margin: 0 5px 0 0px;
	}
body {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	color:#333333;
	}

/*	Header ----------------------- */
#header {
	position:static;
	height:40px;
	background-color:#204A9C;
	border-bottom:1px solid #ccc;
	}
#logo {
	margin-left:15px;
	}
div#zoeken {
	margin:8px 15px 0 0;
	float:right;
	}
#zoeken .inputbox {
	width: 150px;
	height:15px;
	padding:3px 0 3px 10px;
	color:#333;
	font-size:0.7em;
	border:1px solid #204A9C;
	/*background:url(../images/zoekbox.png) no-repeat;*/
	}
#header-slide {
	height:250px;
	/*background:url(../images/header/foto_0001.jpg) no-repeat #f3f3f3;*/
	width:100%;
	}

/*	Rechts ----------------------- */
div#right {
	width:185px;
	float:right;
	padding:10px;
	margin: 10px 5px 0 0;
	}
#right .usermodules {
	font-size:11px;
	width:100%;
	}
#right .usermodules h3 {
	font-size:22px;
	background-color:#204A9C;
	color:#fff;
	padding:8px 10px 10px 10px;
	border-left:1px solid #204A9C;
	}
#right .moduletable {
	background-color:#f5f5f5;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	}
#right .moduletable-swf {
	border:1px solid #ccc;
	margin-bottom:30px;
	}
#right .moduletable ul {
	margin-left:12px;
	}
#right .moduletable .moduletable {
	border:0px;
	margin:0;
	}
#right .moduletable a, 
#right .moduletable .contentpagetitle {
	color:#204A9C;
	}
#right .moduletable td a {
	margin-left:2px;
	}
	
/*	Footer ----------------------- */	
#footer {
	background-color:#f5f5f5;
	border-top:1px solid #ccc;
	height:40px;
	}
	
/*	Left + Menu -------------------- */
div#left {
	float:left;
	width:200px;
	padding:5px;
	margin-right: 10px;
	background-color:#f5f5f5;
	height:600px;
	/*background:url(../images/menubg.jpg) no-repeat;*/
	}
#left div {
	margin: 0 4px 0 4px;
	}
table.menu {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	}
.menu-inner { 
	}
#left div ul {
	margin-top: 14px;
	padding: 0;
	list-style:none;
	}
#left div li {
	margin: 0px 0 0 0 ;
	/*padding: 8px 11px 10px 11px;*/
	/*background-color: #204A9C;*/
	
	}
#left div li img {
	float:right;
	margin:0 20px 0 0;
}
#left div li a:link, #left div li a:visited  {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 18px;
	color: #fff;
	display:block;
	width:184px;
	height:34px;
	text-decoration: none;
	padding: 6px 0px 0px 11px;
	background:url(../images/menubut-A.gif) no-repeat;
	}
#left div li a:hover {
	color:#ccc;
	display:block;
	background:url(../images/menubut-H.gif) no-repeat;
	}
#left div li.active, #left div li#current {
	display:block;
	color:#ccc;
	background:url(../images/menubut-H.gif) no-repeat;
	}
	
/*	Main ----------------------- */
#maincontent {
	margin:0 5px 0 15px;
	padding-top: 20px;
	}

/* J-stijlen Mainbody & mods
---------------------------------------*/	
div.maincontent {
	padding:10px;
	height:100%;
	}
.maincontent img {
	margin: 0 8px 0 8px;
	}
.contentheading, 
.componentheading,
.blog_more strong{
	font-size: 1.4em;
	font-weight:normal;
	color: #393939;
	}

.contentheading a:link,
.contentheading a:visited,.contentheading2 a:link,
.contentheading2 a:visited {
	color: #393939;
	text-decoration:none;
	}
td.buttonheading {
	}
td.buttonheading img, td.buttonheading2 img {
	border:none;
	}
.buttonheading {
	}
.moduletable h3, .moduletable2 h3 {
	margin-top:4px;
	padding-bottom:6px;
	}
td.contentheading {
	}
.contentpane, .contentpaneopen, .searchintro, .searchintro-res, .blog2 .contentpane2, .contentpaneopen2, .searchintro2, .searchintro-res2, .blog2{
	font-size: 0.8em;
	color: #393939;
	}
.blog_more li, .blog_more2 li {
	list-style-type:square;
	}
.blog_more, .blog_more2 {
	font-size:2.2em;}
.blog_more div,.blog_more2 div {
	display:none;
	}
.blog .contentpaneopen img {
 	width:175px;
	height:120px;
	}
	
.blog .contentpaneopen img.actie, 
.blog .contentpaneopen .actie {
 	width:520px;
	height:auto;
	}
.blog .contentpaneopen span.more, .blog2 .contentpaneopen2 span.more {
	display:inline;
	}
span.more {
	display:none;
	}
.searchintro {
	background-color:#fff; 
	display:block;
	}
form .contentpaneopen {
	display:block;
	}
.contentpanehead, .componentheading, .contentheading, .contentpanehead2, .componentheading2, .contentheading2, .blog_more strong {
	height:24px;
	color:#204A9C;
	}
#headermodules a:link, #headermodules a:visited {
	color:#fff;
	font-weight:700;
	text-decoration:none;
	} 
a:link, a:visited {
	color:#CF001C;
	}
a:hover, #right a:hover, #headermodules a:hover {
	color: #ccc;
	}
	
.contentpaneopen a:link, 
.contentpaneopen a:visited, 
#right a:link, 
#right a:visited {
	text-decoration:none;
	}
.blog_more ul {
	display:block;
	list-style-type:square;
	
	}
.blog_more li, .blog_more li a:link, .blog_more li a:visited  {
	font-size:0.7em;
	text-decoration:none;
	}


/* Modules
---------------------------------------*/
.moduletable {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	}
.moduletable ul {
	padding: 0;
	font-size: 1.2em;
	}
	
/* Contactformulier
---------------------------------------*/
.formcontent {
	background-color:#E98440; 
	padding:10px;
	}
.button, button:link {
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	padding: 2px 10px!important;
	padding: 1px 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	color:#fff;
	background-color:#204A9C;
}

.button:hover {
	color: #ccc;
	background-color:#2C60C5;
	cursor:pointer;
}


.button:active, .button:focus {
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
}

.inputbox {
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
}

input.text
{
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:10px;
	margin:0;
	padding:2px 0;
}

select.select
{
	color:#333;
	font-size:10px;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}

textarea.textarea
{
	background:#fff url(shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	width:99%;
}

.download {
	display:block;
	width:550px;
	text-decoration:none;
	padding: 5px 20px 25px 45px;
	color:#999999;
	border:1px solid #ccc;
	background: url(../images/but_pdf.gif) 5px 2px no-repeat #ededed;
	}
.download a:link, .download a:visited {
	color:#333333;
	}
.download a:hover {
	color:#999999;
	}


/* Typografie
---------------------------------------*/
h1 {
	font-size: 250%;
	font-family:Helvetica, sans-serif;
	color:#204A9C;
	font-weight:600;
	}
h2 {
	font-size: 220%;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	}
h3 {
	font-size: 130%;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	color:#204A9C;
	font-weight:600;
	}
h4 {
	font-size: 120%;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	color:#204A9C;
	font-weight:600;
	}
p {
	margin: 5px 0 15px;
	}
ul {
	list-style: none;
	padding-bottom:5px;
	}
.contentpane ul,
.contentpaneopen ul {
	padding-left:15px;
	}
.contentpane ul li,
.contentpaneopen ul li {
	list-style-type:none;
	padding-left:10px;
	background: url(../images/bullet-list.png) no-repeat 0px 10px; 
	line-height: 170%; 
	}
ol {
	margin-top: 5px;
	margin-bottom: 15px;
	}
ol li {
	margin-left: 35px;
	line-height: 170%;
	}
th {
	padding: 4px;
	font-weight: bold;
	text-align: left;
	}
fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #545454;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}
.contentpaneopen img {
	margin:5px;
	}
td, div {
	font-size: 100%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* Errors
---------------------------------------*/
.message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:20px;
	padding: 5px 10px 5px 35px;
	border:1px solid #ff0000;
	background-color:#FFCCCC;
	}


/* Firefox Scrollbar Hack - Do not remove */
/* Geen id, maar lekker laten staan.
---------------------------------------*/
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
}


contentpaneopen2,.contentheading2, .componentheading2{
	font-size:18px;
	}

#warnflashavreloaded0, 
#warnflashavreloaded1, 
#warnflashavreloaded2, 
#warnflashavreloaded3,
#warnflashavreloaded4, 
#warnflashavreloaded5, 
#warnflashavreloaded6, 
#warnflashavreloaded7{
display:none;
}

.item20{
	display:none;
}
/*---------------------------------------*/
/*---------- Twitter Account ------------*/
/*---------------------------------------*/

.twtr-hd{
	display:none;
}
.twtr-ft {
	display:none;
}
.twtr-hd-hack {
}
.twtr-cont-hack {
}
.twtr-ft-hack a{
	font-size:16px;
	font-weight:bold;
	
	text-decoration:none;
	color:#204A9C;
	display:block;
	padding:5px;
	
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
	background-position:right;
}
.twtr-ft-hack a:hover{
	background-image:url(../images/twitter-hover.png);
	background-repeat:no-repeat;
	background-position:right;
	
	backgroud-color:#204A9C;
}

/*---------------------------------------*/
/*---------- Twitter Account ------------*/
/*---------------------------------------*/
