/* main css / */
* {
margin: 0;
padding: 0;
}
/* = Grundangleichung der Schriften fr verschiedene Browsers = */

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 82%;
color: #5A0019;
line-height: 1.4; /*zur Vermeidung von Üerlappungen keine Einheit angeben */
}
.sb {
scrollbar-3dlight-color:#5A0019;
scrollbar-arrow-color:#5A0019;
scrollbar-base-color:#FFE4BA;
scrollbar-darkshadow-color:#5A0019;
scrollbar-face-color:#FFE4BA;
scrollbar-highlight-color:#FFE4BA;
scrollbar-shadow-color:#5A0019;
}
h2, h3, h4 {
font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
font-style: italic;
letter-spacing: 1pt;
margin: 0px 0 15px 0;
padding: 5px 0px 5px 10px;
background-color: #d0c0a0;
color: #5A0019;
}
#header h1 a {
display: block;
width: 180px;
height: 36px;
text-decoration: none;
color: #5A0019;
}
h2 {
margin-top: 12px;
padding-left: 30px;
font-size: 160%;
background-color: #d0c0a0;
color: #5A0019;
}
h3 {
font-size: 130%;
}
h4 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 110%;
font-style: normal;
}
p {
margin: 5px 0 10px 0;
color: #5A0019;
}
ul, ol {
margin: 0 0 0 30px;
}
li {
list-style-type: disc;
}
li li {
font-size: 100%;
list-style-type: circle;
}
li li li {
list-style-type: square;
}
.link
{
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 5px 0 10px 0;
color: #5A0019;
letter-spacing: 1pt;
text-decoration: none;
}
.background
{
background-color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font size: 200%;
color: #FFFF00;
letter-spacing: 1pt;
font-weight:bold;
}
.ueberschrift
{
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #5A0019;
letter-spacing: 1pt;
font-weight:bold;
}

/* === Ende Fontsize === */

/* = Container = */
body {
background-color: #E7CE9C;
color: #5A0019;
}
#toolbar {
background-image: url(http://www.fewo-balogh.de/images/favic2.gif);
background-repeat: no-repeat;
height: 40px;
background-position: 7px 20px;
padding: 20px 0 0px 30px;
background-color: #E7CE9C;
color: #000;
border-top: 1px solid #fff;
border-bottom: 1px solid #666;
}

#header {
background-image: url(http://www.fewo-balogh.de/images/kopf0.gif);
background-repeat: no-repeat;
height: 60px;
background-position: 0px 15px;
padding: 25px 0 0px 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #333;
background-color:  #E7CE9C;
}

.schatten {
margin: 0px 160px 0px 0px;
font-size:20pt;
font-weight:bold;
color:#FFFF00;
width:75%;
filter:shadow;
color=#C4B958;
direction=135;
}
#wrapper {
background-image: url(http://www.fewo-balogh.de/images/main-bg.gif);
background-repeat: repeat-y;
background-color: #E7CE9C;
color: #000;
padding: 0;
}
#menue {
float: left;
width: 220px;
padding: 20px 0px;
}

#content {
margin: 0px 0px 0px 259px;
}
#breadcrumb {
margin: 0;
padding: 0;
background-color: #E7CE9C;
color:#5A0019;
text-decoration: none;
}
#spiegel {
background-image: url(http://www.fewo-balogh.de/images/corner.gif);
background-repeat: no-repeat;
margin: 0 auto;
padding: 15px 20px;
max-width: 650px;
background-color: #FFEFCF;
color: #000;
border-right: 1px solid #c0b090
border-bottom: 1px solid #c0b090;

}
#footer {
background-image: url(http://www.fewo-balogh.de/images/footband.gif);
background-repeat: no-repeat;
position: relative;
bottom: -1px;
clear: left;
padding: 2px 0;
text-align: right;
border-top: 1px solid #666;
background-color: #E7CE9C;
color: #c0b090;
}

