/* **************************************************************
   Freiraum-Portal.de | Datenbank-Ausgabe und Google-Maps
***************************************************************** */



/* ------------------------------- DB-Ausgabe --------------------------------- */

.dbOutList{
                           margin:1.5em 0 0 0;
                           padding-bottom:1em;
                           }

.dbOutListFilter{
									background-color:#acd773;
									border-top:3px solid #fff;
									border-bottom:3px solid #fff;
									padding:.5em 0 .5em 1em;
									}

.dbOutListFilter .l{
									float:left;
									margin-right:1em;
									}

.dbOutListFilter .r{
									background:url(../pix/resetFilter.gif) no-repeat right center;
									float:right;
									margin:.2em 1em 0 0;
									padding-right:16px;
									position:relative;
									}

.dbOutListFilter .r a{
									color:#000;
									font-size:.9167em;
									text-decoration:none;
									}

.dbOutListFilter .r a:hover{
									color:#940000;
									text-decoration:underline;
									}

.dbOutListFilter select{
									background-color:#f2e6b6;
									border:2px solid #fff;
									display:block;
                           padding:2px;
                           width:12em;
                           }

.dbOutListFilter #typeFilter{
									width:10em;
									}

.dbListEntryWrapper{
                           background-color:#f2e6b6;
                           border-top:3px solid #fff;
                           border-bottom:3px solid #fff;
									margin-top:1em;
                           padding:1em 0;
                           position:relative;
                           width:100%;
                           }

.dbListEntryWrapper span{
                           font-weight:600;
                           }

.dbListEntryWrapper span a{
									text-decoration:none;
									}

.dbListEntryWrapper p{
                           margin-top:1em;
                           }

.dbContactLnk{
                           float:right;
                           margin-right:1em;
                           }

.dbContactLnk a{
                           background:url(../pix/smallArr.gif) no-repeat right center;
                           color:#687468;
                           display:block;
                           font-size:.9167em;
                           padding-right:13px;
                           text-decoration:none;
                           }

.dbContactLnk a:hover{
                           color:#f60;
                           text-decoration:underline;
                           }

/* Wolke */

.districtCloud{
									border-bottom:3px solid #fff;
									margin:2em 0;
									padding-bottom:2em;
									position:relative;
									width:100%;
									}

.districtCloud ul{
									list-style:none outside;
									}

.districtCloud li{
									float:left;
									font-size:.75em;					/* 9 @12 */
									line-height:26px;
									padding-right:16px;
									white-space:nowrap;
									}

.districtCloud li.a{
									font-size:1.2222em;							/* 11 */
									}

.districtCloud li.b{
									font-size:1.4444em;							/* 13 */
									}

.districtCloud li.c{
									font-size:1.5556em;							/* 14 */
									}

.districtCloud li.d{
									font-size:1.7778em;							/* 16 */
									}

.districtCloud a{
									color:#000;
									text-decoration:none;
									}

.districtCloud a:hover{
									color:#940000;
									text-decoration:underline;
									}


/* ohne Details */

.dbListEntryDiv{
                           color:#687468;
                           }

.dbListFullEntryDiv{
                           }

/* mit Details */

.dbListEntryDivDetail,
.dbListFullEntryDivDetail{
                           padding:0 16em 0 1em;
                           position:relative;
                           }

.dbListEntryDivDetail a.title,
.dbListFullEntryDivDetail a.title{
                           }

.dbListEntryDivDetail a.txt,
.dbListFullEntryDivDetail a.txt{
                           color:#333;
                           display:block;
                           font-weight:600;
                           text-decoration:none;
                           }

.dbListEntryDivDetail a.goDetail,
.dbListFullEntryDivDetail a.goDetail{
                           color:#687468;
                           font-size:.9167em;            /* 11 @12 */
                           padding-left:0;
                           text-decoration:none;
                           }

.dbListEntryDivDetail a.goDetail:hover,
.dbListFullEntryDivDetail a.goDetail:hover{
                           color:#940000;
                           text-decoration:underline;
                           }


