body{
  font: normal 0.7em verdana;
  background-image: url(../redaxo/media/bg.jpg);
}

img{
border: none;/* sonst zeichnet FF automatisch Rahmen ... */
}

table{
    font: normal 1em verdana;}


h1 {font-size:1.2em;font-weight:bold;text-decoration:underline;}
h2 {font-size:1em;font-weight:bold;}
h3 {font-size:0.9em;font-weight:bold;font-style: italic; }

a.menue {color:#808080;font-weight:bold;}
a.god {color:black;font-size:8pt;}
a.balken {color:#EEEEEE;text-decoration:none;}
p.inline {text-indent:-14px;margin-top:0px;margin-bottom:0px;}
*.untermenue{font-size:8pt;background-color:#9F9F9F;color:white;text-decoration:none;font-weight:bold;}
p.termin {text-indent:-5em;margin-left:5em; margin-top:0px;margin-bottom:2px;}
p.meldung {color:red ; font-weight:bold ; }
*.rahmen {border-top:1px solid black;border-bottom:1px solid black;}
.smaller {font-size: smaller;}

hr.hr_anreisser{color:#666699;margin-right:15px;}

#inhalt{
  position: absolute;
  left: 225px;
  top: 188px;
  width: 698px;
  padding: 10px;
  background-color: #FFFFFF;
}



#inhalt a, #start_inhalt a {
color:#666699;
text-decoration: none;
border-bottom: dashed 1px #666699;
}



#inhalt a.box, #start_inhalt a.box {
  border: none;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
}

#inhalt a:hover, #start_inhalt a:hover{
  border-top: dashed 1px #666699;
}

#start_inhalt{
  position: absolute; top: 188px;
  padding: 10px;
  background-color: #FFFFFF;
  width:905px;left:10px;border-left:5px solid #666699;
 }
#start_links{
   width:550px;border-right:2px solid #666699;float:left;padding-right:10px;
}

#start_rechts{
    float:right;width:330px;
}

div.box{
  position: relative;
  text-align: center;
  background-color: #666699;
  width:300px;
  height: 30px;
  padding: 15px;
}


 img.ecke1{position: absolute;top:0px; left:0px;}
 img.ecke2{position: absolute;top:0px;right:0px;}
 img.ecke3{position: absolute;bottom:0px;left:0px;}
 img.ecke4{position: absolute;bottom:0px;right:0px;}
 img.pfeil{position: absolute;left:10px;bottom:auto;top:auto;}


#inhalt div.download{clear:both;}

#aktuelles{
  padding:15px;
  background-color: #CCCCFF;
  position: relative;
  width:520px;
}

#links{
  position: absolute;
  left: 10px;
  top: 189px;
  width: 215px;
  background-image: url(../redaxo/media/bg_blau.jpg);
  text-align: center;
}



#links_unten{
  background-image: url(../redaxo/media/bg_links.jpg);
  width:215px;
  height: 350px;
}

#artikelnavi {
  width: 201px;
  margin-top: 50px;
  padding: 2px;
  text-align: right;
  color: #FFFFFF;
}



#artikelnavi a{
  font-size: 1em;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  border-bottom: dashed 1px white;
}

#artikelnavi a:hover{
  border-top: dashed 1px white;
}

#brotkrumen{
  width: 201px;
  text-align:left;
  font-style: italic;
}

#brotkrumen, #brotkrumen a{
  text-decoration: none;
  font-size: 1em;
  color:#FFFFFF;
  padding-left: 2px;
}

#brotkrumen p{
  font-weight: bold;
  margin-bottom: 2px;
  margin-top:0px;
}

#siegel{
  position: absolute;
  left: 20px;
  top: 18px;
  z-index: 20;
}

#ecke{
  position: absolute;
  top: 16px;
  left: 10px;
}

#gemeinde{
  position: absolute;
  left: 170px;
  top: 40px;
  color: #666699;
}

#gemeinde h1{
  font-size: 1.6em;
  margin-bottom:-10px;
}

#gemeinde h2{
  font-size: 1em;
}

#nav2 {
  position: absolute;
  top:142px;
  left:145px;
	z-index: 21;
}

#nav2 a{
  color:#666699;
  font-size: 0.8em;
  text-decoration: none;
  border-bottom: dashed 1px #666699;
  margin-right:5px;
}

#nav2 a:hover{
  border-top: dashed 1px #666699;
}

#fotos{
  position:absolute;
  left: 400px;
  width: 540px;
  height:155px;
  margin:0px;
  padding: 0px;
}

#fotos_ecke{
  position: absolute;
  left: 905px;
  top:7px;
}

#fotos img{
  height:155px;
  margin:0px;
  border:none;
  padding:0px;
  float:right;
}

#oben, #oben a{
  position: absolute;
  top: 1px;
  visibility: hidden;
}

ul.categorylist li{
  list-style: none;
  margin-bottom: 0.5em;
}

ul.categorylist a{
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
}

*.categorylist a:hover{
  border-bottom: dashed 1px #666699;
}


/*#####################################################################################

 #######Angaben für die Dickerfisch-Navi###############################################
	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/

li {padding: 0;margin:0;}

a.erste_ebene{
margin-left: 3px;
margin-right: 3px;
margin-top: 5px;
margin-bottom: 5px;
}


#sfnav, #sfnav ul {
position: absolute;
width: 930px;
list-style: none;
font-weight: bold;
padding: 0px;
left: 10px;
margin:0 px;
}


#sfnav {
margin:0px;
position: absolute;
top:160px;
z-index: 5;
background-color:#666699;
}


#sfnav a {
display: block;
color: #666699;
text-decoration: none;
padding: 0.25em 0.5em;
background-color: white;
}

#sfnav a.daddy {
background: url(../files/dickerfisch/rightarrow2.gif) no-repeat 95%;
background-color: #FFFFFF;
}

#sfnav li {
			float:right;
/*		width: 10em;*/
padding: 0;
}



/*der Listenbereich, der ausklappt ...*/
   #sfnav li ul {
	position: absolute;
	left: -999em;
	width: 18em;
   height: auto;
   font-weight: normal;
   border: 2px solid #666699;
   margin: 2px;
}



/*der einzelne Listeneintrag in der Ausklappliste ... */

#sfnav li li {
		width: 18em
}

/* ein weiterer Unterpunkt in der Ausklappliste ...*/
#sfnav li ul ul {
 margin: -1.75em 0 0 18em;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
  left: -999em;
}

#sfnav li:hover ul,
#nav3 .navfxenabled li.over ul
{
			left: auto;
}

#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
{
	left: -1px;
}

#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
{
	left: -36.44em;
}

#nav3 #sfnav li.over,#sfnav li:hover {
font-weight: bold;
}




/* Beispiel-CSS für magazin_Layout */
	.magazine-layout {
		position: relative;
		width: 100%;
	}
	.magazine-container {
		background: #f6f6f6;
	}

	/* magazin_Layout mit verlinkten Einzelbildern */
	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {
		color: #000;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {
		color: #000;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}

	/* komplett verlinktes magazin_Layout */
	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
		cursor: pointer;
		display: table;
		display: inline-block;
		filter: alpha(opacity=80);
		line-height: 0.0em;
		opacity: 0.80;
		-moz-opacity: 0.80;
	}
	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
		cursor: pointer;
		filter: alpha(opacity=100);
		opacity: 1.00;
		-moz-opacity: 1.00;
	}