@charset "UTF-8";
/**
 * @style       Standard Layout
 * @media       screen
 * @version     0.2
 * @author      Frank Deberle
 * @copyright   JUVO Design
 * @licensor    REDOwater
 * @layout      in pixels:
 *              |       980       |
 *              |       980       | header
 *              |       980       | mainnav
 *              |       980       | subnav
 *              | xxx |  *  | xxx | main
 *              |       980       | footer
 * @colors	dark blue:	#00316b
 *		medium blue:	#235584
 *		light blue: 	#cdd7e4
 */

body {
	background: url(../images/body_bg.jpg) repeat-x #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

hr {
	clear: both;
}

#container {
	width: 980px;
	margin: 0 auto;
	background-color: #fff;
}

#header {
	height: 320px;
	overflow: hidden;
}

#header #headertext {
	width: 520px;
	/*background-color: #ACBED2;*/
	position: relative;
	top: 232px;
	left: 480px;
	color: #fff;
	/*padding: 6px;*/
	z-index: 10;
}

#header #headertext #headertext_header {
	margin-bottom: 2px;
	padding: 6px;
}

#header #headertext a:link {
	color: #fff;
}

#header #headertext a:visited {
	color: #fff;
}

#header #headertext a:hover {
	color: #fff;
}


#languageselector {
	/*display: none;*/
	height: 0px;
	background-color: #ababab;
	overflow: hidden;
	z-index: 999;
}

/**
 *
 * topnav
 *
 */

#topnavwrapper {
	background-color: #235584;
	margin: 0;
	padding: 4px 10px 0 0;
	height: 26px;
	overflow: hidden;
	font-size: 0.8em;
}

#topnavwrapper #countryhomelink {
	float: left;
	width: 170px; /* 180-10 padding */
	height: 100%;
	margin-top: -3px;
	padding: 7px 0 8px 20px;
	background-color: #00316b;
	color: #fff;
	/*letter-spacing: 0.05em;*/
}

#topnavwrapper #countryhomelink a:link {
	color: #fff;
	text-decoration: none;
}

#topnavwrapper #countryhomelink a:visited {
	color: #fff;
	text-decoration: none;
}

#topnavwrapper #countryhomelink a:hover {
	color: #fff;
	text-decoration: underline;
}

#topnavwrapper #topnav {
	margin-right: 10px;
	float: right;
	/*letter-spacing: 0.05em;*/
}

/*
#topnavwrapper #topnav a:link {
	color: #cdd7e4;;
	text-decoration: none;
}

#topnavwrapper #topnav a:visited {
	color: #cdd7e4;
	text-decoration: none;
}

#topnavwrapper #topnav a:hover {
	color: #fff;
	text-decoration: underline;
}
*/



#topnavwrapper #topnav ul {
	float: left;
}

#topnavwrapper #topnav ul li {
	float: left;
	margin-left: 30px;
	margin-top: 3px;
	padding: 4px 10px 6px 10px;
}

#topnavwrapper #topnav ul li.active {
	color: #235584 !important;
	/*background-color: #a0b4cd;*/
	background: url(../images/bg_topnav_active.jpg) repeat-x #a0b4cd;
}

#topnavwrapper #topnav ul li.active a:link 	{ color: #235584; }
#topnavwrapper #topnav ul li.active a:visited 	{ color: #235584; }
#topnavwrapper #topnav ul li.active a:hover 	{ color: #235584; }
#topnavwrapper #topnav ul li.active a:active 	{ color: #235584; }


#topnavwrapper #topnav ul li a:link {
	color: #fff; /*#cdd7e4;*/
	text-decoration: none;
}

#topnavwrapper #topnav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#topnavwrapper #topnav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/* langmenu */
#topnavwrapper #topnav ul#langmenu {
	margin-left: 30px;
	margin-right: 30px;
}
#topnavwrapper #topnav ul#langmenu li {
	margin-left: 0;
	padding-left: 2px;
	padding-right: 2px;
}

/**
 *
 * mainnav
 *
 */

#mainnav {
	width: 150px; /* 180-30 padding */
	float: left;
	margin-left: -800px;
	padding: 40px 0 0 30px;
	/*height: 16px; /* 20-4 padding */
	overflow: hidden;
	font-size: 0.8em;
	/*letter-spacing: 0.05em;*/
}

#mainnav ul {
}