.dbListEntryDivDetail p,
.dbListFullEntryDivDetail p{
                           }

/* Logo */

.dbListEntryImg{
                           float:right;
                           padding:0 2em;
                           position:relative;
                           text-align:center;
                           z-index:11;
                           }

.dbListEntryImg img{
                           }

/* Detailausgabe */

.dbDetailImages{
									float:left;
                           margin:1em 1.5em 0 0;
                           width:23.3333em;					/* 280 @12 */
                           }

.dbDetailImages .thumbnail{
									float:left;
									}

.dbDetailImages .minSize img,
.dbDetailImages .thumbnail img{
									border:2px solid #fff;
									}

.dbDetailImages .thumbnail img{
									margin:.5em .6667em 0 0;
									}

.dbDetailImages .medSize img{
									width:100%;
									}

.dbDetailInfoArea{
                           margin-top:1em;
                           }

.dbDetailInfoArea p{
									margin-top:1em;
									}

.dbDetailArea{
									background-color:#f2e6b6;
									border-top:3px solid #fff;
									border-bottom:3px solid #fff;
									height:100%;
									margin-top:.75em;
                           padding:1em;
									}

.dbDetailArea .r{
									float:right;
									position:relative;
									width:47%;
									}

.dbDetailArea p{
									margin-top:1em;
									}

.dbDetailArea .l{
									position:relative;
									width:47%;
									}

.dbDetailArea ul{
									margin-top:1em;
									}

.dbDetailArea img{
									vertical-align:top;
									}

.dbDetailText{
									margin-top:1em;
									}

.dbDetailText p.symb{
									background:url(../pix/std_arr.gif) no-repeat left top;
									display:block;
									margin-top:1em;
									padding-top:2px;
									padding-left:20px;
									}

.dbDetailMap{
									border:1px solid #f2dc86;
									clear:both;
									margin-top:2em;
									position:relative;
									}

.dbDetailFooter{
									margin-top:2em;
									padding-top:.3636em;
									}

.dbDetailFooter .r{
									
									float:right;
									position:relative;
									}

/* dbOut Bilder */

#dbOutImageBody{
									background-color:#ebe6dc;
									min-width:600px;
									padding:5px;
									width:820px;
									}

#dbOutImageBody .title{
									color:#0078AF;
									font-size:1.9em;					/* 19 @10 */
									font-weight:200;
									padding:5px;
									}

#dbOutImageBody .thumb{
									float:right;
									padding-top:5px;
									}

#dbOutImageBody .main{
									margin:5px 0 2em 0;
									overflow:hidden;
									position:fixed;
									text-align:center;
									width:646px;
									}

#dbOutImageBody .main img{
									border:3px solid #fff;
									margin-top:5px;
									}

#dbOutImageBody a img{
									border:3px solid #fff;
									margin-top:5px;
									}

#dbOutImageBody a:hover{
									background:transparent;
									}

/* ------------------------------- Google-Maps -------------------------------- */ 

#gMapOverlay{
                           background-image:url(../pix/tr.gif);
                           display:none;
                           position:absolute; top:0; left:0;
                           width:99%;
                           z-index:999;
                           }

.gMapHead{
                           clear:both;
                           position:relative;
                           }

.gMapHead ul{
                           list-style:none outside;
                           }

.gMapHead li{
                           background-color:#f2e6b6;
                           border-top:3px solid #fff;
                           border-right:3px solid #fff;
                           border-left:3px solid #fff;
                           height:1.7em;
                           float:right;
                           margin-left:6px;
                           padding:0 10px;
                           }

.gMapHead a{
                           color:#333;
                           font-size:.8333em;            /* 10 @ 12 */
                           text-decoration:none;
                           }

.gMapHead a:hover{
                           color:#fff;
                           text-decoration:none;
                           }

.gMapHead .info{
                           color:#f60;
                           font-size:.8333em;            /* 10 @ 12 */
                           font-weight:600;
                           }

.gMapWrapper{
                           clear:both;
                           position:relative;
                           }

