/* File: rpg_css_page_layout.css */
/* vi: set tabstop=2 shiftwidth=2 : */
/*----------------------------------------------------------------------------*/
/* color: #ff8700; /* orange in Navigation und headlines */ 
/* color: #0c2577; /* Dunkles Blau (Headlines) */ 
/* color: #707070; /* Dunkles Grau (Background unter der Maus:hover) */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* Fixed block on left side, cotains company logo, navigation (and footer)    */
/*----------------------------------------------------------------------------*/

div#left {
  position: fixed;  /* einziger FIXED block? */
	border: solid 1px #000000;
	border-width: 0px 0px 0px 0px;
	color: #000000;  
	background-color: #ffffff;  /* white */
	margin: 0px; padding:  0px; padding-right: 0px;
  left: 0px; top:  0px;
	width: 170px; /* 150 plus 2 mal 10px Rand */
	height: 99.5%; /* nearly 100% ... */
	height: 100%;
	min-height: 800px;
  z-index: 900;
}

@media print {
	div#left {
		display: none; width: 1px; } 
}


img#company_logo {
	position: absolute; 
	/* background-color: transparent; */
	background-color: #ffffff;
 	border: solid 0px #ff0000; 
	padding:  0px;
	top:   10px; left:  10px; /* Position */
	float: left;
	z-index: 990;
}
@media print {
	div#company_logo {
		display: none; width: 1px; } }

/*----------------------------------------------------------------------------*/
/* footer und navigation brauchen padding=10 und position=0 wegen box-fuellung*/
/*----------------------------------------------------------------------------*/

div#footer_frame {
  font: normal 10px sans-serif;
	position: fixed;
  border: solid 0px #000000;
	border-width: 1px 0px 1px 0px;
	color: #000000; 
	/* background-color: #ddddf0;  /* blue-grey */
	background-color: #f0f0f0;  /* blue-grey */
	padding: 0px;
	left:   10px; 
	bottom:  7px; /* positioning */
	width: 160px;
	height: 65px;
	text-align: left;
	z-index: 950;
}
div#footer { padding:  9px; }

span#revision_date { 
	font: normal 4px  !important ; 
	letter-spacing: -0.05em;
	padding: 0px;
}

span.date { 
	background-color: #faa;
	font-weight: bold;
}

@media print {
div#footer_frame {
	display: none;
	width: 1px;
	height: 1px;
} }

@media print {
	span#revision_date { display: none; }
	div#footer {
	display: none;
	width: 1px;
	height: 1px;
} }


/*----------------------------------------------------------------------------*/

div#navigation_container { /* part of page-layout, NOT the navigation_css! */
	position: absolute; 
  border: solid 0px #000000;
	border-width: 0px 0px 0px 0px;
	color: #000000;  
	/* background-color: #f5f5f5;  /* light-grey */
	background-color: #ffffff;  /* light-grey */
	margin: 0px;
	padding: 10px; 
  left:  0px;
  top:  80px;   /* height von "company" +10 = 110 */
  width: 150px; /* Breite wie "left_side" */
	bottom: 65px; /* von unten gerechnet */
	z-index: 901;
}
@media print {
	div#navigation_container {
		display: none; width: 1px; } }


/*----------------------------------------------------------------------------*/
/* Content is all in one DIV which is scrollable on right side ... */
/*----------------------------------------------------------------------------*/

div#content {
	font-size: 10px; 
  width: 1066px;
	padding: 40px 5px 10px 180px; /* top right bottom left */
	/* 10 px more than width oft "left" (as padding) */
	text-align: justify;
	line-height: 1.2em;
	z-index: 100;
	border: solid 0px #00aa99; 
}

@media print {
	div#content {
		padding: 1em 1em 1em 1em;
		width: 100%;
		line-height: 1.0em;
 } }

div.summary_page {
	font-size: 11px;
	line-height: 1.2em;
}




div.key_phrase {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.45em
}

div#content div.thumbs img
{
	display: inline-block;
	border: solid 1px;
	height: 120px;
	border-color: #000000;
}


/******************************************************************************
 ******************************************************************************
 texte auf 700, 730
 fade-images 760, 790
 Bogen-img auf 800
 icon-divs auf 810
 icon-imgs auf 810
 menue aug 900er
 heading1 auf 999

	position: fixed; 
	z-index:100 !important ;
	z-index:100;
/******************************************************************************/

div#fp_container1 {
	position: absolute; 
	left: 180px; top:   5px; width: 1066px;
}
div#fp_container2 {
	position: absolute; 
	left: 180px; top: 630px; width: 1066px;
}
h1#fp_h1 {
	position: absolute; 
	left: 180px; 
	top: 5px; 
	width: 1058px;
}

div.fp_gallery {
	position: absolute; 
	left: 180px; top: 60px; 
	background-color: none; 
	border-style: solid; 
	border-color: #a5a5c0;
	border-width:  0px;
	height: 565px;
	width:  1066px;
}
img#fp1_bg {
	position: absolute; 
	left: 100px; 
	top: 015px; 
	border: 0px solid black; 
}