#mainnav ul li {
	/* width: 128px; /* +12px padding-right */
	text-align: right;
	margin-bottom: 30px;
}

#mainnav ul li.active a {
	color: #fff !important;
	background: transparent url(../images/marker_mainnav_active.png) no-repeat right;
}

#mainnav ul li a:link {
	color: #cdd7e4;
	text-decoration: none;
	padding-right: 18px;
}

#mainnav ul li a:visited {
	color: #cdd7e4;
	text-decoration: none;
	padding-right: 18px;
}

#mainnav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/**
 *
 * searchwrapper
 *
 */

#searchwrapper {
	background-color: #a0b4cd; /*#ACBED2;*/
	font-size: 0.8em;
	height: 26px;
}

#searchwrapper #hotline {
	float: left;
	width: 760px; /* 780 - 20 padding */
	color: #fff;
	padding: 4px 0 4px 20px;
}

#search {
	margin-left: 400px; /*780px;*/
	width: 200px;
	/*background-color: #a0b4cd;*/
	padding: 4px 0;
	margin-top: -4px;
	margin-right: -20px;
}

#search #searchbox{
	width: 100px;

	/*height: 20px;*/
}

/**
 *
 * subnav
 *
 */

#subnav {
	/*float: left;*/
	height: 22px;
	background-color: #a0b4cd;
	font-size: 0.8em;
	padding: 0 0 0 190px;
	/*letter-spacing: 0.05em;*/
}

#subnav ul {
}

#subnav ul li {
	float: left;
	padding: 4px 10px;
	margin-right: -1px;
	border: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#subnav ul li a:link {
	color: #fff;
	text-decoration: none;
}

#subnav ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#subnav ul li a:hover {
	color: #fff;
	text-decoration: underline;

}

#subnav ul li.active {
	background-color: #6d8eb4;
	display: block;
	border-bottom: 1px solid #6d8eb4;
}






/**
 *
 * main
 *
 */

#main {
	background: url(../images/main_bg.jpg) repeat-x #fbfcfd; /*#d5dee8;*/
	float: left;
	width: 100%;
	padding-bottom: 80px;
}
/*
#main #mainmenu {
	float: left;
	width: 180px;
	padding: 4px 10px;
}
*/

/**
 *
 * content
 *
 */

#main #content {
	padding: 40px 10px 4px 10px;
	color: #235584;
	line-height: 140%;
	float: left;
	width: 580px;
	margin-left: 180px;
}

#main #content h1 {
	font-size: 1.2em;
	line-height: 120%;
	color: #235584;
	margin: 2em 0 1em 0;
}

#main #content div.csc-header-n1 h1 {
	/* Only the first header! */
	color: #fff !important;
	font-size: 1.6em !important;
	margin: 0 0 1em 0 !important;
}

#main #content h2 {
	font-size: 1.0em;
	/*font-weight: bold;*/
	color: #fff;
	margin: 1em 0;
}

#main #content h2 a:link,
#main #content h2 a:visited {
	color: #fff;
}

#main #content h2 a:hover {
	color: #00316b;
}

#main #content h3 {
	/*background-color: #a0b4cd;*/
	background: url(../images/content_box_title_bg.jpg) repeat-x #557ba4; /*#6d8eb4;*/
	/* font-size: 1.2em; */
	font-weight: normal;
	color: #fff;
	margin: 2.5em 0 0;
	padding-left: 10px;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
}

#main #content h4 a {
	/*padding-bottom: 20px; Height of background-image */
	/*background-color: #eaeef4;*/
}

#main #content div.toggleContentDiv {
	padding-bottom: 40px;
	padding-left: 1em;
	/*background-color: #eaeef4;*/
}

#main #content h4 span.h4heading {
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	color: #235584;
	margin: 2em 0 1em;
	padding-left: 1em;
	border-bottom: 1px solid #235584;
}

#main #content h4 span.h4description {
	display: block;
	font-size: 1.0em;
	font-weight: normal;
	color: #235584;
	margin: 1em;
}

#main #content h4 a.toggleContent:link,
#main #content h4 a.toggleContent:visited {
	display: block;
	text-decoration: none;
	/*background: url(../images/toggle_content_bg.png) no-repeat bottom;*/
}

#main #content h4 a.toggleContent:hover span.h4description {
	display: block;
	text-decoration: underline;
	/*background: url(../images/toggle_content_bg.png) no-repeat bottom;*/
}

