/* --> General body defineren in content.css
******************************************************************************/

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff url(../../img/top_px.gif) repeat-x;
	font: 12px/16px georgia, arial, verdana, tahoma, sans-serif;
	xcolor: #6e7780;
	color: #333333;
}

h1 {
	font-size: 23px;
	color: #333;
}

a {
	margin: 0;
	padding: 0;
	color: #E13818;
	text-decoration: none;
}

a:hover {
	color: #404040;
	text-decoration: underline;
}

a:active {
	margin: 0;
	padding: 0;
	color: #e13818;
	text-decoration: underline;
}

/* --> Utilities
******************************************************************************/
.float-seperator {
	height: 0;
	line-height: 0;
	float: none !important;
	clear: both;
	display: block !important;
}


/* --> Page layout
******************************************************************************/

#wb-container {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: center;
}

#wb-canvas {
	margin: auto;
	padding: 0;
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}

#top {
	margin: 0;
	padding: 0;
	height: 291px;
	position: relative;
}

#mid {
	margin: 0;
	padding: 0 0 40px 0;
}
  
#bottom {
	margin: 0;
	padding: 0;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 960px;
	background-color: #5C6FA8;
	display: table;
}

/* --> Box small menu
******************************************************************************/

#box-small-menu {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 33px;
	position: relative;
}

#box-small-menu .canvas {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 8px;
	right: 0;
	display: table;
}

#box-small-menu .lang {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 6px;
	xright: 0;
	display: table;
}


#box-small-menu .canvas .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box-small-menu .canvas .menu li {
	margin: 0;
	padding: 0;
	display: inline;
}

#box-small-menu .canvas .menu li a {
	margin: 0;
	padding: 0 0 0 12px;
	color: #fff;
	background: url(../../img/nav_line.gif) no-repeat 2px 7px;
	text-decoration: none;
}

#box-small-menu .canvas .menu li a:hover {
	text-decoration: underline;
}

#box-small-menu .canvas .menu li.active a {
	text-decoration: underline;
}

#box-small-menu .canvas .menu li.active a:hover {
	text-decoration: underline;
}


/* --> Top Menu
******************************************************************************/

#box-top-menu {
	margin: 0;
	padding: 0;
	height: 75px;
	position: relative;
}

#box-top-menu .canvas {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 280px;
	display: table;
	font: 12px/16px georgia, arial, verdana, tahoma, sans-serif;
}

#box-top-menu .canvas .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box-top-menu .canvas .menu li {
	margin: 0;
	padding: 3px 3px 3px 7px;
	display: inline;
	border: 1px solid #d5d5d5;
}

#box-top-menu .canvas .menu li a {
	margin: 0;
	padding: 0 8px 0 0;
	color: #404040;
	text-decoration: none;
}

/* Active */
#box-top-menu .canvas .menu li a:hover {
	color: #e13818;
	text-decoration: underline;
}

#box-top-menu .canvas .menu li.active {
	margin: 0;
	padding: 3px 3px 3px 7px;
	color: #e13818;
	text-decoration: underline;
	xbackground-color: #EEF0F2;
}

#box-top-menu .canvas .menu li.active a {
	margin: 0;
	padding: 0 8px 0 0;
	color: #e13818;
	text-decoration: underline;
}

/* --> Box Logo
******************************************************************************/

#box-logo {
	margin: 0;
	padding: 0 5px 5px 5px;
	background: url(../../img/px_trans_white.png);
	position: absolute;
	top: 40px;
	left: 16px;
}


/* --> Box Search
******************************************************************************/

#box-search {
	margin: 0;
	padding: 5px 5px 0 5px;
	background: url(../../img/px_trans_white.png);
	position: absolute;
	bottom: 0;
	left: 16px;
}

#box-search .canvas {
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 229px;
	height: 87px;
}

#box-search .canvas .title {
	margin: 0;
	padding: 20px 0 0 20px;
}

#box-search .canvas .searchfield {
	margin: 0;
	padding: 15px 0 0 20px;
}

