/*
Document   : _sass
Created on : 25.05.2012, 15:42:40
Author     : krampitz
Description:
Variables, Mixins
*/
.icons-sprite, #amkarte-lottery #amkarte-lottery-winner, #amkarte-lottery.open #amkarte-lottery-winner, form.map .optionhandler, form.map .optionhandler.open { background-image: url('/ds/img/basics/icons.png?101120141511228'); background-repeat: no-repeat; }

#amkarte-canvas, #amkarte-overlay { width: 710px; height: 727px; position: relative; overflow: hidden; top: 0; left: 0; }

#amkarte-overlay { background-color: white; opacity: 0.75; filter: alpha(opacity=75); position: absolute; }

#amkarte-loader { position: absolute; left: 319px; top: 359px; width: 66px; height: 66px; }

div.marker-label { color: black; font-size: 0.9em; line-height: 1em; padding-top: 1px; width: 25px; text-align: right; }

/* --------------------------------------------------------- side bar and serach form
--------------------------------------------------------- */
#amkarte-searchbox { border: 1px solid #ece9e7; background: #FFFFFF url("/ds/img/basics/bg-roundedbox.jpg") repeat-x 0 100%; padding: 14px; width: 200px; }
#amkarte-searchbox h2 { border: none; color: #3e2f25; margin-bottom: 10px; padding: 0; font-size: 1.3em; }
#amkarte-searchbox #amkarte-postcode, #amkarte-searchbox #amkarte-city, #amkarte-searchbox #amkarte-searchterm { margin-bottom: 15px; }
#amkarte-searchbox #amkarte-postcode { width: 40px; }
#amkarte-searchbox #amkarte-city { width: 110px; }
#amkarte-searchbox #amkarte-searchterm { width: 180px; }
#amkarte-searchbox #amkarte-submit { float: left; }
#amkarte-searchbox #distance-wrapper { height: 60px; }
#amkarte-searchbox #distance, #amkarte-searchbox #distanceslider, #amkarte-searchbox #distance-val { display: none; }
#amkarte-searchbox #distanceselect { width: 200px; }
#amkarte-searchbox ul.distance { background: url("/ds/img/basics/bg-distanceslider.gif") no-repeat 0 0; margin: 20px 0; padding-top: 12px; width: 186px; }
#amkarte-searchbox ul.distance li { background: url("/ds/img/basics/slider-yeardash.png") no-repeat center 0; float: left; list-style: none; padding: 8px 8px 0; }

.dynd #amkarte-searchbox #distance-wrapper.inactive #distanceslider .line { background-position: 0 0; }
.dynd #amkarte-searchbox #distance-wrapper.inactive #distancehandler, .dynd #amkarte-searchbox #distance-wrapper.inactive #distanceslider .ui-slider-handle { background-position: 0 0; }
.dynd #amkarte-searchbox #distance-wrapper #distance, .dynd #amkarte-searchbox #distance-wrapper #distanceslider { display: block; }
.dynd #amkarte-searchbox #distance-wrapper #distancehandler, .dynd #amkarte-searchbox #distance-wrapper #distanceslider .ui-slider-handle { background: url("/ds/img/basics/slider-distancehandle.png") no-repeat 0 -27px; height: 27px; left: 0px; outline: none; position: absolute; top: -10px; width: 28px; }
.dynd #amkarte-searchbox #distance-wrapper #distanceslider { margin-top: 20px; margin-bottom: 10px; height: 40px; width: 200px; /* HOLY MACCARONI, NUMBER OF THE BEAST >:-0  */ position: relative; z-index: 1; }
.dynd #amkarte-searchbox #distance-wrapper #distanceslider .line { background: url("/ds/img/basics/bg-distanceslider.gif") no-repeat 0 -6px; height: 6px; }
.dynd #amkarte-searchbox #distance-wrapper ul.distance { background: none; margin-left: 14px; margin-top: 0; padding-top: 0px; position: relative; top: -35px; }
.dynd #amkarte-searchbox #distance-wrapper ul.distance li { font-size: 1em; padding: 8px 0 0; position: absolute; width: 1px; }
.dynd #amkarte-searchbox #distance-wrapper ul.distance li span { display: none; text-decoration: none; }
.dynd #amkarte-searchbox #distance-wrapper ul.distance li.active span { display: block; font-weight: bold; left: -10px; position: absolute; text-decoration: none; top: 15px; width: 180px; }
.dynd #amkarte-searchbox #distance-wrapper ul.distance li.active span.last { left: -30px; }

