/*
Stylesheets for project Wilder Kaiser
author: coster

CI from Wilder Kaiser:
colors:
blue color from logo:  #0071bc
gray color from logo:  #c0c1c2
green color from logo: #55ad4d

gray light color: #dfe4e6
gray dark  color: #82939b

*/

/* dropdownmenu */
#dropmenudiv{
	position:absolute;
	/*border:1px solid black;*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	background-color: #c0c1c2;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	border-top: 1px solid black;
	padding: 1px 0;
	color: black;
	font-size: 14px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #82939b;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #82939b;	
	text-align: center;
	height: 18px;	
	background-color: #c0c1c2;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #dfe4e6;
}

body, table, td, p {
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin:0px;
	padding:0px;
	left: 0px;
	top: 0px;
}

input, textarea, select, option  { 
	color: #000; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
}
a, a.info, a.table { 
	color: #1762ae; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-weight: bold; 
	text-decoration: none 
}
a:hover, a.info:hover, a.table:hover { 
	color: #1762ae; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-weight: bold; 
	text-decoration: underline 
}
/*
	movie window for 3d flights
*/
div.moviewindow{
	background: #dfe4e6 none repeat scroll 0%;
	width: 670 px; 
	height: 480 px; 
	overflow: hidden; 
	display: none; 
	z-index: 1000; 
	position: absolute; 
	left: 13px; 
	top: 150px; 
	opacity: 1.0;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;

}
/* the part of the moviewindow where the player is shown:
*/
div.player{	
	background: #dfe4e6 none repeat scroll 0%;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
/*
	header of the movie window
*/
.moviewindow_head{
	background: #82939b none repeat scroll 0%; 
	width: 670 px;
}
.moviewindow_label{
	text-align: left; 
	color: rgb(255, 255, 255); 
	padding-left: 5px;
}
/* copyright links in the footer of the portal */
.copyrights { 
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	background: #82939b none repeat scroll 0%; 
	float: left; 
	width: 100%; 
	height: 35px; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;	 
}

/* override copyrights like this:
div.mapCopyrights A{
	color: #000000;
    font-size:20px;
}*/

.copyrightlink  { 
	color: #fff;
	font-size: 11px;
	font-weight: bold; 
	text-transform: uppercase;
}
.copyrightlink:hover  { 
	color: #fff;
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase;
}
/* styles for the info window (impressum) */
.impressum_wk{
	border: 3px solid #82939b;
	padding: 5px;
	background-color: #dfe4e6;
	position: absolute;
	left: 400px;
	top: 235px;
	width: 520px;
	height: 220px;
	display: none;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	z-index: 1000;
	overflow: scroll;
}
/* styles for the header */
.header{
	/*background-image: url(./header_bg.gif);*/
	background-color: #dfe4e6;
	float: left;
	width: 100%;
	/* tatsaechliche hoehe 146px -> leicht ueberlappend */
	height: 144px;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
	/*background-repeat: no-repeat;*/
}
/* text in the header of the portal */
.headerText{
	color: #1762ae;
	font-size: 35px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	float: left;
	height: 120px;
	text-align: center;
	vertical-align: bottom;
	line-height: 40px;
}
/* logo */
.logo{
	width: 199px; 
	height: 120px; 
	float: left;
	z-index: 4;
}
/* banner of the header */
.banner{
	width: 100%;
	height: 120px;
	background-image: url(./banner_wk.jpg);
	margin-right: 10px;	
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: right;
	z-index: 5;
}

.mapIWPaneWrapper {
	background-color: white;
	padding: 0px;
}

/* 
	standardtext fuer detailpane
   	und infowindow
*/
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  	color:#000000;
}

.bgcolor_dark {
	background-color: #82939b; 
}

.bgcolor_light {
	background-color: #dfe4e6;
}

.bgcolor_lighter {
	background-color: #D7E6EB;
}
  
  
/* ----------------------------- */
/* Infowindow                    */
/* ----------------------------- */
/* 
   styles fuer infowindow 
   das infowindow wird angezeigt
   wenn ein Icon auf der Karte
   geklickt wird.
   Vom Infowindow aus kann ueber
   einen Button die Detailpane
   aufgerufen werden. 
/* ----------------------------- */
 
