/* **************************************************************
   Style fuer hiwar-fanni.de | Juli 2006
***************************************************************** */

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

body{
									color:#004D8D;
									font-size: 62.5%;   				/* 10px */
									line-height: 1.3em;  			/* 13px */
									}


/* -------------------------------- Grundlayout ------------------------------- */

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

#container{
									/* margin:2em auto; */
									background-color:#EC5E36;
									position:relative;
									/* width:80em;							/* 800 */
									}

#wrapper{
									background:url(../pix/navBg.gif) repeat-y left top;
									padding-top:4.1em;
									position:relative;
									}

/* Seitenkopf */
									
#logo{
									border-top:1.15em solid #004D8D;	
									color:#fff;
									font-size:2em;						/* 20 */
									font-weight:600;
									left:1.7em;							/* 34 */
									line-height:1.2em;
									padding-top:.5em;					/* 10 @21 */
									position:absolute;
									top:0;
									z-index:3;
									}

#logo a{
									text-decoration:none;
									}

#title{
									border-top:1px solid #EC5E36;				/* fuer IE */
									border-bottom:.6em solid #004D8D;
									margin:0 2.3em;
									position:relative;
									z-index:1;
									}

#title ul{
									padding-bottom:.5em;
									position:relative;
									}

#title li{
									list-style:none inside;
									float:right;
									padding-right:5em;
									position:relative;
									}

#title li.fp{
									padding-right:2em;
									}

#title a,
#title a.on{
									color:#fff;
									display:block;
									font-size:1.2em;
									font-weight:600;
									padding-left:16px;
									text-decoration:none;
									}

#title a:hover,
#title a.on{
									background:url(../pix/topNavBg.gif) repeat-y left top;
									}


/* Navi */

#navi{
									background:#EC5E36 url(../pix/navBg.gif) repeat-y left top;
									padding-bottom:19em;
									position:absolute; top:7em; left:0;
									/* top: IE special */
									width:18em;
									}

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

#navi li{
									display:inline;
									}

.mainNaviUl{
									padding-top:.3333em;				/* 4 */
									}

.mainNaviUl li.mPt a,
.mainNaviUl li.mPtOn a{
									color:#fff;
									display:block;
									font-size:1.2em;
									font-weight:600;
									line-height:1.6667em;			/* 20 */
									margin-top:1.6667em;				/* 20 */
									padding:0 0em 0 11px;
									text-decoration:none;
									text-transform:lowercase;
									}

.mainNaviUl li.mPt span,
.mainNaviUl li.mPtOn span{
									display:block;
									margin-right:1em;
									padding-left:1.9167em;			/* 23 @12 */
									/* width:11.3333em;					/* 170 - 11 - padding  @12 */ 
									}

.mainNaviUl li.mPt a:hover,
.mainNaviUl li.mPtOn a{
									background:url(../pix/navPtBg.gif) repeat-y left top;
									}

.mainNaviUl li.mPt a:hover span,
.mainNaviUl li.mPtOn span{
									background-color:#004D8D;
									}

.mainNaviUlEdit{
									padding-bottom:6em;
									}

.mainNaviUlEdit li.mPt{
									font-size:1.2em;
									font-weight:600;
									margin-top:.75em;				/* 9 */
									}

/* subNavi */

.subNaviDiv{
									margin-left:11px;
									padding: 0 1.2em;				/* navi variante */
									}

.subNaviUl{
									background-color:#2374B0;
									padding:.5em 0;
									/* width:14.9em;					/* navi variante; 170 - 21 */
									/* width:15.9em;						/* 170 - 11 */
									}

.subNaviUl li.sPt a,
.subNaviUl li.sPtOn a{
									border-top:1px solid #2374B0;
									border-bottom:1px solid #2374B0;
									color:#fff;
									display:block;
									line-height:1.2em;			/* 12 */
									margin-bottom:.5em;				/* 8 */
									text-decoration:none;
									}

.subNaviUl li.sPt span,
.subNaviUl li.sPtOn span{
									display:block;
									padding:0 1em 0 1.3em;		/* navi variante */
									/* padding:0 1em 0 2.3em; */
									}

.subNaviUl li.sPt a:hover{
									background-color:#004D8D;
									}

.subNaviUl li.sPt a:hover span,
.subNaviUl li.sPtOn span{
									background-color:#004D8D;
									}

.mainNaviUlEdit .subNaviDiv{
									margin-top:.75em;
									}

.mainNaviUlEdit li.sPt a,
.mainNaviUlEdit li.sPt span{
									display:inline;
									}

/* sprachauswahl */

#lSel{
									position:absolute; bottom:1em; left:11px;
									width:15.9em;						/* 170 - 11 */
									}

#lSelUl li{
									display:block;
									list-style:none outside;
									padding-left:2.3em;
									}

#lSelUl{
									}

#lSelUl li{
									margin-top:2.8em;
									/* margin-top: IE special */
									}

#lSelUl a{
									background:url(../pix/lSelBg.gif) no-repeat left center;
									color:#fff;
									display:block;
									font-size:1.2em;
									font-weight:600;
									line-height:1.6667em;			/* 20 */
									padding-left:23px;
									text-decoration:none;
									}

#lSelUl a:hover{
									background:url(../pix/lSelBgOn.gif) no-repeat left center;
									}



/* Content */

#main{
									background-color:#004D8D;
									color:#fff;
									margin:1.8em 2.3em 0 18em;
									padding:1.2em 0;
									}

#main .stdTxt{
									line-height:1.3333em;				/* 16 @12 */
									font-size:1.2em;
									}

/* Fuss */

#foot{
									border-bottom:2.2em solid #004D8D;
									height:2.3em;
									margin:0 2.3em;
									padding:0 1em;
									text-align:right;
									}

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

