/* **************************************************************
   Neue-Ufer.de | Mai 2006
***************************************************************** */

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

body{
									background-color:#000;
									color:#fff;
									font-size: 68.75%;   			/* 11px */
									}


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

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

#container{
									background-color:#E3E7D0;
									color:#000;
									margin:0 auto;
									overflow:visible;
									position:relative;
									width:70.9091em;					/* 780 */
									z-index:1;
									}

/* Titel */

#headImg{
									height:10.0909em;					/* 111 */
									position:relative;
									z-index:2;
									}

#headImg img{
									border:0;
									height:10.0909em;					/* 111 */
									width:70.9091em;					/* 780 */
									}

#headTxtWrapper{
									background-color:#fff;
									color:#000;
									height:1.6364em;					/* 18 */
									padding-right:11.2727em;		/* 124 */
									}

#headTxtControl{
									color:#fff;
									float:left;
									padding:.1818em 0 0 10px;
									}

#headTxtControl img{
									border:0;
									height:1.2727em;					/* 14 */
									margin-left:2px;
									vertical-align:top;
									width:1.2727em;					/* 14 */
									}

#headTxt{
									background-color:#000;
									color:#fff;
									font-size:1.0909em;
									font-weight:600;
									padding:.0833em .7273em;
									text-align:right;
									}

/* Hauptbereich */

#mainNaviArea{
									position:absolute; top:11.7273em; left:0;		/* 129 */
									width:14.9091em;					/* 164 */
									z-index:4;
									}

#mainNavi{
									padding:3.5454em 0 5em 0;		/* 39 55 */
									}

#mainArea{
									background:#fff url(../pix/naviBg.gif) repeat-y top left;
									margin-left:14em;					/* 154 */
									/* margin-left: IE special */
									padding:.4545em 0 0 1.6364em;			/* 5 18 */
									position:relative;
									z-index:2;
									}

#mainContWrapper{
									padding-bottom:5em;
									}

#mainCont{
									margin:2.6364em 3.2727em 0em 2.6364em;	/* 29 36 55 29 */
									position:relative;
									z-index:3;
									}

/* Pfad */

#hlpNavi{
									position:relative;
									}

#hlpNavi ul{
									list-style-type: none;
									list-style-position:inside;
									margin:0; padding:0;
									position:relative;
									}

#hlpNavi li{
									background:url(../pix/hlpNavArr.gif) no-repeat left center;
									float:left;
									margin-right:5px;
									padding-left:11px;
									position:relative;
									white-space:nowrap;
									}

#hlpNavi li.hlpNaviStart{
									background:url(../pix/hlpNavStart.gif) no-repeat left center;
									padding-left:14px;
									}

/* Navigation */

#mainNavi ul{
									list-style-type: none;
									list-style-position:outside;
									margin:0; padding:0;
									}

#mainNavi ul.mnUlA{
									/* IE special */
									background-color:#E3E7D0;
									margin-right:11px;
									}

#mainNavi li.ptA{
									padding:.1818em 10px;				/* 2 */
									}

#mainNavi ul.mnUlB{
									background-color:#E3E7D0;
									border-top:2px solid #fff;
									border-bottom:2px solid #fff;
									color:#C00;
									margin:.1818em 0 .7273em 0;			/* 2 8 */
									padding:.1818em 0 0 10px;
									/* padding-left: IE special */
									width:14em;
									}

#mainNavi li.ptB{
									background:url(../pix/naviArr.gif) no-repeat left center;
									padding:.1818em .1818em .1818em 0px;				/* 2 */
									/* margin-left: IE special */
									width:14em;
									}

#mainNavi ul.mnUlC{
									background-color:#fff;
									color:#000;
									margin:.1818em 0 0 -10px;
									padding:.3636em .1818em .5454em 10px;			/* 4 2 6 */
									width:14em;
									}

#mainNavi li.ptC{
									margin:.3636em 0 0 0;
									padding:0 0 0 9px;
									}


/* --------------------------------- 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:#C00;
									text-decoration:none;
									}

a:visited{
									}

a:hover{
									text-decoration:underline;
									}

a:active{
									color:#C00;
									text-decoration:underline;
									}

/* Pfad */

