/* **************************************************************
   Buerger-fuer-Leipzig.de
***************************************************************** */

* {
									font-size: 100%;  				/* 16px */
									font-family: Verdana, Arial, sans-serif;
									margin:0; 
									padding:0;
									}

body{
									/* background-color:#efefef; */
									color:#333;
									font-size: 62.5%;   				/* 10px */
									}

#printBody{
									background-color:#fff;
									}

/* *********************** Layout ******************************* */

#pageWrapper{
									background-color:#fff;
									/* 
									border-left:2px solid #DEE7EF;
									border-right:2px solid #DEE7EF;
									margin:0 auto;
									
									padding:0 1.5em 2em 1.5em;
									position:relative;
									width:98em;
									*/
									min-width:900px;
									}

#pageWrapperHlp{
									position:relative;
									}

#bgHlp{
									position:absolute; left:0; top:0;
									overflow:hidden;
									width:100%;
									}

#bgHlp img{
									height:12.6em;
									}

#logo{
									min-width:16em;
									padding:40px 0 0 2%;
									position:absolute; top:0; left:0;
									width:16%;
									z-index:3
									}

#logo img{
									height:6em;
									width:10.5em;
									}

#naviContainer{
									border-top:1px solid #fff;
									min-width:16em;
									position:absolute; top:12.6em; left:0;
									width:16%;
									z-index:3;
									}

#stdNavi{
									position:absolute; top:.4em; right:2em;
									z-index:4;
									}

#container{
									border-top:1px solid #dae5eb;
									padding-top:11.5em;
									position:relative;
									z-index:1;
									}

#mainWrapper{
									margin:0 25% 0 16%;
									position:relative;
									z-index:2;
									}

#mainWrapper img.headImg{
									height:.8em;
									width:100%;
									}

#addContainer{
									position:absolute; top:12.6em; right:0;
									width:25%;
									z-index:3;
									}

/* Banner */

#topProjects{
									position:absolute; top:3.5em; right:0em;
									z-index:11;
									}

#topProjects ul{
									list-style:none outside;
									}

#topProjects li{
									float:right;
									padding-left:3px;
									}

#topProjects img{
									border:0;
									height:7.5em;
									}

/* Main */

#linkAreaWrapper{
									position:relative;
									}

#linkArea{
									margin:.4em 2.6em;					/* 30 */
									text-align:right;
									}

#linkArea span{
									display:block;
									}

#linkArea ul{
									list-style:none outside;
									}

#linkArea li{
									float:right;
									padding-left:1em;
									}

#linkArea li a{
									display:block;
									line-height:1.4em;
									min-height:14px;
									text-decoration:none;
									}

#linkArea li.ss a{
									background:#fff url(../pix/socialnet_spreadshirt.gif) no-repeat left center;
									padding-left:20px;
									}

#linkArea li.tw a{
									background:#fff url(../pix/socialnet_twitter.gif) no-repeat left center;
									padding-left:14px;
									}

#linkArea li.bp a{
									background:#fff url(../pix/socialnet_betterplace.gif) no-repeat left center;
									padding-left:19px;
									}

#linkArea li.fb a{
									background:#fff url(../pix/socialnet_facebook.gif) no-repeat left center;
									padding-left:18px;
									}

#mainContWrapper{
									margin:4.4em 2.6em;					/* 30 */
									position:relative;
									}

#mainCont{
									border-top:1px solid #fff;
									font-size:1.3em;					/* 13 */
									line-height:1.3846em;			/* 18 */
									position:relative;
									width:99%;
									}

#detailNavi{
									background-color:#d9e5ea;
									border-bottom:3px solid #004E74;
									padding:.4em;
									margin-bottom:2.7em;
									}

#detailNavi a{
									text-decoration:none;
									}

#contFoot{
									border-top:3px solid #004E74;
									clear:both;
									font-size:.7692em;				/* 10 */
									padding:.4em;
									margin-top:2.7em;
									}

#contFoot ul{
									list-style-type: none;
									list-style-position:outside;
									margin:0; padding:0;
									}

#contFoot li{
									position:relative;
									}

#contFoot li.r{
									float:right;
									}

#contFoot li.l{
									float:left;
									margin-right:2.5em;
									}

#contFoot a{
									line-height:1.5em;
									position:relative;
									text-decoration:none;
									}

