body
    {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:101%;
    /*ein Workaround für IE und Opera, alle anderen angaben in em*/
    color:#000000;
    /*background-image:url(pics.jpg);
    background-repeat:repeat;*/
    background-color:#ffffff;
    padding:0;
    margin:0;
    border:0;
    vertical-align:top;
    }

 
#main
    {
    position:relative;
    top:10px;
    left:0px;
    z-index:1;
    /*achtung: hier immer schauen, wie breit die breiteste Grafik für das Layout ist*/
    width:1000px;
    height:700px;
    border:0;
    font-size:0.75em;
    }
 

/*layout*/
#slice1
    {
    position:absolute;
    top:0px;
    left:0px;
	z-index:2;
    border:0;
    }

#slice2
    {
    position:absolute;
    top:130px;
    left:0px;
    z-index:2;
    border:0;
    }

#slice3
    {
    position:absolute;
    top:575px;
    left:23px;
    z-index:2;
    border:0;
    }

#slice4
    {
    position:absolute;
    top:255px;
    left:832px;
    z-index:2;
    border:0;
    }

#backmain
    {
    position:absolute;
    top:175px;
    left:23px;
    width:140px;
	height:400px;
    z-index:1;
    border:0;
    background-image:url(site/stripe.gif);
    background-repeat:repeat;
	}


#pic1
    {
    position:absolute;
    top:20px;
    left:14px;
	z-index:2;
    border:0;
    }

#pic2
    {
    position:absolute;
    top:30px;
    left:263px;
	z-index:2;
    border:0;
    }

#pic3
    {
    position:absolute;
    top:30px;
    left:453px;
	z-index:2;
    border:0;
    }

#pic4
    {
    position:absolute;
    top:30px;
    left:643px;
	z-index:2;
    border:0;
    }

#pic5
    {
    position:absolute;
    top:30px;
    left:833px;
	z-index:2;
    border:0;
    }

#logo
    {
    position:absolute;
    top:187px;
    left:30px;
	z-index:2;
    border:0;
    }

#kurz
    {
    position:absolute;
    top:268px;
    left:840px;
	z-index:2;
    border:0;
    }


#knapp
    {
	position:absolute;
	top:308px;
	left:844px;
	z-index:2;
	border:0;
	font-size:0.9em;
	line-height:1.4em;
	text-align:left;
	height:185px;
	width:118px;
    }



#brief
    {
    position:absolute;
    top:139px;
    left:851px;
	z-index:2;
    border:0;
    }


#auto
    {
    position:absolute;
    top:297px;
    left:291px;
	z-index:2;
    border:0;
    }


/*hauptnavi*/
#navi
{
    position:absolute;
    top:320px;
    left:44px;
    z-index:4;
    width:83px;
    height:264px;
    border:0;
    margin:0;
    padding:0;
    text-align:left;
}


#start
    {
    width:60px;
    height:16px;
    }

#start a
    {
    width:60px;
    height:16px;
    display:block;
    background:url(pics/start.gif) 0 0 no-repeat;
	border:0;
    }


#start a:link
    {
    display:block;
    background:url(pics/start.gif) 0 0 no-repeat ;
    }

#start a:visited
    {
    display:block;
    background:url(pics/start.gif) 0 0 no-repeat;
    }

#start a:hover,
#start a:focus
    {
    display:block;
    background:url(pics/start.gif) 0 -18px no-repeat;
    }


#start a:active
    {
    display:block;
    background:url(pics/start.gif) no-repeat 0 -18px;
    }

#siedlung
    {
    width:60px;
    height:16px;
    margin-top:10px;
}

#siedlung a
    {
    width:60px;
    height:16px;
    display:block;
    background:url(pics/siedlung.gif) 0 0 no-repeat;
    }


#siedlung a:link
    {
    display:block;
    background:url(pics/siedlung.gif) 0 0 no-repeat ;
    }

#siedlung a:visited
    {
    display:block;
    background:url(pics/siedlung.gif) 0 0 no-repeat;
    }

#siedlung a:hover,
#siedlung a:focus
    {
    display:block;
    background:url(pics/siedlung.gif) 0 -18px no-repeat;
    }


#siedlung a:active
    {
    display:block;
    background:url(pics/siedlung.gif) no-repeat 0 -18px;
    }




#verein
    {
    width:60px;
    height:16px;
    margin-top:10px;

    }