#box-search .canvas .searchfield input {
	margin: 0;
	padding: 4px;
	width: 150px;
	color: #454545;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	font: 11px/16px georgia, arial, verdana, tahoma, sans-serif;
	float: left;
}

#box-search .canvas .b-search {
	margin: 0;
	padding: 0 0 0 13px;
	float: left;
}


/* --> Box News
******************************************************************************/

#box-news {
	margin: 0 0 0 21px;
	padding: 0;
	width: 229px;
	background-color: #e13818;
}

#box-news .canvas {
	margin: 0;
	padding: 20px 20px 0 20px;
}

#box-news .box-news-item {
	margin: 0 0 30px 0;
	padding: 0;
	width: 189px;
}

#box-news .box-news-item span {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: url(../../img/line_news.gif) repeat-x bottom;
}

#box-news .box-news-item a {
	margin: 6px 0 0 0;
	padding: 0 0 0 18px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(../../img/news_more_icon.gif) no-repeat 1px 3px;
}

#box-news .box-news-item a:hover {
	text-decoration: underline;
}

#box-news .button-newarchive {
	margin: 0;
	padding: 15px 15px 15px 20px;
	background-color: #f5f5f5;
}

#box-news .button-newarchive a {
	margin: 0;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #454545;
	background: #f5f5f5 url(../../img/newsarchive_icon.gif) no-repeat 0 2px;
}

#box-news .button-newarchive a:hover {
	text-decoration: underline;
}


/* --> Box Cases
******************************************************************************/

#box-cases {
	margin: 20px 0 0 21px;
	padding: 0;
	width: 229px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-color: #f4f4f4;
	display: none;
}

#box-cases .title {
	margin: 0;
	padding: 0;
	width: 229px;
	height: 35px;
	background: #e13818 url(../../img/titles/title_cases.gif) no-repeat 20px 10px;
}

#box-cases .title span {
	margin: 0;
	padding: 8px 0 0 65px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

#box-cases .canvas {
	margin: 0;
	padding: 20px 20px 20px 20px;
}

#box-cases .canvas img {
	margin: 0;
	padding: 0;
	border: 1px solid #909090;
}

#box-cases .canvas a {
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	color: #e13818;
	text-decoration: none;
}

#box-cases .canvas a:hover {
	text-decoration: underline;
}

#box-cases .button-casesarchive {
	margin: 0;
	padding: 15px 15px 15px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e6e6e6;
}


#box-cases .button-casesarchive a {
	margin: 0;
	padding: 0 0 0 18px;
	text-decoration: none;
	color: #454545;
	background: #f5f5f5 url(../../img/newsarchive_icon.gif) no-repeat 0 2px;
}

#box-cases .button-casesarchive a:hover {
	text-decoration: underline;
}


/* --> Container News
******************************************************************************/
.news-container {
	margin: 0;
	padding: 0;
}

.news-container .box-news-item {
	margin: 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #e1e1e1;
	display: block;
}

.news-container .box-news-item span {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 16px;
}

.news-container .box-news-item a {
	margin: 0;
	padding: 5px 0 0 0;
	display: block;
}




/* --> Mid
******************************************************************************/

#left-column {
	margin: 0;
	padding: 0;
	width: 250px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
}

#right-column {
	margin: 0;
	padding: 0;
	width: 710px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	float: left;
}

#right-column .canvas {
	margin: 36px;
	padding: 0;
}

#right-column .canvas h1 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e6e6e6;
}

#right-column .canvas {
	font-size: 13px;
	line-height: 20px;
	color: #444;
}

/* --> Breadcrum
******************************************************************************/

.breadcrumb {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 10px;
	color: #505050;
}

.breadcrumb .txt {
	margin: 0;
	padding: 0;
	width: 65px;
	float: left;
}

.breadcrumb .listing {
	margin: 0;
	padding: 0;
	width: 565px;
	float: left;
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumb ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

.breadcrumb ul li a.first-item {
	margin: 0;
	padding: 0;
	color: #0c2677;
	text-decoration: none;
}

.breadcrumb ul li a.subsequent-item {
	margin: 0;
	padding: 0 0 0 10px;
	color: #0c2677;
	text-decoration: none;
	background: url(../../img/breadcrum_line.gif) no-repeat 2px 7px;
}

.breadcrumb ul li a:hover {
	text-decoration: underline;
}


/* --> Box Left menu
******************************************************************************/

#box-left-menu {
	margin: 0 0 0 21px;
	padding: 0;
	width: 229px;
	background-color: #e13818;
}

