* {
	margin: 			0;
	padding: 			0;
}

html, body {
	height:				100%;
	background-color:	#00293F;
}

	
body {
	font-family:		futura, arial, sans-serif;
	text-align: 		center;
}

td {
	font-family:		futura, arial, sans-serif;
	font-size:			12px;
	text-align: 		left;
	vertical-align:		top;
}

.admtd {
	font-family:		futura, arial, sans-serif;
	font-size:			12px;
	text-align: 		left;
	vertical-align:		top;
	border-bottom:		1px solid silver;
}

p {
	font-family:		futura, arial, sans-serif;
	font-size:			10px;
	line-height:		14px;
	text-align: 		left;
}

table {
	align:				center;
	cellpadding:		0;
	cellspacing:		0;
	border-collapse:	collapse;
}

ul {
	list-style-type:	disc;
	padding-bottom:		0px;
	padding-left:		15px;
	margin-left:		2px;

	margin-top:			5px;
}

li {
	font-size:			12px;
	line-height:		15px;
	margin-bottom:		5px;	
}

#seite {
	width:				1300px;
	margin:		 		0px;
	background-color:	white;
	text-align:			left;
	position: 			absolute;
}

#seitealt {
	width:				1300px;
	top:				0px;
	position: 			absolute;
	left: 				50%;
	margin-left: 		-650px;
	background-color:	white;
}

#header {
	width:				1200px;
	height:				250px;
	top:				0px;
	left:				50px;
	position:			absolute;
}

#logo {
	width:				235px;
	height:				102px;
	top:				50px;
	left:				0px;
	position:			absolute;
	background-image:	url(./img/hr_Logo.png);
	background-size:	100%;
}

#icons {
	width:				263px;
	height:				41px;
	top:				50px;
	right:				0px;
	position:			absolute;
	background-image:	url(./img/hr_Icons.png);
	background-size:	100%;
}

.email_link {
	color:				#7E7F7C;
	top:				112px;
	height:				33px;
	width:				1200px;
	right:				0px;
	text-align:			right;
	position:			absolute;	
	font-size:			13px;	
	text-align:			right;
	line-height:		20px;
}

 a, a:active, a:visited, a:focus{
	color:				#7E7F7C;
	text-decoration:	none;
}


a:hover{
	color:				#0089BF;
	text-decoration:	none;
}

#headerblue {
	width:				1200px;
	height:				15px;
	top:				0px;
	left:				0px;
	position:			relative;
	background-color:	#0089C0;
}

.home_link{
	width:				60px;
	height:				34px;
	top:				198px;
	left:				0px;
	position:			absolute;	
}

.home_link a{
	background-image:	url(img/Link_Home.png);
	background-position:0px 0px;	
	width:				60px;
	height:				34px;
	display: 			block;
}

.home_link  a:hover{
	background-position: 0 -34px;
}

.home_aktiv{
	width:				60px;
	height:				34px;
	top:				198px;
	left:				0px;
	position:			absolute;	
	background-image:	url(img/Link_Home_aktiv.png);	
	background-repeat:	no-repeat
}

.contact_link{
	width:				104px;
	height:				34px;
	top:				198px;
	right:				0px;
	position:			absolute;	
}

.contact_link a{
	background-image:	url(img/Link_Contact.png);
	background-position:0px 0px;	
	width:				104px;
	height:				34px;
	display: 			block;
}

.contact_link  a:hover{
	background-position: 0 -34px;
}

.contact_aktiv{
	width:				104px;
	height:				34px;
	top:				198px;
	right:				0px;
	position:			absolute;	
	background-image:	url(img/Link_Contact_aktiv.png);	
	background-repeat:	no-repeat
}

.what_link{
	width:				151px;
	height:				34px;
	top:				198px;
	left:				198px;
	position:			absolute;	
}

.what_link a{
	background-image:	url(img/Link_What.png);
	background-position:0px 0px;	
	width:				151px;
	height:				34px;
	display: 			block;
}

.what_link  a:hover{
	background-position: 0 -34px;
}

.what_aktiv{
	width:				151px;
	height:				34px;
	top:				198px;
	left:				198px;
	position:			absolute;	
	background-image:	url(img/Link_What_aktiv.png);	
	background-repeat:	no-repeat
}

.how_link{
	width:				177px;
	height:				34px;
	top:				198px;
	left:				487px;
	position:			absolute;	
}

.how_link a{
	background-image:	url(img/Link_How.png);
	background-position:0px 0px;	
	width:				177px;
	height:				34px;
	display: 			block;
}

.how_link  a:hover{
	background-position: 0 -34px;
}

.how_aktiv{
	width:				177px;
	height:				34px;
	top:				198px;
	left:				487px;
	position:			absolute;	
	background-image:	url(img/Link_How_aktiv.png);	
	background-repeat:	no-repeat
}

.get_link{
	width:				157px;
	height:				34px;
	top:				198px;
	right:				242px;
	position:			absolute;	
}