/* === Links === */
.a {
text-decoration: none;
border-bottom: 1px solid #333;
cursor: hand;
}
a:link {
text-decoration: none;
background-color: transparent;
color: #600;
}
a:visited {
text-decoration: none;
background-color: transparent;
color: #365169;
}
a:hover {
text-decoration: none;
background-color: transparent;
color: #a00;
}
a:active, a:focus {
text-decoration: none;
background-color: transparent;
color: #a00;
}

#breadcrumb a,
#breadcrumb a:visited,
#breadcrumb a:active,
#breadcrumb a:focus,
.topper a,
.topper a:visited,
.topper a:active,
.topper a:focus {
background-color: transparent;
color: #600;
text-decoration: none;
}

#content #breadcrumb {
background-image: url(http://www.fewo-balogh.de/images/pfad.gif);
background-repeat: no-repeat;
background-position: 25px 4px;
}
#content #breadcrumb p {
margin-left: 34px;
}
#content #breadcrumb p small {
/* display: none; */
}

#footer p {
margin-right: 20px;
font-size: 76%;
color: #600;
}
#footer a {
background-color: transparent;
text-decoration: none;
color: #9ab4cb;
border-bottom: 1px solid #9ab4cb;
}
#footer a.valid {
border: 0 none;
text-decoration: none;
}
#footer a.valid img {
vertical-align: bottom;
text-decoration: none;
}
#footer .bestview {
padding-right: 20px;
background-color: transparent;
color: #8daac5;
}

/*
#menue {
float: left;
width: 220px;
padding: 20px 0px;
}
*/

/* Hauptmenue */
#menue ul {
margin-left: 10px;
}
#menue ul ul {
margin-left: 30px;
margin-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#menue ul ul ul {
margin-left: 30px;
margin-right: 5px;
padding-top: 5px;
}
#menue ul li {
list-style-type: none;
margin: 0 0 2px 0;
padding: 1px 0px;
background-color: #E7CE9C;
color: #600;
}
#menue ul ul li {
background-color: #e9d9b9;
color: #600;
}
#menue ul ul ul li {
background-color: #E7CE9C;
color: #600;
}

#menue ul li a {
display: block;
padding-left: 5px;
font-weight: bold;
border: 1px solid;
border-color: #c0b090 #ffefcf #ffefcf #c0b090;
}
#menue ul ul li a {
font-weight: normal;
}
#menue ul ul ul li a {
font-weight: normal;
}
#menue ul li a:visited {
background-color: transparent;
color: #365169;
}
#menue ul li a:hover {
background-color: #f5ecd8;
color: #900;
}

#menue a:visited.no-vis {
background-color: transparent;
color: #600;
}
#menue a:hover.no-vis {
background-color: #f5ecd8;
color: #900;
}

#menue ul li.aktiv-box {
border: 1px solid;
border-color: #c0b090 #ffefcf #ffefcf #c0b090;
}
#menue ul li span.aktiv-head {
padding-left: 5px;
font-variant: small-caps;
letter-spacing: 1pt;
font-weight: bold;
background-color: transparent;
color: #365169;
}
#menue ul li.aktiv {
margin-left: -15px;
padding-left: 5px;
font-variant: small-caps;
font-weight: bold;
background-color: #f0e0c0;
color: #365169;
border: 1px solid;
border-color: #ffefcf #c0b090 #c0b090 #ffefcf;
border-left: 5px solid #c0b090;
}

/* news-box */
#menue #hot {
margin: 10px 0px 0px 10px;
background-color: #E7CE9C;
color: #5A0019;
border: 1px solid;
border-color: #c0b090 #ffefcf #ffefcf #c0b090;
}
#menue #hot h4 {
background-image: url(http://www.fewo-balogh.de/images/news.gif);
background-repeat: no-repeat;
background-position: 1px 1px;
font-size: 100%;
background-color: #e0d0b0;
color: #233444;
margin: 0;
padding: 2px 0px 2px 26px;
border-bottom: 1px solid #c0b090;
}
#menue #hot p {
font-family: Arial, 'Times New Roman', monospace;
padding: 0px 10px;
}
/* */

