/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body {	color: #fff; 
		font-size: small;
		font-family: arial;
		background-color: #e5a138;
		margin: 0;
		padding: 0;
		text-align: left;
	}
#navi, #navi ul { list-style-type:none; margin:0; padding:0; }
#navi li { width:114px; float:left; }
#navi li ul { display:none; }
#navi li:hover ul { display:block; }
#navi li { border:none; margin:0; }
#navi ul li { border:none; margin:0; background:#e5a138; }
#navi a { font-weight:normal; text-align:center; display:block; padding:0.2em; }
#navi li a:link { color:white; text-decoration:none; }
#navi ul a:link { color:white; background:#e5a138; text-decoration:none; }
#navi a:visited { color:white; text-decoration:none; }
#navi a:active  { color:white; text-decoration:none; border:1px solid white;}
#navi li a:hover   { color:white; background:#993300; text-decoration:none; border:1px solid white;}
#footer a {text-decoration: none;}
#footer a:hover {color: white; text-decoration: underline;}
.startlogos {padding-left: 1em;}
.teaserfoto { width: 90px; height: 60px;  float: left; margin-left: 4px; margin-right:4px; margin-top: 2px; margin-bottom: 10px; border: 1px solid white; }
.stadtfoto { width: 90px; height: 60px;  float: left; margin-left: 4px; margin-right:4px; margin-top: 4px; margin-bottom: 2px; border: 1px solid white; }
.stadtfotorechts { width: 200px; height: 140px;  float: right; margin-left: 16px; margin-right:4px; margin-top: 8px; margin-bottom: 10px; border: 1px solid white; }
.stadtfotorechtshoch { width: 140px; height: 200px;  float: right; margin-left: 16px; margin-right:4px; margin-top: 8px; margin-bottom: 10px; border: 1px solid white; }
.stadtfotolinks { width: 200px; height: 140px;  float: left; margin-left: 8px; margin-right:16px; margin-top: 8px; margin-bottom: 10px; border: 1px solid white; }
.stadtfotolinkshoch { width: 140px; height: 200px;  float: left; margin-left: 8px; margin-right:16px; margin-top: 8px; margin-bottom: 10px; border: 1px solid white; }
.staedte {background: #930 url(../grafiken/buttonstadt.gif) left center no-repeat;}
.tops {background: #930 url(../grafiken/buttontops.gif) left center no-repeat; }
.flops {background: #930 url(../grafiken/buttonflops.gif) left center no-repeat; }
.toskanamap {height: 220px; width: 210px; }
.copyright {text-align: center; color: #930;}
h1 { font-size: small; color:#e5a138; line-height: 0px; text-align: right; }
h2 { font-size: medium; font-weight: bold; background-color: #930; padding-left: 90px;  line-height: 45px; margin-top: 0; margin-bottom:0;}
h3 { font-size: small; font-weight: bold; background-color: #930; line-height: 1.5em; padding-left:4px; margin-top: 0; margin-bottom: 2px; clear: both; }
h4 { font-size: medium; font-weight: bold; background-color: #930; text-align: center; line-height: 45px; margin-top: 0; margin-bottom:0; }
h6 { font-size: small; font-weight: normal; padding-left: 15px; background-color: #930; text-align: center; line-height: 45px; margin-top: 0; margin-bottom:0; }
a:link { color: #ffffff; text-decoration:underline; }
a:visited { color: #ffffff; text-decoration:underline; }
a:hover { color: #ddeeee; text-decoration:underline; }
p  { font-size: small; margin-top: 2px; margin-bottom: 2px; margin-left: 4px; text-align: left; }
.startformat {margin-top: 70px;}
hr {border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #c60;
 border-bottom: solid 1px #c60; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}
.newstext { }
.newspic { width: 31px; height: 32px;  float: left; margin-left: 2px; margin-right:2px; margin-top: 2px; margin-bottom: 6px; }
.back {background: #930 url(../grafiken/backpfeil.gif) left center no-repeat;}
.textformat {margin-left: 8px; margin-right: 8px; margin-bottom: 10px;}
.eventtabelle /*agl rulekind: base;*/ { background-color: #930; width: auto; height: auto; }
.eventinhalt /*agl rulekind: base;*/ { font-size: 0.85em; text-align: left; vertical-align: top; }
a.anker {color: white; text-decoration: none;}
a.anker:visited {color: white; text-decoration: none;}
a.anker:hover {color: white; text-decoration: none;}
ul.colums-two { list-style-type: none; margin: 0; padding: 0 0 20px 0;}
li.innen { width: 220px; float: left; margin: 0; padding: 0 10px 10px 0;}
li.aussen { float: left; margin: 0; padding: 0 0 10px 0; width: 170px;}
li.clr { display: inline; margin: 0; padding: 0;}
br.clr { clear: left; width: 1px; font-size:1px; margin: 0; padding: 0; overflow:hidden;}
.textformat {margin-left: 8px; margin-right: 8px; margin-bottom: 10px;}
.teaserfoto { width: 90px; height: 60px;  float: left; margin-left: 4px; margin-right:4px; margin-top: 2px; margin-bottom: 10px; border: 1px solid white; }
.fotoanreise { width: 90px; height: 60px;  float: left; margin-left: 4px; margin-right:4px; margin-top: 5px; margin-bottom: 2px; border: 1px solid white; }
.anreise {background: #930 url(../grafiken/buttonkoffer.gif) left center no-repeat;}
.flieger {background: #930 url(../grafiken/buttonflieger.gif) left center no-repeat;}
.auto {background: #930 url(../grafiken/buttonauto.gif) left center no-repeat;}
.schiff {background: #930 url(../grafiken/buttonschiff.gif) left center no-repeat;}
.stadtfoto { width: 90px; height: 60px;  float: left; margin-left: 4px; margin-right:4px; margin-top: 4px; margin-bottom: 2px; border: 1px solid white; }
.staedte {background: #930 url(../grafiken/buttonstadt.gif) left center no-repeat;}
.wohnen {background: #930 url(../grafiken/buttonhaus.gif) left center no-repeat;}
.hotels {background: #930 url(../grafiken/buttonhotel.gif) left center no-repeat;}
.reisekasse {background: #930 url(../grafiken/buttongeld.gif) left center no-repeat;}
.planung {background: #930 url(../grafiken/buttonplanung.gif) left center no-repeat;}
.gesundheit {background: #930 url(../grafiken/buttonkreuz.gif) left center no-repeat;}
.fotografie {background: #930 url(../grafiken/buttonfoto.gif) left center no-repeat;}
.wetter {background: #930 url(../grafiken/buttonwetter.gif) left center no-repeat;}
.links {background: #930 url(../grafiken/buttonlinks.gif) left center no-repeat;}
.tops {background: #930 url(../grafiken/buttontops.gif) left center no-repeat; }
.flops {background: #930 url(../grafiken/buttonflops.gif) left center no-repeat; }
.impressum {background: #930 url(../grafiken/buttonimpressum.gif) left center no-repeat;}
.disclaimer {background: #930 url(../grafiken/buttondisclaimer.gif) left center no-repeat;}
.formales {margin-left: 25px; margin-right: 25px; border: 2px solid white; padding: 10px;}
.formimpress {margin-left: 20px; margin-right: 20px; border: 2px solid white; padding: 10px;}
.formdisclaimer {margin-left: 10px; margin-right: 10px; }
.wohnen {background: #930 url(../grafiken/buttonhotel.gif) left center no-repeat;}
.hotels {background: #930 url(../grafiken/buttonhotelgr.gif) left center no-repeat;}
.ferienhaus {background: #930 url(../grafiken/buttonfehaus.gif) left center no-repeat;}
.fewo {background: #930 url(../grafiken/buttonfewo.gif) left center no-repeat;}
.toskanamap {height: 220px; width: 210px; }
.klimatabelle {width: 300px; height: 200px; float: left; margin-left: 4px; }
.tabelletitellinks {text-align: left;}
.tabellelinks {width: 6em;}
.tabellerechts {text-align: right;}
.kleidung {background: #930 url(../grafiken/buttonkleidung.gif) left center no-repeat;}
.strand {background: #930 url(../grafiken/buttonstrand.gif) left center no-repeat;}
.fehaus {background: #930 url(../grafiken/buttonfehaus.gif) left center no-repeat;}