
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
}

body {
	background: #0c111b url('../pics/background/background_01.jpg') no-repeat center 0;
}

div#wrapper {
	width: 1041px;
	position: relative;
	margin: 0 auto 0 auto;
	height: 100%;
}

div#header {
	width: 1041px;
	height: 172px;
	position: relative;	
	z-index: 80;	
}

/*
 * Meta navigation
 */

ul#meta {
	display: inline-block;
	position: absolute;
	width: 624px;
	height: 24px;
	right: 0;
	top: 0;
	list-style: none;
	z-index: 980;
}

ul#meta li {
	display: inline-block;
	float: left;	
	margin-left: 1px; 
	background: #000;
}

ul#meta li a {
	color: #ddd;
	text-decoration: none;
	font-size: 9pt;
}

ul#meta li span {
	display: inline-block;
	/*background:  url('../pics/main_nav_sep.jpg') no-repeat left 0; */
}

ul#meta li a {
	display: inline-block;
	height: 17px;
	padding: 5px 0 2px 0;
	text-decoration: none;
	font-size: 9pt;
	color: #ddd;
}

ul#meta li:hover {
	background: #59c4ed;
}

ul#meta li:hover a {
	color: #000000;
}

li#search-trigger:hover {
	background: none !important;
}

ul#meta li a.arrow-down {
	background: url('../pics/meta_arrow_down.png') no-repeat right 0;
	padding-right: 22px;
}

ul#meta li:hover a.arrow-down {
	background: url('../pics/meta_arrow_down_active.png') no-repeat right 0;
	color: #000000;
}

ul#meta li:first-child span {
	background: none;
}

span#meta-home {
	width: 73px;
	text-align: center;
}

span#meta-lang {
	width: 67px;
	text-align: center;
}

span#meta-font {
	width: 113px;
	text-align: center;
}

span#meta-quick {
	width: 117px;
	text-align: center;
}

/*
 * Search box
 */

span#search-field {
	display: inline-block;
	height: 15px;
	width: 190px;
	padding: 5px 0 2px 0;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	vertical-align: top;
	
}

span#search-field input[type=text] {
	border: none;
	background: none;
	font-size: 8pt;
	color: #000;
	width: 170px;
	margin-left: 4px;
}

span#search-label {
	display: inline-block;
	height: 15px;
	width: 56px;
	padding: 5px 0 2px 0;
	font-size: 9pt;
	color: #000000;	
	text-align: center;
	border: 1px solid black;
	background-image: url('../pics/meta_search_button_bg.jpg');
}

span#search-label:hover {
	cursor: pointer;
}

span.search-label-active {
	background: #5ec5ec !important;
	color: #000000 !important;
}

span.search-field-inactive {
	background: url('../pics/meta_search_bg_new.jpg') !important;
}

span.search-field-active {
	background: #ffffff !important;
}

ul#search-options {
	position: absolute;
	display: inline-block;
	top: 24px;
	left: 256px;
	background: #000000;
	width: 249px;
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul#search-options li {
	float: none;
	display: block;
	margin-left: 10px;
	margin-bottom: 5px;
}

ul#search-options li:hover {
	background: none;
}


/*
 * Font options
 */

ul#font-options {
	position: absolute;
	display: inline-block;
	top: 24px;
	left: 143px;
	background: #000000;
	width: 113px;
	list-style: none;
	padding-top: 10px;
	padding-bottom: 10px;	
}

ul#font-options li {
	display: block;
	width: 83px;
	margin-left: 30px;
	margin-bottom: 5px;
	font-size: 9pt;
	color: #ffffff;
}

ul#font-options li:hover {
	background: none;
	cursor: pointer;
}

ul#search-options label {
	margin-left: 10px;
	font-size: 9pt;
	color: #ffffff;
	
	
}

img#logo {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

img#claim {
	position: absolute;
	top: 61px;
	right: 0;
	color: #fff;	
}


/*
 * Quick access menu
 */

div#quick-access-wrapper {
	position: absolute;
	top: 24px;
	right: 0;
	width: 1041px;
/*	min-height: 300px; */ 
	height: auto;
	z-index: 980;
}

