@charset "utf-8";

/*topq.nl, anandarizki, yavidesign, may 2010*/

* {
margin:0;
padding:0;
}
body {
background:#fff url(../images/bg.gif) left top repeat-x;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
a img {
border:none;
}
#content a {
color:#4D9BAF;
text-decoration:none;
}
p {
color:#4F6069;
line-height:17px;
}
font{
color:#4F6069;
}
li {
color:#4F6069;
line-height:17px;
}
a:hover {
text-decoration:underline;
}
#wrapper {
width:990px;
margin:0 auto;
text-align:left;
}
#header {
position:relative;
width:990px;
height:137px;
background:url(../images/header.gif) left top no-repeat;
}
#header #logo {
width:261px;
height:70px;
position:absolute;
left:25px;top:20px;
}
#header #mainnav ul {
list-style:none;
position:absolute;
top:108px;left:360px;
}
#header #mainnav li {
float:left;
background:url(../images/mainnav_r.gif) right top no-repeat;
margin-left:1px;
}
#header #mainnav li a {
float:left;
background:url(../images/mainnav_l.gif) left top no-repeat;
font-weight:bold;
color:#888;
padding:8px 16px;
text-decoration:none;
}
#header #mainnav li.active {
background:url(../images/mainnav_r_h.gif) right top no-repeat;
}
#header #mainnav li.active a {
color:#000;
background:url(../images/mainnav_l_h.gif) left top no-repeat;
}
#header #mainnav li a:hover {
color:#000;
}

#sections {
overflow:hidden;
width:950px;
padding:0 20px 0 20px;
}
* html #sections {
width:990px;
}
#leftsection-outer {
width:327px;
float:left;
background:url(../images/leftsection_m.gif) left top repeat-y;
}
#leftsection {
width:327px;
background:url(../images/leftsection_t.gif) left top no-repeat;
}
#leftsection-inner {
overflow:hidden;
width:315px;
padding:0 6px 11px;
background:url(../images/leftsection_b.gif) left bottom no-repeat;
}
* html #leftsection-inner {
width:327px;
}

/* ---- search ---- */
#search {
width:230px;
position:relative;
overflow:hidden;
float:right;
margin-top:-5px;
}

#search .csc-mailform {
border:none;
height:38px;
background:url(../images/search_input2.gif) 20px 10px no-repeat;
[background:url(../images/search_input2.gif) 20px 3px no-repeat;
background:url(../images/search_input2.gif) 20px 3px no-repeat;
]
}
#search .csc-header, #search .csc-mailform label {
display:none;
}
#search .csc-mailform input[type=text]{
background:transparent;
float:left;
border:none;
width:135px;
height:18px;
margin-top:12px;
margin-left:44px;
margin-right:15px;
[margin-top:6px;
margin-top:6px;
]
}


#search .csc-mailform .csc-mailform-submit {
background:url("../images/input_submit_button.gif") left top no-repeat;
border:none;
display:block;
height:0;
margin-top:7px;
overflow:hidden;
padding-top:28px;
width:24px;
}

#topmenu #search h3{
display:none;
}
/* ---- end of search ---- */

/* ---- modulebox search ---- */
.modulebox_search {
width:315px;
height:150px;
background:url(../images/bg_search.jpg) left top no-repeat;
}
.modulebox_search h1 {
display:none;
}
.modulebox_search .csc-mailform {
border:none;
padding-top:38px;
}
.modulebox_search .csc-mailform-field {
padding-left:118px;
}
.modulebox_search .csc-mailform-field #mailformnaam, .modulebox_search .csc-mailform-field #mailformemail, .modulebox_search .csc-mailform-field #mailformtelefoonl {
border:none;
background:none;
width:126px;
font-size:12px;
}
.modulebox_search .csc-mailform-field #mailformnaam {
margin-bottom:11px;
}
.modulebox_search .csc-mailform-field #mailformemail {
margin-bottom:11px;
}
.modulebox_search .csc-mailform-field #mailformtelefoonl {
margin-bottom:11px;
}
*:first-child+html .modulebox_search .csc-mailform-field #mailformnaam {
margin-bottom:11px;
}
* html .modulebox_search .csc-mailform-field #mailformemail {
margin-bottom:9px;
}
* html .modulebox_search .csc-mailform-field #mailformtelefoonl {
margin-bottom:9px;
}
.modulebox_search .csc-mailform-field #mailformformtype_mail {
width:99px;
height:20px;
border:none;
background:url(../images/bg_submit.jpg) left top no-repeat;
color:#fff;
font-weight:bold;
font-size:12px;
text-align:left;
margin-left:38px;
padding-left:6px;
padding-bottom:5px;
}
*:first-child+html .modulebox_search .csc-mailform-field #mailformformtype_mail {
padding-left:10px;
padding-top:3px;
}
* html .modulebox_search .csc-mailform-field #mailformformtype_mail {
padding-left:10px;
padding-top:2px;
}
/* ---- end of modulebox search ---- */