/*download-box*/

#load {
border: 3px double #c0b090;
-moz-border-radius: 10px;
width: 470px;
margin: 0px 0px 0px 30px;
text-align: center;
}

/* wiggy-box */
#wiggy {
margin-top: 40px;
text-align: center;
}

#content a.extern,
#menue a.extern {
background-image: url(http://www.fewo-balogh.de/images/weiter.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 0 16px 0 5px;
margin: 0;
white-space: nowrap;
}
#menue a.extern {
padding: 0 0 0 5px;
}
a.ohne {
border: 0 none;
}
#header h1 a {
display: block;
width: 180px;
height: 36px;
}

/* === Sonstiges === */
.invis, hr, #printonly {
display: none;
}
img {
border: 0 none;
}
#breadcrumb p {
margin: 0;
padding: 3px 0 3px 10px;
}
#spiegel p {
padding-left: 15px;
}
p.topper {
background-image: url(http://www.fewo-balogh.de/images/top_.gif);
background-repeat: no-repeat;
background-position: 5px 15px;
margin-left: 20px;
padding: 10px 0px 40px 20px;
}
.lila {
background-color: transparent;
color: #909;
}
pre {
font-size: 120%;
}
code {
font-family: 'Courier new', monospace;
color: #909;
}
.flag {
vertical-align: middle;
margin: 0px 0px 0px 30px;
}

.rotate {
float: right;
width: 88px;
height: 31px;
margin: 10px 10px 0px 0px;
}
.rotate a {
border: 0 none;
}

/* === Toolbar-Elemente === */
#toolbar p,
#toolbar form {
display: inline;
}
#toolbar br {
display: none;
}
#toolbar .toolhead {
font-size: 11px;
}
#toolbar p {
margin: 0 5px 0 0;
border: 0 none;
}
#toolbar form {
padding: 0px 10px 0px 5px;
}
#toolbar .search {
background-image: url(http://www.fewo-balogh.de/images/search.gif);
background-repeat: no-repeat;
padding: 0px 0px 3px 22px;
}

#toolbar a {
border: 1px solid #c0b090;
margin: 0 5px 0 0;
padding: 0 5px;
text-decoration: none;
background-color: #FFEFCd;
color: #600;
}
#toolbar a:hover  {
background-color: #999;
color: #fff;
border: 1px solid;
border-color: #fff #000 #000 #fff;
}

#toolbar input.senden {
background-color: #999;
color: #fff;
border: 1px solid;
border-color: #fff #000 #000 #fff;
cursor: pointer;
}
#toolbar input:hover.senden {
background-color: #ccc;
color: #000;
}
#toolbar .an {
display: none;
}
#toolbar .aus {
background-color: #e9ddc5;
color: #900;
border: 1px solid;
border-color: #ab976b #f9f2e6 #f9f2e6 #ab976b;
}

/* === Sonderfaelle === */

/* Hotbox auf Startseite */
#spiegel .hotbox {
float: right;
background-color: #FFEFCd;
color: #000;
clear: right;
border: 3px double #c0b090;
-moz-border-radius: 10px;
width: 240px;
margin: 0px 0px 0px 30px; text-align: center;
}
#spiegel .hotbox h4 {
letter-spacing: 0;
font-size: 100%;
margin: 0;
padding: 0px 5px;
}

.wunsch {
background-color: #e4dbc0;
color: #000;
border: 1px dotted #666;
margin: 0;
padding: 10px;
}
/*Kontaktseite*/
#adressen {
width: 99%;
margin: 0px 0px 20px 0px;
background-color: transparent;
color: #000;
}
#adressen td p {
padding: 0;
}
#adressen td.rand {
padding: 5px 10px;
border: 1px solid #dfc391;
}
#adressen td.rand1 {
padding-right: 75px 10px;
border: 1px solid #dfc391;
}
/* PopUps */
#pops {
margin: 10px 0px 10px 30px;
background-color: transparent;
color: #000;
}
#pops td {
padding: 3px 5px 3px 10px;
border: 1px solid #600;
}

