@charset "utf-8";
/* CSS Document */

/*************
 * BASIC
 *************/ 

html{ height: 100%;	width: 100%; }
#flash, #animTeaser{ height: 100%;	width: 100%; }

#hmenu{ width: 193px; }
#footer{ width: 100%; }
#service{ height: 40px; }
#transparent1{ width: 23px; }
#transparent2{ width: 100%; }
#service{ width: 100%; }
#serviceIn{ width: 304px; height: 40px; }
#topIn{ height: 185px; }

.transparent{ height: 40px; }
.contentLayer{ width: 255px; height:40px; }
.contentLayerContent .clcIn{ width: 229px; }
.contentLayerContent{ height: 224px; }

/********************
 * FORMAT: Standard
 ********************/


body, h3, h2, h1, p, form, div, table#layerTable, ul{ color: #FFFFFF; }

#logo{
	position: relative;
	z-index: 35;
	top: 0;
	float: none;
	}

#top{
	position: absolute;
	z-index: 55;
	top: 0;
	left: 21px;
 }
 
#flash{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
 }
#topIn{
	padding-left: 3px;
	position: relative;
	z-index: 34;
	top: -3px;
	float: none;
	overflow:hidden;
	}
#footer{
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	z-index:33;
	}
#service{ overflow:hidden; text-align: right; }
#serviceIn{ margin-left: auto; text-align: left; }
#footer #service p{ margin: 0; color: #999999; }
#service p{ padding: 12px 6px 0 0; }
.smenu{ padding: 13px 13px 0 0 ;}
.contentLayer{	margin-right: 1px; margin-top: 0px;	}
.contentLayer p, .contentLayer a, .contentLayer a:hover {color:  #FFFFFF; }
.contentLayer .clcIn p{ padding: 3px 6px; }
.contentLayer {
	overflow:hidden;
	position:relative;
}
.contentLayerButton h3{ margin-left: 13px }
#layerTable td {
	vertical-align:bottom;
}

#transparent1{
	position: absolute;
	z-index:33;
	left: 0;
	bottom: 0;
}
#content1{
	position: absolute;
	z-index:34;
	left: 24px;
	bottom: 0;
}
#content2{
	position: absolute;
	z-index:35;
	left: 280px;
	bottom: 0;
}
#content3{
	position: absolute;
	z-index:36;
	left: 536px;
	bottom: 0;
}
#service{
	position: absolute;
	z-index:32;
	right: 0;
	bottom: 0;
}

/********************
 * FORMAT: Menus
 ********************/

.hmenu_ul .hmenu_li a, .hmenu_ul .hmenu_li_active a {
	background: none;
	height: 18px;
	}
.hmenu_ul .hmenu_li a:hover{
    background-color: #748194;
}
ul.submenu_ul {
	padding: 5px 0 5px 0;
	}
ul.submenu_ul li a {
	display:block;
	font-size:11px;
	line-height:18px;
	padding-left:18px;
	}
ul.submenu_ul li a:hover,
ul.service_ul li a { color:#FFFFFF; }
/********************
 * FORMAT: Bilder
 ********************/
body{ background-color: #000; }
#hmenu{
	background-image: url(../images/hmenu_hg.png);
    background-position: left top;
    background-repeat: repeat-y;
}
#infocenter{
	background-image: url(../images/hmenu_hg.png);
    background-position: -213px 0px;
    background-repeat: no-repeat;
}
.transparent{
	background-image: url(../images/footer_hg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#serviceIn{
	background-color: #FFFFFF;
}
ul.service_ul li a{	background-position: 0px -189px; }
ul.service_ul li a:hover{ background-position: 0px -171px; }

.contentLayerButton h3{
    background-position: -111px -81px;
}

/* ES Sliders Overwrite */
#contentLayerC1 span#tx-essliders-pi1-prev-22{ background-position: 0 0px;  margin-left:-19px; margin-top:-116px; }
#contentLayerC1 span#tx-essliders-pi1-next-22{ background-position: -15px 0px;  margin-left:223px; margin-top:-116px; }
#contentLayerC2 span#tx-essliders-pi1-prev-23{ background-position: 0 -30px;  margin-left:-19px; margin-top:-116px; }
#contentLayerC2 span#tx-essliders-pi1-next-23{ background-position: -15px -30px;  margin-left:223px; margin-top:-116px; }
#contentLayerC3 span#tx-essliders-pi1-prev-24{ background-position: 0 -59px;  margin-left:-19px; margin-top:-116px; }
#contentLayerC3 span#tx-essliders-pi1-next-24{ background-position: -15px -59px;  margin-left:223px; margin-top:-116px; }