/*	file:			HBA-GmbH_Screen.css [for website of Hafenbetrieb Aken GmbH]	*/
/*	last update:	2008/03/03									*/
/*	autor:		Sebastian Krug								*/
	

body{
	color:			#000000;						/*Schriftfarbe*/
	background-color:		#ffffcc;						/*Hintergrundfarbe*/
	font-family:		verdana, arial, helvetica, sans-serif;	/*Schriftartenpool*/
	font-size:			14px;							/*Schriftgröße normaler Text*/
	margin:			0px;							/*äußerer Abstand*/	
	padding:			10px;							/*innerer Abstand*/
}

a img {
	border:			0; 			/*Rahmen um Bild, wenn Hyperlink: aus*/
}

h1 {
	font-size:		150%; 			/*Größe Überschrift Ebene 1*/
}

h2 {
	font-size:		145%; 			/*Größe Überschrift Ebene 2*/
}

h3 {
	font-size:		130%; 			/*Größe Überschrift Ebene 3*/
}

h4 {
	font-size:		125%; 			/*Größe Überschrift Ebene 4*/
}

h5 {
	font-size:		120%; 			/*Größe Überschrift Ebene 5*/
}

h6 { 
	font-size:		115%; 			/*Größe Überschrift Ebene 6*/
}

#basis {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff; 				/*Hintergrundfarbe*/
	width:			780px;			/*Seitenbreite*/
	margin:			auto;				/*außerer Abstand: zentriert*/
	border:			1px solid #f000000;	/*Rahmen*/
}

#kopf {
	position:			relative;	
	padding:			20px 10px 0px 10px;	/*innerer Abstand*/
	background-color:		#0000b7;			/*Hintergrundfarbe*/
}

#kopf p{
	position:			absolute;		
	top:			2px;			/*Abstand nach oben*/
	right:			10px;			/*Abstand nach rechts*/
	padding:			0px;			/*innerer Abstand*/
	margin:			0px;			/*äußerer Abstand*/
	font-size:		75%;			/*Schriftgröße*/
}

#kopf a {
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#ffffcc;			/*Schriftfarbe*/
}

#navi {
	text-align:		center;			/*Textausrichtung: zentriert*/
	background-color:	#0000b7;		/*Hintergrundfarbe*/
	padding:			10px 10px 4px 10px;	/*innerer Abstand*/
	border-bottom:		1px solid #0000b7;	/*Rahmen unten*/
}	

#navi ul {
	padding:			0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
}

#navi li {
	list-style-type:		none;			/*Liste ohne Anstriche*/
	display:			inline;			/*Anzeige in einer Linie*/
}

#navi a {
	text-size:			100%;			/*Schriftgröße*/
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#ffffcc;			/*Schriftfarbe*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding:			4px 6px 4px 6px;		/*innerer Abstand*/
	border:			1px solid #0000b7;	/*Rahmen*/
}

#navi a:hover, #leistungsangebot #navi02 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding-bottom:		5px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#navi a:hover, #navi a:active, #index #navi01, #ansprechpartner #navi03, #anfahrt #navi04, #partner #navi05, #download #navi06, #kontakt #navi08 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff;			/*Hintergrundfarbe*/
	padding-bottom:		5px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#subnavi00 {
	text-align:		left;			/*Textausrichtung: links*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding:			10px 10px 4px 10px;	/*innerer Abstand*/
}	

#subnavi00 ul {
	padding:			0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
}

#subnavi00 li {
	list-style-type:		none;			/*Liste ohne Anstriche*/
	display:			inline;			/*Anzeige in einer Linie*/
}

#subnavi00 a {
	text-size:			50%;			/*Schriftgröße*/
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffcc;			/*Hintergrundfarbe*/
	padding:			3px 3px 3px 3px;		/*innerer Abstand*/
	border:			1px solid #0000b7;	/*Rahmen*/
}

#subnavi00 a:hover, #subnavi00 a:active, #subleistungsangebot01  #navi0201,  #navi0202 #subleistungsangebot02, #navi0203 #subleistungsangebot03 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff;			/*Hintergrundfarbe*/
	padding-bottom:		4px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#subnavi01 {
	text-align:		left;			/*Textausrichtung: links*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding:			10px 10px 4px 10px;	/*innerer Abstand*/
}	

