/****************************** 
**                           **
**   mcs Werbemittel GmbH    **
** CSS Bildschirmdarstellung **
**                           **
**   Gecko-Engine / Opera    **
**                           ** 
******************************/

/*** General - START ***/

html, body {
	margin				: 0;		   
	padding				: 0;
	color				: white;	  
	background-color	: black; 
	font-family			: sans-serif;
	background-image	:  url(../pics/space.jpg);
	}

/*** General - ENDE ***/ 

/*** Header - START ***/

#head {
	position			: fixed;
	top 				: 0;
	left 				: 0;
	margin 				: 0;
	padding 			: 10px 0px 0px 20px;
	height 				: 80px;
	width 				: 100%;
	color 				: black;
	background-color 	: #D0D0D0;
	background-image	:  url(../pics/bg_head1.gif);
	z-index 			: 200;
	text-align			: left;
	border				: none;
	}

#headb {
	position			: absolute;
	top 				: 80px;
	left 				: 0px;
	margin 				: 0;
	padding 			: 0;	
	height				: 30px;
	width 				: 100%;	
	color 				: white;
	background-color 	: #49565A;
	background-image	:  url(../pics/bg_head2.gif);
	z-index 			: 201;
	text-align			: right;
	border				: none;
	}

#headb img {
	margin				: 2px 20px 0px 0px;
	}

/*** Header - END ***/

/*** Navigation - START ***/


#navbox {
	position			: fixed; 
	left				: 20px; 
	top					: 109px;
	height				: 20px;
	width				: auto;
	color				: black;
	background-color	: transparent;
	z-index 			: 204;
	}

#navbox p {
	margin				: 0;
	padding				: 3px;
	}

a:link.men, a:visited.men, a:active.men {
	margin-right 		: 0.1em;
	padding				: 4px 10px 4px 10px;
	color 				: white;
	background-color 	: #49565A;
	border-left			: 1px solid #ffffff;
	border-top			: 1px solid #ffffff;
	border-right		: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	font-family 		: sans-serif;
	font-size 			: 0.8em;
	font-weight 		: bold;
	text-decoration 	: none;
	}

a:hover.men {
	color 				: #ff0000;
	background-color 	: #D0D0D0;	
	border-left			: 1px solid #ffffff;
	border-top			: 1px solid #ffffff;
	border-right		: 1px solid #ff0000;
	border-bottom		: 1px solid #ff0000;
	font-family 		: sans-serif;
	font-weight 		: bold;
	}

a:link.mena, a:visited.mena, a:active.mena { 
	margin-right 		: 0.1em;
	padding				: 4px 10px 4px 10px;
	color 				: #ff0000;
	background-color 	: #D0D0D0;	
	border-left			: 1px solid #ff0000;
	border-top			: 1px solid #ff0000;
	border-right		: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	font-family 		: sans-serif;
	font-size 			: 0.8em;
	font-weight 		: bold;
	text-decoration 	: none;
	}

a:hover.mena { 
	color 				: #ff0000;
	background-color 	: #D0D0D0;
	border-left			: 1px solid #ff0000;
	border-left			: 1px solid #ff0000;
	border-right		: 1px solid #ff0000;
	border-bottom		: 1px solid #ff0000;
	font-family 		: sans-serif;
	font-weight 		: bold;
	}
	
/*** Navigation - END ***/

/*** Content - START ***/

h1 {
	font-size			: 2em;
	text-align			: justify;
	padding-left		: 7px;
	padding-bottom		: 20px;
	}

h1 img {
	vertical-align		: middle;
	}

#text { 
	position			: absolute;
	top					: 180px;
	left				: 20px;
	padding				: 0px 0px 0px 20px;
	margin				: 0;
	width				: 90%;
	height				: auto;
	font-family			: sans-serif;
	font-size			: 0.8em;
	font-weight			: normal;
	text-align			: right;
	line-height			: 200%;
	max-height			: 55%;
	overflow			: visible;
	z-index				: 4;
	}
	
#text p { 
	font-family			: sans-serif;
	font-size			: 1em;
	font-weight			: normal;
	text-align			: justify;
	line-height			: 180%;
	margin-left			: 10px;
	}

#text p img {
	float				: left;
	line-height			: 200%;
	margin				: 8px 20px 20px 0px;
	}

#text p a:link, a:visited, a:active {
	margin 				: 0;
	padding				: 0;
	color 				: white;
	background-color 	: black;
	font-family 		: sans-serif;
	font-size 			: 1em;
	font-weight 		: bold;
	text-decoration 	: none;
	}

#text p a:hover {
	margin 				: 0;
	padding				: 0;
	color 				: red;
	background-color 	: black;
	font-family 		: sans-serif;
	font-size 			: 1em;
	font-weight 		: bold;
	text-decoration 	: none;
	}
	
#text p span {
	font-weight			: bold;
	}

#country {
	position			: absolute;
	top					: 160px;
	left				: 22px;
	font-weight			: bold;	
	vertical-align		: middle;
	}

#member {
	position			: absolute;
	top					: 220px;
	left				: 30px;
	width				: auto;
	height				: auto;
	font-size			: 0.8em;
	}
	
#pic {
	text-align			: center;
	float				: left;
	width				: auto;
	height				: auto;
	padding-right		: 5%;
	}
	
#pic span {
	font-weight			: bold;
	}

#pic img {
	margin-bottom		: 10px;
	}

#address {
	float				: left;
	padding-left		: 30%;
	line-height			: 150%;
	}

#address a:link, a:visited, a:active {
	margin		 		: 0;
	padding				: 5px;
	color 				: white;
	background-color 	: #49565A;
	border-left			: 1px solid #ffffff;
	border-top			: 1px solid #ffffff;
	border-right		: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	font-family 		: sans-serif;
	font-size 			: 1em;
	font-weight 		: bold;
	text-decoration 	: none;
	vertical-align		: middle;
	}

#address a:hover {
	margin		 		: 0;
	padding				: 5px;
	color 				: red;
	background-color 	: #D0D0D0;
	border-left			: 1px solid #ff0000;
	border-top			: 1px solid #ff0000;
	border-right		: 1px solid #000000;
	border-bottom		: 1px solid #000000;
	font-family 		: sans-serif;
	font-size 			: 1em;
	font-weight 		: bold;
	text-decoration 	: none;
	vertical-align		: middle;
	}
	
/*** Content - END ***/

/*** Footer - START ***/

#footer {
	margin 				: 0;
	padding 			: 0;
	position 			: fixed;
	bottom 				: -1px;
	left 				: 0px;
	width 				: 100%;
	height 				: 44px;
	background-image 	:  url(../pics/earth_horizon.jpg);
	background-repeat 	: no-repeat;
	background-position : 50% 100%;
	color 				: white;
	background-color	: transparent;
	}
	
/*** Footer - END ***/