/*  #####################################################
**  Domain:    www.aschau.de
**  Datei:     CONT_contentarea.css
**  Funktion:  MetaDetailLayout des Inhaltsbereichs

**  Erstellt:  24.02.2009
**  Media:     screen, projection

**  Autor:     Axel Güldner
**  copyright: infomax websolutions GmbH
##################################################### */

/*  =========================================================

1. Teaserbereich der Startseite
2. Unternavigation der Topnavi
3. Spaltenaufteilung der Folgeseiten
4. Seitennavigation
5. HuberMaps Einbindung

========================================================== */

@media screen
{
/*  =========================================================
 =1. Teaserbereich der Startseite
 	  (Die linke und die rechte Seite der Startseite)
========================================================= */

#CONT_contentarea #teaserAreaLeft{ width:58em; height:auto; float:left;}
#CONT_contentarea #teaserAreaRight{ width:34em; height:auto; float:left; margin:0 0 0 2em;}


/*  =========================================================
 =2. Unternavigation der Topnavi
 	  (Die zweite Ebene der Topnavi)
========================================================= */


#CONT_contentarea #topnavi{ float:left; width:100%; margin:0 0 2em; background:url(../../../img/objects/bg_naviTop.png) repeat;}
#CONT_contentarea #topnavi li{ float:left; list-style:none;}
#CONT_contentarea #topnavi li a { float:left; color:white; font-size:1.1em; font-weight:bold; padding:1.45em 1.72em .9em!important;}
#CONT_contentarea #topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus, #topnavi li a.active{ color:#B5B5B5!important;}

#CONT_contentarea .navilit{ position:absolute; top:1.4em; width:8px; height:6px; overflow:hidden; display:block; background:transparent url(../../../img/objects/lit_naviTop.gif) no-repeat;}


/*  =========================================================
 =3. Spaltenaufteilung der Folgeseiten
 	  (drei Spalten für Seitennavi, Inhalt und Kontextelemente)
========================================================= */

#CONT_contentarea .contentspalte{ width:22em; height:auto; float:left;}
#CONT_contentarea .contentspalte img.left{ width:22em; height:auto; margin:0 0 .5em 0!important;}
#CONT_contentarea .contentspalte p.imagetext{ width:100%; font-size:.9em; text-align:right!important;}

#CONT_contentarea  #contentarea{ width:46em; height:auto; margin:0 2em; float:left;}
#CONT_contentarea  #contentarea.breit{ width:70em; height:auto; margin:0 0 0 2em;}

#CONT_contentarea #contentarea.fullWidth {height: auto; width:97em; margin: 0;}
/*  =========================================================
 =4. Seitennavigation
 	  (Unternavi links neben dem Content)
========================================================= */

#CONT_contentarea #naviSide{ width:18em; height:auto; background:#DEDFDF; padding:2.2em 2em; float:left;}
#CONT_contentarea #naviSide *{ font-family:Georgia, "Times New Roman", Times, serif;}
#CONT_contentarea #naviSide li{ list-style:none;}

#CONT_contentarea #naviSide li h3 { font-size:1.6em;}
#CONT_contentarea #naviSide li h3 a{ font-weight:bold;}
#CONT_contentarea #naviSide li h3{ margin:0 0 .5em 0;}

#CONT_contentarea #naviSide li.first a{
    font-size:1.4em;
    margin:.75em 0 .25em 0;
    clear:both;
    float:left;
    padding:0 1.25em 0 0;
}
#CONT_contentarea #naviSide li.first a:hover,
#CONT_contentarea #naviSide li.first a:active,
#CONT_contentarea #naviSide li.first a:focus,
#CONT_contentarea #naviSide li.first a.active
{ background:transparent url(../../../img/objects/arrow_black_shorter_bold.gif) right .4em no-repeat;}

#CONT_contentarea #naviSide ul.second{ padding:0 0 0 4em; float:left; width:14em;}
#CONT_contentarea #naviSide li.second{ margin:.5em 0 .5em 0;}
#CONT_contentarea #naviSide li.second a{
    font-size:1.1em;
    margin:.25em 0 .25em 0;
    clear:both;
    float:left;
    padding:0 1.5em 0 0;
}


/*  =========================================================
 =5. HuberMaps Einbindung
 	  (Wrapper, Legende, Footer und eigentliche Kartenlösung)
========================================================= */

.hubermap{ width:100%; height:38em; overflow:hidden; margin:0 0 2em 0!important; display:none; position: relative;}

.hubermap div.legende{ background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: auto;
    margin: 3em 0.5em 0 0 !important;
    overflow: auto;
    padding: 1.2em 2.2em 0 2.3em !important;
    position: absolute;
    right: 1em;
    width: 20em;
    max-height: 32em;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45); /* WebKit */
-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45); /* Firefox */
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45); /* Standard */ }

