@import 'reset.css';
@import 'ie.css';
@import 'typography.css';
@import 'forms.css';
@import 'layout.css';
@import 'base.css';

@import "bw_locationseeker.css";
@import "tt_news.css";
@import "csc-sitemap.css";
@import "header_search.css";


/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;

	color: #444;

	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;

	text-align: center;
}

a {
	color: #000000;
	text-decoration: underline;
}

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

a img {
	border: none;
}

ul {
	list-style-type: none;
}

ol {
	list-style-type: disc;
}

ol li {
	margin-top: 5px;
	margin-bottom: 5px;
}


/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clear_both	{ clear: both; line-height: 0px; }
.bodytext	{ margin-bottom: 12px; font-size: 1.2em; }



/******************************************************************************
 * MENU LAYOUT - The layout of the menu, submenu and other menu like lists
 ******************************************************************************/


#mainmenu .header_image {
	position: relative;

	height: 248px; 
}
  
#mainmenu ul {
	position: absolute;

	bottom: -1px;
	left: 245px;

	width: auto;
	height: 28px;
	_height: 27px;
}

#mainmenu ul li {
	display: inline;
	float: left;

	margin-left: 5px;
}

#mainmenu ul li .left {
	float: left;

	width: 11px;
	height: 27px;

	background: url(../images/tab_red_left.png) no-repeat;
}

#mainmenu ul li .middle {
	float: left;
}

#mainmenu ul li .right {
	float: left;

	width: 11px;
	height: 27px;

	background: url(../images/tab_red_right.png) no-repeat;
}

#mainmenu ul li .left-active {
	float: left;

	width: 11px;
	height: 27px;

	background: url(../images/tab_grey_left.png) no-repeat;
}

#mainmenu ul li .right-active {
	float: left;

	width: 11px;
	height: 27px;

	background: url(../images/tab_grey_right.png) no-repeat;
}

#mainmenu ul li:hover .right-active {
	background: url(../images/tab_grey_right.png) no-repeat;
}

#submenu {
	min-height: 370px; 
	height: 370px;

	text-align: right;
}

#submenu ul,
#right ul {
	font-size: 1.1em;
}

#submenu ul li {
	margin-bottom: 20px;
}

#submenu ul li a,
#right ul li a {
	display: block;

	padding-right: 25px;

	color: #6b6c7c;

	font-family: "Arial", "Verdana", sans-serif;
	/*font-size: 8pt !important;*/
	font-size: 1.2em;
	font-weight: bold;

	text-decoration: none;	
}


#submenu > ul > li > a.active,
#submenu > ul > li > a:hover {
	color: #df0030;
	background: url(../images/submenu-arrow-left.png) no-repeat 98% 4px;
}

#right > ul > li > a.active,
#right > ul > li > a:hover {
	 color: #df0030;
}


#submenu ul li a.active, #submenu ul li a:hover {
	color: #df0030;
}

#submenu ul li ul {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#submenu ul li ul li {
	line-height: 18px;
	margin: 0;
}

#submenu ul li ul li a {
	padding: 0;
	padding-right: 25px;
	font-size: 9pt;
}

#submenu h1 {
	font-size: 12px;
	font-weight: bold;
	padding-right: 15px;
}

#secundary-menu ul {
	position: absolute;
	right: 0;
	bottom: 0;
	/* background: url(../images/line_pink.png) no-repeat bottom left;	 */
}

#secundary-menu ul li {
	float: left;
	/* background: url(../images/line_pink.png) no-repeat bottom left;	 */
}


#right {
	min-height: 370px;
	height: 370px;
	padding-left: 16px;
	background: url(../images/line_pink.png) no-repeat top left;
	font-size: 1em;
	color: #000000;
	margin-top:2px;
}


/******************************************************************************
 * HEADER - Specific styles for the header
 ******************************************************************************/
 
#subheader {
	background: url("../images/header-breadcrumb_bg.png") repeat-x;
}