#hlpNavi a,
#hlpNavi span{
									color:#000;
									font-size:.9091em;
									}

/* Hauptnavigation */

a.naviA{
									color:#000;
									font-weight:600;
									}

a.naviA:hover{
									color:#C00;
									}

a.naviB{
									display:block;
									padding-left:9px;
									}

a.naviC{
									display:block;
									/* display: IE special */
									color:#323427;
									line-height:1.0909em;
									}

a.naviAon{
									color:#C00;
									font-weight:600;
									}

a.naviBon{
									display:block;
									font-weight:600;
									padding-left:9px;
									}

a.naviCon{
									color:#000;
									font-weight:600;
									}

a.naviAon:hover,
a.naviBon:hover,
a.naviCon:hover{
									text-decoration:none;
									}


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

h1{
									color:#323427;
									display:inline; 
									font-size:2em;						/* 22 */
									font-weight:200;
									text-transform:uppercase;
									}

h2{
									color:#323427;
									display:inline; 
									font-weight:600;
									}

h3{
									background-color:#E3E7D0;
									border-left:3px solid #CBD29C;
									clear:both;
									color:#000;
									font-weight:600;
									margin-bottom:-1.3636em;		/* 15 */
									padding:2px 1em;
									}

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

tt{
									font-family:monospace; 
									font-size:1.25em;					/* 15px */
									line-height:1.0667em;			/* 16 */
									}

big{
									font-size:1.25em;					/* 15px */
									}

small{
									font-size:0.8333em;				/* 10px */
									}


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

/* Grossbildansicht */

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

.imgLinkAreaTxt a{
									font-size:0.8181em;					/* 9 */
									}

.imgLabelArea,
.imgLabelAreaFS{
									display:block;
									font-size:0.8181em;					/* 9 */
									line-height:1em;
									margin:0;
									padding:4px 2px;
									}

.imgLabelAreaFS{
									background-color:#E3E7D0;
									margin:-3px 0 0 0;
									/* margin: IE special */
									}

/* ------------------------------------- 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;
									}

/* Link nach oben */

.scrollUp{
									background:url(../pix/goTopArr.gif) no-repeat left center;
									font-size:.9091em;
									padding-left:9px;
									}


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

#stdContactDiv,
#stdFormArea{
									background-color:#E3E7D0;
									border-top:4px solid #fff;
									border-right:1px solid #fff;
									border-bottom:4px solid #fff;
									border-left:1px solid #fff;
									margin-top:1em;
									padding:0 .7272em 2em .7272em;			/* 8 */
									}

#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:1px solid #CBD29C;
									padding:3px;
									}

#stdContactDiv input{
									width:28em;										/* 308 */
									}

#stdFormArea .f input{
									width:20em;
									}

#stdContactDiv textarea,
#stdFormArea .nf input,
#stdFormArea textarea,
#stdFormArea select{
									width:45em;										/* 495 */
									}

#stdContactDiv .contactFoot,
#stdFormArea .foot{
									margin-top:2em;
									}

#stdContactDiv .contactFoot input{
									margin-right:1em;
									width:9em;										/* 99 */
									}

#stdFormArea .foot input{
									width:auto;
									}

#stdContactAdmin{
									background-color:#E3E7D0;
									border:1px solid #fff;
									border-bottom:4px solid #fff;
									padding:1em .7272em 2em .7272em;			/* 8 */
									}

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

#stdContactAdmin .contactTextfield{
									width:45em;										/* 495 */
									}

/* Meldung */

.mainMessageDiv{
									margin:1em 0 0 0;
									}

.badFormMsgDiv{
									background-color:#F4EDEC;
									border:2px solid #c00;
									color:#c00;
									font-size:1.1667em;							/* 14 */
									font-weight:600;
									padding:1em;
									margin:1em 0;
									}

.goodFormMsgDiv{
									background-color:#EDFEE4;
									border:2px solid #390;
									color:#390;
									font-size:1.1667em;							/* 14 */
									font-weight:600;
									padding:1em;
									margin:1em 0;
									}

.badFormMsgDiv p,
.goodFormMsgDiv p{
									margin-top:1em;
									}