.grey { color:#bbb; }
#topAni { padding:1px 10px; font-family:sans-serif; color:#cecece; }
#topAni img { left:-4px; margin-bottom:17px; position:relative; top:7px; vertical-align:middle; }
#viertuell { font-weight:bold; color:#6BA93F; font-size:1.1em; }
#claim { font-weight:bold; font-size:1.1em; color:#cecece; }
.lexi { border-bottom:1px dotted #CC7700; cursor:pointer; }
.lexiImg { border:1px dotted #CC7700; cursor:pointer; }

#debug { display:block; position:absolute; top:690px; left:32px; font-size:0.8em; color:#999; clear:both; }
#content { width:100%; margin:0 auto; min-width:985px; padding:0; position:relative; }
#container { margin:10px auto 0 auto; padding:0; height:676px !important; overflow:hidden; width:1250px;}

.moveTop, #map, #rightDiv { top:-74px; } /* -88px */

#topLeft { z-index:3; opacity:0.75; float:left; background-color:#000; position:relative; text-align:left; border-left:2px solid #222;  border-top:2px solid #222; height:72px; }

.green { color:#6BA93F !important; }
.orange { color:#CC7700 !important; }
.orange2 { color:#999999; }
.red { color:#d02424; }
.white { color:#666 !important; }
.bold { font-weight:bold; }
.blue { color:#74CFFF; }
.black { color:#000000; }

body { font-family:verdana, sans-serif; text-align:center !important; background-image:url(../img/bg_body.jpg); background-repeat:repeat-x; background-color:#c7e7fc; margin:0; padding:0; }
h1 { font-size:0.9em; color:#6ba93f; font-weight:normal; margin-bottom:8px; }
h2 { font-size:1.2em; /* margin-top:10px; */ color:#6ba93f /*#CC7700*/; margin:0; padding:0; }
h3 { font-size:1.1em; margin-bottom:0px; margin-top:0px }
h4 { font-size:0.9em; font-weight:bold; }

#top { text-align:left; background-color:#000; border-top:2px solid #222; border-left:2px solid #222; border-right: 2px solid #222 }

.waitCursor{ cursor:wait !important; }
.defaultCursor { cursor:default !important; }

#main { margin:0 auto; width:100%; position:relative; }
table h3 { margin-bottom:10px }
a { color:#CC7700; text-decoration:none }
#infoData img { margin:0 6px; }
.fullLeft { margin:0 -7px !important; padding-top:8px !important; }

a img { border:none; vertical-align:middle; }
a:hover img { border:none }
a { padding:0; margin:0; }
a:hover { color:#CECECE; padding:0; margin:0; }
.aActive { color:#CECECE; }
td { vertical-align:top }
.leftDiv { float:left; height:490px; opacity:1; position:relative; border-bottom:none !important; border-left:2px solid #222 !important; border-right:2px solid #222 !important; }
.milky { opacity:0.8; margin:0 !important; }
.solid { opacity: 1 !important; margin:0 !important; /*filter: alpha(opacity=100) !important*/ }
.active { background-color:#252525 !important; /* #c4c9cb #d5dadc  #222 2E2E2E*/ } /*#5a5a5a DCDCDC*/ /*border:1px solid #bbb;*/
.inactive { background-color:#2E2E2E !important; /*border:1px solid #DCDCDC;*/ }

.map { height:521px; position:relative; float:left; width:942px; /*68%;*/ z-index:2; background-color:#d5dadc !important; border-left:2px solid #222;  border-top:2px solid #222; /* border-bottom:*/ }

#rightDiv { font-size:11px; color:#CECECE; float:left; height:450px; /*464px;*/ text-align:left; overflow:auto; border-right:2px solid #222; /* background-image:url(../img/uebersicht_rechts2.jpg); */ padding:5px 10px 34px; width:278px; background-color:#222222; border-left:none; line-height:16px; /* padding:0 8px 20px 4px;*/ }

#originalViewDiv { float:left; margin-left:15px }

.left { width:942px; /*68%;*/ float:left; position:relative; }
.right { width:273px; float:left; position:relative; }

.infoDiv { text-align:left; display:none; overflow:auto; z-index:1; padding:5px 10px; background-color:#252525; border:none; height:479px; margin:0px 45px 0 20px; position:absolute; top:74px; left:925px; width:277px; opacity:1; }

.infoDivActive { display:block; z-index:3; /* border-right:1px solid #666; border-bottom:1px solid #666; */ margin-top:0px; }

#closeDiv { float:right; padding:0; position:absolute; left:255px; top:4px; z-index:9; }

.desc { border:none; display:block; margin:0; opacity:1; padding:0; position:absolute; top:212px !important; width:234px; height:60px; z-index:9; left:0; text-align:left !important; }

.descText { background-color:#fefefe;
border:1px solid #999999 !important;
display:block;
font-size:0.9em;
left:0;
top:300px !important;
margin-left:0;
opacity:1;
padding:5px 0px 0 10px !important;
position:absolute;
text-align:right;
width:300px !important;
z-index:9; }

#desc div span { position:relative; /*top:-10px;*/ }
#desc img { vertical-align:middle; }

#message { background-color:#222222; border:1px solid #444444; color:#D02424; display:block; font-size:0.9em; font-weight:bold; opacity:0.85; padding:11px 0 10px; position:absolute; text-align:center; top:300px; left: 4px; width:68%; z-index:9; }

#longDesc { margin-top:8px }
.olControlAttribution { position:absolute; bottom:3px !important } 
table { font-size:0.8em }
#mapModes { position:absolute; top:540px; left:110px }
#mapModes input { margin-left:20px }
.thanks { font-size:12px !important; color:#CECECE; text-align:left; background-color:#333; clear:both; padding:10px 0; border-left:2px solid #222; }
.thanks label { color:#CC7700; }
.thanks label:hover { color:#CECECE; }
#anreise { margin-right:460px; font-size:1em !important; }
.thanks span { margin-left:10px; margin-right:10px; font-weight:bold; }
.thanks div { margin-right:0px; margin-left:5px; font-weight:bold; display:inline; }
.block { display:block !important }
.selected { color:blue }
.standard, .orange { color:#CC7700; font-size:1em !important; }
.bordered { border:2px solid #FFF }
.noBorder { border:none }
#building-image { border:2px solid #ccc }
#mapViews li { line-height:20px; margin-left:20px; }
noscript div { margin:20% auto }

#featTitle { color:#6BA93F; background-color:#252525; font-size:0.8em; font-weight:bold; position:absolute !important; z-index:10; border: 3px solid #CC7700; padding:3px; }

#featTitle span { color:#CECECE; font-weight:normal; white-space:nowrap; }
#featTitle img { border:1px solid #666; margin:3px 3px 0 3px; }

.noDisplay { display:none !important; }
.display { display:block !important; margin:0; }
.displayTable { display:table; clear:both; margin-left:0; padding-left:0; }
.displayListItem { display:list-item }
.invisible { visibility:hidden !important; }
.visible { visibility:visible !important; }

#infoData, #mapViews, #help { display:none; font-size:12px; }
#help { padding-bottom:10px }

#routeInfo, #help2 { font-size:0.8em; }
.fh_logo { text-align:center; margin-top:10px; padding-top:0; }

#rightDiv .listID { width:40px !important; text-align:center; }
#rightDiv .listText { padding-left:10px; }
#rightDiv .listPic { padding-top:10px; height:104px; width:100%; text-align:left; vertical-align:middle }

.divSwitcher { /*cursor:pointer; text-decoration:underline; */}
#ort, #ortePunkte, #name, #foto, #text, #navi, #grau { display:none; }
#navi img { vertical-align:middle; }

div.topNav { border-right:1px dashed #666666; cursor:pointer; background-color:#000; vertical-align:middle; padding:5px 10px; float:left; margin:0; font-size:0.9em; font-weight:bold; }
div.topNav a:hover { color:#000; }
.on { background-color:#CECECE !important; color:#000 !important; }
.off { background-color:#000 !important; color:#CC7700 !important; }
.on a { color:#000 !important; }
.off a { color:#CC7700 !important; }

#special_buttons { background-color:#E5E4E6; border:1px solid red; bottom:8px; padding:4px; position:fixed; right:8px; }
#hephoz_powered { border-color:#D02424; border-style:solid none none; border-width:4px medium medium; padding:0 5px 2px; width:97px; }
/* legend { color:#eee; } */
#valid { margin-top:12px; }
#valid img { display:block; padding-bottom:4px; }
#hephoz_powered img { border:none; vertical-align:middle; }

/* #OpenLayers.Control.Attribution_7 { display:none !important; } */

.infoInner { clear:both; height:380px !important; /*370px*/ margin-bottom:10px; margin-top:8px; overflow:auto; width:264px; /*250px;*/ /*285px;*/ }
.infoInner ul { margin:0px; padding-left:20px; list-style-type:none; overflow:auto; }

#searchForm { height:16px; margin:0; padding:15px 10px 15px 0; } /* 15px 10px */
#searchForm input, #searchForm select { /* font-size:1.1em; */ vertical-align:top; opacity:0.75; width:110px; }

#zoomForm { display:inline; margin-left:10px; }
#zoomForm div { margin:0 10px; }
#zoomForm label { margin-right:6px; }
#zoomForm input { vertical-align:top; }

.vGrey { color:#222; } /* #363636 #666 */
.vWhite { color:#CECECE; }

#footer { clear:both; background-color:#000; height:55px; /* padding:10px 20px 10px 20px; */ border-left:2px solid #222; border-bottom:2px solid #222; border-right:2px solid #222; }

#footerLeft { text-align:left; float:left; background-color:#252525; border-left:2px solid #222;  border-bottom:2px solid #222; color:#CECECE; font-size:12px; height:110px; background-image:url(../img/bg.gif); }
#footerLeft a { font-size:11px; }
#footerLeft div { padding-left:10px; }
#footerLeft ul { padding-left:13px; }

#footerRight { color:#CECECE; font-size:12px; background-color:#043661; display:inline; border-bottom:2px solid #222; border-right:2px solid #222;  font-weight:bold; height:110px; margin-top:0; padding:0; width:298px; }

#footerRight span { position:relative; margin-right:5px; }
#footerRight img { vertical-align:middle; }
#footer a { font-size:0.8em; margin-left:10px; }

#controlToggle { list-style-type:none; margin:0; padding:0 !important; font-size:0.75em !important; }
.noDecoration  { list-style-type:none; }
.smallCap { color:#000; font-weight:bold; font-size:0.7em; }
#query { width:130px; text-transform:capitalize; color:#000; position:relative; opacity:0.75; height:16px; }
#streetInput { text-transform:capitalize; color:#000; position:relative; opacity:0.75; width:85px !important; height:16px; }
#nrInput { color:#000; position:relative; opacity:0.75; height:16px; width:25px !important; }

#queryDay { margin-left:2px; }
#timeQuery, #streetQuery, #dateQuery, #sectorQuery, #pointQuery { display:none; }
#timeQuery span, #controls { font-size:1.1em; font-weight:bold; margin:3px; }

#objekteBottom { margin-top:10px; font-size:0.7em; color:red; height:248px; overflow:auto; }
#actionForm #divStreet { float:left; }
#actionForm #street { width:130px; }
#actionForm #num { width:105px; }

.hand { background: url(../img/glueh.gif); background-position:0 0; background-repeat:no-repeat; padding-left:18px; }
.stats { font-size:0.7em; color:#CECECE; margin-left:15px; }
.subs { margin-right:15px; padding-top:16px; }
.wetterTag { display:block; float:left; font-weight:bold; padding-left:15px; padding-top:13px !important; width:25px; }
#output { color:#CECECE; padding-bottom:2px; }
/* #output p { font-size:0.8em; } */

#dataDiv, #pressDiv, #legendDiv, #homeDiv, #helpDiv, #impressumDiv, #statsDiv { font-size:12px; /*padding:0 8px 20px 4px;*/ }
#orteDiv { font-size:11px;/*12*/ min-height:200px; padding-bottom:2px; }

#nachtleben { min-height:200px; font-size:0.8em; /* height:430px; overflow:auto; */ width:278px; }
#nachtleben li { padding:0 0 10px 0; margin-left:-1em; background-image:none; }
#nachtleben li div { /* border:1px solid #444; */ border:none; }
#nachtleben .linkPic { border:1px solid #CC7700; /*padding:1px; aerger mit safari*/ }
/* #nachtLink1, #nachtLink2 { position:relative; top:15px; left:0; display:block; } */
.n8 { /*display:block; position:relative; */ border:none !important; float:left; width:150px; font-size:0.9em; }
.n8lister { float:left; margin-right:5px; margin-top:30px; }

#homeDiv ul, #statsDiv ul, #legendDiv ul { margin:0; padding:0 0 0 15px; }
#impressumDiv ul { margin-left:15px; padding:10px 0; }
#helpDiv ul { padding:0 0 0 15px; }
.info { margin:0; padding:0; max-height:345px; }

#placesDiv table.open { margin-bottom:5px; width:100%; background-color:#111; }
#placesDiv table.open th { padding:5px; /*width:54px;*/ background-color:#2E2E2E; text-align:center; vertical-align:middle; border:1px solid #666666; }
#placesDiv td.centered { text-align:center; }
#placesDiv td.centered input { display:inline; }
#placesDiv img { margin:0; padding:0; }
#placesDiv th.right { text-align:right; width:45px; vertical-align:top; }
#placesDiv .green { color:#00aa00; }
#placesDiv .grey { color:#bbb; }
#placesDiv .blue { color:#0000aa; }
#placesDiv table { margin-bottom:5px; width:100%; }
#placesDiv .small { font-size:0.9em; }
#placesDiv table.open td { border:1px solid #666; text-align:left; padding:5px; vertical-align:middle; color:#ddd; }
#placesDiv .orange { color:#CC7700; font-size:1.2em; }
#placesDiv .place { background-repeat:no-repeat !important; background-position:right top !important; opacity:0.3; width:518px; height:200px; position:absolute; }
#placesDiv h1 { font-size:1.2em; color:#6BA93F; /*#fff;*/ font-weight:bold; margin:0; }
#placesDiv h2 { font-size:1em; color:#fff; font-weight:bold; margin-bottom:2px; }

ul { list-style-type: none; padding: 0; margin: 0; }
li { background-image:url(../img/lister.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 1em; margin-left:-1em; }

#viewE li { background-position: 0 0.6em; }

li.arrow { background-image:url(../img/lister.gif) !important; margin-left:0 !important; background-position: 0 0.4em; padding-left:10px !important; }

li.bw { background-image: url(../img/lister_sw.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 1em; margin-left:-1em; }

#statsDiv li, #helpDiv li, #pressDiv li { margin:0.6em 0 0 -1em; }
#statsDiv li span { color:#999; font-weight:bold; }

#legendDiv li { background-image:none; margin:0; padding:0; }

#dankeLogos { margin-top:20px; }
#dankeLogos a { margin-right:10px; }
#bookmarks, #mp3player, #networking { float:left; color:#CECECE; font-size:0.8em; margin-left:25px; left:300px; position:absolute; top:630px; }

#admin { font-size:12px; margin:10px auto; text-align:left; width:1250px; }
#admin span { margin-right:20px; }
#admin a { color:#CC7700; }
#admin img { height:25px; }

/*
html, body { scrollbar-3dlight-color:#555; scrollbar-arrow-color:#CC7700; scrollbar-base-color:#11303D; scrollbar-darkshadow-color:#000; 
scrollbar-face-color: green; scrollbar-highlight-color:#945700; scrollbar-shadow-color: blue; }
*/

#dateQuery { margin-bottom:0; padding-bottom:0; float:left; }
#dateQuery span, #dateChosen { position:relative; top:2px; }
#dateChosen { float:left; height:20px; padding:2px 0 0 8px; }
.highlightTR { border: 3px solid #661111 !important }
#timeInfo { margin-top:15px; }

.milkyTable { opacity:0.5; }
.solidTable { opacity:1; }


form select { height:24px; width:113px; }
#queryDay, #queryMonth, #queryYear { width:45px !important; height:24px; }
#queryTimeHour, #queryTimeMin { width:44px !important; height:24px; }
form select option { padding:3px; }
#meldeForm label { width:80px; display:block; float:left; padding-top:4px; clear:both; }
#meldeForm .longInput { width:243px; }
#meldeForm .longLabel { width:200px; margin-top:5px; }
textarea { width:250px; }
#eventForm { width:245px; text-align:left; }

.small { font-size:80% !important; }
.machmit { border:1px dotted #444; margin:15px 0 10px 1px; padding:5px; width:auto; /*206px;*/ background-color:#333; }

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #ffffe0;
visibility: hidden;
z-index: 8;
font-size:11px;
text-align:left;
font-family:Monospace, Courier new;

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 9;
visibility: hidden;
}

#OpenLayers.Control.Attribution_7 { font-size:10px !important; padding-left:5px; }

fieldset { border:1px solid #666; width:240px; padding:5px 10px; }
legend { font-weight:bold; /* color:#CECECE; */ font-size:14px; color:#6ba93f; }
#map { font-size:10px; }
sup { font-family:verdana; font-size:0.7em; }
#topMenu { visibility:hidden; color:#CC7700; }
#topPix { background-color:#000000;
border-right:2px solid #222222;
border-top:2px solid #222222;
float:left;
height:72px;
position:relative;
width:298px;
/*padding:11px 4px 16px 21px; height:45px; float:left; background-color:#000; position:relative; text-align:left; border-right:2px solid #222; border-top:2px solid #222;*/ }
#topPix img { vertical-align:top; margin-right:10px; }
.cleaner { clear:both; height:0; }
.weatherBox { padding:5px 0 35px 1px !important; clear:both; }
.weatherBox img { vertical-align:middle; }
.weatherBox span { margin-right:15px; font-size:0.8em; color:#CECECE; float:left; }
.weatherBox span img { margin-left:0px; border:1px dotted #CC7700; }
.noFloat span { float:none; }

.noPlaces { margin-top:15px; }
.noEvents { margin-top:15px; padding-top:15px; }
.alphaB { padding-right:0px; margin:0; }
.maxH280 { max-height:265px; }
.maxH218 { max-height:210px; }
.maxH260 { max-height:225px; }

.h300 { max-height:300px; }
.mark { margin:10px 0; }
#selectType { clear:both; padding:10px 0 0 0; }
#events { margin-top:10px; padding:0 0 0 15px; }
#happies { height:270px; margin-top:10px; overflow:auto; padding:0 0 0 15px; }

.events2 { padding:0 0 0 15px !important; margin:0; }
.topMark { font-size:10px; padding-bottom:5px; padding-left:8px; }
.eventInfo { clear:both; padding:0; margin:0; max-height:380px; width:262px; overflow:auto; }
.h2Event { margin-bottom:8px; }
#queryType { float:left; width:100px !important; }
/* .placesH1 { color:#48990C; font-family:sans-serif; font-size:1em; font-weight:bold; width:233px; } */
.placesH1 { width:250px; padding:3px 11px; margin:0 0 0 -12px; font-weight:bold; font-size:1em; color:#6BA93F; background-color:#333333; }
.whiteDiv { color:#CECECE; /*ccc;*/ }
#homeDiv ul { margin:0; padding:0 0 0 15px; }
#newPic { position:absolute; right:-4px; top:67px; }
#lage { position:absolute; left:8px; top:85px; z-index:10000; border:6px solid #444; height:400px; width:500px; margin:0; padding:0; }
.pBottom { padding-bottom:15px; }
.p8px { padding-bottom:8px; }

#meldeTyp { width:170px !important; height:auto !important; }
.contactIcon { position:relative; top:-1px; vertical-align:middle; }
#descOpen { float:left; margin:35px 0 0 5px; }
#descOpen span { width:25px; display:block; }

ul.det li { background-position:0 0; line-height:18px; background-repeat:no-repeat; margin-left:0; padding-left:1.8em; }
#singlePlaceName { color:#6BA93F; font-size:1.2em; }
#singlePlaceName2 { color:#CECECE; }

/* bg styles: #ffcc00 #99dd22 #fefefe */

#happys select { width:100px !important; }
#eventTypes, #eventPlaces { width:100px; }
ul.verlinkungen { padding:15px; }

#spezialbereich { color:#CECECE; font-size:10px; left:-12px; position:relative; top:3px; }
#rubriken { background-color:#6BA93F; color:#FFFFFF; font-size:0.9em; border:2px solid #999; height:30px; cursor:pointer; padding-bottom:3px; padding-top:3px; position:relative; top:0px; left:0px; }
#okButton { font-family:verdana; font-size:12px; height:30px; margin-top:14px; padding:0; }


#rubriken2 { background-color:#CC7700; color:#121212; font-size:0.9em; border:2px solid #6BA93F; height:30px; cursor:pointer; padding-bottom:3px; padding-top:3px; }

#rubriken option, #rubriken2 option { padding:5px; border-bottom:1px dotted #CECECE; }
.placelist { padding-top:5px !important; border-top:1px dotted #333333; }

#mapLoading { background-color:#000000 !important; border-color:transparent; height:447px; left:0; opacity:0.75; position:absolute; top:74px; width:942px; }

#besucher { height:445px; overflow:auto; display:block; }
#besucher th { background-color:#666; }
#besucher td { border:1px solid #333; }

.h465 { height:435px; overflow:auto; }
#orteDiv h1 { color:#6BA93F; /*#CECECE;*/ font-size:1.3em; font-weight:bold; margin:4px 0; padding:8px 0 0 0; }
.pointer { cursor:pointer; }
.placeLine { height:10px; width:260px; border-top:4px solid #CECECE; }
.placeLineBold { height:10px; width:260px; border-top:8px solid #225588; }

/* #nachtleben, #nachtleben li { font-family: Arial !important; font-size: 8px !important; } */
.sender { margin-bottom:10px; }

/*
Flyer DIN A7 lang
250g Bilderdruck glänzend
4/4 farbig (beidseitiger Druck)

Endformat: 5,2 cm x 14,8 cm
Datenformat: 5,4 cm x 15 cm

5.000 => 35,- netto
*/

.source { clear:both; padding:15px 0px; }
.spezial a { /* font-size:12px !important; */ }
#view2 { max-height:385px !important; /* 380*/}
#footerRight form { margin-top:5px; }
#forged { margin-left:48px; font-size:1em; font-weight:bold; margin-right:4px !important; color:#d02424; position:relative; top:1px; }

#desc { font-size:75%; padding:5px 10px !important; /* display:none; */ }
#firmensuche { line-height:12px; padding-left:33px; text-align:left; }
.valid { height:15px !important; }
#branchen { padding:8px 0 0 15px !important; }
#branchen li { height:20px; background-position:0 0; background-repeat:no-repeat; padding:2px 0 0 30px; }
#procon img { position:relative; left:0; top:2px; margin:0 !important; }
.notVisible { visibility:hidden; }
#searchF { text-transform:capitalize; }

img.zoom { cursor:url("../img/lupe.cur"); }
#adminAd { float:left; margin-right:144px; width:468px; height:60px; }
#adminAd a, #adminAd img { width:468px; height:60px; }
#queryPoint { margin-top:5px; width:130px; }
#pointForm { margin:0; padding:0; }
#meldungMachenButton a { font-size:1.2em !important; }
.passiert { font-size:80%; line-height:14px !important; }
#firmensuche label { font-weight:bold; font-size:16px; line-height:26px; }

#amaAd { top:123px; left:1px; color:#CC7700; font-size:10px; padding:3px; background-color:#000; opacity:0.85; line-height:12px !important; position:absolute; font-weight:bold; }

#werbeButton {  /*clear:both; font-weight:bold; width:100%; background-color:#CC7700; color:#fff; text-align:center; padding:5px 0px 5px 0px; margin:5px 0px 0 -11px; position:absolute; border:1px solid #999; border-top:none; */
background-color:#CC7700;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
clear:both;
color:#FFFFFF;
font-weight:bold;
left:-11px;
padding:5px 10px;
position:relative;
text-align:center;
top:6px;
width:100%;
}
#werbeButton a { color:#fff; font-weight:bold; }

.suchhilfe { color:#ff0000; font-size:11px; position:relative; top:2px; left:0; line-height:15px; }