#leftnav ul {
list-style:none;
}
#leftnav a {
display:block;
width:255px;
background:url(../images/leftnav.gif) left top no-repeat;
color:#888;
padding:7px 10px 7px 50px;
text-decoration:none;
}
* html #leftnav a {
widtH:315px;
}
#leftnav li#subactive a {
color:#000;
background-position:left -58px;
}
#leftnav a:hover {
color:#000;
background-position:left -58px;
}

#leftnav a:visited {
color:#000;
background-position:left -116px;
}
#leftcontent {
/*background:url(../images/curve_bottom.gif) left bottom no-repeat;*/
color:#768085;
padding:10px 10px 31px;
}
#leftcontent h1, #leftcontent h2, #leftcontent h3, #leftcontent h4, #leftcontent h5, #leftcontent p, #leftcontent ol, #leftcontent ol {
margin-bottom:8px;
}

#leftnav h1, #leftcontent h1 {
font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#768085;
}
#leftnav h1 {
border-bottom:1px solid #cdcdcd;
background:url(../images/leftnav_h1.gif) left top no-repeat;
color:#fff;
padding:3px 7px;
}
#header_flash {
margin-left:15px !important;
margin-left:5px;
margin-top:5px;
}
#content_outer {
overflow:hidden;
float:right;
width:620px;
}
#content {
padding-left:10px;
padding-top:20px;

}
#content h1, #content h2, #content h3, #content h4, #content h5, #content p, #content ol, #content ol {
margin-bottom:12px;
}
#content h1 {
font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content h2 {
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content ul {
list-style:none;
}
#content li {
background:url(../images/bg_list_item.jpg) 12px 3px no-repeat;
padding-left:30px;
}
#content ol {
margin-left:32px;
}
#footer {
background:#9CA8AF url(../images/footer.gif) center top no-repeat;
color:#4f6069;
position:relative;
width:100%;
padding:60px 0 20px 0;
}
#footer p {
margin-top:2px;
}
#footer p a {
color:#fff;
text-decoration:none;
}
#footer p a:hover {
text-decoration:underline;
}
#footer img {
vertical-align:middle;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
}
p.bodytext, table td, table tr, table tr td p {
font-size:11px;
line-height:17px;
padding:0;
}
#footer #bottomnav {
width:760px;
margin:0 auto;
height:20px;
overflow:hidden;
margin-top:5px;
padding-top:10px;

}
#footer #bottomnav ul {
list-style:none;
text-align:center;
float:left;
padding-left:10px;
}
#footer #bottomnav ul li {
display:inline;
background:url(../images/dash.gif) left 7px no-repeat;
padding:0 10px;
}
#footer #bottomnav ul li a {
color:#35393c;
text-decoration:none;
text-decoration:underline;
}
#footer #bottomnav ul li a:hover {
color:#fff;
text-decoration:none;
}
/*#footer #bottomnav {
width:210px;
height:20px;
position:absolute;
left:50%;
overflow:hidden;
margin-bottom:10px;
margin-top:5px;
margin-left:-105px;
}
#footer #bottomnav ul {
list-style:none;
text-align:center;
}
#footer #bottomnav ul li {
float:left;
margin-right:10px;
}
#footer #bottomnav ul li a {
float:left;
color:#35393c;
height:20px;
display:block;
text-decoration:none;
border-right:1px solid #777f84;
padding-right:10px;
}
#footer #bottomnav ul li a:hover {
color:#fff;
}
*/
/*----------------------------------------widget---------------------------------*/
.widget {
position:relative;
width:315px;
height:120px;
margin-top:10px;
background:url(../images/bg_carousel.jpg) left top no-repeat;
}
.widget #prod-img-slider-container {
width:215px;
height:120px;
padding:0 50px;
margin-left:4px !important;
margin-left:0;
}
* html .widget #prod-img-slider-container {
width:315px;
}
.widget .jCarouselLite {
float:left;
}
.widget .jCarouselLite ul {
overflow:hidden;
width:250px;
height:120px;
list-style:none;
}
* html .widget .jCarouselLite ul {
overflow:hidden;
width:315px;
height:120px;
list-style:none;
}
.widget .jCarouselLite ul li {
overflow:hidden;
width:200px;
height:75px;
margin-top:12px;
text-align:center;
}
.widget .prev {
position:absolute;
left:5px;top:28px;
width:43px;
height:41px;
cursor:pointer;
background:transparent url(../images/prev-horizontal.gif) left top no-repeat;
}
.widget .next {
position:absolute;
left:255px;top:28px;
width:43px;
height:41px;
cursor:pointer;
background:transparent url(../images/next-horizontal.gif) left top no-repeat;
}
.widget .prev:hover, .widget .next:hover {
background-position:-43px 0;
}
/*----------------------------------------widget end---------------------------------*/



