/* **************************************************************
   Buerger-fuer-Leipzig.de | Mai bis August 2006
***************************************************************** */

* {
									font-size: 100%;  				/* 16px */
									font-family: Verdana, Arial, sans-serif;
									margin:0; 
									padding:0;
									}

body{
									color:#333;
									font-size: 62.5%;   				/* 10px */
									padding-bottom:4em;
									}


/* *********************** Layout ******************************* */

#bgHlp{
									min-width:100.2em;
									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;
									min-width:100.2em;
									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:5.5em;
									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.ms a{
									background:#fff url(../pix/socialnet_myspace.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;
									}

/* ------------------------------------- sonst -------------------------------- */

.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;
									}
