﻿        /* Generally styles and reset */
        body { font-family: Arial; font-size: 11px; }
        a img { border: 0px; }
        
        /* Map styles */
        #map,
        #directions,
        #map_guitools {margin: 0; width: auto;}
        
        /* Map */
        #map {height: 300px; width: auto; border: 1px solid white;}
        
        /* Guitools */
        #map_guitools {background: #6ca61a; border: 1px solid white; border-bottom: 0 !IMPORTANT; padding: 3px; color: #000000;}
        
        
        /* Inner Map */
        #popup_window { width: 250px; margin-left: 137px; margin-top: 40px; }
        #popup_window_contents { background: transparent; font-family: arial; font-size: 12px; color: black; }
        
        #popup_window_contents h1 { padding: 3px; background: #f44d12; color: White; margin: 0; font-size: 12px; width: 175px; }
        #popup_window_contents div { padding: 3px; background: white; }
        #popup_window_contents table { width: 100%; }
        #popup_window_contents table td { vertical-align: top; }
        
        .col2 { width: 1px; }
        .col2 img { border: 1px solid #cdcdcd; padding: 7px; width: 50px; }
        
        * html #popup_window_contents { }
        
        #popup_window_tl { width: 1px; height: 1px; }
        * html #popup_window_tl { }
        #popup_window_t { }
        * html #popup_window_t {  }
        #popup_window_tr { width: 1px; height: 1px; }
        * html #popup_window_tr { }
        #popup_window_l {  width: 1px; }
        * html #popup_window_l { }
        #popup_window_r {  width: 1px; }
        * html #popup_window_r { }
        #popup_window_bl { width: 1px; height: 1px; }
        * html #popup_window_bl { }
        #popup_window_b { height: 1px; }
        * html #popup_window_b { }
        #popup_window_br { width: 1px; height: 1px; }
        * html #popup_window_br { }
        #popup_window_close { width: 1px; height: 1px; cursor: pointer; }
        * html #popup_window_close { }
        #popup_window_beak { width: 1px; height: 1px; }
        * html #popup_window_beak { }
        
        
        /* Plugin */
        .PluginItem {border: 1px solid #fff; background: #dceac9; padding: 0 20px 20px 20px; margin: 20px 0; width: auto;}
        .PluginItem td {vertical-align: top;}
        .PluginItem table {width: 100%;}

        .PluginItem_Headline { background-color: #579ed5; color: White; padding: 7px; position: relative; }
        .PluginItem_Headline,.PluginItem_HeadlineDetail .Headline {}
        .PluginItem_Headline h1 { display: block; color: White; font-size: 13px; margin-bottom:5px; }

        .HighlightsHeadline {margin: 20px 0 10px 0; font-size: 14px;}
        .HighlightsHR {margin:  0.5em 0 1em 0;}

        .Plugin_HighlightsList {padding: 10px 0 10px 0;}
        .Plugin_HighlightsItems { width: auto; background-color: #dceac9; border: 1px solid white; margin: 10px 0 0 0; overflow: hidden; }
        .Plugin_HighlightsItems .link { float: right; width: 100px; padding: 10px; }
        .Plugin_HighlightsItems .image { float: right; height: 70px; overflow: hidden; }
        .Plugin_HighlightsItems .image img { width: 100px; }
        .Plugin_HighlightsItems .icon { float: left; padding: 10px; }
        .Plugin_HighlightsItems .name { width: auto; min-height: 50px; padding: 10px; margin: 0 110px 0 36px;}
        .Plugin_HighlightsItems .name .sbgcard { color: #f07700; }
        .Plugin_HighlightsItems .name h1, .Plugin_HighlightsItems .link h1 { line-height: 1.5em; font-size: 12px; margin: 0px !IMPORTANT; padding: 0px !IMPORTANT; }
        .Plugin_HighlightsItems .name h1.light { color: #f07700; }
        .Plugin_HighlightsItems .name h1.light b { color: #f44d12; }
        .Plugin_HighlightsItems .name h2, .Plugin_HighlightsItems .link h2 { line-height: 1.5em; font-size: 11px; font-weight: normal; margin: 0px !IMPORTANT; padding: 0px !IMPORTANT; }
        .Plugin_HighlightsItems .name h2 b, .Plugin_HighlightsItems .link h2 b { font-weight: bold; color: #f07700; }
        .Plugin_HighlightsItems .infoLink {float:right; color: #f07700; font-size: 11px; margin: 0 0 10px 0; text-transform: lowercase;}
        .DarkBG { background-color: #e2e0e0;} /*f7bb7f e2e0e0*/

        .Plugin_HighlightsEmpty { margin: 10px 0 30px 0; }
        .Plugin_HighlightsEmpty span { color: #f44d12; }

        #filter { float: right; display: block; padding: 4px; }
        #filter a { cursor: pointer; }
        .Plugin_HighlightsFilter { background-color: #eeeeee; }
        .Plugin_HighlightsFilter { overflow: hidden !IMPORTANT; }
        .Plugin_HighlightsFilter span { display: block; padding: 10px 5px; }
        .Plugin_HighlightsFilter span span { display: inline-block; padding: 0; }
        .Plugin_HighlightsFilter span input { vertical-align: sub; }

        .plugin_Highlights_Help { cursor: help; }

        .Plugin_HighlightsCounterTop { margin: 15px 0 0 0; height: 20px; font-size: 12px; }
        .Plugin_HighlightsCounterTop #count { float: left; }
        .Plugin_HighlightsCounterTop #count span { color: #f44d12; }
        .Plugin_HighlightsCounterTop #pager { float: right; }
        .Plugin_HighlightsCounterTop #pager input { vertical-align: bottom; }
        .Plugin_HighlightsCounterTop #pager input.buttonlast { margin: 0 5px 0 0; }
        .Plugin_HighlightsCounterTop #pager input.buttonnext { margin: 0 0 0 5px; }
        .Plugin_HighlightsCounterTop #pager a { font-size: 12px; display: inline-block; padding: 0 3px; color: #f44d12; }
        .Plugin_HighlightsCounterTop #pager span span { font-size: 12px; display: inline-block; padding: 0 3px; }

        .Plugin_HighlightsSearchField { margin: 10px 0 0 0; }
        .Plugin_HighlightsSearchField input { vertical-align: middle; }
        .Plugin_HighlightsSearchField input[type='text'] { width: 150px; }
        .Plugin_HighlightsWatermarkField { color: #8d8d8d; font-style: italic; }
        
        .PluginItem_Col1 {padding: 20px 0 20px 0 !IMPORTANT;}
        .PluginItem_Col1 .PluginItem_HeadlineDetail { font-size: 11px; color: black !IMPORTANT; display: block; height: 50px;}
        .PluginItem_Col1 .PluginItem_HeadlineDetail h1 { display: block; color: #6ca61a; font-size: 13px; margin-bottom:8px; }
        .PluginItem_HeadlineDetail .Headline { margin: 0 0 0 70px; }
        .PluginItem_Col1 .PluginItem_HeadlineDetail .Image { padding-right: 5px; float: left; }
        .PluginItem_Col1 .PluginItem_HeadlineDetail .Image img {width: 62px; border: 0px !IMPORTANT; margin:0px !IMPORTANT;}
         h1.PluginItem_Headline  { display: block; color: White; font-size: 12px;}
        .PluginItem_Backlink { width: 50px; background: url(/images/plugin/bg-cmt.gif) no-repeat top center; }
        .PluginItem_Backlink a { display: block; padding: 4px 8px 12px 8px;}

        .PluginItem_Table {width: 100%;}
        .PluginItem_Table .PluginItem_Col1 { padding: 0 5px 0 0;}
        .PluginItem_Table .PluginItem_Col1 img { margin: 0 10px 5px 0; }
        .PluginItem_Table .PluginItem_Col1 .Headline img { border: 0px solid #fff !IMPORTANT; margin: 0; float: none; width: auto; }

        .PluginItem_Table ul.PluginItem_Menu  { margin: 0px 0px 0px 0px !IMPORTANT; }
        .PluginItem_Table .PluginItem_Menu li {list-style-type: none; margin: 0 !IMPORTANT; padding: 0;}
        .PluginItem_Table .PluginItem_Menu li a {display: block; background-color: #f4faff; color: black; padding: 5px; margin-bottom: 1px; text-decoration: none;}
        .PluginItem_Table .PluginItem_Menu li a:hover { background-color: #579ed5; color: white;}

        .PluginItem_Footer { width: 100%; padding: 10px 0 0 0; }
        .PluginItem_Footer .PluginItem_Col1 { width:345px; }
        .PluginItem_Footer .PluginItem_Col1 .PluginItem_Copyright { font-size: 9px; color: white; background: #579ed5; padding: 8px; }
        .PluginItem_Footer .PluginItem_Col1 .PluginItem_Comment { font-size: 9px; color: white; background: #579ed5; padding: 5px 5px 5px 8px; }
        .PluginItem_Footer .PluginItem_Col1 .PluginItem_Comment a { margin: 0 5px 0 0;}
        .PluginItem_Footer .PluginItem_Copyright a, .PluginItem_Footer .PluginItem_Comment a { color: white; }
        .PluginItem_Footer .PluginItem_Col2 { width:122px; background: url(/images/plugin/bg-link-portal.gif) no-repeat top center; height: 18px; padding: 8px; }
        .PluginItem_Footer .ReadMore { background: url(/images/plugin/bg-cmt.gif) no-repeat top center !IMPORTANT; text-align: center; padding: 6px 8px 10px 8px !IMPORTANT; display:block; }
        .PluginItem_Footer .ReadMore a {color: White; font-weight: bold; text-decoration: none; }

        .PluginItem_Infos .Headline { margin: 0 0 10px 0; }
        .PluginItem_Infos .Headline b { font-size: 14px; color: #579ed5; }

        .PluginItem_Comments .commentitem {border: 1px solid white; background: white;}
        .PluginItem_Comments {padding: 20px 0 20px 0 !IMPORTANT;}
        .PluginItem_Comments .Headline { margin: 0 0 20px 0; }
        .PluginItem_Comments .Headline b { font-size: 14px; color: #579ed5; }
        .PluginItem_Comments h2 { font-size: 12px; padding: 5px !IMPORTANT; background: #cce0af;}
        .PluginItem_Comments p {padding: 5px 5px !IMPORTANT;}

        .PluginItem_Gallery {padding: 20px 0 20px 0 !IMPORTANT;}
        .PluginItem_Gallery #galerie_images { margin: 0 auto; width: 250px; height: 200px; overflow: hidden;}
        .PluginItem_Gallery #galerie_changer { margin: 0 auto; width: 250px; overflow: hidden; padding: 10px 0 0 0;}
        
        .ob_show_panelsholder, .changerTable, .ob_show_panel { overflow: hidden !important; }
        
        /** Galerie-Lightbox **/
        #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
        #lightbox img{ width: auto; height: auto;}
        #lightbox a img{ border: none; }

        #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
        #imageContainer{ padding: 10px; }

        #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
        #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
        #imageContainer>#hoverNav{ left: 0;}
        #hoverNav a{ outline: none;}

        #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
        #prevLink { left: 0; float: left;}
        #nextLink { right: 0; float: right;}
        #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
        #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

        #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

        #imageData{	padding:0 10px; color: #666; }
        #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
        #imageData #caption{ font-weight: bold;	}
        #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
        #imageData #bottomNavClose{ width: 30px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

        #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


        .PluginItem_Arrival {padding: 20px 0 20px 0 !IMPORTANT;}
        .PluginItem_Arrival #Anfahrt {padding: 5px !IMPORTANT; width: auto !IMPORTANT; margin: 0px !IMPORTANT;}
        .PluginItem_Arrival a.LinkMap { font-size: 12px; color: #579ed5; }

        .PluginItem_Video {padding: 20px 0 20px 0 !IMPORTANT; text-align: center;}

        .PluginItem_Details {padding: 20px 0 20px 0 !IMPORTANT;}

        .PluginItem_Addthis_Wrapper { border-top: 1px solid #6ca61a; background-color: white; display: block; padding: 5px; position: relative; height: 18px; text-align: right;}
        .PluginItem_Addthis {float: right; padding: 0 10px;}

         h1.Tabstripes {margin: 0;}
        .PluginItem_Tabstripes { margin: 2px 0 15px 0; }
        .PluginItem_Tabstripes a { line-height: 1.9em; color: #9c9c9c; padding: 4px 9.4px; padding-bottom: 8px; background-color: #ececec; height: 18px;  border-bottom: 1px solid #9c9c9c; border-left: 1px solid #9c9c9c; border-right: 1px solid #9c9c9c; }
        .PluginItem_Tabstripes a:hover { background-color: #9c9c9c; color: #ececec; text-decoration: none; }
        .PluginItem_Tabstripes a.current { color: #6ca61a; background-color: #cce0af; border-bottom: 1px solid #6ca61a; border-left: 1px solid #6ca61a; border-right: 1px solid #6ca61a; }
        .PluginItem_Tabstripes a.current:hover { background-color: #6ca61a; color: White; }
        .PluginItem_BackLink { position:absolute; top:10px; right:17px; }

I        .Plugin_addComment,.Plugin_addActivity {padding: 10px;}
        .Plugin_addComment div,.Plugin_addActivity div {padding: 7px 0; position: relative;}
        .Plugin_addComment h2,.Plugin_addActivity h2 {font-size: 12px; margin-top: 15px;}
        .Plugin_addComment input,.Plugin_addActivity input {border: 1px solid #808080; padding: 2px;}
        .Plugin_addComment input[type='submit'],.Plugin_addActivity input[type='submit'] {width: 100px; margin-top: 15px;}
        .Plugin_addComment div input[type='text'].textfield,.Plugin_addActivity div input[type='text'].textfield {position: absolute; width: 245px; left: 60px; margin-top: -4px;}

        .Plugin_sendECard {padding: 10px;}
        .Plugin_sendECard div {padding: 7px 0; position: relative;}
        .Plugin_sendECard h2 {font-size: 12px; margin-top: 15px;}
        .Plugin_sendECard input {border: 1px solid #808080; padding: 2px;}
        .Plugin_sendECard #ECard img {border: 1px solid #808080 !IMPORTANT;}
        .Plugin_sendECard input[type='submit'] {width: 100px; margin-top: 15px;}
        .Plugin_sendECard div input[type='text'].textfield {position: absolute; width: 200px; left: 105px; margin-top: -4px;}

        .Plugin_addActivity .listE {width: 50px; margin-left:17px;}
        .Plugin_addActivity .listK {width: 50px; margin-left:10px;}

        .PluginDictionary {padding: 20px; border: 1px solid #ececec; text-align: center;}
        .PluginDictionary .DictionarySprache{padding: 10px 0 0 0; text-align: left !IMPORTANT;}
        .PluginDictionary .DictionaryLetters {text-align: center !IMPORTANT; list-style-type:none; overflow:hidden; width: 100%; font-size: 11px; margin: 20px 0 5px 0;}
        .PluginDictionary .DictionaryLetters ul {float:left; display:inline; list-style-type: none;}
        .PluginDictionary .DictionaryLetters ul li{ float:left; display:inline; }

        ul.ListRecipes {padding-left: 115px !IMPORTANT;}

        .detaillist_wrapper {border: 1px solid #ececec; width: 100%; font-size: 11px;}
        .detaillist_wrapper_booking {border: 1px solid #f3540f; width: 100%; font-size: 11px;}
        .detaillist_headline {background-color: #f1f1f1; padding: 5px; border-bottom: 1px solid white;}
        .detaillist_headline_booking {background-color: #f07601; padding: 5px; border-bottom: 1px solid white; color: White;}
        .detaillist_headline .headline {font-size: 11px; color:#9c9c9c; font-weight:bold;}
        .detaillist_headline_booking .headline {font-size: 11px; color:#ffffff; font-weight:bold;}
        .detaillist_content {background-color: #fcfcfc; padding: 5px;}
        .detaillist_content .pdfs img {width: 30px !IMPORTANT; height: 30px !IMPORTANT; float:left !IMPORTANT; display:block;}
        .detaillist_content .detaillist_content_div {margin: 0 0 0 40px;}
        .detaillist_content .DownloadBtn {float:right; font-size: 10px;}

        .detaillist_content_booking {background-color: #fcfcfc; padding: 5px; position: relative;}
        .detaillist_content_booking label {display: block; padding: 5px 0;}
        .detaillist_content_booking input[type='text'] {position: absolute; left: 120px; margin-top: -20px; width: 207px;}
        .detaillist_content_booking input[type='text'].plz {left: 120px; width: 60px;}
        .detaillist_content_booking input[type='text'].ort {left: 187px; width: 140px;}
        .detaillist_content_booking select {position: absolute; left: 120px; margin-top: -20px; width: 60px;}
        .detaillist_content_booking textarea {width: 325px; height: 70px;}

        .detaillist_content_booking .submit {text-align: right; padding: 5px;}
        .detaillist_content_booking .submit input[type='submit'] {padding: 5px; background-color: #ececec; border: 1px solid #9c9c9c; color: #9c9c9c;}
        
        .Plugin_ADDComment_Wrapper { font-size: 12px; color: #4c4c4c;}
        .Plugin_ADDComment_Wrapper h2 {margin: 7px 0 7px 0; padding: 0px; font-size: 12px; font-weight: bold; color: #4c4c4c;}
        .Plugin_ADDComment_Wrapper input[type='text'].text {display: block; margin: 3px 0 3px 0; width: 309px !IMPORTANT; padding: 2px; border: 1px solid #4c4c4c; }
        .Plugin_ADDComment_Wrapper input[type='submit'] {display: block; padding: 2px 10px; border: 1px solid #4c4c4c; margin: 7px 0 0 0; color: #4c4c4c; background-color: #fff; }
        
        