#box-left-menu .canvas {
	margin: 0;
	padding: 0;
}

/* --> Menu settings */

#box-left-menu .canvas .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --> Parents */

#box-left-menu .canvas .menu li {
	margin: 0;
	padding: 0;
}

#box-left-menu .canvas .menu li a {
	margin: 0;
	padding: 10px 20px 10px 20px;
	display: block;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #e8644b;
}

#box-left-menu .canvas .menu li a:hover {
	text-decoration: underline;
}

#box-left-menu .canvas .menu li.active a {
	text-decoration: underline;
}

#box-left-menu .canvas .menu li.active a:hover {
	text-decoration: underline;
}


/* --> Childs */

#box-left-menu .canvas .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box-left-menu .canvas .menu ul li {
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
}

#box-left-menu .canvas .menu ul li a {
	margin: 0;
	padding: 10px 20px 10px 30px;
	display: block;
	color: #737373;
	text-decoration: none;
	background: url(../../img/nav_sub_icon.gif) no-repeat 20px 18px;
	border-bottom: 1px solid #d8d8d8;
}

#box-left-menu .canvas .menu ul li a:hover {
	text-decoration: underline;
}

/* --> Child in active parent*/

#box-left-menu .canvas .menu li.active ul li a {
	text-decoration: none;
}

#box-left-menu .canvas .menu li.active ul li a:hover {
	text-decoration: underline;
}

/* --> Child active */
#box-left-menu .canvas .menu ul li.active a {
	text-decoration: underline;
}

#box-left-menu .canvas .menu ul li.active a:hover {
	text-decoration: underline;
}

/* --> Active child in active parent*/

#box-left-menu .canvas .menu li.active ul li.active a {
	text-decoration: underline;
}

#box-left-menu .canvas .menu li.active ul li.active a:hover {
	text-decoration: underline;
}

#box-left-menu .button-newarchive {
	margin: 0;
	padding: 15px 15px 15px 20px;
	background-color: #f5f5f5;
}


/* --> Box bottom
******************************************************************************/

#bottom .canvas {
	margin: 36px;
	padding: 0;
}

#bottom .canvas .column {
	margin: 0;
	padding: 0 0 36px 0;
	float: left;
	color: #fff;
	font-size: 11px;
	line-height: 24px;
}

#bottom .canvas .column h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-decoration: underline;
}

#bottom .canvas .column a {
	margin: 0;
	padding: 0;
	color: #fff;
}

#bottom .canvas .column a:hover {
	margin: 0;
	padding: 0;
}

#bottom .canvas .column.naw {
	width: 273px;
}

#bottom .canvas .column.disiplines {
	width: 384px;
}

#bottom .canvas .column nav {
	
}

#bottom .canvas .column .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bottom .canvas .column .menu .active a {
	text-decoration: underline;
}

#bottom .box-credits {
	margin: 0;
	padding: 0;
	color: #c0cde6;
	position: relative;
	border-top: 1px solid #c0cde6;
}

#bottom .box-credits a {
	margin: 0;
	padding: 0;
	color: #c0cde6;
}

#bottom .box-credits .disclamer {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 0;
}

#bottom .box-credits .txt-credits {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 0;
}

/*
*
* @ Switchboard
*------------------------------------- */
.clearboth {
	clear: both;
}

#switchboard {
	margin: 0;
	width: 450px;
	background: #f5f5f5;
	border: 1px solid #d8d8d8;
}

#switchboard .map {
	margin: 0;
	padding: 0;
}

#switchboard ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#switchboard ul li {
	padding: 0;
	xfloat: left;
	width: 450px;
	color: #333333;
	font-weight: bold;
	background: #ebebeb;
	border-bottom: 1px solid #fff;
}