/* Add */

#addCont{
									background:#D9E5EA url(../pix/cornerBL.gif) no-repeat left bottom;
									font-size:1.3em;					/* 13 */
									line-height:1.3846em;			/* 18 */
									margin-bottom:1em;
									padding:1.5385em;					/* 20 */
									}

#addBanner{
									padding:1em 0;
									position:relative;
									}

/* StdNavi */

#stdNavi span{
									color:#004e74;
									font-size:1.1em;
									}

#stdNavi ul{
									list-style-type: none;
									list-style-position:outside;
									}

#stdNavi li{
									float:right;
									margin-left:3em;
									}

#stdNavi a{
									color:#004e74;
									font-size:1.1em;
									line-height:1.3636em;			/* 15 @11 */
									text-decoration:none;
									}

#stdNavi a:hover{
									text-decoration:underline;
									}

#stdNavi img{
									vertical-align:bottom;
									}

/* Navi */

#mainNavi{
									background:#D9E5EA url(../pix/cornerBR.gif) no-repeat right bottom;
									padding:6.4em 0 5em 0;
									}

#mainNavi ul{
									border-top:0px solid #004E74;
									list-style-type: none;
									list-style-position:outside;
									margin:0 2px 0 0; 
									padding:0;
									}

#mainNavi ul ul{
									border-bottom:2px solid #004E74;
									margin:0;
									}

#mainNavi li.sub{
									border-top:1px solid #D9E5EA;
									}

#mainNavi li.mP,
#mainNavi li.fMP{
									border-bottom:2px solid #004E74;
									padding:0 0 0 1.7em;
									}

#mainNavi li.fMP{
									border-top:2px solid #004E74;
									}

#mainNavi li.sP,
#mainNavi li.fSP{
									border-top:1px solid #004E74;
									border-bottom:1px solid #D9E5EA;
									margin:0 0 0 3.1em;
									padding:0 0 0 2px;
									}

#mainNavi li.fSP{
									border-top:0;
									}

#mainNavi a{
									background:url(../pix/naviTr.gif) no-repeat right center;
									display:block;
									font-size:1.1em;
									padding:.7em 1em .7em 0;
									text-decoration:none;
									}

#mainNavi a:hover{
									background:url(../pix/naviArr2.gif) no-repeat right center;
									}

#mainNavi a.on{
									background:url(../pix/naviArr.gif) no-repeat right center;
									color:#E60029;
									}

#mainNavi li.mP a,
#mainNavi li.fMP a{
									font-weight:600;
									}

/* Navi-Fuss */

#naviAddCont{
									text-align:center;
									}

#naviAddCont .logo{
									margin-top:2em;
									}

#naviAddCont img{
									border:0;
									}

/* ------------------------------ Druck-Layout -------------------------------- */

#printLogo{
									border-bottom:3px solid #004E74;
									margin-bottom:2em;
									padding-bottom:1em;
									}

#printNavi{
									position:absolute; top:2em; right:2em;
									}

#printNavi ul{
									list-style-type: none;
									list-style-position:outside;
									}

#printNavi li{
									float:right;
									margin-left:2em;
									}


/* --------------------------------- Absatz ----------------------------------- */

p.none{							}
p.mini{							margin-top:.2308em;}				/* 3px */
p.halb{							margin-top:1em;}					/* 13px */
p.norm{							margin-top:1.5385em;}			/* 20px */

p.clrB{							clear:both;}

p.bigA{							margin-top:2.3077em;}			/* 30px */
p.bigB{							margin-top:3.0769em;}			/* 40px */
p.bigC{							margin-top:4.6154em;}			/* 60px */
p.bigD{							margin-top:6.1538em;}			/* 80px */


/* ------------------------------ Linkformate --------------------------------- */

a{
									color:#004E74;
									text-decoration:underline;
									}

a:visited{
									}

a:hover{
									color:#E60029;
									text-decoration:underline;
									}

a:active{
									}


/* ----------------------------- Schriftformate ------------------------------- */

h1{
									color:#333;
									display:inline; 
									font-size:1.3846em;						/* 18 */
									font-weight:200;
									}

h2{
									background:#D9E5EA url(../pix/h2.gif) no-repeat left center;
									font-size:1.0769em;				/* 14 */
									font-weight:600;
									margin-bottom:-1.2857em;		/* 18 @14 */
									padding:.2857em 0 .2857em 30px;				/* 4 @14 */
									}