/* 
	container fuer info_stage, 
	und andere Elemente im
	Infowindow 

*/ 
.info_wrapper {
	position:relative; 
	top:0px; 
	left: 0px; 
	background-color: #FFFFFF; 
	height: 145px; 
	width: 280px; 
	overflow:hidden;
}
.info_wrapper_poi {
	position:relative; 
	top:0px; 
	left: 0px; 
	background-color: #FFFFFF; 
	height: 115px; 
	width: 280px; 
	overflow:hidden;
} 
/* 
	Header des Infowindow 
   	z. B. Bezeichnung der Tour 
*/
.info_header {
	position:absolute; 
	top:0px; 
	left: 0px;
	background-color: #82939b;
	height: 19px;
	padding-top: 3px;
	padding-bottom: 3px; 
	width: 270px;
	padding-left:10px;
	overflow:hidden;
}    
/* 
	quick info des infowindow 
    hier steht z.B. Laenge, Hoehenmeter, etc. 
    einer Tour
*/   
.info_quick { 
	position:absolute;
	top:25px;
	left: 0px; 
	background-color: #dfe4e6;
	height: 19px;
	padding-top: 3px;
	padding-bottom: 3px; 
	width: 275px;
	padding-left:5px;
	overflow:hidden;
}    
/* 
	Bereich mit Thumbnail und 
    z.b. Kondition, Erlebniswert, Technik, etc.
    einer Tour
*/
.info_stage { 
	position:absolute;
	top:51px;
	left: 0px; 
	height: 90px; 
	width: 275px;
	overflow:hidden;
}
.info_stage_poi { 
	position:absolute;
	top:23px;
	left: 0px; 
	height: 90px; 
	width: 275px;
	overflow:hidden;
} 
/* 
	Teil des info_stage, 
	Bereich	ohne Thumbnail, 
	nur mit z.b. Kondition, Erlegniswert, Technik
	einer Tour
*/  
.info_requirements { 
	position:absolute;
	top:7px;
	left:65px; 
	background-color: #dfe4e6;
	height: 50px; 
	width: 208px;
	overflow:hidden;
	border: 1px solid;
	border-color: #82939b;
}
.info_requirements_poi { 
	position:absolute;
	top:7px;
	left:65px; 
	background-color: white;
	height: 50px; 
	width: 208px;
	overflow:hidden;
} 
/* 
	Thumbnail innerhalb des Infowindows
	Teil des info_stage
	Positionierung und Groesse des Thumbnails 
*/
.info_image {
	position:absolute; 
	top:7px;
	left:7px;
	width:50px;
	height:50px;
	background-color: #688787;
	text-align:center;
	overflow:hidden;
}
/* 
	Button "Tourdetails anzeigen" 
	innerhalb des Infowindows
*/  
.info_button_wk {
	color:black;	
	width:135px;
	height:22px;
	background-color:#dfe4e6;
	border: 1px solid;
	border-color: #82939b;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
	vertical-align: middle;
}
.info_button_wk:HOVER {
	vertical-align: middle;
	color:white;
	width:135px;	
	height:22px;
	background-color:#82939b;
	border: 1px solid;
	border-color: #dfe4e6;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
/* button to open the 3d flight window from the infowindow */
.wkbuttons{
	position:absolute; 
	top: 60px;	
}
.wkbuttons_poi{
	position:absolute; 
	top: 61px;	
}
.dreiDFlight_button {
	color:black;
	width:132px;
	height:22px;
	background-color:#dfe4e6;
	border: 1px solid;
	border-color: #82939b;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
.dreiDFlight_button:HOVER {
	color:white;
	width:132px;
	height:22px;
	background-color:#82939b;
	border: 1px solid;
	border-color: #dfe4e6;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	text-decoration: none;
}
.info_text {
	position:absolute;
	top:15px; 
	left:150px; 
	width:250px; 
	height:20px;
	overflow:hidden;
}    
/* --------------------------*/
/* styles fuer detailpane     */
 
.detail_wrapper {
	/*position:absolute; 
	top:0px; 
	left: 0px; */
	background-color: #FFFFFF; 
	height: 100%; 
	width: 300px; 
	border: 0px solid #000000; 
	overflow:auto;
}


.detail_header {
	position:absolute; 
	top:0px; 
	left: 0px; 
	background-color: #688787; 
	height: 25px; 
	width: 398px;
}

.label {
	background:  #688787;
  	width: 393px;
	height: 25px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
  	padding-left: 5px;
  	margin-bottom: 5px;
  }


.content {
  width: 398px;
	background: #eeeeee;
}

.content_fix {
  height: 300px;
  width: 398px;
	background: #eeeeee;
}

.detail_hardfacts {
	
	background-color: #dfe4e6;
	height: 235px; 
	width: 298px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}
/** dasselbe fuer Pois nicht fuer touren */
.detail_hardfactsPoi {
	background-color: #82939b;
	height: 150px; 
	width: 298px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}
/*
header bei tour details
hier steht, laenge, hoehe, dauer, etc.
*/
.detail_hardfacts_header {
	/*position:absolute; 
	top: 80px; 
	left: 0px; */
	margin-left:2px;
	margin-bottom: 2px;
	background-color: #dfe4e6; 
	height: 56px; 
	width: 296px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}   
   
   
.detail_hardfacts_img {
	/*position:absolute; 
	top: 80px; 
	left: 0px; */
	background-color: #FFFFFF; 
	height: 140px; 
	width: 140px;
	margin-left:2px;
	float:left;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}   
/*
facts wie
Erlebniswert,
Kondition,
Technik, ...
bei details der tour
*/
.detail_hardfacts_quick {
	
	background-color: #dfe4e6;
	margin-left:13px;
	padding:2px;
	height: 96px; 
	width: 160px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}  

/* header balken bei details der tour */
.detail_bar {
	position:relative; 
	/*top: 80px; 
	left: 0px; */
	background-color: #82939b;
	margin-top: 7px;
	height: 28px; 
	width: 298px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
}

/*
content der detailpane.
hier wird die Beschreibung der Tour
angezeigt.
*/
.detail_contents {
	position:relative;
	top:0px;
	height: 400px;
	background-color: #dfe4e6; 
	padding-top: 10px;
	padding-bottom: 5px;
	width: 296px;
	margin-left:2px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
	overflow: auto;/*hidden;*/
}  
.detail_contentPoi {
	/*position:relative; */
	/*top: 80px; 
	left: 0px; */
	position:relative;
	top:0px;
	height: 200px;
	background-color: #dfe4e6; 
	padding-top: 10px;
	padding-bottom: 5px;
	width: 296px;
	margin-left:2px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
	overflow: auto;/*hidden;*/
} 

.detail_image {
	/*position:absolute; 
	top:5px; 
	left:5px; */
	width:140px; 
	height:100px;
	background-color:#688787;
	padding-top:10px; 
	text-align:center;   
	float:left;
}

.detail_text {
	/*position:absolute; 
	top:15px; 
	left:160px; */
	width:140px; 
	height:130px;  
     
}    
/* ------------------------------------ */
/* window zum download eines gps tracks 
   darin werden die verschiedenen 
   downloadmoeglichkeiten aufgelistet und
   koennen vom benutzer ausgewaehlt werden */
.detail_gps_dialog {
	position: absolute;
	width : 250px;
	height : 218px;
	background-color:  #82939b;
	margin-left:-100px;
	margin-top:-190px;
}  
/* button "download" in gps window */
.gps_button {
	position:absolute; 
	bottom: 5px; 
	margin-left:5px; 
	width:85px; 
	height:16px; 
	padding:2px; 
	background-color:#FFFFFF; 
	cursor:pointer;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	text-align:center;
}
.gps_button:hover {
	position:absolute; 
	bottom: 5px; 
	margin-left:5px; 
	width:85px; 
	height:16px; 
	padding:2px; 
	background-color:#dfe4e6; 
	cursor:pointer;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	text-align:center;
}
/* ------------------------------ */
/* bilder gallerie aus detailpane */

/* gallery default css */
#gallery {
	position:relative; 
	/*top:225px; 
	left:0px; */
	padding:0px; 
	width:298px; 
	height:70px; 
	bottom:0px;
	overflow: hidden;
}

/* gallery hintergrund pane */
#gallery_background {
position:relative;
	margin-left: 2px;
	padding:5px; 
	width:288px; 
	height:60px;/*110px;*/ 
	background-color: #dfe4e6;
	border:0px solid #000;
	bottom:0px;
	overflow: hidden;
}
/* 
	bild in der gallery und bereich um das bild 
	verdeckt gallery_background
*/
.gallery_picture {
position: absolute;
	padding-top: 0px;
	width : 540px;
	height : 640px;
	background-color:  #dfe4e6;
	visibility: hidden;
	top: -343px;
	left: -290px;
}