.gMapWide{
                           border:3px solid #fff;
                           height:300px; 
                           position:relative;
                           }

.gMapWideExt{
                           border:1px solid #687468;
                           height:400px;
                           position:relative;
                           width:100%;
                           }

.gMapBig{
                           height:100%;
                           }

.gMapToolbarWide{
                           background-color:#f2e6b6;
                           border-top:3px solid #fff;
                           border-bottom:3px solid #fff;
                           font-size:.9167em;            /* 11 @12 */
                           margin-top:6px;
                           padding:3px 0;
                           position:relative;
                           }

.gMapToolbarWide form{
                           padding:0 6px;
                           }

.gMapToolbarWide input{
                           border:1px solid #687468;
                           padding:2px;
                           width:14em;
                           }

.gMapToolbarWide .l{
                           float:left;
                           position:relative;
                           }

.gMapToolbarWide .r{
                           text-align:right;
                           }

.gMapDirResult{
                           width:100%;
                           }

.gMapWide .mapMarker{
                           
                           }

/*  Einzeladr. */


.addrMapWrapper{
                           clear:both;
                           float:left;
                           padding:0 1em 1em 0;
                           position:relative;
                           width:200px;
                           }

.addrMap{
                           border:1px solid #687468;
                           height:200px; 
                           overflow:hidden;
                           position:relative;
                           width:200px;
                           }

.addrMapWrapper .imgLabelArea{
                           width:198px;
                           }

/* Edit-Map */

#mapSelectTool{
									min-width:500px;
									}

#mapSelectTool .gMapEdit{
                           height:470px;
                           overflow:hidden;
                           width:100%;
                           }

#mapSelectTool .close{
									font-size:1.2em;
									font-weight:600;
									padding:1em;
									}

/* -------------------------------- pageOverlay ------------------------------- */

#pageOverlay{
                           background-color:#999;
                           filter:Alpha(opacity=50);		/* IE */
                           min-width:96em;
									opacity:.5;
                           position:absolute; top:0; left:0;
                           width:100%;
                           z-index:333;
                           }

#pageOverlay.bodyWrapperSimple{
									background-color:#999;
									opacity:.5;
									}

#pageOverlayCont{
									position:absolute; top:0; left:0; 
									width:100%; 
                           z-index:334;
									}

#pageOverlayCont .bodyWrapper{
                           background-color:#fff;
                           border:2px solid #9d0037; 
                           font-size:1.2em;
                           margin:15px auto; 
                           padding:0 10px 10px 10px;
                           width:960px;
                           }

#pageOverlayCont .bodyWrapperSimple{
                           background-color:#fff;
                           border:2px solid #9d0037; 
                           font-size:1.2em;
                           margin:15px auto; 
                           padding:0 10px 10px 10px;
                           width:42em;
                           }

#pageOverlayCont .bodyWrapperTransparent{
                           margin:15px auto; 
                           text-align:center;
                           }

#pageOverlayClose{
                           float:right;
                           }

#pageOverlayClose a{
                           background:transparent url("../pix/overlayClose.gif") no-repeat right center;
                           display:block;
                           margin-bottom:10px;
                           padding:10px 25px 10px 10px;
                           }

#pageOverlayClose a:hover{
									background:transparent url("../pix/overlayClose.gif") no-repeat right center;
									color:#000;
									}

#pageOverlayBody{          /* Standard-Hoehe von 560px sollte innerhalb des Divs sichergestellt werden  */
									clear:both;
                           height:560px;
                           overflow:hidden;
                           }

.bodyWrapperSimple #pageOverlayBody{
									background-color:#e5e3df;
									overflow:auto;
									padding:1em 0 1em 1em;
									}

/* --------------------------------- Special ---------------------------------- */

#tooltipDiv{      
                           background-color:#FBFFE5; 
                           border:1px solid #666; 
                           color:#666;
                           display:none;
                           font-size:.9091em;            /* 10 */ 
                           line-height:1.1em; 
                           max-width:30em;
                           padding:.5em;  
                           position:absolute;
                           overflow: visible;
                           z-index:97;
                           }