h2.std{
									margin-bottom:0;
									}

h3{
									display:inline; 
									font-weight:600;
									}


em{
									font-style:italic;
									}
									
b, strong{
									font-weight:600;
									}

tt{
									font-family:monospace; 
									font-size:1.3846em;				/* 18 @13 */
									line-height:1em;
									}

big{
									font-size:1.1538em;				/* 15 @14 */
									line-height:1.4em;				/* 21 @15 */
									}

small{
									font-size:0.8461em;				/* 11 @13 */
									}

.clrHr{
									border-top:2px solid #004E74;
									clear:both;
									}

/* --------------------------------- Bilder ----------------------------------- */

/* Grossbildansicht */

#bigImgBody{
									background-color:#D9E5EA; 
									color:#000;
									height:100%;
									min-width:0;
									text-align:center;
									}

#bigImgBody p,
#bigImgBody table{
									display:none;
									}

.bigImgArea{
									margin-top:8px; 
									}
									
.bigImg{
									border:5px solid #fff;
									}

.bigImgLabelArea{	
									background-color:#D9E5EA;
									color:#000;
									margin:5px 6px; 
									padding:5px;
									}

.bigImgLabelTxt{
									color:#000;
									}

/* normale Bilder */

.imgArea{
									position:relative;
									line-height:1em;
									z-index:9;
									}

.imgArea a{
									line-height:1em;
									}

.imgArea img{
									margin-bottom:-1px;
									}

.imgLinkArea{
									padding:3px;
									position:absolute; top:0; right:0;
									}

.imgLinkAreaTxt{
									background-color:#D9E5EA;
									line-height:1em;
									margin:-3px 0 0 0;
									/* margin: IE special */
									padding:1px 3px;
									}

.imgLinkAreaTxt a{
									font-size:0.8181em;					/* 9 */
									}

.imgLabelArea,
.imgLabelAreaFS{
									background-color:#D9E5EA;
									display:block;
									font-size:0.8181em;					/* 9 */
									line-height:1em;
									margin:0;
									padding:4px 2px;
									}

.imgLabelAreaFS{
									margin:-3px 0 0 0;
									/* margin: IE special */
									}

/* Galerie */

.galleryArea{
									background-color:#d9e5ea;
									margin-bottom:1em;
									padding:1em 1em 0 1em;
									}

.imgArea .thumbImg{
									border:3px solid #fff;
									}

/* Hilfstitel fuer Bildergalerie */

#cbTitleDiv{
									background:#E7E7E7 url(../pix/colorbox/cbTitleBg.png) top left repeat-x;
									color:#7B7D7B;
									display:none;
									font-weight:600;
									padding:20px 1em 1.25em 1em;
									position:fixed; bottom:0; left:0;
									text-align:center;
									width:100%;
									z-index:10000;
									}

/* ------------------------------------- sonst -------------------------------- */

hr{
									border:0;
									border-top:2px dotted #DEE7EF;
									clear:both;
									margin-bottom:-1.5em;
									}

.botClr{
									clear:both;
									font-size:1px;
									height:1px;
									line-height:1px;
									}

.noCSS{
									display:none;
									}

.stdImg,
.minSizeImg,
.medSizeImg,
.fullSizeImg{
									border:0;
									}

.arrImg{
									margin-right:5px;
									}

.arrList{
									text-indent:-16px;
									}

.arrList,
.arrListTr{
									padding-left:16px;
									}


/* Listen */

ul,ol{
									list-style-position:inside;
									margin-left:1em;
									}

#addCont ul,
#addCont ol{
									list-style-position:outside;
									margin-left:1.6154em;
									}

/* Link nach oben */

.scrollUp{
									background:url(../pix/goTop.gif) no-repeat left center;
									font-size:.8461em;				/* 11 */
									line-height:1.6364em;			/* 18 @11 */
									padding-left:16px;
									}

/* Link-Referenz */

.printRef{
									margin-top:2em;
									}

.printRefHead{
									font-weight:600;
									}

/* ---------------------------- Kontaktformulare ------------------------------ */

