body{
    margin:0px;
    padding:0px;
}
body,
#container2 .content{
    font-family:Arial,Helvetica,sans-serif;
    font-size: 9px;
	letter-spacing:0.3px;
}
#background{
    width:980px;
    height:578px;
    margin: 0px auto;
    background-repeat:no-repeat;
}
#container1{
    width:835px; /* plus Schatten  + 2*10*/
    /*height:537px;*/
    margin: 0px 73px 10px 72px; /* - 2*10  */
}

#container1 .banner1{
    width:815px;
    height:86px;
    margin: 0px 10px; /* Schatten */
    
    color:#FFFFFF;
}
#container1 .banner1 .logo{
    width:198px;
    height:86px;
    float:left;
    background-image: url("/export/pics/hpcline/hpclinelogo001.png");
    background-repeat:no-repeat;
}
#container1 .banner1 .group{
	position:relative;
    width:610px;
    float:right;
}
#container1 .banner1 .group .headline{
	display:none;
	position:absolute;
	top:12px;
	left:33px; /* 35 - 2*/
    height: 44px;
    
	font-family:Helvetica,Arial;
	font-size:37px;
	letter-spacing:-1.5px;
	/*
    font-size:38px;
	letter-spacing:-1.9px;
	*/
}
#container1 .banner1 .group .menu{
	position:absolute;
	width:577px;
	top:65px;
	left:34px;
	/* bei Text: 36 */
	
    font-size:11px;
	letter-spacing:0.8px;
}
#container1 .banner1 .group .menu a{
    color:#FFFFFF;
    text-decoration:none;
}
#container1 .banner1 .group .menu a.open{
	font-weight:bold;
}
#container1 .banner1 .group .menu ul{
    padding:0px;
    margin:0px;
    list-style:none;
}
#container1 .banner1 .group .menu ul li{
    margin-right:20px;
    float:left;
}
#container1 .banner1 .group .menu .suche{
	display:block;
    float:left;
	width:100px;
}
#container1 .banner1 .group .menu .suche input.text{
    float:left;
    height: 11px;
    width:75px;
	padding: 1px 0px 1px 0px;
    margin-left:8px;
    border:none;
    font-size:10px;
	letter-spacing:0.8px;
    text-align:center;
    line-height:11px;
    background-color:#FFFFFF;
    color:#D0CBCA;
}
#container1 .banner1 .group .menu .suche input.image{
    float:left;
    height: 13px;
    border:none;
}

#container1 .schatten_rechts{
    width:815px;
    position:relative;
    left:20px;
    background-image:url("/export/pics/hpcline/rand2/rechts_mitte.png");
    background-repeat:no-repeat;
    background-position:right bottom;
}
#container1 .schatten_rechtsunten{
    position:relative;
    top:10px;
    background-image:url("/export/pics/hpcline/rand2/rechts_unten.png");
    background-repeat:no-repeat;
    background-position:right bottom;
}
#container1 .schatten_unten{
    position:relative;
    left:-10px;
    background-image:url("/export/pics/hpcline/rand2/mitte_unten.png");
    background-repeat:no-repeat;
    background-position:bottom;
}
#container1 .schatten_linksunten{
    position:relative;
    left:-10px;
    background-image:url("/export/pics/hpcline/rand2/links_unten.png");
    background-repeat:no-repeat;
    background-position:left bottom;
}
#container1 .schatten_links{
    position:relative;
    top:-10px;
    background-image:url("/export/pics/hpcline/rand2/links_mitte.png");
    background-repeat:no-repeat;
    background-position:left bottom;
}

#container2{
    position:relative;
    left:10px;
    width:799px;
    height:466px;
    padding:8px;
    background-color: #FFFFFF;
}
#container2.iframe{
    width:815px;
    height:482px;
    padding:0px;
}
#container2.iframe iframe{
    width:815px;
    height:482px;
	border:none;
	border-width:0px;
}
#container2 .banner2{
    width:799px;
    height:168px;
    margin-bottom:8px;
    background-repeat:no-repeat;
}
#container2 .banner2 .weiseecke{
    height:168px;
	/* weiße Ecke jetzt in Header-grafik ...
	IE fix nicht vergessen ...
    background-image: url("/export/pics/hpcline/weiseecke2.png");
	*/
    background-repeat:no-repeat;
    background-position:right;
    color:#787879;
}
#container2 .banner2 .spruch{
    height:168px;
    background-repeat:no-repeat;
    background-position:right bottom;
}

#container2 .banner3{
	position:relative;
    width:799px;
    height:83px;
    padding:8px 0px;
    background-color:#B1A9A6;
