/** Basic CSS
------------------------------------------------------------ */
html {
	font-size: 62.5%; /* don't edit */
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
body {
	font-size: 1.2em;/* edit here global size for em, 1em = 10px */
	background: #FFFFFF;
	height: 100%;
    color: #262626;
    text-align: center;
}
img {
	border: none;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0;
	padding-bottom:5px;
}
a {
	color: #657996;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
form {
	margin: 0px;
}
textarea,
input {
	font-size: 1em;
	background: #F7F8FA;
	border-color: #7C7C7C #C3C3C3 #DCDCDC;
	border-style: solid;
	border-width: 2px 1px 1px;
}
select {
	font-size: 1em;
	background: #F7F8FA;
	border: 1px solid #E0E4EB;
	text-transform: uppercase;
}
option {
    border: none;
}
fieldset {
	border: none;
}
h1 {
	font-size: 1.7em;
	font-weight: normal;
}
h1.small_black {
	font-size: 0.9em;
	color: #262626;
	padding-bottom: 18px;
	text-transform: uppercase;
}
h2 {
	font-size: 1.22em;
	padding-bottom: 10px;
}
h3 {
	font-weight: normal;
	font-size: 1.22em;
	padding-bottom: 10px;
}
h4 {
	font-size: 1.1em;
}
#content_wrap h5 {
	font-size: 1em;	
	padding-bottom: 0;
}
h6 {
	font-size: 0.9em;	
}
h1, h2, h3, h4, h5, h6 {
	color: #1B3C6E;
	padding-bottom: 6px;
}
h2, h3, h4 {
	font-weight: normal;
}
h1.pagetitle {
	padding-bottom: 15px;
	margin: -2px 0 0 -1px;
}
p {
	padding-bottom: 14px;
	line-height: 1.18em;
}
strong, b {
	color: #1B3C6E;
	font-weight: normal;
}
table {
	font-size: 1em;
}
#content ul li,
#content_right ul li {
	padding: 0 0 10px 10px;
	background: url(../img/list_bg.gif) 0 5px no-repeat;
	line-height: 1.17em;
}
li {
	list-style-type: none;
}
blockquote {
	margin: 0 40px;
}
.clear {
	clear: both;
}
.csc-textpic-clear {
	height: 0;
	line-height: 0;
}
address {
	font-style: normal;
}
dfn {
	display: none;
}
.block_contenttable {
	border-collapse: collapse;
	width: 100%;
}
.block_contenttable th {
	text-align: left;
	padding: 6px;
}
.block_contenttable td {
	padding: 6px;
}
#tracker {
	display: none;
}
		/** Wraps
------------------------------------------------------------ */
#wrap {
	width: 680px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	text-align: left;
}
#content_wrap {
	clear: both;
	height: 1%;
	padding-bottom: 38px;
}
		/** Headerarea
------------------------------------------------------------ */
#header {
	position: relative;
	height: 96px;
}
#logo {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 13px;
}
#keyvisual img {
	margin-left: -1px;
}
		/** Naviwrap
------------------------------------------------------------ */
#navi_wrap {
	position: relative;
	clear: both;
	padding: 3px 0 3px 4px;
	z-index: 300;
	float: left;
}
		/** Mainnavigation
------------------------------------------------------------ */
#main_navi li {
	float: left;
    height: 34px;
}
#main_navi li a {
	height: 34px;
  	display: block;
}
#main_navi li a span {
  	display: none;
}
#main_navi dfn {
	display: none;
}
/****** Buttons ******/
#main_navi li a#bn_01_en {
	width: 138px;
	background: url(../img/navi/navi_sprite.gif) no-repeat;
}
#main_navi li a#bn_01_en:hover,
#main_navi li a#bn_act_01_en  {
	width: 138px;
	background: url(../img/navi/navi_sprite.gif) no-repeat 0 -34px;
}
#main_navi li a#bn_02_en {
	width: 189px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -138px 0;
}
#main_navi li a#bn_02_en:hover,
#main_navi li a#bn_act_02_en {
	width: 189px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -138px -34px;
}
#main_navi li a#bn_03_en {
	width: 202px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -327px 0;
}
#main_navi li a#bn_03_en:hover,
#main_navi li a#bn_act_03_en {
	width: 202px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -327px -34px;
}
#main_navi li a#bn_04_en {
	width: 138px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -529px 0;
}
#main_navi li a#bn_04_en:hover,
#main_navi li a#bn_act_04_en {
	width: 138px;
	background: url(../img/navi/navi_sprite.gif) no-repeat -529px -34px;
}
/****** Level 2 ******/
#main_navi ul {
	position: absolute;
	border: 1px solid #C4CBD6;
	border-top: none;
	border-bottom: none;
	background-color: #FFFFFF;
	z-index: 300;
	margin-left: -1px;
	display: none;
	width: auto;
}
#main_navi ul li {
	float: none;
	background: #FFFFFF url(../img/navi/main_navi_bg.gif) repeat-x;
	height: auto;
	width: auto;
	border-bottom: 1px solid #C4CBD6;
	white-space: nowrap;
}
#main_navi ul li a {
	width: auto;
	height: auto;
	padding: 9px 4px;
	font-size: 0.9em;
	color: #657996;
	text-transform: uppercase;
	white-space: nowrap;
}
#main_navi ul li a:hover {
	color: #1B3C6E;
	text-decoration: none;
}
#main_navi ul li.haschild {
	position: relative;
}
#main_navi ul li.haschild a {
	background: url(../img/navi/arrow.gif) right center no-repeat;
	padding-right: 15px;
}
#main_navi ul li.haschild a:hover {
	background: url(../img/navi/arrow_a.gif) right center no-repeat;
}
#main_navi li:hover ul {
	display: block;
}
#main_navi ul li:hover {
	background: #FFFFFF;
}
#main_navi li#li_01 ul {
	margin-left: 4px;
}
/* Width of a´s beside specific id´s */
#li_01 ul li {
	width: 132px;
}
#li_02 ul li {
	width: 188px;
}
#li_03 ul li {
	width: 201px;
}
#li_04 ul li {
	width: 132px;
}
/****** Level 3 ******/
#main_navi ul ul {
	position: absolute;
	left: 100%;
	top: -1px;
	border-top: 1px solid #C4CBD6;
	margin-left: 0;
	z-index: 300;
}
#main_navi li#li_01 ul ul {
	margin-left: 0;
}
#main_navi li:hover ul ul,
#main_navi ul ul {
	display: none;
}
#main_navi ul li:hover ul {
	display: block;
}
#main_navi ul ul li {
	width: auto;
}
#main_navi ul ul li:hover {
	background-image: none;
	background-color: #FFFFFF;
}
#main_navi ul li.haschild li a, #main_navi ul li.haschild li a:hover  {
	background-image: none;
}
		/** Contactnavigation
------------------------------------------------------------ */
.navi_contact .block_content {
	z-index: 200 ! important; /* for dropdown field overlay */
}
.navi_contact h1 {
	width: 119px;
	background: #FFFFFF url(../img/navi/navi_secondary_select.gif) no-repeat scroll right top;
	height: 20px;
	border: 1px solid #C0CBD8;
	margin-top: 14px;
	padding: 0;
}
.navi_contact h1 a {
	font-size: 11px; /* Must be fixed */
	font-weight: normal;
	display: block;
	height: 20px;
	padding-left: 3px;
	text-transform: uppercase;
	line-height: 1.8em;
}
.navi_contact a {
	outline: none;
}
.navi_contact a:hover {
	text-decoration: none;
}
#contact_navi {
	position: absolute;
	z-index: 1000;
	width: 119px;
	background-color: #FFFFFF;
	border-color:#C0CBD8;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	overflow: auto;
	text-transform: uppercase;
}
#contact_navi ul {
	z-index: 1000;
	position: relative;
}
#contact_navi a {
	display: block;
	padding: 1px 3px;
	font-size: 0.9em;
}
#contact_navi li a:hover, #contact_navi li a.active {
	color: #163A6C;
	background-color: #E0E5E9;
}
		/** Content container
------------------------------------------------------------ */
#content {
	width: 497px;
	padding-left: 2px;
	float: left;
	clear: left;
}
#context {
	width: 177px;
	float: left;
}
		/** Basic format of 
		dynamic (width & height) block´s round corners
------------------------------------------------------------ */
.block {
	padding-left: 14px;
	background-position: top left;
}
.block,
.block .block_content,
.block .block_bottom,
.block .block_bottom div {
	background-image: url(../img/block_bg.gif);
	background-repeat: no-repeat;
}
.block .block_content {
	position: relative;
	z-index: 100;
	padding: 15px 14px 0 0;
	background-position: top right;
}
.block .block_bottom {
	height: 15px;
	font-size: 1px;
	background-position: bottom right;
}
.block .block_bottom div {
	height: 15px;
	font-size: 1px;
	position: relative;
	width: 14px;
	margin-left: -14px;
	background-position: bottom left;
}
		/** Various Block Classes
------------------------------------------------------------ */
.w_100 {
	clear: both;
}
/**
  * @subsection Block 50%
  *
  * Width 249px (minus 14.5px padding)
  * @see     
  */