#stdContactDiv,
#stdFormArea{
									background-color:#D9E5EA;
									border-top:4px solid #fff;
									border-right:1px solid #fff;
									border-bottom:4px solid #fff;
									border-left:1px solid #fff;
									font-size:.8461em;							/* 11 @13 */
									margin-top:1em;
									padding:0 .7272em 2em .7272em;
									}

#stdContactDiv p,
#stdFormArea p{
									margin-top:1em;
									}

#stdFormArea .f{
									float:left;
									padding-right:1em;
									position:relative;
									width:20em;
									}


#stdFormArea .f p{
									width:100%;
									}

#stdFormArea .nf{
									clear:both;
									margin-top:1em;
									}

#stdContactDiv input,
#stdContactDiv textarea,
#stdFormArea input,
#stdFormArea textarea,
#stdFormArea select{
									background-color:#fff;
									border:0px solid #0090D6;
									line-height:1.3636em;
									margin-top:2px;
									padding:3px;
									}

#stdContactDiv input{
									width:96%;
									}

#stdFormArea .f input{
									width:20em;
									}

#stdContactDiv textarea,
#stdFormArea .nf input,
#stdFormArea textarea,
#stdFormArea select{
									width:96%;
									}

#stdContactDiv .contactFoot,
#stdFormArea .foot{
									margin-top:2em;
									}

#stdContactDiv .contactFoot input{
									border:1px solid #004E74;
									margin-right:1em;
									width:9em;										/* 99 */
									}

#stdFormArea .foot input{
									width:auto;
									}

#stdContactAdmin{
									background-color:#D9E5EA;
									border:1px solid #fff;
									border-bottom:4px solid #fff;
									padding:1em .7272em 2em .7272em;			/* 8 */
									}

#stdContactAdmin input{
									background-color:#fff;
									border:1px solid #004E74;
									margin-top:1em;
									padding:3px;
									width:15em;
									}

#stdContactAdmin .contactTextfield{
									border:0;
									width:96%;
									margin:2px;
									}

/* ------------------------------- 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{
									border-bottom:1px solid #fff;
									list-style:none outside;
									}

.gMapHead li{
									background-color:#DEE7EF;
									border-left:2px solid #fff;
									color:#004D73;
									height:1.7em;
									float:right;
									padding:0 10px;
									}

.gMapHead a{
									color:#004D73;
									font-size:.8333em;
									font-weight:200;
									text-decoration:none;
									}

.gMapHead a:hover{
									text-decoration:underline;
									}

.gMapHead .info{
									color:#f60;
									font-size:.8333em;				/* 10 @ 12 */
									font-weight:600;
									}

.gMapWrapper{
									clear:both;
									position:relative;
									}

.gMapWrapper .imgLabelArea{
									background:#fff;
									}

.gMapWide{
									border:1px solid #949694;
									height:300px; 
									width:100%;
									}

.gMapWideExt{
									border:1px solid #949694;
									height:400px;
									position:relative;
									width:100%;
									}

.gMapDBOutStart{
									border:1px solid #949694;
									height:300px; 
									margin-top:1.3636em;
									}

.gMapBig{
									height:100%;
									}

.gMapToolbarWide{
									background-color:#DEE7EF;
									color:#fff;
									font-size:.9167em;				/* 11 @12 */
									margin-top:.3636em;
									padding:.3636em 0;
									width:100%;
									}

.gMapToolbarWide form{
									padding:0 6px;
									}

.gMapToolbarWide input{
									border:1px solid #fff;
									padding:2px;
									width:14em;
									}

.gMapToolbarWide .l{
									float:left;
									padding-left:.3636em;
									}

.gMapToolbarWide .r{
									padding-right:.3636em;
									text-align:right;
									}

.gMapToolbarWide a{
									color:#fff;
									font-weight:200;
									}

.gMapDirResult{
									width:100%;
									}

.gMapWide .mapMarker{
									
									}

/*  Einzeladr. */


.addrMapWrapper{
									clear:both;
									float:left;
									padding:0 1em 1em 0;
									position:relative;
									width:200px;
									}

.addrMap{
									border:1px solid #949694;
									height:200px; 
									overflow:hidden;
									position:relative;
									width:200px;
									}

.addrMapWrapper .imgLabelArea{
									background:#fff;
									width:198px;
									}

/* Marker 	!!Formatierung ueber px, damit die Marker-Groesse richtig bestimmt wird!! */