#switchboard ul li a {
	padding: 5px 5px 5px 10px;
	display: block;
}



#switchboard ul li li {
	padding: 4px 0 4px 30px;
	float: none;
	width: auto;
	font-weight: normal;
	background: #fff url(/img/line_switchboard.gif) no-repeat 20px 50%;
}

#switchboard ul li li a {
	padding: 0;
	margin: 0;
	display: inline;
	color: #333333;
}

#switchboard ul li li a:hover {
	color: #E13818;
}

/*
* @ Prevent float errors due to height/width
*/

#switchboard .odd {
	clear: left;
}

#switchboard .even {
	clear: right;
}


/* --> Contact-form
******************************************************************************/

.form-container {
	padding: 0;
	margin: 20px 0 0 0;	
}

.form-container .error {
	margin: 0 0 20px 0;
	padding: 20px;
	background-color: #e13818;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
}

.form-container .error li {
	margin: 0;
	padding: 0 0 5px 0;
	font-style: normal;
	font-size: 11px;
}

.form-container .form-row {
	padding: 15px 0 15px 0;
	margin: 0;
	border-bottom: 1px solid #eee;
	display: table;
	width: 100%;
}

.form-container .form-row .box-name {
	padding: 0;
	margin: 0;
	width: 110px;
	float: left;
	font-weight: bold;
}

.form-container .form-row .box-input {
	padding: 0;
	margin: 0;	
	float: left;
}

.form-container .form-row .box-input .f-textfield {
	padding: 5px;
	margin: 0;	
	border: 1px solid #e1e1e1;
}

.form-container .form-row .box-input .f-textarea {
	padding: 5px;
	margin: 0;	
	border: 1px solid #e1e1e1;
	width: 300px;
	height: 200px;
}

.form-container .form-row .box-b-send {
	margin: 0;
	padding: 0;
	float: left;
	width: 60px;
}

.form-container .form-row .box-b-reset{
	margin: 0;
	padding: 0;
	float: left;
	width: 60px;
}

.form-container .form-row .form-button {
	padding: 6px;
	font: 11px/16px georgia, arial, verdana, tahoma, sans-serif;
	color: #fff;
	background-color: #e13818;
	border: 0;
}

.form-container .form-row .form-button-hover {
	padding: 6px;
	font: bold 11px/16px georgia, arial, verdana, tahoma, sans-serif;
	color: #fff;
	background-color: #e8644b;
	border: 0;
}

/* --> Content-deelnemers
******************************************************************************/

.table-deelnemers {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0;
}

.table-deelnemers td {
	padding: 5px 5px 5px 0;
}

.table-deelnemers td.right {
	padding-left: 20px;
	border-left: 1px solid #eee;
}

/* --> Search in content
******************************************************************************/

.searchbox {
	margin: 0;
	padding: 20px;
	background-color: #f5f5f5;
	display: table;
	width: 100%;
}

#right-column .canvas .searchfield {
	width: 155px;
	float: left;
}

#right-column .canvas .searchfield .form-textfield {
	margin: 0;
	padding: 3px;
	border: 1px solid #e1e1e1;
}

#right-column .canvas .b-search {
	width: 100px;
	float: left;
}


/* --> Latest Blog Items
******************************************************************************/
#latest-blog-items {
	margin: 0 0 0 21px;
	padding: 0 20px 20px;
	line-height: 18px;
	color: #666;
	background-color: #fff;
	border: 1px solid	#f5f5f5;
}

#latest-blog-items h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 16px;
	color: #333;
}

#latest-blog-items h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 12px;
}

#latest-blog-items ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#latest-blog-items li {
	padding: 20px 0 0 0 ;
}

#latest-blog-items p {
	margin: 20px 0 0 0;
	padding: 0;
}

#latest-blog-items a {
	color: #5c6fa8;
}

#latest-blog-items .blog-more {
	color: #E13818;
	text-decoration: none;
	border-bottom: 1px solid #f9c4b2;
}

#latest-blog-items .blog-more:hover {
	color: #E13818;
	border-bottom: 1px solid #E13818;
}