ul#quick-access {
	display: inline-block;
	padding-top: 18px;
	width: 1041px;
	z-index: 981;
	background: url('../pics/quick_access_bg_lines.png');
	height: 100%;
	/* background: #000; */
	padding-bottom: 20px;
}

ul#quick-access li {
	list-style-type: none;
	float: none;	
}

ul#quick-access li:hover {
	background: url('../pics/quick_access_li.png') no-repeat left 10px;
}

ul#quick-access li.sub {
	display: inline-block;
	float: left;	
	line-height: 20px;
	overflow: hidden;
	width: 207px;
	background: none;
}

ul#quick-access li a {
	color: #59c4ed !important;	
	display: inline-block;
	text-decoration: none;
	margin-left: 18px;
	font-size: 13pt;	
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	height: auto !important;
}	

ul#quick-access li ul.sub-1 {
	margin-left: 20px;
}

ul#quick-access ul li a {
	color: #bcbdc1 !important;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 9pt !important;	
	margin-left: 0;
}

ul#quick-access ul li {
	display: list-item;
	background: none !important;
	/* background: url('../pics/quick_access_li.png') no-repeat left 10px; */
	padding-left: 14px;
	color: #bcbdc1;
	text-decoration: none;
	font-size: 9pt;	
}

ul#quick-access li.sub-1, ul#quick-access li.sub-2, ul#quick-access li.sub-3, ul#quick-access li.sub-4 {
	/* background: url('../pics/quick_access_li_sub.png') no-repeat left 10px; */
	color: #bcbdc1;
	text-decoration: none;
	font-size: 9pt;	
}


span.quick-access-bullet {
	display: block;
	float: left;
	height: 20px; 
	width: 10px;
	margin-left: -15px;
	margin-top: 5px;
}


ul#quick-access li.sub-1 span.quick-access-bullet, ul#quick-access li.sub-2 span.quick-access-bullet {
	background: url('../pics/quick_access_li_sub.png') no-repeat left 5px;
}

ul#quick-access li.sub-1 span.quick-access-bullet:hover, ul#quick-access li.sub-2 span.quick-access-bullet:hover, ul#quick-access li.sub-3 span.quick-access-bullet:hover, ul#quick-access li.sub-4 span.quick-access-bullet:hover {
	cursor: pointer;
}

ul#quick-access li.sub-1 span.opened, ul#quick-access li.sub-2 span.opened, ul#quick-access li.sub-3 span.opened, ul#quick-access li.sub-4 span.opened {
	background: url('../pics/quick_access_li_sub_open.png') no-repeat left 5px;
}

ul#quick-access .no-sub span.quick-access-bullet {
	background: url('../pics/quick_access_li.png') no-repeat left 5px !important;
}


/*
ul#quick-access li.sub-1:hover, ul#quick-access li.sub-2:hover, ul#quick-access li.sub-3:hover, ul#quick-access li.sub-4:hover {
	background: url('../pics/quick_access_li_sub.png') no-repeat left 10px;
}

ul#quick-access ul li.sub:hover ul.sub-1 {
	height: auto;
}

ul#quick-access ul li.sub-1:hover span.sub-1 a {
	color: #59c4ed !important;	
}

ul#quick-access ul li.sub-1:hover {
	background: url('../pics/quick_access_li_sub_act.png') no-repeat left 10px;	
}

ul#quick-access ul li.sub-1:hover ul.sub-2 {
	height: auto;
}

ul#quick-access ul li.sub-2:hover span.sub-2 a {
	color: #59c4ed !important;	
}

ul#quick-access ul li.sub-2:hover {
	background: url('../pics/quick_access_li_sub_act.png') no-repeat left 10px;	
}

ul#quick-access ul li.sub-2:hover ul.sub-3 {
	height: auto;
}

ul#quick-access ul li.sub-3:hover span.sub-3 a {
	color: #59c4ed !important;	
}

ul#quick-access ul li.sub-3:hover {
	background: url('../pics/quick_access_li_sub_act.png') no-repeat left 10px;	
}

ul#quick-access ul li.sub-3:hover ul.sub-4 {
	height: auto;
}

ul#quick-access ul li.sub-4:hover span.sub-4 a {
	color: #59c4ed !important;	
}

ul#quick-access ul li.sub-4:hover {
	background: url('../pics/quick_access_li_sub_act.png') no-repeat left 10px;	
}
*/