/*    background-image:url("/export/pics/hpcline/weiseeckec.png");*/
	background-image:url("/export/pics/hpcline/weiseecked.png");
    background-repeat:no-repeat;
    background-position:right top;
}
#container2 .banner3.b{
    background-color:#FFFFFF;
/*    background-image:url("/export/pics/hpcline/weiseeckec.png");
	background-image:url("/export/pics/hpcline/Balken_Navi.png");*/
	background-image:url("/export/pics/hpcline/banner_blank.png");
    background-repeat:no-repeat;
    background-position:left top;
}
#container2 .banner3 .menu{
    margin-left:25px;
	/*
	height:23px;
    line-height:23px;
	*/
    font-size:12px;
	letter-spacing:1px;
    font-weight:bold;
    color:#565658;
}
#container2 .banner3 .menu a{
    color: #565658;
    text-decoration:none;
}
#container2 .banner3 .menu a.open{
    color: #FFFFFF;
}
#container2 .banner3 .menu ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
#container2 .banner3 .menu ul li{
    float:left;
    margin-right:30px;
}

/*
#container2 .banner3 .menu2{
    height:30px;
	margin-top:30px;
    font-size:10pt;
    font-weight:bold;
    color:#646464;
}
*/
#container2 .banner3 .menu2{
	position:absolute;
	bottom:8px;
	left:25px;
    font-size:10pt;
    font-weight:bold;
    color:#646464;
}

#container2 .banner3 .menu2 ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}
#container2 .banner3 .menu2 a,
#container2 .banner3 .menu2 span{
	color: #565658;
    text-decoration:none;
}
/*
#container2 .banner3 .menu2 ul ul a,
#container2 .banner3 .menu2 ul ul span{
	display:block;
	line-height:30px;
	height:30px;
	width:auto;
	margin:0px;
	padding:0px;
}
*/
#container2 .banner3 .menu2 ul ul a,
#container2 .banner3 .menu2 ul ul span{
	display:block;
	line-height:16px;
	height:16px;
	width:88px;
	padding:0px 0px 0px 25px;
	border-top: 1px solid #FFFFFF;
	vertical-align:middle;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0px;
	background-color:#B1A9A6;
	color: #565658;
    text-decoration:none;
}
#container2 .banner3 .menu2 a img,
#container2 .banner3 .menu2 span img{
    border:none;
}

#container2 .banner3 .menu2 li {
	display:inline;
	/*height:300px;*/
	margin-right:25px;
	position:relative;
}
#container2 .banner3 .menu2 ul ul {
	position:absolute;
	top:100%;
	left:-25px;
	padding-top:8px;
	z-index:500;
}
#container2 .banner3 .menu2 ul ul li {
	float:none;
	margin-left:0px;
	position:relative;
}

#container2 .banner3 .menu2 ul ul ul {
	left:100%;
	position:absolute;
	top:0;
}
#container2 .banner3 .menu2 ul ul,
#container2 .banner3 .menu2 ul li:hover ul ul,
#container2 .banner3 .menu2 ul ul li:hover ul ul {
	display:none;
}
#container2 .banner3 .menu2 ul li:hover ul,
#container2 .banner3 .menu2 ul ul li:hover ul,
#container2 .banner3 .menu2 ul ul ul li:hover ul {
	display:block;
}

#container2 .banner3 .menu2 ul li.bigmenu ul a,
#container2 .banner3 .menu2 ul li.bigmenu ul span{
	width:131px;
}


#container2 .banner3 .imgcontainer {
	position:absolute;
	top:44px;
	left:0px;
	width:218px;
	text-align:center;
}

#container2 .banner3 .headline {
	margin-left:218px;
	width:402px;
	height:60px;
	background-repeat:no-repeat;
	background-position:left bottom;
}

#container2 .banner3 .logoleiste{
	position:absolute;
	top:235px;
	left:0px;
	width:779px;
	height: 40px;

}
#container2 .banner3 .logoleiste ul{
	position:absolute;
	bottom: 0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}
#container2 .banner3 .logoleiste li {
	margin:0px 13px 0px 0px;
	padding:0px;
	display:inline;
}
#container2 .banner3 .logoleiste a{
	color: #565658;
    text-decoration:none;
}
#container2 .banner3 .logoleiste a img{
    border:none;
}

#container2 .banner3 .partnerimgmap{
	position:absolute;
	bottom:8px;
	left:0px;
}
#container2 .banner3 .partnerimgmap img{
    border:none;
}