.award2005 {
text-align: center;
}
.award2005 p {
font-size: 75%;
}
.award2005 a {
border: 0 none;
}

/* === Suchergebnisse === */
#output li {
margin-top: 15px;
}
#output em {
font-weight: bold;
font-style: normal;
}
#output a {
font-weight: bold;
}
#output .searchword {
color: #222;
background-color: #d0c0a0;
border: 0 none;
padding: 0 3px;
}
#output .mod {
display: block;
font-size: 82%;
}

/* saisonvorstellung (Menues) */
.vorstellung {
margin: 10px 0 0 40px;
}

/* Fotovergroesserung */

#menue_neu {
  float: left;
  width: 220px;
  padding: 20px 0px:
  border: 3px double #c0b090;
  }
#menue_aktiv {
  margin-left:8px;
  margin-right:8px;
  background-color: #E7CE9C;
  color: #600;
  padding-left:2px;
  padding-right:2px;
}
#submenue_aktiv {
  margin-left:23px;
  margin-right:10px;
  background-color: #E7CE9C;
  color: #600;
}
#subsubmenue_aktiv {
  margin-left:38px;
  margin-right:10px;
  background-color: #E7CE9C;
  color: #600;
}
#subsubsubmenue_aktiv {
  margin-left:50px;
  margin-right:10px;
  background-color: #E7CE9C;
  color: #600;
}
.copy {
float: left;
margin-left: 20px;
color: #5A0019;
}
a.mrwong {background-image: url("http://www.fewo-balogh.de/images/bkm_mrwong.gif");}
a.google {background-image: url("http://www.fewo-balogh.de/images/bkm_google.gif");}
a.linkarena {background-image: url("http://www.fewo-balogh.de/images/bkm_linkarena.gif");}
a.delicious {background-image: url("http://www.fewo-balogh.de/images/bkm_delicious.gif");}
a.folkd {background-image: url("http://www.fewo-balogh.de/images/bkm_folkd.gif");}
a.google,a.linkarena,a.delicious,a.folkd {display: inline;margin-left: 10px;padding: 0pt 2px 2px 15px;background-repeat: no-repeat;}
a.mrwong {display: inline;padding: 0pt 2px 2px 15px;background-repeat: no-repeat;}

div.mtbpicture {
        float: right;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 10px 10px;
        width: 200px;
        border: none;
        background: url(http://www.fewo-balogh.de/images/mtb_abstand.gif) no-repeat left top;
}

p.mtbpicturetext {
        margin: 0;
        padding: 2px 0px 0px 0px;
        line-height: 160%;
        font-size: 90%;
        color: #2F2F2F;
}
.routenplan {
  color:#333;
  margin-top:3em;
  margin-bottom:1em;
  padding:0px;
  padding:0px;
  background-color: #e0d0b0;
  font-size:0.8em;
  padding-left:2px;

}
.routenplan h3 {
  background:#e0d0b0;
  color:#233444;
  font-size:0.9em;
  border-bottom:1px solid #fff;
  margin:0;
  padding:0;
  padding-left:2px;
}
#left {
        float:left;
        width:175px;
        text-align: left;
        margin-right:10px;
}

.ticker  {
 border: 0 none;
 clear: left;
 text-align: right;
 font-size:0.9em;
 color: #800000;
}
#right {
        float:right;
        margin-right:10px;
}

/* Like - Box */
#like_box {
height: 150px;
max-height: 150px;
overflow: hidden;
order-bottom=1px;
solid #000;
}
/* footer Anordnung */
.links {
float:left;
width:300px;
}
.rechts {
width:300px;
}
.clear {
clear:left;
}