#main #content h5 {
	font-size: 1.0em;
	font-weight: normal;
	color: #235584;
	margin: 1.5em 0 0.5em;
}


#main #content p {
	font-size: 0.8em;
	margin: 1em 0;
}

#main #content .csc-frame-frame1 {
	background: url(../images/content_box_bg.jpg) repeat-x #fff;
	margin-top: -1em;
	padding-left: 1em;
}

#main #content .csc-frame-frame2 {
	background-color: #dadadf;
}

#main #content a:link 		{ color: #003C73; }

#main #content a:visited 	{ color: #003C73; }

#main #content a:hover 		{ color: #00316b; }

#main #content a:active 	{ color: #00316b; }


#main #content ul {
	list-style: square;
	margin-left: 30px;
	font-size: 0.8em;
}

#main #content ul ul {
	font-size: 1em;
}

#main #content dl dd.csc-textpic-caption {
	/* Aussehen der Bildunterschriften */
	font-size: 0.8em;
	font-style: italic;
	line-height: 120%;
	margin-top: 0.4em;
}

#main #content table#showtable {
	border-collapse: collapse;
}

#main #content table#showtable tr.thead th {
	font-weight: bold;
	background-color: #235584;
	color: #fff;
	padding: 8px;
}

#main #content table#showtable tr th {
	font-weight: bold;
	background-color: #a0b4cd;
	color: #fff;
	padding: 8px;
}

#main #content table#showtable tr td {
	border-bottom: 1px solid #235584;
	background-color: #fff;
	padding: 8px;
}





#main #content h3.h3contentBox {
	margin: 0;
	padding: 0;
	background: none !important;
	width: 240px;
	font-size: 1em;
	margin: 12px;
}

#main #content h3 span.h3heading {
	display: block;
	background: url(../images/content_box_title_bg.jpg) repeat-x #557ba4;
	font-size: 0.8em;
	color: #fff;
	padding-left: 0.5em;
}

#main #content h3 span.h3description {
	display: block;
	font-size: 0.8em;
	line-height: 130%;
	padding: 0.5em;
}

#main #content h3 a.contentBox:hover span.h3heading {
	background: url(../images/content_box_title_bg_active.jpg) repeat-x #557ba4;
	color: #fff;
}

#main #content h3 a.contentBox:link,
#main #content h3 a.contentBox:visited {
	display: block;
	background: url(../images/content_box_bg.jpg) repeat-x #fbfcfd;
	text-decoration: none;
	color: #235584;
}

#main #content h3 a.contentBox:hover{
	display: block;
	background: url(../images/content_box_bg_active.jpg) repeat-x #e4ecf4;
	color: #00316b;
}

/**
 *
 * forms
 *
 */

#main #content form {
	font-size: 0.8em;
}

#main #content div.formseperator {
	margin: 1em 0;
}

#main #content legend {
	font-weight: bold;
}

#main #content label {
	float: left;
	width: 120px;
	clear: left;
}

#main #content input {
}

/**
 *
 * Search Box
 *
 */

#main #content #searchbox_on_page {
	margin-top: 40px;
	padding: 10px;
	background-color: #cdd7e4;
	border: solid 1px #00316b;
}


/**
 *
 * productboxes
 *
 */

.productbox_wrapper {
	border-bottom: 1px solid #a0b4cd;
}

.productbox_tabs_wrapper {
	background: url(../images/productbox_tabs_wrapper_bg.png) no-repeat;
	height: 36px;
	margin-top: 2em;
}

.productbox_tabs_wrapper h4 {
	font-size: 0.8em;
	padding-top: 2px;
}

.productbox_tabs_left {
	float: left;
	padding-left: 15px;
	width: 155px;
	height: 36px;
}

.productbox_tabs_right {
	float: right;
	width: 404px;
	height: 36px;
}

.productbox_tabs_left a:link,
.productbox_tabs_left a:visited {
	text-decoration: none;
}
.productbox_tabs_left a:hover {
	text-decoration: underline;
}

.productbox_tabs_right a:link,
.productbox_tabs_right a:visited {
	text-decoration: none;
}
.productbox_tabs_right a:hover {
	text-decoration: underline;
}

.productbox_teaser {
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #a0b4cd;
	border-right: 1px solid #a0b4cd;
	padding-bottom: 1em;
}

