/*Grundlegendes:*/
* {
   padding:					0;
   margin:					0;
}

html, body {
	height:  				100%;
}

body {
	text-align: 			justify;
	margin:					0 auto;
	padding:				0;
	color:					#000;
	font-style:				normal; 
	font-variant:			normal;
	font-weight:			normal;
	font-size:				11px;
	font-family:			Trebuchet, 'Lucia grande', Verdana, Tahoma, Arial, sans-serif;
	background:				#fff;
	background: 			url('images/bg.gif');
}

#page {
	width:					809px;
	min-height:				500px;
	margin:					0 auto;
}

#header {
	height:					152px;
	width:					809px;
	margin: 				0 auto;
	background: 			url('images/header.png') no-repeat;
	padding:				0px;

}

#content {
	background:				url('images/content_bg.gif') repeat-y;
}

/*============================================================*/
/*Menue:*/
#menu {
	float:					right;
	padding:				0 0 0 20px;
	width: 					218px;
	min-height:					100%;
	color:					#ffffff;
}

.menu{
	height:					20px;
	margin:					0;
	padding:				0;
	width:					150px;
}

#menu ul {	
	list-style:				none;
	width:					150px;
	margin:					0 0 0 10px;
	padding:				0;
	font-size:				1.1em;
}	

#menu li {
	margin-bottom:	5px;
	line-height:		18px;
}

#menu li a {
	margin:  				5px 5px 5px 5px;
	color:					#003366;
	text-decoration:none;
	line-height:		18px;
}	
	
#menu li a:hover {
	color: 				 	#339999;
	text-decoration:none;
	line-height:		18px;
}	

#menu a {
	margin: 				5px 5px 5px 5px;
	color:					#CC0000;
	text-decoration:none;
	line-height:		18px;
}

#menu a:hover {
	color:			 		#339999;
	text-decoration:none;
	line-height:		18px;
}


/*============================================================*/
/*Inhalt:*/
#info {
	float;left;
	margin:		 		     0 5px 0 5px;
	width:					 550px;
	min-height:				 430px;
}

#info ul {
	list-style-image:		url('images/10.jpg');
	margin:					5px 5px 5px 10px;
	padding:				5px;
	font-size:				11px;
}

#info li {
	margin:  				5px 5px 5px 5px;
	padding:	            inherit;
	color:					#003366;
	text-decoration:		none;
}

.post {
	padding:				 0 0 15px 25px;
}

a{
	color:					 #660000;
}

a:hover{
	color:					 #000000;
}

h1{
	color:					 #fff;
	font-weight:		     normal;
	font-size:			     30px;
	padding: 				 50px 0 10px 30px;
}

h2 a{
	position:				 absolute;
	top:					 65px;
	color:					 #fff;
	font-size:			 	 13px;
	margin:					 0 0 0 615px;
	text-decoration: none;
}

h2 a:hover{
	color:	 				 #339999;
}

h3 {
	color:					 #660000;
	font-size:			 	 12px;
	font-weight:		 	 bold;
}

h3 a{
	color:					 #339966;
	font-size:			     12px;
	font-weight:		 	 bold;
}

h3 a:hover{
	color:					 #339999;
	font-size:			 	 12px;
	font-weight:		 	 bold;
}

h4{
	color:					 #68838B;
	font-size:			 	 20px;
	font-weight:		 	 normal;
}

h5{
	color:					 #330000;
	font-size:			 	 10px;
	font-weight:		 	 normal;
	padding:				 5px;
}

h3 img{
	float:					 left;
}

h6{
	color:					 #68838B;
	font-size:			 	 16px;
	font-weight:		 	 normal;
}

/*============================================================*/
/*Fussabtreter:*/
#footer{
	padding: 			   	 10px 0 0 250px;
	background:			 	 url('images/footer.gif') no-repeat;
	height:					 48px;
}

#footer a {
	color:	 				 #000;
}

#footer a:hover {
	color:				 	 #fff;
}

/*============================================================*/
/*Fussabtreter:*/
#port-navi{
     padding:				2px 0 0px 18px;
     width:					440px;
}
     #port-navi a img{
       width:				  50px;
       padding:				0px;
       margin:				3px;
}
     div#port-navi a{padding:0;margin:0;}
     div#port-navi a span {display: none; color:#ff0000; background:#efefef;}
     div#port-navi a:hover{color: #411; background: #ffffff; padding:0;}
     div#port-navi a:hover span {

       display: 			block;
       position: 			absolute;
       top:						200px;
       left:					60%;
       width: 				300px;
       padding: 			260px 15px 8px 15px;
       margin: 				20px auto;
       z-index: 			100;
       color: 				#AAA;
       background: 		#efefef;
       font: 					10px 'lucida grande', sans-serif;
       text-align: 		left;
       border:				2px solid #cfcfcf;

}