@charset "UTF-8";

/* color definitions - for copy&paste
 * don't use any other colors
 * delete this part when all is done
----------------------------------------

	.white			{ color: #FFFFFF; }
	.black			{ color: #000000; }
   
	.grey-light		{ color: #BFC4C8; }
	.grey-dark		{ color: #616B75; }
	.form_grey-light{ color: #ECEDEE; }

	.red-jac		{ color: #DF000C; }	
	
----------------------------------------
*/

/* reset browser */
	* { margin: 0; padding: 0; }
	option { padding-left: 0.4em; }
	* html body * { overflow: visible; }
	* html iframe, * html frame { overflow: auto; }
	* html frameset { overflow: hidden }
	html { height: 99% }
	body { min-height: 101%; font-size: 100.01%; color: #000000; background: #ffffff; text-align: left; }
	fieldset, img { border: 0 solid; }
	ul, ol, dl, div { margin: 0px; padding: 0px; }
	li { margin-left: 1.5em; line-height: 1.5em; }
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
	html * { font-size: 100.01%; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: block; }
	.floatbox { overflow: hidden; }
	#ie_clearing { display: none; }
	img { margin: 0px; padding: 0px; border: none; line-height: 0px; }

/* setup basic layout */
	body { margin: 0px; padding: 0px; height: 100%; }
	#page_margins { margin: 0 auto; padding: 0px; width: 798px; height: 100%; background: transparent; border: none; }
	table				{ height: 100%; border: none; }
		table tr td		{ vertical-align: middle; }
	#page { margin: 0px; padding: 0px; width: 798px; overflow: hidden; }
	#header { margin: 0px; padding: 0px; width: 796px; height: 148px; border: 1px solid #BFC4C8; overflow: hidden; }
	#nav { float: left; margin: 0px; padding: 0px; width: 798px; height: 28px; background: transparent; overflow: hidden; position: static; }
	#main { float: right; margin: 0px; padding: 0px; width: 796px; height: 422px; border: 1px solid #BFC4C8; background: transparent; overflow: hidden; position: static; }
	.skip, .hideme, .print { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
	.skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; }
	.hide { display: none !important; }

/* form fields */
	input { margin: 0px; padding: 0px; height: 14px; width: 300px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #616B75; border: none; }
	textarea, select { margin: 0px; padding: 0px 0px 0px 5px; border: 1px solid #616B75; height: 14px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
		input[type="text"] { border: 1px solid #616B75; background: #ECEDEE; height: 13px; width: 200px; padding: 1px; }
		input[type="password"] { border: 1px solid #616B75; background: #ECEDEE; height: 18px; width: 200px; }
		input[type="radio"] { border: none; height: 12px; color: #000000; }
		input[type="checkbox"] { border: none; border: none !important; height: 13px; width: 13px; color: #000000; padding: 1px; }
		input[type="file"] { border: 1px solid #616B75; background: #ECEDEE; height: 18px; width: 300px; }
		input[type="submit"] { background: #616B75; width: 140px; color: #FFFFFF; }
		input[type="reset"] { background: #616B75; width: 140px; color: #FFFFFF; }
	textarea { width: 298px; height: 65px; font-size: 11px; color: #616B75; background: #ECEDEE; }
	#nav_search input { margin: 10px 7px; width: 130px; height: 15px; font-size: 12px; float: left; }
	.searchButton { margin: 5px 0px 5px 0px; padding: 0px; width: 38px !important; height: 12px !important; position: relative; top: 3px; left: 0px; }

/* image settings*/
	img { border: none; }

/* setup layout*/
	.header_image	{ float: left; width: 150px; height: 148px; }
	.header_flash	{ float: right; width: 646px; height: 148px; background: #616B75 url("../img/layout/flash.png") no-repeat; }

/* navigation */
	#nav_main { width: 798px; height: 28px; overflow: hidden; float: left; display: inline; color: #616B75; border: none; line-height: 1em; }
	#nav_main ul { margin: 0px 0px 0px 150px; padding: 3px 0px 0px 0px; border: none; display: inline; float: left; }
	#nav_main ul li { margin: 0px; padding: 0px 0px; border: none; line-height: 1em; height: 1em; list-style-type: none; float: left; }
	#nav_main ul li a, #nav_main ul li strong { display: block; font-weight: normal; font-size: 1.3em; margin: 0; padding: 0.5em 0.5em 0.6em 0.5em; text-decoration: none; color: #616B75; }
	#nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active { color: #DF000C; }
	#nav_main ul li#current { color: #DF000C; }
	#nav_main ul li#current strong, #nav_main ul li#current a { color: #DF000C; }
	#nav_main ul li#current a:focus, #nav_main ul li#current a:hover, #nav_main ul li#current a:active {  }
	#nav_lang	{ left: 638px; position: absolute; margin-top: 9px; }
		.langimage	{ margin: 0px 12px 0px 0px; }

	#main_sidebar_nav { width: 150px; height: 300px; overflow: hidden; float: left; display: inline; color: #FFFFFF; border: none; line-height: 1em; font-size: 75.00%; margin: 10px 0px 0px 0px; }
	#main_sidebar_nav ul { margin: 0px; padding: 0px; border: none; display: inline; float: left; position: relative; left: 0px; }
	#main_sidebar_nav ul li { width: 130px; margin: 0px; padding: 0px 0px 0px 25px; border: none; line-height: 1em; list-style-type: none; float: left; }
	#main_sidebar_nav ul li a, #nav_main ul li strong { display: block; font-weight: normal; font-size: 1.3em; margin: 0; padding: 0.5em 0.6em 0.6em 0.6em; text-decoration: none; color: #FFFFFF; }
	#main_sidebar_nav ul li a:focus, #main_sidebar_nav ul li a:hover, #main_sidebar_nav ul li a:active { color: #616B75; }
	#main_sidebar_nav ul li#current { color: #616B75; background: transparent url("../img/layout/sidebar_menu_current.png") no-repeat 18px 5px; }
	#main_sidebar_nav ul li#current strong, #main_sidebar_nav ul li#current a { color: #616B75; }
	#main_sidebar_nav ul li#current a:focus, #main_sidebar_nav ul li#current a:hover, #main_sidebar_nav ul li#current a:active {  }
	
	#main_contentnav { position: absolute; top: 225px; left: 161px; width: 200px; background: transparent; }
	#main_contentnav ul { margin: 0px; padding: 0px; border: none; display: inline; float: left; position: relative; left: 0px; }
	#main_contentnav ul li { width: 220px; margin: 0px; padding: 0px 0px 0px 0px; border: none; line-height: 1em; list-style-type: none;list-style-position:inside; float: left; }
	#main_contentnav ul li a, #nav_main ul li strong { display: block; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0.2em; text-decoration: none; color: #616B75; }
	#main_contentnav ul li a:focus, #main_contentnav ul li a:hover, #main_contentnav ul li a:active { color: #DF000C; }
		#main_contentnav #current2 a { color: #DF000C; }
		#main_contentnav ul li ul li { width: 200px; margin: 0px; padding: 0px 0px 0px 20px; border: none; line-height: 1em; list-style-type: none; float: left; }
		#main_contentnav ul li ul li a, #nav_main ul li ul li strong { display: block; font-weight: normal; font-size: 1.0em; margin: 0; padding: 0.2em; text-decoration: none; color: #616B75; }
		#main_contentnav ul li ul li a:focus, #main_contentnav ul li ul li a:hover, #main_contentnav ul li ul li a:active { color: #DF000C; }
			#main_contentnav #current2 #current a { color: #616B75; }
			#main_contentnav #current2 #current a:hover { color: #DF000C; }
			#main_contentnav ul li ul li ul li { width: 200px; margin: 0px; padding: 0px 0px 0px 20px; border: none; line-height: 1em; list-style-type: none; float: left; }
			#main_contentnav ul li ul li ul li a, #nav_main ul li ul li ul li strong { display: block; font-weight: normal; font-size: 1.0em; margin: 0; padding: 0.2em; text-decoration: none; color: #616B75; }
			#main_contentnav ul li ul li ul li a:focus, #main_contentnav ul li ul li ul li a:hover, #main_contentnav ul li ul li ul li a:active { color: #DF000C; }


/* setup fonts */
	body { font-family: 'tahoma',verdana,arial,helvetica,sans-serif; font-size: 75.00%; color: #616B75; }
	h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 0px; font-size: 1em; color: #616B75; padding: 0px; letter-spacing: 0.1em; }
	h3,h4,h5,h6 { font-weight: normal }
	h1 { font-size: 1.0em; }
	h2 { font-size: 1.0em; }
	h4 { font-size: 1.0em; }
	h6 { font-style: italic; }
	.headline { padding: 2px 5px; background: #ebeced; width: 289px; border-left: 1px dotted #000000; height: 18px; font-size: 1.3em; }
	p { line-height: 1.4em; margin: 0px; font-size: 1.0em; }
	.smalltext { font-size: 0.8em; color: #6e6c6f; }
	.fontcolor-white { color: #ffffff; }
	#header { font-size: 100.00%; }
	#nav { font-size: 75.00%; }
	#main { font-size: 100.00%; }
	#footer { font-size: 100.00%; }
	.text { width: 619px; padding: 0px; }
	
	.red-jac	{ color: #DF000C; }

/* links */
	a		{ text-decoration: none; cursor: pointer; color: #616B75; }
	a:hover	{ color: #DF000C; }
	.bodytext a		{ background: transparent url("../img/layout/link_internal.png") no-repeat 0px 4px; padding: 0px 0px 0px 10px; }
	.bodytext a:hover	{ background: transparent url("../img/layout/link_internal_hover.png") no-repeat 0px 4px; }
	#footer a		{ padding: 0px 10px; border-left: 1px solid #d1dae2; float: left; color: #d1dae2; }
	#footer a:hover	{ color: #6682a0; }
	#footer .footer_nav_item_first a { border: none !important; }

/* icons */
	.icons { background: transparent url("../img/icons.gif") no-repeat; height: 16px; width: 16px; padding: 0px; border: none; float: left; text-align: center; font-weight: normal; }
		.icon1 { background-position: -16px -16px; margin-top: 4px; }

/* content boxes */

/*boxes*/
	#main_contentbox { width: 634px; height: 407px; float: right; margin: 0px 0px 0px 0px; }
		#main_contentbox_text { width: 619px; height: 407px; margin: 0px; padding: 0px 0px; color: #616B75; float: left; overflow: hidden; }
	#main .main_sidebar { width: 150px; height: 422px; color: #000000; float: left; margin: 0px; background: #BFC4C8; }
		#main .main_sidebar_nav { position: relative; top: 0px; width: 140px; }
		#main .main_sidebar_links { position: absolute; bottom: 0px; left: 0px; height: 100px; margin: 0px; width: 150px; }
		#main .main_sidebar_links a { height: 25px; width: 133px; margin: 5px 0px 5px 18px; float: left; }
	.single_content_element { padding: 11px 0px 11px 0px; }

/* positioning */
	.left		{ float: left !important; }
	.right		{ float: right !important; }
	.center		{ margin-left: auto !important; margin-right: auto !important; text-align: center; }
	/*.middle		{ display: table-cell; vertical-align: middle; }*/
	.middle		{ vertical-align: middle; }


/* overwriting some TYPO3 styles */

/* csc-mailform */
	#mailform { margin: -22px 0px 0px 0px; }
	.csc-mailform-text { width: 305px; float: left; margin: 0px 0px 10px 0px; }
	/*.csc-mailform-label { width: 305px; float: left; clear: both; margin: 0px 0px 10px 0px; }*/
	.csc-mailform-field label { width: 150px; clear: both; }
	.csc-mailform-field { width: 305px; float: right; margin: 0px 0px 3px 0px; clear: both; }
	.csc-mailform-field input { width: 300px; float: right; margin: 0px; clear: both; }
		.csc-mailform-field input[type="submit"] { background: #616B75; width: 140px; height: 21px; color: #FFFFFF; float: left; }
		.csc-mailform-field input[type="reset"] { background: #616B75; width: 140px; height: 21px; color: #FFFFFF; float: right; margin: -24px 0px 0px 0px; }

/* mooTools scroller */
	.vScrollbar { float: left; }
	.hScrollbar { clear: both; }
	.vTrack { height: 300px; width: 15px; position: relative; background: #eee repeat-y; overflow: hidden; }
	.hTrack { float: left; height: 15px; width: 255px; position: relative; background: #ddd; overflow: hidden; }			
	.vThumb, .hThumb { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background: #616B75; overflow: hidden; }
	.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner { height: 15px; width: 15px; background: #777; overflow: hidden; }
	.arrowUp { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowUp.png") no-repeat; }
	.arrowUp:hover { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowUp_hover.png") no-repeat; }
	.arrowUp:active { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowUp_active.png") no-repeat; }
	.arrowDown { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowDown.png") no-repeat; }
	.arrowDown:hover { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowDown_hover.png") no-repeat; }
	.arrowDown:active { height: 15px; width: 15px; overflow: hidden; background: #777 url("../img/layout/scroller_arrowDown_active.png") no-repeat; }
	.arrowLeft, .arrowRight, .corner { float: left; }
	.corner { background: #000; }

/* T3X indexed_search */
	.tx-indexedsearch .tx-indexedsearch-browsebox { margin: 0px 7px 0px 0px; padding: 0px 0px 0px 5px; }
	.tx-indexedsearch .tx-indexedsearch-browsebox li { margin: 0px; padding: 0px; }
	.tx-indexedsearch .tx-indexedsearch-browsebox li a { margin: 0px; padding: 0px 10px; }
	.tx-indexedsearch .tx-indexedsearch-browsebox li a:hover { background: #6682a0; }

	.tx_indexedsearch_resultbox { margin: 30px 7px 30px 0px; }
	.tx_indexedsearch_resultbox h2 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 5px; background: #f2e4cd; }
	.tx-indexedsearch-browsebox { margin: 10px 0px 10px 0px; background: #d1dae2; }
	.tx-indexedsearch-browsebox { margin: 10px 0px 10px 0px; background: #d1dae2; }

/* T3X tt_news */
	.news-list-item { margin: 0px 0px 35px 0px; max-width: 610px; overflow: hidden; text-align: center; }
	.news-list-item .news-list-morelink { text-align: left; }
	.news-list-item .bodytext { max-width: 610px; text-align: left; }
	.news-list-item .news-list-date { display: none; }
	.news-list-item h3 { font-weight: bold; font-size: 1.2em; margin: 0px 4px 7px 0px; text-align: left; }
	.news-list-item h3 a { color: #002f60; }
	.news-list-item .news-list-category { display: none; }
	.news-list-item .clearer { display: none; }
	
	.news-single-item .news-single-timedata { display: none; }
	.news-single-item h2 { font-weight: bold; font-size: 1.2em; margin: 0px 4px 0px 0px; text-align: left; color: #002f60; }
	.news-single-item .news-single-category { margin: 0px 4px 7px 0px; }
	.news-single-item .news-single-author { display: none; }
	.news-single-item h3 { letter-spacing: 0em; color: #002f60; line-height: 1.5em; margin: 0px; font-size: 1.1em; margin: 0px 0px 10px 0px; }
	.news-single-item .clearer { display: none; }

/* T3X fe_mp3player */
/*
	.footer_sound	{ float: right; text-align: right; width: 200px; height: 25px; display: inline; background: transparent; overflow: hidden; color: #002f60; margin-top: 15px; padding: 0px 20px 10px 20px; }
		#soundbox_label	{ float: right; margin: 0px 0px 0px 10px; color: #002f60; }
		#soundbox_on	{ float: right; margin: 0px 0px 0px 10px; color: #002f60; }
		#soundbox_off	{ float: right; margin: 0px 0px 0px 10px; color: #6682a0; }
		#soundbox_on:hover	{ background: #d1dae2; cursor: pointer; }
		#soundbox_off:hover	{ background: #d1dae2; cursor: pointer; }
*/
	.footer_sound	{ float: left; text-align: right; width: 120px; height: 25px; background: transparent;margin: 0px; padding: 0px; position: relative; top: -25px; }
		#soundbox_label	{ width: 39px; height: 10px; background: transparent url("../img/layout/femp3player_sound.gif") no-repeat; float: right; margin: 0px; }
		#soundbox_on	{ width: 21px; height: 10px; background-image: url("../img/layout/femp3player_on_0.gif"); float: right; margin: 0px 0px 0px 10px; }
		#soundbox_off	{ width: 23px; height: 10px; background-image: url("../img/layout/femp3player_off_0.gif");float: right; margin: 0px 0px 0px 10px; }
		#soundbox_on:hover	{ width: 21px; height: 10px; background-image: url("../img/layout/femp3player_on_1.gif"); cursor: pointer; }
		#soundbox_off:hover	{ width: 23px; height: 10px; background-image: url("../img/layout/femp3player_off_1.gif"); cursor: pointer; }
		#soundbox { position: absolute; top: -10000px; left: -10000px; }


/* special rules */
.debug { background: yellow url("../img/debug.gif") repeat !important; }
.debugbox { width: 300px !important; height: 250px; text-align: left; border: none; margin: 0px; padding: 0px; font: bold 24px sans-serif; }
*:first-child+html #bluecontentbox { margin-top: 93px; }

@media handheld
{
	.hidemobile { display: none !important; }
}