ul#quick-access ul.sub-2, ul#quick-access ul.sub-3, ul#quick-access ul.sub-4 {
	display: none;
	overflow: hidden;
}

/*
ul#quick-access ul li a {
	color: #ddd;
	text-decoration: none;
	font-size: 9pt;	
}
*/



/*
 * Main navigation
 */

div#main-navigation-wrapper {
	position: absolute;
	top: 144px;
	left: 0;
	z-index: 10;	
}

ul#main-navigation {
	display: inline-block;
	height: 28px;
	width: 1041px;
	background-image: url('../pics/main_nav_bg.jpg');
	list-style: none;
	overflow: hidden;
}

ul#main-navigation li {
	display: inline-block;
	float: left;	
	width: 208px;
	height: 28px;
}

ul#main-navigation li:first-child {
	/* Workaround: 1041 / 5 geht nicht */
	width: 209px;
}

ul#main-navigation li.active {
	position: relative;
	background: #ffffff;
}

ul#main-navigation li.active div.left-wrap {
	position: absolute; 
	top: 0; 
	left: -5px;
	height: 28px;
	width: 5px;
	background: url('../pics/main_nav_act_left.png') no-repeat;
}

ul#main-navigation li.active div.right-wrap {
	position: absolute; 
	top: 0; 
	right: -5px;
	height: 28px;
	width: 5px;
	background: url('../pics/main_nav_act_right.png') no-repeat;
}

ul#main-navigation li a {
	display: inline-block;
	width: 208px;
	height: 23px;
	padding-top: 5px;
	background: url('../pics/main_nav_sep.jpg') no-repeat left 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	font-size: 12.0pt;
	color: #000;
	letter-spacing: 0.01em;
}

ul#main-navigation li.active a {
	background: none;
}

ul#main-navigation li a:hover {
}

ul#main-navigation li:first-child a {
	width: 209px;
	background: none;
}

/*
 *   Sub Navigation
 */

ul.sub-navigation {
	width: 231px;
	margin-bottom: 25px;	
	margin-left: 0;
	padding: 0;
	border-bottom: 1px solid #66cef5;
}

ul.sub-navigation li {
	border-top: 1px solid #66cef5;
	list-style: none;
	margin-left: 0;
	padding: 0;
}

ul.sub-navigation li.active {
	background: #9edcf4;
	font-weight: bold;
}

ul.sub-navigation li.active ul {
	background: #dff4fc;
}

ul.sub-navigation li a {
	display: inline-block;
	padding: 5px 0 5px 20px;	
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	background: url('../pics/sub_nav_list.png') no-repeat left 10px;
	
}

ul.sub-navigation ul.sub-level li {
	padding-left: 20px;
	border: none;
	font-weight: normal;
}

ul.sub-navigation ul.sub-level li.active {
	background: none;	
	font-weight: bold;
}

ul.sub-navigation ul.sub-level li.active ul {
	border-top: 1px solid #66cef5;
}

div.sub-navigation-header {
	border-top: 1px solid #66cef5;
	display: block;
	height: 19px;
	background: #dff4fc;
	color: #000;
	font-weight: normal;
	font-size: 9pt;	
	text-transform: uppercase;
	padding: 7px 0 0 12px;	
}


/*
 * Tab navigation
 */

ul.tab-navigation {
	width: 731px;
	list-style: none;
	display: inline-block;
	background: #e0f5fd;
	margin-top: 20px;
	margin-bottom: 27px !important;
	height: 50px;
}

ul.tab-navigation li {
	float: left;
	border-left: 1px solid #ffffff;
	margin: 0 !important;
	list-style: none;
}

ul.tab-navigation li:first-child {
	border-left: none;
}

ul.tab-navigation li.active a {
	background: #9edcf4 url('../pics/tab_nav_arrow.png') no-repeat bottom center;
	font-weight: bold;
}

ul.tab-navigation li a {
	display: inline-block;
	height: 42px;
	width: 125px;
	padding: 8px 10px 0 10px;
	font-size: 9pt;
	line-height: 14px;
	color: #000000;
	background: #e0f5fd;
	text-decoration: none;
	text-align: center;
}