#subheader span {
	float: left;
	background: url("../images/header-breadcrumb-left_bg.png") no-repeat;
	width: 12px;
	height: 28px;
}

	#breadcrumb ul li {
		line-height: 28px;
		text-transform: lowercase;
		float: left;
		color: #fff;
	}
	
	#breadcrumb ul li a {
		color: #fff;
		text-decoration: none;
	}

/******************************************************************************
 * CONTENT COLUMN - Specific styles for the content column
 ******************************************************************************/
 
#content {
 	background: url(../images/line_pink.png) no-repeat top left;
	padding-left: 30px;
}

#content ul {
/*	list-style-type: none;
	margin: 0;*/
}

#content div.text-type ul {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

 
#content h1 {
	font-size: 11pt;
	margin-bottom: 10px;
	color:#6b6c7c;
	font-family: Verdana,Arial,sans-serif;
}
#content h2 {
	font-size: 10pt;
	color:#6b6c7c;
	font-family: Verdana,Arial,sans-serif;
}

#content h3 {
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
	color:#6b6c7c;
	font-family: Verdana,Arial,sans-serif;
}



/******************************************************************************
 * LEFT COLUMN - Specific styles for the left column
 ******************************************************************************/

/******************************************************************************
 * RIGHT COLUMN - Specific styles for the right column
 ******************************************************************************/
 
#right h1 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 25px;
}

#right ul li {
	font-size: 12px;
	margin-bottom: 20px;
}

#right ul li a {
	font-size: 1em;
}
 

/******************************************************************************
 * FOOTER - Specific styles for the footer
 ******************************************************************************/
.footerleft {
	display: block;
	float: left;
	font-size: 9px;
}

.footerright {
	display: block;
	float: right;
	font-size: 9px;
}


/******************************************************************************
 * Mailform - Specific styles for the default Typo3 Mailform
 ******************************************************************************/
 
.csc-mailform input {
 		/*border: none;*/
 		border: 1px solid #ccc;
		/*background: url(../images/search-input_bg.png) no-repeat;*/
		
		/*width: 112px;*/
		width: 200px;
		
		height: 16px;
		padding-left: 5px;
}

#right .right-block .input_text_short,.csc-mailform textarea {
	/*background-color: #eee;*/
	border-size: 1px;
}
input.tx-sremailsubscribe-pi1-text {
	border: 1px solid #cccccc;
}

form#tx-sremailsubscribe-pi1-tt_address_form fieldset {
	float:left;
	
}
form#tx-sremailsubscribe-pi1-tt_address_form fieldset dt {
	width:70px;
	text-align:left; 
	
}
p.tx-sremailsubscribe-pi1-click-to-edit {
	margin-left:0 !important;
}
form#tx-sremailsubscribe-pi1-tt_address_form fieldset input.tx-sremailsubscribe-pi1-text {
	width:200px;
}

fieldset {
	border: medium none;
}

input.tx-sremailsubscribe-pi1-submit {
	border: medium none;
	background-color: #ffffff;
	padding-left: 4px;
	/* text-transform: uppercase; */
}

.tx-sremailsubscribe-pi1 dl dt {
	font-weight: none;
}

.tx-sremailsubscribe-pi1-click-to-edit p {
	margin-top: 10px;
}

.csc-mailform-field label {
	display: block;
	width: 180px;
	text-align: left;
}


/******************************************************************************
 * Minijoboffers - Specific styles for ab_minijoboffers
 ******************************************************************************/

#joblist { padding: 2px; }
#job-category { margin-bottom: 10px; }
#jobrow { margin-bottom: 25px; margin-top: 10px;}
#jobrow p {
	margin: 0;
}
#job-singleview { padding: 2px; }
#job-singleview-title { font-weight: bold; }
#jobrow > a {
}


/******************************************************************************
 * SEARCH
 ******************************************************************************/

.tx-indexedsearch-text-item-path {
	margin: 0;
}