.gallery_text {
position: absolute;
	/*top: 100px;
	left: 100px;
	top:0px;
	left:0px;*/
	padding-top: 0px;
	/*text-align:center;*/
	width : 540px;
	height : 50px;
	background-color:  #D7E6EB;
	margin-left:-200px;
	margin-top:270px;
	/*border: solid 1px #497D22;*/
}

.detail_picture_fade {
position: absolute;
	/*
	top: 0px;
	left: 0px;
	top:0px;
	left:0px;*/
	padding-top: 0px;
	/*text-align:center;*/
	width : 540px;
	height : 540px;
	background-color:  #0076B4;
	margin-left:-200px;
	margin-top:-290px;
	/*border: solid 1px #497D22;*/
} 

.detail_picture_inv {
position: absolute;
/*
top: 0px;
left: 0px;
top:0px;
left:0px;*/
padding-top: 0px;
/*text-align:center;*/
width : 540px;
height : 540px;
background-color: none;
margin-left:-200px;
margin-top:-290px;
/*border: solid 1px #497D22;*/
} 

.detail_text_fade {
position: absolute;
/*top: 100px;
left: 100px;
top:0px;
left:0px;*/
padding-top: 0px;
/*text-align:center;*/
width : 540px;
height : 50px;
background-color:  #0076B4;
margin-left:-200px;
margin-top:270px;
/*border: solid 1px #497D22;*/
} 
/* im tourenplaner:
zeigt die anzahl der touren mit navigation
*/
.assistant_list {
	height: 305px; 
	width: 295px;
	margin-left:2px;
	border-top: 0px solid #000000; 
	border-bottom: 0px solid #000000;
	overflow: hidden;
	background-color:#dfe4e6;
}
}