#three_colls {
width:950px;
overflow:hidden;
margin:0 auto;
padding-left:40px;
}
#sitemap_footer {
width:300px;
height:157px;
float:left;
text-align:left;
margin-right:20px;
background:url(../images/bg_box_footer_sitemap.gif) left top no-repeat;
}
	#sitemap_footer ul {
	list-style:none;
	padding-left:10px;
	padding:20px 10px 20px 10px;
	}
	#sitemap_footer ul li {
	}
	#sitemap_footer ul li a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:20px;
	height:20px;
	padding-top:3px;
	display:block;
	background:url(../images/arrow_footer.gif) left 3px no-repeat;
	}
	* html #sitemap_footer ul li a {
	height:17px;
	}
	#sitemap_footer ul li a:hover {
	color:#9dfb1a;
	}
#tag_footer {
width:282px;
height:125px;
float:left;
text-align:left;
margin-right:20px;
padding:12px 10px 20px 10px;
background:url(../images/bg_box_footer_tag.gif) left top no-repeat;
}

#tag_footer div{
height:106px;
overflow:hidden;
}
* html #tag_footer {
width:302px;
height:157px;
}
#tag_footer h1 {
font:bold 18px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
margin-left:50px;
}
#news_footer {
width:282px;
height:125px;
float:left;
text-align:left;
padding:12px 10px 20px 10px;
background:url(../images/bg_box_footer_contact.gif) left top no-repeat;
}
* html #news_footer {
width:302px;
height:157px;
}
#tag_footer ul {
list-style:none;
}
#tag_footer ul li {
float:left;
margin-right:5px;
}
#tag_footer a {
float:left;
color:#fff;
}
#news_footer h1 {
font:bold 18px verdana;
margin-bottom:5px;
}
#news_footer a {
color:#fff;
}
#news_footer fieldset {
border:none;
}
#news_footer input {
width:237px;
border:1px solid #b1bdc4;
padding:3px 0 3px 0;
}
#news_footer input.csc-mailform-submit {
width:239px;
background:#9ca8af;
color:#fff;
margin-top:3px;
}

#news_footer .tx_newsflexible_title {
font-weight:bold;
font-size:12px;
white-space:nowrap;
}
#news_footer .tx_newsflexible_datetime {
overflow:hidden;
height:20px;
padding-top:1px;
}
* html #news_footer .tx_newsflexible_datetime {
height:21px;
}
#news_footer .tx_newsflexible_archivelink {
clear:left;
margin-top:10px;
font-weight:bold;
}

.csc-uploads-fileName a {
display:block;
background:url(../images/pdf.gif) left top no-repeat;
padding:1px 0 3px 20px;
}
.csc-uploads-fileName a:hover {
text-decoration:underline;
}

#content .csc-frame-frame1 {
background:url(../images/joblist_t.gif) right top no-repeat;
margin-bottom:10px;
padding:10px 0 0;
}

#content .csc-frame-frame1 h2 {
}

#content .csc-frame-frame1 p {
background:url(../images/joblist_b.gif) right bottom no-repeat;
padding-right:10px;
padding-bottom:10px;
}


span.address{
float:left;
padding-top:3px;
}

p.onelink{
margin-bottom:7px;}

p.onelink a{
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

.onelink a:hover{
text-decoration:none;
cursor:pointer;
}

.modulebox_search {
}
.modulebox_search #banner_left {
width:315px;
height:150px;
overflow:hidden;
}
.modulebox_search #banner_left a {
width:315px;
height:0px;
padding-top:150px;
display:block;
}


#topmenu{
background:url(../images/topmenu.png) right bottom no-repeat;
position:absolute;
right:0;
width:520px;
height:38px;
}
#topmenu ul{
overflow:hidden;
float:left;
padding:6px 0
}
#topmenu ul li{
list-style:none;
float:left;
color:#fff;
}

#topmenu ul li a{
color:#fff;
text-decoration:none;
margin-left:40px;
}

#topmenu ul li a:hover, #topmenu ul li.active a{
text-decoration:underline
}