.tx-indexedsearch-text-item-path a {
	margin-top: 0;
	font-size: 11px;
}
.tx-indexedsearch-browsebox {
	padding-bottom: 20px;
	padding-top: 20px;
	
	#height: 100%;
}
	.tx-indexedsearch-browsebox:after { content: ""; display: block; height: 0; clear: both; }

.tx-indexedsearch-browsebox ul.browsebox li {
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

.tx-indexedsearch-browsebox ul.browsebox li.pages a {
	width: 18px;
	height: 18px;
	display: block;
	color: #8b91b1;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/news_navbox.png);
}

.tx-indexedsearch-browsebox ul.browsebox li.pages a:hover {
	background-image:url(../images/news_navbox_active.png);
}

.tx-indexedsearch-browsebox ul.browsebox li.tx-indexedsearch-browselist-currentPage a {
	width: 18px;
	height: 18px;
	display: block;
	color: #8b91b1;
	text-align: center;
	text-decoration: none;
	background-image:url(../images/news_navbox_active.png);
}


.tx-indexedsearch-browsebox  ul {
	margin: 0 !important;
}

.tx-indexedsearch-form {
	float: left;
}

#tx-indexedsearch-searchbox-button-submit {
	background: #fff;
	width: 100px;
	float: right;
	cursor: pointer;
}

.tx-indexedsearch-browselist-currentPage {
	font-weight: bold;
}

/******************************************************************************
 * FILE DOWNLOADS
 ******************************************************************************/

.tx-bwpublications-pi1 .filename {
	width: 250px;
}

.tx-bwpublications-pi1 td.file {
	width: 250px;
}

.tx-bwpublications-pi1 td {
	width: 100px;
	/* width: 30%; */
}


div.uploads-type table {
	width: 525px;
}

td.fileList-extension {
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 10px;
	color: #696973;
	font-weight: bold;
	font-style: italic;
	
	width: 100px;
}

td.fileList-filelink {
	font-size: 11px;
}


/******************************************************************************
 * NEWS
 ******************************************************************************/
 
.news-single-img {
	float: right;
}

.news-single-backlink {
	margin-top: 30px;
}
 
.news-single-item h2 {
	color: #9194b6;
}

.news-single-item .news-single-timedata {
	margin-bottom: 10px;
	color: #9194b6;
	font-style: italic;
}

#content .news-single-item p.bodytext,
#content .news-single-item h3 {
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}



.tx-ttnews-browsebox ul li {
	float: left;
	margin-right: 5px;
	display: inline;
}

.news-latest-container h3 a {
	text-decoration: none;
}

.tx-ttnews-browsebox {
	display: block;
}

.tx-ttnews-browsebox li p a {
	color: #9194b6;
}

.tx-ttnews-browsebox .tx-ttnews-browsebox-nonActive a:hover {
	color: #f00;
	background-image: url(../images/news_navbox_hover.png);
}

.tx-ttnews-browsebox .tx-ttnews-browsebox-nonActive a {
	display: block;
	width: 18px;
	height: 18px;
	color: #8b91b1;
	background-image: url(../images/news_navbox.png);
	text-align: center;
	text-decoration: none;
}

#right .news-latest-item a  {
	font-size: 0.8em;
}

.news-latest-item span {
	display: block;
	margin-bottom: 20px;
}

.news-latest-item span.read_more a {
	display: inline;
}

.tx-ttnews-browsebox .tx-ttnews-browsebox-SCell a {
	display: block;

	width: 18px;
	height: 18px;
	
	background-image: url(../images/news_navbox_active.png);
	
	color: #f00;

	text-align: center;
	text-decoration: none;
}

/******************************************************************************
 * SMOELENBOEK
 ******************************************************************************/

#content .tx-bwsmoelenboek-pi1 .pagination ul { list-style-type: none; }
#content .tx-bwsmoelenboek-pi1 .pagination ul { margin-left: 0; }

