/* **************************************************************
   Wasser-Stadt-Leipzig.de | 08.2008
***************************************************************** */

* {
									font-size: 100%;  				/* 16px */
									font-family: Verdana, Arial, sans-serif;
									margin:0; 
									padding:0;
									}

body{
									background-color:#fff;
									color:#0080c7;
									font-size: 62.5%;   				/* 10px */
									line-height:1.5em;
									min-width:99em;
									padding-bottom:4em;
									}

/* ********************************** Layout ********************************** */

#emHeightHlp{					/* liefert em-Hoehe fuer JS-Funktion */
									position:absolute; top:0; left:0;
									height:4em;
									visibility:hidden;
								 	overflow:hidden;
									}

/* Kopf */

#headArea{
									background:url(../pix/banner_wasser-stadt-leipzig.jpg) repeat-x top left;
									padding-top:90px;
									position:relative;
									}

#stdNavi{
									background-color:#0080c7;
									padding:.3em 0 .3em 19.9em;
									position:relative;
									}

#stdNavi ul{
									list-style:none outside;
									}

#stdNavi li{
									border-left:1px solid #fff;
									float:left;
									margin:0 0 0 1.5em;
									padding:0 0 0 1.5em;
									position:relative;
									}

#stdNavi li.fp{
									border:0;
									margin:0;
									padding:0;
									}

#stdNavi a{
									color:#fff;
									font-size:1.2em;
									text-decoration:none;
									}

#stdNavi a:hover{
									text-decoration:underline;
									}

/* Navi mit Logo */

#naviArea{
									padding-top:2.1em;
									position:absolute; left:0; top:92px;
									width:17em;
									}

#logoArea{
									padding-top:3em;
									text-align:center;
									}

#mainNavi{
									margin:3em 0 0 0;
									padding:0 1.6em;
									}

#mainNavi ul{
									list-style:none outside;
									}

#mainNavi ul.mnUlB{
									margin-top:.4em;
									}

#mainNavi li.ptA,
#mainNavi li.ptAon{
									font-weight:600;
									margin-top:1.2em;
									}

#mainNavi li.ptB,
#mainNavi li.ptBon{
									background:url(../pix/navArr.gif) no-repeat left 4px;
									margin-top:.2em;
									padding-left:11px;
									}

#mainNavi li a{
									color:#017bce;
									font-size:1.2em;
									text-decoration:none;
									}

#mainNavi li a:hover{
									color:#d8091a;
									text-decoration:underline;
									}

#mainNavi li a .prot{
									color:#d8091a;
									}

#mainNavi li a:hover .prot{
									text-decoration:underline;
									}

#mainNavi li.ptAon a,
#mainNavi li.ptBon a,
#mainNavi li.ptAon a .prot,
#mainNavi li.ptBon a .prot{
									text-decoration:underline;
									}

/* mainWrapper */

#mainWrapper{
									background:#cceaf5 url(../pix/mainBg.gif) repeat-y top right;
									margin:2px 0 0 17em;
									padding:.6em 61px .6em .8em;
									position:relative;
									}

/* detailNavi */

#detailNavi{
									background:url(../pix/detailBack.gif) no-repeat right center;
									font-size:1.1em;
									font-weight:600;
									margin-right:24.5em;
									padding:.4545em 15px .4545em 1.9091em;
									position:relative;
									text-align:right;
									}

#detailNavi a{
									text-decoration:none;
									}

/* mainCont */

#mainCont{
									background-color:#fff;
									font-size:1.2em;					/* @12 */
									line-height:1.4167em;			/* 17 @12 */
									margin-right:22em;				/* 210 + addCont-padding */
									/* margin-right: IE special */
									padding:2.25em 1.75em;			/* 27 21 */
									position:relative;
									z-index:3;
									}

.detailBody #mainCont{
									border:1px solid #90caeb;
									border-right:3px solid #90caeb;
									}

#contFoot{
									clear:both;
									margin-top:3em;
									}

#contFoot a{
									background:url(../pix/print.gif) no-repeat center left;
									font-size:.8333em;				/* 10 @12 */
									font-weight:600;
									padding-left:16px;
									text-decoration:none;
									}

#contFoot a:hover{
									text-decoration:underline;
									}

/* addCont */

#addContArea{
									background:#cceaf5 url(../pix/mainBg.gif) repeat-y top right;
									position:absolute; right:0; top:.5em;
									padding-right:61px;
									z-index:2;
									}

#addCont{
									font-size:1.2em;					/* @12 */
									line-height:1.25em;				/* 15 */
									padding:1.75em 2.25em;			/* 21 27 */
									width:17.5em;						/* 210 */
									}

#addCont .minSizeImg,
#addCont .medSizeImg,
#addCont .fullSizeImg{
									border:.1667em solid #fff;		/* 2 */
									}

/* mainFoot */

#mainFoot{
									color:#90CAEB;
									padding:.3em 0 3em 17.2em;
									}

#mainFoot a{
									color:#90CAEB;
									text-decoration:none;
									}

#mainFoot a:hover{
									text-decoration:underline;
									}

/* --------------------------------- Absatz ----------------------------------- */

p.none{							}
p.mini{							margin-top:.25em;}				/* 3px */
p.halb{							margin-top:1em;}					/* 12px */
p.norm{							margin-top:1.6667em;}			/* 20px */

p.clrB{							
									clear:both;
									padding-top:1.25em;
									position:relative;
									}

p.bigA{							margin-top:2.5em;}				/* 30px */
p.bigB{							margin-top:3.3333em;}			/* 40px */
p.bigC{							margin-top:5em;}					/* 60px */
p.bigD{							margin-top:6.6667em;}			/* 80px */


