@charset 'UTF-8';
/*============ DEFAULT ============*/
html, body 
{
	background:white url('../images/bg_body.png') repeat-x fixed center top;
	color:white;
	font-family:"Book Antiqua", Tahoma, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
    }
h2 {
    color:#004151;
    font-size:18px;
    font-weight:normal;
    margin:10px 0px 10px 0px;
    text-transform:uppercase;
}
#container {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    }
.container_4 {
    background:transparent url('../images/bg_container.png') repeat-y scroll center top;
    padding: 0 10px;
    position:absolute;
    z-index:1;
}

/*============ TOP ============*/
.top {
    height:140px;
}
.top #logo {
    margin:28px 0 0 28px;
}
.top #info {
    float:right;
    margin:28px 28px 0 0;
}
#languageswitch {
	position:absolute;
	top: 0px;
	right: 0px;
}
#div_info 
{
    float:right;
    margin:30px 0 0 780px;
    position:absolute;
    z-index:3;
    }
#div_info_de 
{
	float:right;
	position:absolute;
	z-index:3;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 700px;
	top: 111px;
	height: 70px;
	width: 101px;
	left: 163px;
    }
#div_info_de img {
			margin:30px 0 0 0px;
    }
#div_logo {
	margin:33px 0 0 30px;
	position:absolute;
	z-index:4;
	width: 192px;
	height: 147px;
	left: 21px;
	top: -27px;
    }
/*============ MENU ============*/
#top_nav {
    position:absolute;
    z-index:2;
}
#menu {
    background-color:#004151;
    height:29px;
    margin:140px 0 0 10px;
    padding:0px 0 3px 0;
    position:absolute;
    text-transform:uppercase;
    width:960px;
    z-index:2;
}
#menu_links {
	margin:0;
	width: 950px;
}
.menu {
    background-color:#004151;
    height:29px;
    padding:0px 0 3px 0;
    text-transform:uppercase;
}
.menu a, #menu a {
	color:White;
	font-size:11px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_links ul {
	list-style-type:none;
	line-height:32px;
	float:left;
	margin:0;
	padding:0 0 0 2px;
	width:auto;
}
#menu_links ul a {
	color:#FFF;
}
#menu_links li a {
    float:left;
    padding:0 20px;
}
#menu_links li {
    float:left;
}
#menu_links .here {
    text-decoration:underline;
    /*background-color:#8CB7C7;*/ 
    }
#menu_links li a:hover {
	/*background-color:#8CB7C7;*/
    text-decoration:underline;
	color: #FF0;
    }
/*search*/
#menu form {
    position: absolute;
    right: 0;
    top: 0;}
#menu input {
    float:right;
	font-size: 11px;
	height: 17px;
	margin:5px 5px 0 0;
	padding: 3px 0 0 5px;
	width:158px;
}
#menu input.btn {
    background:transparent url('../images/bg_button_search.png') no-repeat scroll center center;
    border:none medium;
    color:White;
    cursor:pointer;
	height: 22px;
	margin:5px 11px 0 0;
    padding: 1px;
    width:50px;
}
/*============ SUB MENU (DROPDOWN) ============*/
#menu_sub {
    clear:both;
    padding:20px 0 0 0;
    }
#menu_sub ul {
    border-left:solid 1px White;
    list-style-type:none;
    line-height:22px;
    margin:0;
    padding:0 0 0 10px;
}
#menu_sub ul a {
    color:White;
}
#menu_sub ul a:hover {
    text-decoration:underline;
}
#menu_sub #nav_categories {
    position:absolute;
    left:186px;
    }
#menu_sub #mt {
    position:absolute;
    left:323px;
    }
/*============ SUB MENU (LEFT) ============*/
#submenu {margin:0 0 0 8px; width:220px;}
#submenu #submenu_top {xbackground:transparent  url('../images/bg_menu_sub_t.png') no-repeat scroll center top; xheight:13px;}
#submenu #submenu_content {xbackground:transparent url('../images/bg_menu_sub_b.png') no-repeat scroll center top; xheight:291px;}
#submenu .title {
    color:#8CB7C7; 
    font-size:18px; 
    margin:0 0 10px 20px;
    text-transform:uppercase; 
    }
#submenu ul {
	color:#8cb7c7;
	list-style-type:disc;
	line-height:22px;
	margin:0;
	padding:0 0 0 35px;
}
#submenu ul a {
    color:#8CB7C7; 
}
#submenu ul a.here {
    color:#004151; 
}

/*============ HEADER ============*/
.header {margin:14px 0 0 0;}

/*============ BREADCRUMBS ============*/
.breadcrumbs {
    color:#8CB7C7;
    margin:10px 0;
}
.breadcrumbs a  {
    color:#8CB7C7;
    padding:0 10px;
}
/*============ CALL ME ============*/
#action_callme {margin:186px 0 0 740px; position:absolute; width:220px; z-index:4;}
#action_callme #cm_top {
	background:transparent  url('../images/bg_action_t.png') no-repeat scroll center top;
	height:1px;
}
#action_callme #cm_content {background:#8CB7C7 url('../images/bg_action_b.png') no-repeat scroll center top; height:242px;}
#action_callme .title {
	color:White;
	font-size:18px;

    .margin:0 0 0px 20px;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 1px;
    }