#verein a
    {
    width:60px;
    height:16px;
    display:block;
    background:url(pics/verein.gif) 0 0 no-repeat;
    }


#verein a:link
    {
    display:block;
    background:url(pics/verein.gif) 0 0 no-repeat ;
    }

#verein a:visited
    {
    display:block;
    background:url(pics/verein.gif) 0 0 no-repeat;
    }

#verein a:hover,
#verein a:focus
    {
    display:block;
    background:url(pics/verein.gif) 0 -18px no-repeat;
    }


#verein a:active
    {
    display:block;
    background:url(pics/verein.gif) no-repeat 0 -18px;
    }



#geistreich
    {
    width:60px;
    height:16px;
    margin-top:10px;

    }

#geistreich a
    {
    width:60px;
    height:16px;
    display:block;
    background:url(pics/geistreich.gif) 0 0 no-repeat;
    }


#geistreich a:link
    {
    display:block;
    background:url(pics/geistreich.gif) 0 0 no-repeat ;
    }

#geistreich a:visited
    {
    display:block;
    background:url(pics/geistreich.gif) 0 0 no-repeat;
    }

#geistreich a:hover,
#geistreich a:focus
    {
    display:block;
    background:url(pics/geistreich.gif) 0 -18px no-repeat;
    }


#geistreich a:active
    {
    display:block;
    background:url(pics/geistreich.gif) no-repeat 0 -18px;
    }





#rueckblick
    {
    width:60px;
    height:16px;
    margin-top:10px;
    }

#rueckblick a
    {
    width:60px;
    height:16px;
    display:block;
    background:url(pics/rueckblick.gif) 0 0 no-repeat;
    }


#rueckblick a:link
    {
    display:block;
    background:url(pics/rueckblick.gif) 0 0 no-repeat ;
    }

#rueckblick a:visited
    {
    display:block;
    background:url(pics/rueckblick.gif) 0 0 no-repeat;
    }

#rueckblick a:hover,
#rueckblick a:focus
    {
    display:block;
    background:url(pics/rueckblick.gif) 0 -18px no-repeat;
    }


#rueckblick a:active
    {
    display:block;
    background:url(pics/rueckblick.gif) no-repeat 0 -18px;
    }






ul.button
    {
    display:block;
    list-style-type:none;
    width:100px;
    height:240px;
    margin:0;
    border:0;
    padding:0;
	line-height:1.3em;
    }



/*quernavi*/

#naviquer
    {
    position:absolute;
    top:181px;
    left:242px;
    width:460px;
    z-index:2;
    border:0;
    text-align:right;
    padding:0;
    margin:0;
    font-size:0.9em;
    }


a.horizon
    {
    margin:0;
    padding:0;
    border:0;
    color:#003300;
    }


a.horizon:link
    {
    text-decoration:none;
    }

a.horizon:visited
    {
    text-decoration:none;
    }

a.horizon:hover,
a.horizon:focus,
a.horizon:active
    {
    text-decoration:underline;
    }





/*subnavi*/

a.subnavi
    {
    margin:0 0 0 5px;
    padding:0;
    border:0;
    color:#003300;
	font-size:0.85em;
	}


a.subnavi:link
    {
    text-decoration:none;
    }

a.subnavi:visited
    {
    text-decoration:none;
    }

a.subnavi:hover,
a.subnavi:focus,
a.subnavi:active
    {
    text-decoration:underline;
    }





*/



/*navisonst*/
a.ohne
    {
    margin:0;
    padding:0;
    border:0;
    }


a.ohne:link,
a.ohne:visited,
a.ohne:hover,
a.ohne:focus,
a.ohne:active
    {
    text-decoration:none;
    }




/*inhalte*/



#content
    {
	position:absolute;
	top:261px;
	left:240px;
	z-index:1;
	width:496px;
	height:506px;
	border:0;
	margin:0;
	padding-right:20px;
	text-align:left;
	line-height:1.8em;
	overflow:auto;
	visibility: visible;
    }



/*link im text*/
a.underline
    {
    margin:0;
    padding:0;
    border:0;
    color:#000000;
    }


a.underline:link
    {
    text-decoration:none;
    }

a.underline:visited
    {
    text-decoration:none;
    }

a.underline:hover,
a.underline:focus,
a.underline:active
    {
    text-decoration:underline;
    }