#content .w_50 {
	width: 234.5px;
	float: left;
}
#context .w_50 {
	width: 74.5px;
	float: left;
}
/**
  * @subsection Block 66%
  *
  * Width 331px (minus 14.5px padding)
  * @see     
  */
#content .w_66 {
	width: 316.5px;
	float: left;
}
#context .w_66 {
	width: 103.5px;
	float: left;
}
/**
  * @subsection Block 33%
  *
  * Width 166px (minus 14.5px padding)
  * @see     
  */
#content .w_33 {
	width: 151.5px;
	float: left;
}
#context .w_33 {
	width: 44.5px;
	float: left;
}
.nothing_around {
	padding: 0;
	background: none;
}
.no_border,
.no_border .block_content,
.no_border .block_bottom,
.no_border .block_bottom div {
	background: none;
}
/**
  * @subsection Contact Navi block
  *
  * special box class only for contact navi
  * @see     
  */
#context .navi_contact {
	width: 132px;
	margin-left: 30px;
}
/**
  * @subsection No Padding
  *
  * box with less padding left and right arround
  * @see     
  */
.no_padding {
	padding-left: 7px;
}
.no_padding .block_content {
	padding: 15px 7px 0 0;
}
.no_padding .block_bottom {
	height: 15px;
}
.no_padding .block_bottom div {
	width: 7px; /* bottom corner width */
	margin-left: -7px;
}
/**
  * @subsection Blue Border
  *
  * switches the background image of the box
  * @see     
  */