#action_callme p {
    margin:14px 0 14px 0;
    .margin:14px 0 14px 0;
    }
#action_callme #cm_bottom {
	background:transparent url('../images/bg_action_b.png') no-repeat scroll center bottom;
	height:1px;
}
/*============ CONTENT ============*/
a {
    color:#8CB7C7;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    }
a img {
    border:none medium;
    text-decoration:none;
    }
.item {
    background:#000 no-repeat scroll center bottom;
	width:305px;
	float: left;
	margin: 0px 41px 10px 0px;
}
.item a, .side a {
    color:#004151;
    text-decoration:none;
    }
.item a:hover {
    color:#666666;
    text-decoration:underline;
    }
.item ul {
	list-style-type:none;
	line-height:18px;
	padding:0px 10px 0px 10px;
}
.content h2, .content h1 {
    color:#8CB7C7;
    font-weight:normal;
    text-transform:uppercase;
    }
.content h3 {
	font-size:13px;
	margin: 10px 0px -10px 0px;
    color:#8CB7C7;
    font-weight:bold;
    }

.grid_2.content {
    padding:0 20px;
    width:440px;
    }
.content {
    color:#666666;
}
.content p 
{
    line-height: 21px;
    }
.divider {
	height: 1px;
	width: 100%;
	margin: 38px 0 33px 0;
	background: #8CB7C7;
}
.sideimage {
    margin-left: 10px;
    width:220px;
    }
.side p {
		color:#666666;
		margin: 10px 10px 0 0;
	}
/*============ FORMS ============*/
.checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url('../images/checkbox.html') no-repeat;
  display: block;
  clear: left;
  float: left;
}
.radio {background: url('../images/radio.png') no-repeat 0 -3px; cursor:pointer;}
.select {
  position: absolute;
  width: 158px;
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url('../images/select.html') no-repeat;
  overflow: hidden;
}
input {
    border: 1px solid #8CB7C7; 
    color:#8CB7C7; 
    font-size:12px; 
    height:20px; 
    margin:0 0 10px 20px;
    .margin:0 0 0px 20px; 
    padding:0 0 3px 3px;
    width: 175px; 
    }
.button {
    border: none;
    background: url('../images/bg_button_submit.png') no-repeat top left;
    color:White;
    cursor:pointer;
    float:right;
    height:31px;
    margin:0 20px 0 0;
    padding: 0 0 4px 0;
    width:121px;
}
.button:hover {text-decoration:underline;}
.radio_group {margin:0 0 0 20px;}

/*contact form*/
.content fieldset {
	border: none;
	padding: 0;
}
label {
	width: 200px;
	float: left;
}
.grid_2 .content input {
	width: 200px;
	float: left;
}
textarea#bericht {
width: 394px;
margin: 10px 0px 20px 0px;
border: 1px solid #8CB7C7; 
 font-family:Arial, Sans-Serif;
    font-size:11px;
		color:#666666;
		line-height:18px;
		padding: 3px;
}

/*validatie*/
.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

/*============ BOXES ============*/
.boxes {
    background:transparent url('../images/bg_boxes.gif') no-repeat scroll center 26px;
    padding:0 0 20px 0;
}
.box {
    color:Gray;
    float:left;
    margin:14px 10px 0;
    width:300px;
}
.boxes h2 
{
	 color:#8CB7C7;
    height:40px;
    }
.readmore {
    background:White url('../images/bg_readmore.gif') no-repeat scroll center center;
    height:21px;
    margin-top: 5px;
    .margin-top: 20px;
    padding:4px 0 0 0;
    position:absolute;
    right:20px;
    text-align:center;
    vertical-align:bottom;
    width:100px;
}
.readmore a {
    color:White;
}
.box .readmore 
{
    float:right;
    position:relative;
    margin-top: 5px;
    .margin-top: 20px;
    padding:4px 0 0 0;
    right:0;
    text-align:center;
    vertical-align:bottom;
    width:100px;
}

/*============ FOOTER ============*/
.footer {
    margin-top:20px;
    padding:0 0 0 20px;
    }
.footer_cat h2 {
    font-size: 14px;
    font-weight:bold;
}
.footer_cat {
	background:White url('../images/bg_footer.jpg') repeat-x scroll center top;
	color:#545454;
	float:left;
	font-size:14px;
	line-height:18px;
	min-height:170px;
	padding:20px 10px 10px 10px;
	width:210px;
    }
.footer_cat img {
    float: right;
    position: absolute;
    right: 50px;
    top: 20px;
    }
.footer_cat ul {
    list-style:none;
    margin: 0;
    padding: 0;
    }
.footer_cat a {
    color:#8CB7C7;
    text-decoration:none;
    }