.get_link a{
	background-image:	url(img/Link_Get.png);
	background-position:0px 0px;	
	width:				157px;
	height:				34px;
	display: 			block;
}

.get_link  a:hover{
	background-position: 0 -34px;
}

.get_aktiv{
	width:				157px;
	height:				34px;
	top:				198px;
	right:				242px;
	position:			absolute;	
	background-image:	url(img/Link_Get_aktiv.png);	
	background-repeat:	no-repeat
}


#headerimg {
	width:				1200px;
	height:				462px;
	top:				250px;
	left:				50px;
	position:			absolute;
}

#infografik {
	width:				1200px;
	height:				727px;
	top:				1166px;
	left:				50px;
	position:			absolute;
	background-image:	url(./img/Website_Infografik.jpg);
	background-size:	100%;
}

#map_canvas {
	width:				1200px;
	height:				527px;
	top:				1166px;
	left:				50px;
	position:			absolute;
}

#infografik_cust{
	width:				505px;
	height:				151px;
	top:				115px;
	left:				80px;
	border:				1px solid black;
	position:			absolute;	
}

.infografik_conc{
	width:				221px;
	height:				118px;
	top:				387px;
	left:				768px;
	position:			absolute;	
}

.infografik_conc a{
	background-image:	url(img/Website_Infografik_Concept.png);
	background-position:0px 0px;	
	width:				221px;
	height:				118px;	
	display: 			block;
}

.infografik_conc  a:hover{
	background-position: 0 -118px;
}
#anker {
	top:				750px;
	left:				50px;
	z-index:			9;	
	position:			absolute;	
	width:				1200px;
	height:				15px;		
}
#news {
	width:				1200px;
	height:				345px;	
	top:				770px;
	left:				50px;
	position:			absolute;	
}

#klammerl {
	width:				33px;
	height:				345px;	
	top:				0px;
	left:				0px;
	position:			absolute;	
	z-index:			1;
	background-image:	url(./img/klammer_links.png);
	background-size:	100%;	
}

#klammerr {
	width:				33px;
	height:				345px;	
	top:				0px;
	right:				0px;
	position:			absolute;	
	z-index:			1;
	background-image:	url(./img/klammer_rechts.png);
	background-size:	100%;	
}

#newsbg {
	width:				1136px;
	height:				281px;	
	top:				32px;
	right:				33px;
	position:			absolute;	
	z-index:			2;	
	background-color:	white;
}

.repeatingnews {
	width:				1136px;
	height:				281px;	
	position:			absolute;	
	z-index:			2;	
	background-color:	white;
	left:				0px;
}

#newsheader {
	width:				1000px;
	height:				16px;	
	top:				-1px;
	left:				42px;
	position:			absolute;	
	z-index:			2;	
	background-color:	white;
	color:				#7E7F7C;
	letter-spacing:		2px;
	font-weight:		normal;
	font-size:			15px;	
	text-align:			left;
}

#newsframefull {
	width:				1136px;
	height:				281px;
	top:				0px;
	left:				0px;
	position:			absolute;	
	z-index:			3;	
	background-color:	white;	
}

#newsframefull p {
	line-height:		21px;
	font-weight:		normal;
	font-size:			16px;	
	text-align:			left;
	padding-top:		0px;
	padding-left:		0px;
	padding-bottom:		10px;
	letter-spacing:		1px;	
}

#newsframehalf {
	width:				560px;
	height:				281px;
	top:				0px;
	right:				0px;
	position:			absolute;	
	z-index:			3;	
	background-color:	#e9e9e8;	
}

#newsframehalf p {
	line-height:		21px;
	font-weight:		normal;
	font-size:			16px;	
	text-align:			left;
	padding:			10px;
	letter-spacing:		1px;	
}

.button {
	background-color:	silver; 
	color:				#fff; 
	width:				120px; 
	border:				1px solid darkgray;
}


#inhalt {
	width:				1200px;
	background-color:	#ffffff; /* #e9e9e8; */
	top:				1166px;
	left:				50px;
	position:			absolute;	
	z-index:			3;	
	padding-top:		0px; /* 32px; */
	padding-bottom:		0px; /* 32px; */
	color:				#00293F;
}

#inhalt2 {
	width:				1200px;
	background-color:	#ffffff; /* #e9e9e8; */
	left:				50px;
	top:				1566px;	
	position:			absolute;	
	z-index:			3;	
	padding-top:		0px; /* 32px; */
	padding-bottom:		0px; /* 32px; */
	color:				#00293F;
}


#inhaltbsp {
	width:				1200px;
	background-color:	white;
	top:				1166px;
	left:				50px;
	position:			absolute;	
	z-index:			3;	
	padding-top:		0px;
	padding-bottom:		0px;
}

#inhalt p {
	line-height:		21px;
	font-weight:		normal;
	font-size:			18px;	
	text-align:			left;
	padding-top:		0px;
	padding-left:		0px; /* 33px; */
	padding-right:		0px; /* 33px; */
	padding-bottom:		18px;
	letter-spacing:		1px;	
}