.mapMarker *{
									font-family: Verdana, Arial, sans-serif;
									max-width:350px;
									padding-right:15px;
									}

.markerInfoHtml{
									font-size:11px;
									line-height:15px;
									}

.markerInfoHtml p{
									
									margin-top:6px;
									}

/* Edit-Map */

body#mapSelectTool{
									background:#fff url();
									}

#mapSelectTool{
									margin:1em;
									min-width:400px;
									}

.gMapEdit{
									border:4px solid #CECFCE;
									height:450px;
									overflow:hidden;
									width:99%;
									}

#mapSelectTool .close{
									font-size:1.2em;
									margin:.5em;
									}

#mapSelectTool a{
									font-weight:600;
									}

/* ----------------------------- Datenbank-Ausgabe ---------------------------- */


/* News */

.dbNewsList{
									border-top:1px dotted #EF008C;
									}

.dbNewsList .filter{
									background-color:#efefef;
									margin-bottom:1em;
									padding:5px 6px;
									/* padding:.3077em .4615em; */
									}

.dbNewsList .filter select{
									border:1px dotted #004D73;
									font-size:.8462em;
									padding-top:2px;
									width:100%;
									}

.dbNewsList .filter option{
									padding:2px 2px 2px 2px;
									}

/* Listen-Eintrag */

.dbListEntryWrapper{
									border-bottom:1px dotted #004D73;
									/* font-size:.9231em;	/* 12 @13 */
									padding:.6154em .4615em;
									}

.dbListEntryWrapper span{
									font-weight:600;
									}

.dbListEntryWrapper p{
									margin-top:.5em;
									}

.dbListEntryWrapper .empty{
									padding:1em 0;
									}

.dbListEntryWrapper .empty span{
									font-weight:200;
									}

.dbListEntryWrapper .dateDiv{
									padding:.5em 0;
									position:relative;
									}

.dbListEntry{
									}

.dbListEntryImg{
									float:left;
									}

.dbListEntryImg img{
									border:0;
									margin:0 1em 0 0;
									width:7em;
									}

/* Detailausgabe */

.dbDetailTitle{
									border-bottom:1px dotted #004D73;
									padding:.25em 0;
									}

.dbDetailTitle a{
									text-decoration:none;
									}

.dbDetailTitle h1{
									margin:0;
									padding:0;
									}

.dbDetailHead{
									}

.dbDetailImgArea{
									float:right;
									margin:2em 0;
									}

.dbDetailImgArea img{
									}

.dbDetailTopArea{
									padding:1.5em 0 1em 0;
									padding-right:180px;
									}

.dbDetailTopArea .dateDiv{
									font-weight:600;
									}

.dbDetailTopArea .p,
.dbDetailTopArea .lnk{
									margin-top:1.5em;
									}

.dbDetailBody{
									border-top:2px dotted #BDCB8C;
									clear:both;
									position:relative;
									padding-bottom:1.5em;
									}

.dbDetailBody .feedback{
									background:url(../pix/feedbackArr.gif) no-repeat right center;
									margin:.1538em .1538em 1em 0;
									padding-right:10px;
									text-align:right;
									}

.dbDetailBody .feedback a{
									font-size:.8462em;					/* 11 @13 */
									}

.dbDetailBody .lnk{
									/* font-weight:600; */
									margin-top:1.5em;
									}

.dbDetailBody span{
									font-weight:600;
									}

.dbDetailBody p{
									margin-top:1em;
									}

.dbDetailBody ul{
									margin-top:.5em;
									}

.dbDetailMap{
									margin-top:1em;
									}

/* ------------------------------- Externe Seiten ----------------------------- */

#environmentNav{
									border-bottom:6px solid #CECFCE;
									height:49px;
									overflow:auto;
									position:relative;
									}

#environmentNav div{
									border-bottom:1px solid #fff;
									position:absolute; bottom:0; left:0;
									width:100%;
									}

#environmentNav ul{
									list-style:none outside;
									}

#environmentNav li{
									float:left;
									margin:0 1.5em;
									}

#environmentNav a{
									background:#DEE7EF url(../pix/h2.gif) no-repeat left center;
									color:#313031;
									display:block;
									font-size:1.3em;
									font-weight:600;
									padding:.4em 1em .4em 28px;
									text-decoration:none;
									}