div.fp_icon_01 , div.fp_icon_02 , div.fp_icon_03 , div.fp_icon_04 ,
div.fp_icon_05 , div.fp_icon_06 , div.fp_icon_07 , div.fp_icon_08 {
	padding:35px;margin:0px;
	position: absolute; 
	display: block;
	left: 0px; top: 0px;
	background-color: none; 
	border-style: solid; 
	border-color: #aa3030;
	border-width:  0px;
}
div.activator { z-index: 850;}

img.icon {
	height: 80px; 
	padding:0px; 
	margin:0px; 
}

img.expanded,  div.expanded  {
	position: absolute; 
	display: none;
} 

div.activator:hover img.expanded { display:block; position:absolute;   border: solid 0px green;
	right: 000px; bottom: 000px; 
	height:400px;
}

div.activator:hover div.expanded {
	display:block; position:absolute; width: 10px; height:10px;
	background: none; border: 0px solid green;
	font-size: Large; z-index: 150;
}
div.expanded0 {
	display:block; position:absolute; left: 0px; top: 0px; width:240px; height:400px;
	background: none; border: solid 0px green; font-size: Large;
}
img.expanded0 {
	display:block; position:relative; 
	left:  430px; top: 180px;  max-width: 300px; max-height:380px;
	border: solid 0px green;
}


div.fp_icon_01 {left: 612px; top:  -5px; padding: 10px 35px 35px 15px;}
div.fp_icon_02 {left: 490px; top: 005px; padding: 35px 30px 25px 20px;}
div.fp_icon_03 {left: 380px; top: 035px; padding: 35px 30px 20px 20px;}
div.fp_icon_04 {left: 260px; top: 115px; padding: 25px 22px 35px 15px;}
div.fp_icon_05 {left: 157px; top: 210px; padding: 35px 10px 35px 20px;}
div.fp_icon_06 {left:  85px; top: 360px; padding: 10px 35px 10px 00px;}

div.fp_icon_01:hover div.expanded {left: -612px; top:  005px; }
div.fp_icon_02:hover div.expanded {left: -490px; top: -005px; }
div.fp_icon_03:hover div.expanded {left: -380px; top: -035px; }
div.fp_icon_04:hover div.expanded {left: -260px; top: -115px; }
div.fp_icon_05:hover div.expanded {left: -157px; top: -210px; }
div.fp_icon_06:hover div.expanded {left:  -85px; top: -360px; }

/*** links oben: 385,180 ***/
div.fp_icon_01:hover img.expanded {left: -420px; top:  170px; }
div.fp_icon_02:hover img.expanded {left: -105px; top:  160px; }
div.fp_icon_03:hover img.expanded {left:    5px; top:  130px; }
div.fp_icon_04:hover img.expanded {left:  125px; top:   50px; }
div.fp_icon_05:hover img.expanded {left:  228px; top:  -45px; }
div.fp_icon_06:hover img.expanded {left:  300px; top: -195px; }




div.fp_exp_div_1 {background: none; width:  360px; height: 110px; border: 0px solid blue; z-index: 303; 
	position:absolute; top: 0px;.}
div.fp_exp_div_2 {background: none; width:  240px; height: 205px; border: 0px solid blue; z-index: 202; 
	position:absolute; top: 0px; 
}
div.fp_exp_div_3 {background: none; width:  155px; height: 350px; border: 0px solid blue; z-index: 101; 
	position:absolute; top: 0px;
}

div.overwrite {background: white; z-index:090 !important ; }

div.fp_exp_div_1 ul , 
div.fp_exp_div_2 ul , 
div.fp_exp_div_3 ul  
{
	padding:  0px 0px 0px 15px;
}


div.fp_text p,
div.fp_text ul,
div.fp_text ul li,
div.fp_text a,
div.fp_text {
	font-size:   14px !important;
	line-height: 115%;
}

.h010 {height: 010px; } .h020 {height: 020px; } .h030 {height: 030px; } .h040 {height: 040px; }
.h050 {height: 050px; } .h060 {height: 060px; } .h070 {height: 070px; } .h080 {height: 080px; }
.h090 {height: 090px; } .h100 {height: 100px; } .h110 {height: 110px; } .h120 {height: 120px; }
.h130 {height: 130px; } .h140 {height: 140px; } .h150 {height: 150px; } .h160 {height: 160px; }
.h170 {height: 117px; } .h180 {height: 180px; } .h190 {height: 190px; } .h200 {height: 200px; }
.h210 {height: 210px; } .h220 {height: 220px; } .h230 {height: 230px; } .h240 {height: 240px; }
.h250 {height: 250px; } .h260 {height: 260px; } .h270 {height: 270px; } .h280 {height: 280px; }
.h290 {height: 290px; } .h300 {height: 300px; }


/* Radiometer-page -----------------------------------------------------------*/
iframe#map_frame
{
	width: 100%;
	height:290px;
	border: 1px solid black;
}


/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* End of style                                                               */
/*----------------------------------------------------------------------------*/