/* ------------------------------ Linkformate --------------------------------- */

a{
									color:#017bce;
									text-decoration:underline;
									}

a:visited{
									}

a:hover{
									color:#d8091a;
									text-decoration:underline;
									}

a:active{
									color:#000;
									}


/* ----------------------------- Schriftformate ------------------------------- */

.stdTxt{
									padding-right:1em;
									}

h1{
									background-color:#cceaf5;
									font-size:1.0833em;				/* 13 */
									font-weight:600;
									padding:.1538em .4615em;
									margin:.1538em 0 -1.2308em 0;
									}

#addCont h1{
									border-bottom:2px solid #e1f4fc;
									padding:.1538em 0;
									}

h2{
									display:inline;
									font-size:1.0833em;				/* 13 */
									font-weight:600;
									}

h3{
									border-left:1.3636em solid #cceaf5;
									font-size:.9167em;				/* 11 */
									font-weight:600;
									margin:.4545em 0 -1.3636em 0;
									padding-left:.7273em;
									text-transform:uppercase;
									}

#addCont h3{
									border-left:1.3636em solid #0080c7;
									}


em{
									font-style:italic;
									}
									
b, strong{
									font-weight:600;
									}

tt{
									font-family:monospace; 
									font-size:1.5em;					/* 18 @12 */
									line-height:1em;
									}

big{
									font-size:1.25em;					/* 15 @12 */
									line-height:1.4em;				/* 21 @15 */
									}

small{
									font-size:0.9167em;				/* 11 @12 */
									}

hr{
									border:0;
									border-top:2px dotted #0080c7;
									clear:both;
									margin:1em 0 -1em 0;
									}


.clrHr{
									border-top:2px dotted #0080c7;
									clear:both;
									margin-top:1em;
									padding:1em 1em 0 0;
									}

/* --------------------------------- Bilder ----------------------------------- */

/* Grossbildansicht */

#bigImgBody{
									background-color:#cceaf5; 
									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:#cceaf5;
									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:#cceaf5;
									line-height:1em;
									margin:-3px 0 0 0;
									/* margin: IE special */
									padding:1px 3px;
									}

.imgLinkAreaTxt a{
									font-size:0.75em;					/* 9 */
									text-decoration:none;
									}

.imgLabelArea,
.imgLabelAreaFS{
									background-color:#cceaf5;
									display:block;
									font-size:0.9167em;				/* 11 */
									line-height:1em;
									margin:0;
									padding:4px 2px;
									}

.imgLabelAreaFS{
									margin:-3px 0 0 0;
									/* margin: IE special */
									}

.galleryArea{
									background-color:#e1f4fc;
									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;
									}

img{
									border:0;
									}

.arrImg{
									margin:0 5px 0 1px;
									}

.arrList{
									text-indent:-16px;
									}

.arrList,
.arrListTr{
									padding-left:16px;
									}


/* Listen */

#mainCont ul,
#mainCont ol,
#addCont ul,
#addCont ol{
									list-style-position:outside;
									padding-left:2em;
									}


/* Link nach oben */

.scrollUp{
									background:url(../pix/std_goTop.gif) no-repeat 4px center;
									font-size:.9166em;				/* 11 */
									line-height:1.6364em;			/* 18 @11 */
									padding-left:18px;
									text-decoration:none;
									}

/* Link-Referenz */

.printRef{
									margin-top:2em;
									}

.printRefHead{
									font-weight:600;
									}

/* ---------------------------- Kontaktformulare ------------------------------ */

#stdContactDiv,
#stdFormArea{
									background-color:#e1f4fc;
									border:1px solid #90caeb;
									font-size:.9167em;							/* 11 @12 */
									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 #0080c7;
									margin-right:1em;
									width:9em;										/* 99 */
									}

#stdFormArea .foot input{
									width:auto;
									}

#stdContactAdmin{
									background-color:#e1f4fc;
									border:1px solid #90caeb;
									margin-top:.7272em;
									padding:1em .7272em 2em .7272em;			/* 8 */
									}

#stdContactAdmin input{
									background-color:#fff;
									border:1px solid #0080c7;
									color:#0080c7;
									margin-top:1em;
									padding:3px;
									width:15em;
									}

#stdContactAdmin .contactTextfield{
									border:0;
									color:#000;
									width:96%;
									margin:2px;
									}

#stdContactDiv .contactFormSubject{
									background-color:#ECF7FC;
									border:1px solid #90caeb;
									color:#000;
									padding:3px;
									width:96%;
									}

/* ------------------------------- Druckansicht ------------------------------- */

#printBody{
									padding:2em;
									min-width:1em;
									}

#printLogo{
									padding:1em;
									}

#printNavi{
									position:absolute; right:3em; top:3em;
									}

#printNavi ul{
									list-style:none outside;
									}

#printNavi li{
									font-size:1.2em;
									margin:.5em 0;
									text-align:right;
									}

@media print {
	#printNavi{ 
									display:none;
									}
}



#printCont{
									border-top:4px solid #0080c7;
									font-size:1.2em;
									padding:1.5em 0;
									}

#printCont ul,
#printCont ol{
									list-style-position:inside;
									}

#printBody .printRef{
									border-top:4px solid #0080c7;
									padding:1em 0;
									}

#printFoot{
									border-top:4px solid #0080c7;
									padding:.3em 0;
									}

#printFoot ul{
									list-style:none outside;
									}

#printFoot .r{
									float:right;
									}

#printFoot a{
									text-decoration:none;
									}