.assistant_content {
position:absolute; 
top:80px; 
left: 0px; 
background-color: #E8EDF0; 
height: 350px; 
width: 334px;
border-top: 1px solid #000000; 
border-bottom: 1px solid #000000;
}

.assistant_table {
position:absolute;
top:460px;
left:0px;
width:315px;
height:150px;
overflow:auto;
padding-left:5px;
}

.GridHeader {
	vertical-align: middle;
	height: 18px;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
  border-bottom-width:1px;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-style:solid;
  border-color:#808080; 
	color: 000000;/*#7C96A7;*/
}

.GridCell
{
	vertical-align: middle;
	height: 19px;
	padding-left: 3px;
	padding-right: 3px;
}

.TableNoSpace
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  width: 100%;
	border-collapse: separate;
}

#ammap_cover {
 position: absolute;
 top: 0px;
 left:0px;
 height: 100%;
 width:100%;
 background-color: gray;
 display:none;
}

.bus_wrapper {
position:relative; 
top:0px; 
left: 0px; 
background-color: #FFFFFF; 
height: 165px; 
width: 280px; 
/*border: 1px solid #000000;*/ 
overflow: hidden;
} 

.bus_header {
position:absolute; 
top:0px; 
left: 0px;
background-color: #0076B4;
height: 19px;
padding-top: 3px;
padding-bottom: 3px; 
width: 350px;
padding-left:10px;
}    

.bus_stage { 
position:absolute;
top:30px;
left: 0px; 
background-color: #FFFFFF; 
height: 100px; 
width: 350px;
}    

.bus_stage span {
font-family: Arial;
font-size: 11px;
}  
 
.bus_form {
height: 12px;
}

.bus_form_input {
border: 1px solid #0076B4;
width: 150px;
height: 13px;
font-family: Arial;
font-size: 11px;
z-index: 10;
}

.bus_form_submit {
vertical-align: top;
background-color: #0076B4;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
width: 26px;
height:21px;
font-family: Arial;
font-size: 10px;
color: #FFFFFF;
}

.bus_form_name {
text-align:left; 
margin-left:10px; 
color:#000000;
font-weight: bold;
font-size: 12px;
font-family: Arial;
}

.bus_form_db {
position:absolute; 
top:110px; 
left: 190px;
height: 20px;
width: 100px;
z-index: 5;
font-family: Arial;
font-size: 11px;
}

.gps_close {
  position:absolute;
  right: 3px;
  top: 0px;
	width: 15px;
	height: 24px;
	background-image: url("http://www.alpserver.de/1.17/site/regional_portal/skin/common/images/info_close.png");
    background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='http://www.alpserver.de/1.17/site/regional_portal/skin/common/images/info_close.png');
	_background: none;
}

.gps_close_hover  {
    position:absolute;
    right: 3px;
    top: 0px;
	width: 15px;
	height: 24px;
    background-image: url("http://www.alpserver.de/1.17/site/regional_portal/skin/common/images/info_close_OVA.png");
    background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='http://www.alpserver.de/1.17/site/regional_portal/skin/common/images/info_close_OVA.png');
	_background: none;
}