ul.tab-navigation li ul.sub-level {
	list-style: none;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 70px;
	width: 731px;
	height: 27px;
	background: #9edcf4;
	border-top: 1px solid #ffffff;
}

ul.tab-navigation li ul.sub-level li {
	display: inline-block;
	float: left;
	background: #9edcf4;
	border: none;
}

ul.tab-navigation li ul.sub-level li a {
	height: 20px;
	width: auto ;
	font-size: 9pt;
	font-weight: normal;
	padding: 7px 10px 0 10px;
	background: #9edcf4;	
}

ul.tab-navigation li ul.sub-level li.active a {
	font-weight: bold;
}

/*
 *   Breadcrumb Navigation
 */

div#breadcrumb ul {
	list-style: none;
}

div#breadcrumb li {
	float: left;
}

/*
 * Content
 */


div#content {
	position: relative;
	width: 981px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #fff;
	margin-top: -28px;
	padding: 44px 30px 30px 30px;
	box-shadow: 0 5px 10px #333;
	-webkit-box-shadow: 0 5px 10px #333;
	-moz-box-shadow: 0 5px 10px #333;
	-khtml-box-shadow: 0 5px 10px #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=6)
	zoom: 1;	
}

div#breadcrumb {
	float: left;
	width: 620px;
	height: 16px;
	margin-left: 250px;
	margin-bottom: 13px;
	color: #8c8b8d;
	font-size: 8pt;
	overflow: hidden;
}

div#breadcrumb a {
	color: #8c8b8d;
	font-size: 8pt;
	text-decoration: none;
}

div#share {
	float: right;
	width: 100px;
	height: 16px;
	margin-bottom: 13px;
}


div#left-column {
	float: left;
	width: 231px;
	min-height: 200px;
	margin-bottom: 30px;
}

div#right-column {
	float: left;
	width: 231px;
	min-height: 200px;
}

div#main-column {
	float: left;
	width: 481px;
	margin-left: 19px;	
}

div#upper-right-column {
	float: left;
	width: 231px;
}

div#upper-main-column {
	float: left;
	width: 481px;
	padding-right: 19px;
}

div#tab-navigation {
	width: 731px;
	position: relative;
	margin-bottom: 20px;	
}

div#lower-right-column {
	float: left;
	width: 231px;
}

div#lower-main-column {
	float: left;
	width: 481px;
	padding-right: 19px;	
}


div#footer {
	width: 981px;
	/*margin-top: 10px;*/
}

div#left-footer {
	float: left;
	width: 231px;
	height: 20px;
	border-top: 1px solid #66cef5;
}

div#left-footer ul {
	margin-top: 15px;
	list-style: none;
}

div#left-footer li {
	float: left;
	font-size: 8pt;
	color: #000;
	padding-left: 4px;
	padding-right: 4px;
}

div#left-footer a {
	font-size: 8pt;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

div.up {
	margin-top: -35px;
	font-size: 9pt;
} 
div.up img {
	vertical-align: middle;		
	border: none;
}

div.up a {
	text-decoration: none;
	color: #000;
}


div#right-footer {
	float: right;
	width: 231px;
	height: 20px;
	border-top: 1px solid #66cef5;
}

div#main-footer {
	width: 481px;
	margin-left: 250px;
	height: 20px;
	border-top: 1px solid #66cef5;
	font-size: 8pt;
	font-weight: normal;
	color: #aaa;
	text-decoration: none;
	padding-top: 5px;
}

div#top-area {
	display: none;
	width: 981px; 
	height: 350px; 
}

div#top-area h3 {	
	color: #000;
	font-weight: normal;
	font-size: 14pt;	
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	margin-top: -28px;
	margin-left: 10px;
	height: 30px;
	margin-bottom: 0;
}
	

/* 
 * Header Definitions 
 */

h1 {
	color: #000;
	font-weight: normal;
	font-size: 18pt;	
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	
}

h2 {
	color: #000;
	font-weight: normal;
	font-size: 16pt;	
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	
}

h3 {
	color: #000;
	font-weight: normal;
	font-size: 14pt;	
	font-family: Geogrotesque-Medium, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	
}

h1.no-bottom-margin, h2.no-bottom-margin, h3.no-bottom-margin {
	margin-bottom: -5px;
}
