/*_____ Bilder fluessig und Spalten __________*/
.clear{font-size:1px; height:1px; clear: both;}
img {border:none;}
.img-floatleft{float: left;}
.img-floatright{float: right; margin: 50px 3px 10px 2px; }

.nix img{ padding: 0;  margin : 0; }

.spaltel {float:left; /* left: 100px;*/ width: 340px;}
.spalter {float: right; /*left: 500px;*/ width: 340px;}

body {
font-family: Verdana, "DejaVu Sans", sans-serif;
color: #4169E1; /*oder CornflowerBlue;*/
font: 85% ;
}
body#color {
background-color: #EAEAEA;
background: url(http://www.topoffice-es.com/images/grey.gif) repeat ;
}
ul { background-color: #fff;}
#wrapper { 
margin: 4em 5.5em 4.5em 6em;
padding: 2ex;
background-color: #fff;
}
h1 {
text-shadow: #ECCECE 1px 1px 5px;
text-align: center;
}
.left { 
float: left;
font-size: 205%;
text-shadow: #ECCECE -1px 1px 6px;
}
	.left dt { margin-left: 1.5em; font-size: 125%; }

div#inhalt {
margin-bottom: 2em;
font-family: Verdana, "DejaVu Sans", sans-serif;
color: #4169E1; /*oder CornflowerBlue;*/
font: 85% ;
}
h4 { color: #b20e1f; font-family: "Trebuchet MS", "Bitstream Vera Sans", sans-serif; }
h1{font:normal normal 185% "Trebuchet MS", "Bitstream Vera Sans", sans-serif ;}
h2{font-size: 130%;}
h3{font-size: 120%;}
a 
{
text-decoration: none;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
font-size: 0.9em;
} 
a:link{color: Green;}
a:visited{color: steelblue;}
a:active{color: forestgreen;}
 a:hover{color: darkorange;} 
a[href^="mailto:"]{
background: url(pictures/email.png) no-repeat right top;
padding-right: 15px;
}
a[href^="http:"] {
background: url(pictures/externalLink.gif) no-repeat right top;
padding-right: 10px;
}
a[href^="http://www.amrum-sueddorf.de"], a[href^="http://www.amrum-sueddorf.de"]  {
background-image: none;
padding-right: 0;
}
ul#Navigation{ 
background: url(http://www.topoffice-es.com/images/grey.gif) repeat ;
margin: 0; padding: 0.8em;
text-align: center;
border: 1px dotted CornflowerBlue; 
font-family:  "Trebuche MS", "Bitstream Vera Sans", sans-serif; 
font-size: 0.83em;    
 }
 ul#Navigation li{ 
list-style: none;
display: inline;
margin: 0.4em; padding: 0;
}
ul#Navigation a{ 
padding: 0.2em 1em;  
text-decoration: none;
font-weight: bold;    
}
ul#Navigation a:link{color: #4B0082;}  
ul#Navigation a:visited{color: #8598FC;}
ul#Navigation a:hover{color: #FF6C3E;}
ul#Navigation a:active{color: #FFED1E;}

* html ul#Navigation a, * html ul#Navigation span {width: auto; }
 /* sicherheitshalber fuer IE 6 zurueckgesetzt */

 .footer { 
 margin: auto;
 max-width: 80%;
 font: 80%/1.4 "URW Gothic L", Verdana, Helvetica, sans-serif; 
 text-align: center;
 box-shadow: 6px 7px 4px #888;
 -moz-box-shadow: 6px 7px 4px #888;
 -webkit-box-shadow: 6px 7px 4px #888;
}