.blue_border,
.blue_border .block_content,
.blue_border .block_bottom,
.blue_border .block_bottom div {
	background-image: url(../img/block_blue_bg.gif);
}
/**
  * @subsection Width 242px
  *
  * specific pixel width (-14px because of padding)
  * @see     
  */
.w_242 {
	width: 228px;
}
/**
  * @sitemap
  *
  * styling for sitemap block
  * @see     
  */
.sitemap .block_content {
	padding-top: 0;
}
		/** Footer
------------------------------------------------------------ */
#footer {
	clear: both;
	color: #1B3C6E;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 12px 0 12px 11px;
	height: 14px;
	position: absolute;
	bottom: 0;
}
#footer li {
	float: left;
	padding: 0 4px;
	border-right: 1px solid #657996;
}
#footer .last {
	border-right: none;
}
    /** Sitemap
------------------------------------------------------------ */
#content .csc-sitemap ul li,
#context .csc-sitemap ul li {
	padding: 0;
	background: none;
}
#content .csc-sitemap ul ul,
#context .csc-sitemap ul ul {
	padding-left: 18px;
}
#content .csc-sitemap ul li a,
#context .csc-sitemap ul li a {
	color: #1B3C6E;
	font-size: 1em;
}
.sitemap h1 {
	font-size: 0.9em;
	color: #262626;
	padding-bottom: 18px;
}
		/** Contactform
------------------------------------------------------------ */
.tx-powermail-pi1 legend {
	display: none;
}
.tx-powermail-pi1 label {
	display: block;
}
.tx-powermail-pi1 input, select, textarea {
	margin-bottom: 8px;
}
.tx-powermail-pi1 input {
	width: 210px;
	height: 16px;
	padding: 1px 2px 0;
}
.tx-powermail-pi1 textarea {
	width: 210px;
	height: 113px;
	padding: 1px 2px 0;
	overflow: auto;
}
.tx-powermail-pi1 .powermail_submit {
	height: 18px;
	margin-bottom: 0;
	border: none;
	text-transform: uppercase;
	background: url(../img/forms/button_center.gif) repeat-x;
	float: left;
	width: auto;
	color: #667896;
}
.tx-powermail-pi1 .powermail_submit:hover {
	background: url(../img/forms/button_center_hover.gif) repeat-x;
	color: #1B3C6E;
}
.tx-powermail-pi1 .powermail_mandatory_js {
	color: #FF0000;
}
.tx-powermail-pi1 .submit_left {
	background: transparent url(../img/forms/button_left.gif) no-repeat;
	height: 18px;
	width: 2px;
	float: left;
}
.tx-powermail-pi1 .submit_right {
	background: transparent url(../img/forms/button_right.gif) no-repeat;
	height: 18px;
	width: 2px;
	float: left;
}