.productbox_content {
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #a0b4cd;
	border-right: 1px solid #a0b4cd;
	padding-bottom: 2em;
}

.productbox_teaser p,
.productbox_content p,
.productbox_teaser h4,
.productbox_content h4,
.productbox_teaser h5,
.productbox_content h5 {
	margin: 0 !important;
	padding-top: 1em;
}


/**
 *
 * css styled filelinks
 *
 */

#main #content ul#downloadlist {
	list-style: none;
}

#main #content ul#downloadlist li {
	margin: 1em 0;
}

/**
 *
 * content_right
 *
 */
 
#main #content_right {
	float: right;
	width: 196px; /* 200-1 border - some pixels so it should fit */
	margin-right: 0;
	border-left: 1px solid #fff;
	margin-top: 50px;
	font-size: 0.8em;
	line-height: 140%;
	color: #235584;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#main #content_right h1.csc-firstHeader {
	font-size: 1em;
	font-weight: bold;
	background-color: #235584;
	color: #fff;
	padding: 10px;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
}

#main #content_right h2 {
	padding: 10px 0 0 10px;
	font-weight: bold;
}

#main #content_right h3 {
	padding: 20px 0 0 10px;
	font-weight: bold;
}

#main #content_right h4 {
	padding: 10px 0 0 10px;
	font-weight: bold;
}

#main #content_right p {
	padding: 10px;
}

#main #content_right ul {
	list-style: square;
	padding: 10px 10px 10px 20px;
}

#main #content_right ul li {
	margin-bottom: 0.5em;
}

#main #content_right a:link 	{ color: #003C73; }

#main #content_right a:visited 	{ color: #003C73; }

#main #content_right a:hover 	{ color: #00316b; }

#main #content_right a:active 	{ color: #fff; /*#a0b4cd;*/ }

/**
 *
 * footernav
 *
 */

#footer {
	background-color: #235584;
	color: #CDD7E4;
	font-size: 0.8em;
	/*padding: 4px 10px;*/
	height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 4px 10px 0 0;
}

#footer #footercopyright {
	float: left;
	width: 170px; /* 180-10 padding */
	height: 100%;
	margin-top: -4px;
	padding: 4px 0 0 20px;
	background-color: #00316b;
	color: #fff;
}

#footer #footernav {
	margin-left:190px;
	padding-left:20px;
}

#footer #footernav ul li {
	float: left;
	/*background-color: #3e6b95;*/
	margin-right: 30px;
}

#footer #footernav ul li.active {
	color: #fff !important;
}

#footer #footernav ul li a:link {
	color: #cdd7e4;
	text-decoration: none;
}

#footer #footernav ul li a:visited {
	color: #cdd7e4;
	text-decoration: none;
}

#footer #footernav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

/**
 * @section tt_news
 */

div.news-list-item p.bodytext {
	padding-left: 10px;
}

.news-list-item {
	
}

.news-list-date {
	float: left;
}

.news-list-item-title-fd {
	/* News List: Title of News Item */
	display: block;
	margin-left: 90px;
}

.news-amenu-container {
	margin-top: -2em;
}

.news-list-container h3 a:link		{ color: #CDD7E4; text-decoration: none; }
.news-list-container h3 a:visited 	{ color: #CDD7E4; text-decoration: none; }
.news-list-container h3 a:hover 	{ color: #cdd7e4 !important; text-decoration: underline; }
.news-list-container h3 a:active 	{ color: #cdd7e4; text-decoration: underline; }

.news-single-imgcaption { font-style: italic; margin-top: 0 !important; }

.news-list-morelink {
	font-size: 0.8em;
	padding-left: 10px;
}

hr.clearer {
	height: 0;
	display: none;
}

.news-single-timedata {
	/* Date of News item */
	font-size: 0.8em;
}

.news-single-backlink {
	font-size: 0.8em;
}

.news-single-item p.bodytext {
	padding-left: 0;
}

.amenu_active {
	/* Active Year in News Archive */
	font-weight: bold;
}

#main #content_right ul li.amenu-li {
	margin-left: 1.5em;
}

#main #content_right ul li.amenu-year {
	list-style: none;
	margin-top: 2em;
}

/**
 * @section Eigene Klassen
 */ 
 
.wrap {
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}


/*

#menu {
	list-style: none;
}

#contentwrapper {
	background-color: #cdcdee;


	border: 1px solid #aaa;
}*/