.inhalt2bold{
	line-height:		21px;
	font-weight:		bold;
	font-size:			18px;	
	text-align:			left;
	padding:			5px;
	letter-spacing:		1px;
}

.inhalt2black{
	line-height:		21px;
	font-weight:		normal;
	font-size:			18px;	
	text-align:			left;
	padding:			5px;
	letter-spacing:		1px;
}

.inhalt2blue{
	line-height:		21px;
	font-weight:		bold;
	font-size:			18px;	
	text-align:			left;
	padding:			5px;
	letter-spacing:		1px;
	color:				#0089C0;
	padding-top:		15px;
}

.verlaufgrau {
	padding:			10px;
	/*background-color:	silver;*/
	background-image: 	url(./img/verlaufgrau.png);
	margin-top	: 		20px;
}



#inhalt ul {
	list-style-type:	disc;
	padding-bottom:		0px;
	padding-left:		15px;
	margin-left:		2px;
	line-height:		21px;
	font-weight:		normal;
	font-size:			18px;
	margin-top:			5px;
}

#inhalt ul li {
	font-size:			18px;
	line-height:		21px;
	font-weight:		normal;
	margin-bottom:		5px;	
}

.h1blue {
	font-size:			30px;
	line-height:		45px;
	font-weight:		normal;
	padding-bottom:		24px;
	font-weight:		bold;
	color:				#0089C0;
}

.h1dblue {
	font-size:			30px;
	line-height:		45px;
	font-weight:		normal;
	padding-bottom:		24px;
	font-weight:		bold;
}

#inhaltadm {
	width:				1136px;
	top:				250px;
	left:				82px;
	position:			absolute;	
	z-index:			3;		
}

#inhaltlw {
	width:				1136px;
	top:				1166px;
	left:				81px;
	position:			absolute;	
	z-index:			3;		
}

#inhalts {
	width:				1136px;
	top:				1166px;
	left:				82px;
	position:			absolute;	
	z-index:			3;		
}

#inhalts p  {
	line-height:		16px;
	font-weight:		normal;
	font-size:			12px;	
	text-align:			left;
	padding-top:		0px;
	padding-left:		0px;
	padding-bottom:		10px;
	letter-spacing:		1px;	
}

#newsframe1 {
	width:				272px;
	height:				281px;
	top:				0px;
	left:				0px;
	position:			absolute;	
	z-index:			3;	
	background-color:	darkgray;	
}

.unterschrift {
	line-height:		21px;
	font-weight:		normal;
	font-size:			16px;
	text-align:			left;
	padding-top:		10px;
	padding-bottom:		10px;
	letter-spacing:		1px;
}

.new1{
	width:				50px;
	height:				29px;
	top:				0px;
	right:				20px;
	position:			absolute;	
	background-image:	url(./img/NEW.png);	
	background-repeat:	no-repeat
	background-size:	100%;
	z-index:			5;
}

.clicktolearn{
	width:				272px;
	height:				30px;
	bottom:				0px;
	right:				0px;
	position:			absolute;	
	z-index:			5;
	text-align:			center;
	color:				#e8e000;
}

.clicktolearnw{
	width:				272px;
	height:				30px;
	bottom:				0px;
	right:				0px;
	position:			absolute;	
	z-index:			5;
	text-align:			center;
	color:				#d8edf5;
}

#newsframe2 {
	width:				272px;
	height:				281px;
	top:				0px;
	left:				288px;
	position:			absolute;	
	z-index:			3;	
	background-color:	darkgray;	
}

#newsframe3 {
	width:				272px;
	height:				281px;
	top:				0px;
	right:				288px;
	position:			absolute;	
	z-index:			3;	
	background-color:	darkgray;	
}

#newsframe4 {
	width:				272px;
	height:				281px;
	top:				0px;
	right:				0px;
	position:			absolute;	
	z-index:			3;	
	background-color:	darkgray;	
}

#footer {
	width:				1200px;
	height:				148px;
	bottom:				0px;
	left:				50px;
	position:			absolute;
	
}

#footergray {
	width:				1200px;
	height:				5px;
	top:				-10px;
	left:				0px;
	position:			absolute;
	background-color:	#7E7F7C;
}

#footerblue {
	width:				1200px;
	height:				25px;
	bottom:				0px;
	left:				0px;
	position:			absolute;
	background-color:	#0089C0;
}

#copyright {
	color:				white;
	bottom:				5px;
	left:				10px;
	text-align:			left;
	position:			absolute;	
	font-size:			10px;		
}

.impressum_link {
	color:				white;
	bottom:				5px;
	right:				10px;
	text-align:			right;
	position:			absolute;	
	font-size:			10px;		
}

.impressum_link  a{
	color:				white;
}

.footerth {
	color:				#0089BF;
	letter-spacing:		2px;
	font-weight:		normal;
	font-size:			13px;
	padding-bottom:		8px;
}

.footertd {
	color:				#0089BF;
	letter-spacing:		2px;
	font-weight:		normal;
	font-size:			11px;	
	line-height:		18px;	
}