.hubermap div.legende h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; margin:0 0 .625em!important; font-weight:bold;}
.hubermap div.legende p.anriss{ font-size:1.2em; font-weight:bold; margin:0 0 1.75em 0!important;}
.hubermap div.legende li{ list-style:none; margin:0 0 1.5em 0!important;}
.hubermap div.legende li a{ font-size:1.4em; font-family:Georgia, "Times New Roman", Times, serif; background:transparent url(../../../img/objects/ico_checkbox_new.png) no-repeat; padding:0 0 0 1.5em!important; display:block; cursor:pointer;}
.hubermap div.legende li a span{ display: block; float: left; height: 20px; margin-right: 3px !important; width: 20px;} 
.hubermap div.legende li a span.hosts{ background: url("../../../img/objects/unterkuenfte_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.gastro{ background: url("../../../img/objects/gastronomie_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.excursion{ background: url("../../../img/objects/ausflugsziele_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.hiking{ background: url("../../../img/objects/wandern_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.biking{ background: url("../../../img/objects/mountainbike_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.nordicwalking{ background: url("../../../img/objects/nordic_walking_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.skitour{ background: url("../../../img/objects/skitouren_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.toboggan{ background: url("../../../img/objects/rodeln_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a span.skirun{ background: url("../../../img/objects/pisten_kl.png") no-repeat scroll 0 0 transparent; } 
.hubermap div.legende li a.active{ background-position:0 -85px;}
.hubermap div.legende li ul{ font-size:.9em; padding:0 0 0 3em!important; display:none;}
.hubermap div.legende li ul li{ margin:1em 0 0 0!important;}
#mainarea #CONT_contentarea .arrow {
	border: 5px solid #CC0000;
	font-size: 0;
    height: 0;
    left: 4px;
    line-height: 0;
    position: relative;
    top: -5px;
}
#mainarea #CONT_contentarea .arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
#mainarea #CONT_contentarea .arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}

.hubermap .map{ width:100%; height:100%; float:left;}
.hubermap .map .mapHelper{ width:100%; height:36em; position:relative; overflow:hidden;}
.hubermap .map .mapHelper #mapLarge{ width:100%!important; height:36em!important; font-size:10px!important;}
.hubermap .map .footer{ width:100%; height:1.6em; background:#fff; padding:.5em 0 0 0!important;}
.hubermap .map .footer span{ float:right; padding:0 1em 0 0!important;}
.hubermap .map .footer span a{ text-decoration:none;}
.hubermap .map .footer span.mapClose{ background: url("../../../img/objects/close.png") no-repeat scroll 0 0 transparent; padding-left: 15px !important; } 
.hubermap .map .footer span.fullsize{ background: url("../../../img/objects/fullsice.png") no-repeat scroll 0 0 transparent; padding-left: 18px !important; } 
.hubermap .map .mapHelper #loadingmap{ width:100%; height:31.9em; background:white url(../../../img/loadingAnimation.gif) 50% 50% no-repeat; z-index:100; display:none; position:absolute; top:0; left:0;}

.hubermap .map .mapHelper #mapLarge .preloader{ width:100%; height:100%; background:white url(../../../img/loadingAnimation.gif) 50% 50% no-repeat;}


#mainarea .alp_gmap2_3_ClusterMarker_0_text,
#mainarea .alp_gmap2_3_ClusterMarker_1_text,
#mainarea .alp_gmap2_3_ClusterMarker_2_text {
  margin-top: -8px;
}
#mainarea .alp_gmap2_3_ClusterMarker_0_text{
  margin-left: -6px;
}
#mainarea .alp_gmap2_3_ClusterMarker_1_text {
  margin-left: -10px;
}
#mainarea .alp_gmap2_3_ClusterMarker_2_text {
  margin-left: -15px;
}
/**
  * Styles zum Übersteuern der HuberMaps Kontrollelemente
  */

/***Die Buttons für größer und kleiner***/
/*Positionierung der Buttons*/
#mapLarge #mapLarge_dashboard{top:40px!important;}
/*Rand für die beiden Buttons*/
.MSVE_ZoomBar_plus,
.MSVE_ZoomBar_minus
{ border:1px solid #B3B3B3 !important;}
/*padding für die Buttongruppe*/
#mapLarge #MSVE_TinyZoomBar{ padding:1px!important;}

/***Die Buttons für die Kartenvarianten (Straße, Luftbild, usw)***/
/*Positionierung der Buttons*/
#mapLarge .eContent_Dashboard_OuterTable{}
/*Formatierung der Hauptbuttons*/
#mapLarge .eContent_Dashboard_Table .eContent_Dashboard_MenuItem div{}
/*Formatierung der Aufklappbuttos (z.B. für Luftbild -> Straßennamen zeigen)*/
#mapLarge .eContent_Dashboard_Table .eContent_Dashboard_MenuItem div div{}
/*Formatierung der Labels der Aufklappbuttons*/
#mapLarge .eContent_Dashboard_Table .eContent_Dashboard_MenuItem div div label{}

/***Ausblenden unerwünschter Elemente***/
#mapLarge table,
#mapLarge .MSVE_PoweredByLogo,
#mapLarge .MSVE_ScaleBarLabel,
#mapLarge .MSVE_ScaleBar,
#mapLarge .MSVE_Copyright,
#mapLarge #menuBirdsEye
{ display:none!important;}

/***Nachträglich Tabellenelemente wieder einblenden die zu sehen sein sollen***/
#mapLarge .eContent_Dashboard_OuterTable,
#mapLarge .eContent_Dashboard_Table
{ display:inline!important;}









}