#foot li{
									float:right;
									padding:.4em 1em 0 0;
									}

#foot a{
									}

#foot img{
									height:1.6em;
									vertical-align:bottom;
									}

/* ---------------------------------- Galerie --------------------------------- */

#galleryBody #main{
									border:1px solid #ec5e36;		/* fuer IE */
									background-color:transparent;
									margin:1.8em 2.3em 0 2.3em;
									padding:0;
									position:relative;
									}

#galleryBody .startNav{
									position:absolute; top:0; left:1em;
									font-size:1.1em;
									font-weight:600;
									}

#galleryBody .lNav{
									position:absolute; top:230px; left:2em;
									}

#galleryBody .rNav{
									position:absolute; top:230px;	right:2em;
									}

#galleryBody .lNav a,
#galleryBody .rNav a{
									display:block;
									height:20px;
									text-decoration:none;
									width:20px;
									}

#galleryBody .lNav a{
									background:url(../pix/lSelBgRtl.gif) no-repeat left center;
									}

#galleryBody .lNav a:hover{
									background:url(../pix/lSelBgOnRtl.gif) no-repeat left center;
									}

#galleryBody .rNav a{
									background:url(../pix/lSelBg.gif) no-repeat left center;
									}

#galleryBody .rNav a:hover{
									background:url(../pix/lSelBgOn.gif) no-repeat left center;
									}

#galleryBody .imgArea{
									text-align:center;
									}

#galleryBody #main img{
									border:4px solid #fff;
									}

#galleryBody #main p{
									margin-top:1em;
									font-weight:600;
									}

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

a{
									color:#fff;
									text-decoration:underline;
									}

a:visited{
									color:#fff;
									}

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

a:active{
									color:#fff;
									}


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

.stdTxt{
									padding:0 1.2em;
									}

/* Ueberschriften */

h1{
									background:url(../pix/hBg.gif) no-repeat left center;
									display:block; 
									font-size:1.4em;
									font-weight:600;
									line-height:1.2857em;			/* 18 @14 */
									margin-bottom:-1em;
									padding-left:1.2em;
									}

h2{
									display:inline; 
									font-size:1.2em;
									font-weight:600;
									}

h3{
									display:inline; 
									font-size:1.1em;
									font-weight:600;
									}

/* Std */

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

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

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

small{
									font-size:0.9em;					/* 9px */
									}


/* Listen */

ul,ol{
									list-style-position:inside;
									margin:0;
									padding:0;
									}

.stdTxt li{
									padding-left:1.5em;
									text-indent:-1.5em;
									}


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

p.none{							}
p.mini{							margin-top:.3em;}					/* 3px */
p.halb{							margin-top:.7em;}					/* 7px */
p.norm{							margin-top:1.3em;}				/* 13px */

p.clrB{							clear:both;}

p.bigA{							margin-top:2em;}					/* 20px */
p.bigB{							margin-top:3em;}					/* 30px */
p.bigC{							margin-top:4em;}					/* 40px */
p.bigD{							margin-top:5em;}					/* 50px */


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

.stdImg,
.minSizeImg,
.fullSizeImg{
									border:0;
									}

.arrImg{
									border:0;
									margin:0 7px 0 4px;
									}

.arrImgB{
									border:0;
									margin:0 7px 0 4px;
									}

.fullSizeImg{
									margin-bottom:-.4167em;
									/* margin: IE special */
									}

/* Grossbildansicht */

#bigImgBody{
									background-color:#EC5E36; 
									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:#EC5E36;
									margin:5px 6px; 
									padding:5px;
									}

.bigImgLabelTxt{
									color:#fff;
									font-size:1.1em;				/* 11px */
									font-weight:600;
									}

/* normale Bilder */

.imgArea{
									position:relative;
									line-height:1em;
									}

.imgArea a{
									line-height:1em;
									}

.imgArea img{
									margin-bottom:-1px;
									}

.imgArea .minSizeImg,
.imgArea .medSizeImg,
.imgArea .fullSizeImg{
									border:4px solid #fff;
									}

.imgLinkArea{
									position:absolute; top:10px; right:5px;
									}

.imgLinkAreaNL{
									display:block;
									line-height:1em;
									margin:0; 
									padding:3px;
									}

.imgLink{
									font-size:0.9em;					/* 9 */
									}

.imgLabelArea{
									display:block;
									font-size:.9em;				/* 9 */
									line-height:1.4em;
									margin:0;
									/* margin: IE special */
									padding:3px;
									}

/* ---------------------------------- Kontakt --------------------------------- */

#stdContactDiv{				border:1px solid #fff;
									margin:20px 0; 
									padding:15px 25px;
									width:460px;
									}

#stdContactAdmin{
									border:1px solid #fff;
									margin:0 0 20px 0; 
									padding:15px 25px;
									width:460px;
									}

.contactFoot{					color:#004d8d; 
									font-size:0.9em; 
									padding-top:25px;
									}

.contactTextfield{			background-color:#2374b0; 
									border:0; 
									color:#fff; 
									margin-top:3px; 
									padding:3px; 
									width:460px;
									}

.contactTextarea{				background-color:#2374b0; 
									border:0;
									color:#fff; 
									margin-top:2px; 
									padding:3px; 
									width:460px;
									}

.contactFieldText{			color:#fff; 
									font-size:0.8em; 
									font-weight:100; 
									margin-top:8px;
									}

.mContactArea #contactDiv,
.mContactArea .contactTextfield,
.mContactArea .contactTextarea{
									width:400px;
									}

/* ----------------------------------- sonst ---------------------------------- */

#contFlexFoot{
									clear:both;
									}

.botClr{
									clear:both;
									font-size:1px;
									height:1px;
									line-height:1px;
									}

.noCSS{
									display:none;
									}