.tx-bwsmoelenboek-pi1 .smoelenbox { float: left; margin-right: 20px; }
.tx-bwsmoelenboek-pi1 .smoelenbox { text-align: center; color:#6B6C7C; font-family: Arial,Verdana,sans-serif; font-size: 11pt; }
.tx-bwsmoelenboek-pi1 .smoelenbox p { margin: 0; }	

.tx-bwsmoelenboek-pi1 .pi_links {  width: 50%; float: left;}
.tx-bwsmoelenboek-pi1 .pi_rechts { margin-top: 5px; float: right;}
.tx-bwsmoelenboek-pi1 .link-back { margin-top: 20px; }

.tx-bwsmoelenboek-pi1 .pagination ul li { float: left; margin-right: 5px; }
.tx-bwsmoelenboek-pi1 .pagination ul li.normal a { display: block; width: 18px; height: 18px; color: #8b91b1; text-align: center; text-decoration: none; background-image: url(../images/news_navbox.png); }
.tx-bwsmoelenboek-pi1 .pagination ul li.active a { width: 18px; height: 18px; background-image: url(../images/news_navbox_active.png); color: #f00; display: block; text-align: center; text-decoration: none; }
.tx-bwsmoelenboek-pi1 .pagination .nextLink a { border: none; background-image: none; color:#9194B6; }
.tx-bwsmoelenboek-pi1 .pagination .prevLink a { border: none; background-image: none; color:#9194B6; }

.tx-bwsmoelenboek-pi1 .element { margin-top: 40px; margin-bottom: 40px; }

#bwsmoelenboek_submit { border: none; background: none; color:#6B6C7C; font-family: Arial,Verdana,sans-serif; font-size: 11 }

.tx-bwsmoelenboek-search-fieldset .tx-bwsmoelenboek-search-field { float: left; margin-right: 5px; }
.tx-bwsmoelenboek-search-fieldset { margin-bottom: 5px; }
.tx-bwsmoelenboek-search-fieldset input { border:1px solid #9194B6; color:#000000; font-size:11px; }

#right .image { margin-bottom: 15px; }

/******************************************************************************
 * GUESTBOOK
 ******************************************************************************/

#content .tx-guestbook-field textarea { width: 308px; border: 1px solid #8e8ca4; height: 75px; margin-bottom: 8px; }
#content .tx-guestbook-entry { min-height: 56px; color: #444; background: url(../images/guestbook-message-bg.gif) repeat-x top left;	padding: 6px; }
#content .tx-guestbook-header { padding: 6px 6px; }
#content .tx-guestbook-submit { float: right; }

/******************************************************************************
 * ROOSTERS
 ******************************************************************************/
 
.tx-bwroosters-pi1 input {	width: 100px; border: 1px solid #ccc; }
.tx-bwroosters-pi1 tr td { height: 30px; vertical-align: middle; width: 150px; }
.tx-bwroosters-pi1 a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 3px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/calendar.png) no-repeat; }
.tx-bwroosters-pi1 a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */

.tx-bwroosters-pi1 input.dp-applied { width: 60px; float: left; }
.tx-bwroosters-pi1 thead.header td { font-weight: bold; }
.tx-bwroosters-pi1 select { border: 1px solid #cccccc; width: 100px; }
.tx-bwroosters-pi1 .submit { border: none; height: 19px; width: 124px; float: right; margin-bottom: 20px; margin-top: 10px; }
.tx-bwroosters-pi1 thead.results { height: 21px; background: url(../images/roosters-header_bg.png) repeat-x; }
.tx-bwroosters-pi1 thead.results td { text-align: left; text-indent: 5px; color: #ffffff; font-size: 12px; font-weight: bold; }
.tx-bwroosters-pi1 td { text-indent: 5px; }

/* SITEMAP  */
.csc-sitemap ul li ul li ul li { margin-top: 5px; }

/* BROWSEBOX */
.browsebox, .browsebox ul, .browsebox ul li {
	display: block;
}