#maincontent { position: relative; }

#amkarte-searchform label { display: block; }

#amkarte-totalcount { font-weight: bold; padding-bottom: 1.3em; }

#amkarte-resultcount, #amkarte-winnercount { font-weight: bold; color: #e31519; }

/* --------------------------------------------------------- nomatch, errors
--------------------------------------------------------- */
#amkarte-nosearch, #amkarte-nomatch, #amkarte-error { color: #e31519; font-size: 1.3em; font-weight: bold; margin-top: 0; }

.maphint { background-color: #fff; border: 1px solid #9f9185; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); left: 30px; padding: 20px !important; position: absolute; top: 100px; z-index: 2000; }
.maphint span { background: transparent url("/ds/img/basics/arr-fieldhint.png") no-repeat 0 0; display: block; height: 21px; left: -13px; position: absolute; top: 30px; width: 13px; }

#amkarte-error.maphint { top: 110px; }
#amkarte-error.maphint span { top: 20px; }

/* --------------------------------------------------------- lottery winners
--------------------------------------------------------- */
#amkarte-lottery { background: white; border: 1px solid #9f9185; cursor: pointer; padding: 10px 10px 8px 10px; position: absolute; right: 10px; top: 40px; width: 240px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }

#amkarte-lottery #amkarte-lottery-winner { font-weight: bold; padding-top: 5px; width: 205px; background-position: 193px -98px; }

.wf-active #amkarte-lottery #amkarte-lottery-winner { padding-top: 1px; }

#amkarte-lottery.open #amkarte-lottery-winner { background-position: 193px -1272px; }

#amkarte-lottery #amkarte-lottery-winner.zoomnotice { background: none; font-weight: normal; padding-top: 0; }

.wf-active #amkarte-lottery #amkarte-lottery-winner.zoomnotice { margin-top: -4px; }

#amkarte-lottery-infowin hr { border-color: #cfc8c2; }

#amkarte-lottery-infowin h3, #amkarte-lottery-infowin h4 { color: #e31519; }

#amkarte-lottery-infowin p.small { font-size: 0.9em; }

#amkarte-lottery-infowin p.grey { color: #9f9185; }

#amkarte-lottery-infowin .footer .lft { float: left; }

#amkarte-lottery-infowin .footer .icon { width: 45px; }

#amkarte-lottery-infowin .footer .teaser { width: 195px; }

/* --------------------------------------------------------- display options / subfilters
--------------------------------------------------------- */
#amkarte-displayoptions .displayoption { margin-bottom: 0.2em; }
#amkarte-displayoptions .icon { float: left; margin-right: 8px; margin-top: 3px; width: 22px; }
#amkarte-displayoptions .checkbox { float: left; margin-top: 7px; width: 20px; }
#amkarte-displayoptions label { display: block; float: left; width: 175px; }
#amkarte-displayoptions legend { color: #e31519; }

#amkarte-subfilter, #amkarte-subfilter2 { float: right; overflow: hidden; width: 197px; }
#amkarte-subfilter select.std, #amkarte-subfilter2 select.std { margin-bottom: 10px; width: 150px; }
#amkarte-subfilter .icon, #amkarte-subfilter2 .icon { display: none; }
#amkarte-subfilter legend, #amkarte-subfilter2 legend { color: #3e2f25; font-size: 1em; padding: 0.5em 0 0.5em 0; }
#amkarte-subfilter label, #amkarte-subfilter2 label { display: inline; float: none; width: auto; }
#amkarte-subfilter #amkarte-alle, #amkarte-subfilter2 #amkarte-alle { margin-bottom: 10px; }

#amkarte-submitfilter, #amkarte-submitfilter2 { margin: 0.5em 0 0.5em 0; }

/* --------------------------------------------------------- sternchentext
--------------------------------------------------------- */
.notice { border: none; margin-top: 0; padding-top: 0; }
.notice dt { width: 10px; }
.notice dd { margin: 0 0 0 18px; }

/* --------------------------------------------------------- Formular Kartenoptionen
--------------------------------------------------------- */
form.map .mapoption { padding: 10px 0px 10px 0px; border-bottom: 1px solid #cfc8c2; }
form.map .mapoption.first { border-top: 1px solid #cfc8c2; }
form.map .mapoption input[type="checkbox"] { margin-right: 5px; }
form.map .optionhandler { background-position: 215px -95px; }
form.map .optionhandler.open { background-position: 215px -1268px; }
form.map .ttip { border-bottom: 1px dashed #3e2f25; cursor: help; }

/* --------------------------------------------------------- infobox (info overlay)
--------------------------------------------------------- */
.gm-style div, .gm-style span, .gm-style a { color: #3e2f25; font-family: Arial, sans-serif; font-size: 13px; }

.gm-style a.arr-r { color: #e31519; font-family: "Arial W01 Rounded Bold", Arial, sans-serif; }

.infoBox { width: 332px; }
.infoBox .info-box { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #9f9185; padding: 10px; }
.infoBox .info-box-beak { background: no-repeat url("/ds/img/map/beak.png") 0 0; height: 13px; width: 21px; z-index: 11; margin: -1px 0 0 142px; }

#amkarte-canvas .infoBox h3 { color: #e31519; }
#amkarte-canvas .infoBox ul.arrow { max-height: 300px; overflow: auto; }
#amkarte-canvas .infoBox ul.arrow li { margin-bottom: 10px; margin-top: 0; }
#amkarte-canvas .infoBox ul.arrow li.separator { border-bottom: 1px solid #cfc8c2; background: none; }
#amkarte-canvas .infoBox ul.foldable { max-height: 300px; overflow: auto; }
#amkarte-canvas .infoBox ul.foldable strong { display: block; margin-bottom: 10px; }
#amkarte-canvas .infoBox ul.foldable a.toggle { background: url("/ds/img/basics/icons/arr-d.png") no-repeat 98% 7px; display: block; font-weight: bold; padding-right: 25px; text-decoration: none; }
#amkarte-canvas .infoBox ul.foldable li { border-top: 1px solid #cfc8c2; padding: 10px 0 10px 0; }
#amkarte-canvas .infoBox ul.foldable li:first-child { border-top: none; padding-top: 0; }
#amkarte-canvas .infoBox ul.foldable li.active a.toggle { background: url("/ds/img/basics/icons/arr-u.png") no-repeat 98% 7px; margin-bottom: 10px; }
#amkarte-canvas .infoBox .footer { border-top: 1px solid #cfc8c2; padding-top: 10px; }
#amkarte-canvas .infoBox .footer .icon { width: 40px; }
#amkarte-canvas .infoBox .footer .teaser { width: 270px; }
#amkarte-canvas .infoBox .footer h4 { color: #e31519; }
#amkarte-canvas .infoBox .lft { float: left; }

/* --------------------------------------------------------- Intro
--------------------------------------------------------- */
#amkarte-intro { background: #f8f7f6 url("/ds/img/map/bg_intro.png") no-repeat 14px 0; border: 1px solid #ECE9E7; height: 131px; width: 980px; margin-bottom: 30px; position: relative; }
#amkarte-intro div.intro-text { margin-left: 270px; margin-top: 15px; width: 660px; font-size: 14px; line-height: 1.4em; }
#amkarte-intro div.intro-text h1 { border: none; margin-bottom: 10px; padding: 0; margin-bottom: 5px; font-size: 1.5em; }
#amkarte-intro div.intro-close { position: absolute; top: 8px; right: 8px; }

/* --------------------------------------------------------- sonstige karten-einbindungen (filmfestival, fwdb)
--------------------------------------------------------- */
#googlemap.rounded { overflow: hidden; }

#googlemap .infoBox { width: 310px; }
#googlemap .infoBox p { line-height: 22px; }

/* --------------------------------------------------------- FIS/FLK detilseite
--------------------------------------------------------- */
#amkarte-flkdetails { width: 710px; min-height: 850px; position: absolute; top: 0; left: 0; z-index: 10000; background-color: #fff; }

.twothird-left { width: 490px; }

.onethird-right { width: 200px; }

.imgcontainer.landscape { width: 355px; }
.imgcontainer.landscape.fr { text-align: right; }
.imgcontainer.portrait { width: 236px; }
.imgcontainer.portrait.fr { text-align: right; }
.imgcontainer.portrait.fl.middle { text-align: center; }