#subnavi01 ul {
	padding:			0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
}

#subnavi01 li {
	list-style-type:		none;			/*Liste ohne Anstriche*/
	display:			inline;			/*Anzeige in einer Linie*/
}

#subnavi01 a {
	text-size:			50%;			/*Schriftgröße*/
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffcc;			/*Hintergrundfarbe*/
	padding:			3px 3px 3px 3px;		/*innerer Abstand*/
	border:			1px solid #0000b7;	/*Rahmen*/
}

#subnavi01 a:hover, #subnavi01 a:active, #subnavi01  #navi0201 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff;			/*Hintergrundfarbe*/
	padding-bottom:		4px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#subnavi02 {
	text-align:		left;			/*Textausrichtung: links*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding:			10px 10px 4px 10px;	/*innerer Abstand*/
}	

#subnavi02 ul {
	padding:			0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
}

#subnavi02 li {
	list-style-type:		none;			/*Liste ohne Anstriche*/
	display:			inline;			/*Anzeige in einer Linie*/
}

#subnavi02 a {
	text-size:			50%;			/*Schriftgröße*/
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffcc;			/*Hintergrundfarbe*/
	padding:			3px 3px 3px 3px;		/*innerer Abstand*/
	border:			1px solid #0000b7;	/*Rahmen*/
}

#subnavi02 a:hover, #subnavi02 a:active, #subnavi02  #navi0202 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff;			/*Hintergrundfarbe*/
	padding-bottom:		4px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#subnavi03 {
	text-align:		left;			/*Textausrichtung: links*/
	background-color:	#66ccff;			/*Hintergrundfarbe*/
	padding:			10px 10px 4px 10px;	/*innerer Abstand*/
}	

#subnavi03 ul {
	padding:			0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
}

#subnavi03 li {
	list-style-type:		none;			/*Liste ohne Anstriche*/
	display:			inline;			/*Anzeige in einer Linie*/
}

#subnavi03 a {
	text-size:			50%;			/*Schriftgröße*/
	text-decoration:		none;			/*Hyperlinkunterstreichung: aus*/
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffcc;			/*Hintergrundfarbe*/
	padding:			3px 3px 3px 3px;		/*innerer Abstand*/
	border:			1px solid #0000b7;	/*Rahmen*/
}

#subnavi03 a:hover, #subnavi03 a:active, #subnavi03  #navi0203 {
	color:			#000000;			/*Schriftfarbe*/
	background-color:	#ffffff;			/*Hintergrundfarbe*/
	padding-bottom:		4px;			/*innerer Abstand unten*/
	border-bottom:		none;			/*Rahmen unten: aus*/
}

#inhalt_aussen {
	border-right:		10px solid #0000b7;	/*Rahmen rechts*/
	border-left:		10px solid #0000b7;	/*Rahmen links*/
}

#inhalt {
	width:			600px;			/*Breite*/
	margin:			auto;			/*äußerer Abstand: zentriert*/
	padding:			10px;			/*innerer Abstand*/
}

#fuss {
	padding: 		0;			/*innerer Abstand*/
	margin:			0;			/*äußerer Abstand*/
	border:			0;			/*Rahmen*/
}

address {
	color:			#ffffcc;			/*Schriftfarbe*/
	font-size:		80%;			/*Schriftgröße*/
	font-style:		normal;			/*Schriftstil*/
	letter-spacing:		1px;			/*Zeichenabstand*/
	line-hight:		1.5em;			/*Zeilenhöhe*/
	text-align:		center;			/*Textausrichtung: zentriert*/
	padding:			10px 4px 10px 4px;	/*innerer Abstand*/
	margin-top:		0px;			/*äußerer Abstand*/
	background-color:	#0000b7;		/*Hintergrundfarbe*/
}

#autor {
	font-size:		10px;			/*Schriftgröße normaler Text*/
	color:			#000000;			/*Schriftfarbe: schwarz*/
	padding:			1px;			/*innerer Abstand*/	
}	

#fussnote {
	font-size:		10px;			/*Schriftgröße normaler Text*/
}