/*
#menu ul ul {
	position: absolute;
	z-index: 500;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
*/
/*
#container2 .banner3 .menu2 ul ul,
#container2 .banner3 .menu2 ul li:hover ul ul,
#container2 .banner3 .menu2 ul ul li:hover ul ul{
	display: none;
}

#container2 .banner3 .menu2 ul li:hover ul,
#container2 .banner3 .menu2 ul ul li:hover ul,
#container2 .banner3 .menu2 ul ul ul li:hover ul{
	display: block;
}
*/


#container2 .content{
    width:799px;
    height:162px;
    margin:8px 0px;
    overflow-y:scroll;
    color:#646464;
    
    
}

#container2 .content a.special{
	display:block;
    width:200px;
	background-color:#E0DDDC;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
    color:#646464;
}
#container2 .content a.special2{
	font-weight:bold;
	font-size:11px;
	letter-spacing:-0.1px;
	text-decoration:none;
    color:#000000;
}
#container2 .content h1.special2{
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
    color:#1194a4;
	margin-top:5px;
}
#container2 .content div.special2pdf{
	float:right;
	text-transform:none;
	font-size:9px;
	letter-spacing:0.3px;
	color:#000000;
}
#container2 .content div.special2pdf a{
	vertical-align:middle;
}
#container2 .content div.special2pdf a img{
	border:none;
}
#container2 .content div.special2pdf table,
#container2 .content div.special2pdf tr,
#container2 .content div.special2pdf td,{
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	vertical-align:middle;
}


#container2 .content a{
	text-decoration:none;
    color:#646464;
}
#container2 .content a img{
	border:none;
}
#container2 .content h1,
#container2 .content h2,
#container2 .content h3,
#container2 .content h4{
    font-size: 1em;
	font-weight:bold;
}

#container2 .content .absatz{
}
#container2 .content .absatz .imgcontainer{
    float:left;
	clear:left;
    width:218px;
	margin-bottom:3px;
    text-align:center;
}
#container2 .content .absatz div.text{
    margin-left:218px;
    width:402px;
}

#container2 .content .absatz div.text .links a{
	text-decoration:none;
	font-weight:bold;
	color:#646464;
}
#container2 .content .absatz .clear{
    clear:both;
}


#container2 .content .login input.text,
#container2 .content .login input.password{
	border:1px solid #B1A9A6;
	color:#646464;
	/*padding:0px 7px;
	margin:0px;*/
	margin-bottom:1px;
}

#container2 .content .mailform{
	margin-top:1px;
	margin-left:218px;
    width:402px;
}
#container2 .content .mailform .webform_label_error,
#container2 .content .mailform .webform_msg_error{
	color:red;
}

#container2 .content .mailform .webform_table{
	border:none;
	border-collapse:collapse;
}
#container2 .content .mailform .webform_table .spalte1{
	width: 180px;
}
#container2 .content .mailform .webform_table .spalte2{
	width:222px;
}
#container2 .content .mailform .webform_table td{
	padding:0px;
}
#container2 .content .mailform td.webform_label,
#container2 .content .mailform td.webform_label_multi{
	vertical-align:top;
}


#container2 .content .mailform .webform_field,
#container2 .content .mailform .webform_field_multi{
	border-width: 1px;
	border-style:solid;
	border-color: #B1A9A6;
}
#container2 .content .mailform .webform_field input,
#container2 .content .mailform .webform_field select,
#container2 .content .mailform .webform_field_multi textarea{
	margin:0px;
	padding:0px;
	width:100%;
	border:none;
	border-width: 0px;
}
#container2 .content .mailform .webform_button input{
	border:none;
	border-width:0px;
	background-color:#B1A9A6;
	color:#646464;
	padding:0px 7px;
	margin:0px;
}

#container2 .content .suche{
	margin-top:1px;
	margin-left:218px;
    width:402px;
}




#container2 .footer{
    height: 13px;
    background-color:#B1A9A6;
}
#container2 .footer .tuer{
	float:right;
	padding-right:24px;

}
#container2 .footer .tuer a{

}
#container2 .footer .tuer a img{
	border:none;
}
#container2 .footer form{
    float:right;
    background-color:#FFFFFF;
}
#container2 .footer form table,
#container2 .footer form table td{
    margin:0px;
    padding:0px;
    border:none;
    border-collapse:collapse;
}
#container2 .footer form input.text,
#container2 .footer form input.password{
    float:left;
    height: 11px;
    width:75px;
    margin-left:8px;
    border:none;
    font-size:11px;
    line-height:11px;
    background-color:#EFEEED;
    color:#D0CBCA;
}
#container2 .footer form input.image{
    float:left;
    margin-left:8px;
    height: 13px;
    border:none;
}