body {
  font-size: 14px;
  font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; /*font-family: Arial, Helvetica, sans-serif;*/
  margin-top: 0px;
  padding:0;
}
#container {

}
.kontakt {
	
}
header {
  margin: 0px auto 0px auto;
  background: white url(../images/banner.jpg) no-repeat;
  border: 0px;
  height: 150px;
  width: 1000px;
}
#navi {
  margin: 1px auto 0px auto;
  background: white;
  width: 1000px;
  height: 25px;
  border: 0px solid grey;
}
#content {
  margin: 0px auto 0px auto;
  width: 1000px;
  padding:0px 0px 20px 0px;
  border: 0px solid grey;
  overflow: hidden;  
  display: table;
}
#sidebar {
	margin-top: 57px;
	float:left;
}
#kalender {
	width:210px;
	border: 0px solid;
	margin-left: 20px;
}
#kalender th {
	color: brown;
	font-size:12pt;
}
#wetter {
	width:220px; 
	border:0px solid black; 
	height:370px;
	margin-left: 25px;
	margin-top: -30px;
}
#wetter_left {
	position:relative;
	float:right;
	margin-top:70px;
	padding:0px 0px 15px 0px;
}
#inhalt {
	margin-top: 20px;
	float:right;
	width: 720px;
	margin-right: 30px;
}
footer {
  background: white url(../images/footer.jpg) no-repeat;
  width: 1000px;
  height: 150px;
  border: 0px solid red;
  margin: -7px auto 0px auto;
}
/* Farbverlauf */
div.gradientV{ 
    /* fallback (Opera) */ 
    background: #A9A9A9; 
    /* Mozilla: */ 
    background: -moz-linear-gradient(top, #A9A9A9, #40E0D0); 
    /* Chrome, Safari:*/ 
    background: -webkit-gradient(linear, 
                left top, left bottom, from(#A9A9A9), to(#E6E6FA)); 
    background: -webkit-linear-gradient(top, #A9A9A9, #E6E6FA); /* Safari, Chrome */    
                
    /* MSIE */ 
    filter: progid:DXImageTransform.Microsoft.Gradient( 
                StartColorStr='#A9A9A9', EndColorStr='#E6E6FA', GradientType=0); 
}
div.gradientH{ 
    /* fallback (Opera) */ 
    background: #A9A9A9; 
    /* Mozilla: */ 
    background: -moz-linear-gradient(left, #A9A9A9, #E6E6FA); 
    /* Chrome, Safari:*/ 
    background: -webkit-gradient(linear, 
                left top, right top, from(#A9A9A9), to(#E6E6FA)); 
    /* MSIE */ 
    filter: progid:DXImageTransform.Microsoft.Gradient( 
                StartColorStr='#A9A9A9', EndColorStr='#E6E6FA', GradientType=1); 
} 
div.gradientR {
	background:-moz-radial-gradient(center, #fff, #adf); /* Firefox */
	background:-webkit-radial-gradient(center, #fff, #adf); /* Safari, Chrome */
	background:-o-radial-gradient(center, #fff, #adf); /* Opera */
	background:-ms-radial-gradient(center, #fff, #adf); /* IE */
	background:radial-gradient(center, #fff, #adf); /* W3C Standard */
}
a.link:hover{
    text-decoration:none;
    color:black;
}
a.link {
    text-decoration:none;
    color:black;
}
a.link:link {
    text-decoration:none;
    color:black;
}
a.link:visited {
    text-decoration:none;
    color:black;
}
a.link:focus {
    text-decoration:none;
    color:black;
}
a.link:active {
    text-decoration:none;
    color:black;
}
a img {
    border:0;
}
#txt_title  {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 700px;
    border: 0px solid grey;
    left: 50%;
    margin-left: -350px;
    font-size: 24px;
}
.text_block{
	 padding:10px;
    position: relative;
    margin-top: 10px;
    width: 700px;
    border: 0px solid grey;
    left: 50%;
    margin-left: -350px;
}
.ueberschrift   {
	font-family:Georgia, 'Times New Roman', Times, serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #008080;
}
.text   {
    margin-top: 10px;
    color: #696969; /* dim gray */
}
.right  {
    float:right;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 15px;
}
.left  {
    float:left;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}
#nav {
 width: 100%;
 background-color: white;
 float: left;
}
#nav ul {
  margin: 0px;
  padding: 0px; /* Keine Abst�nde */
  list-style-type: none; /* Keine List Elemente */
}
#nav li {
  float: left; /* Jetzt sind die List-Elemente nebeneinander */
  background-color: #48D1CC; /* Hintergrund der Reiter */
  padding: 5px 20px 5px 20px; /* etwas Abstand zum Text */
  /* Abgerundete obere Ecken */
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  margin: 0px 1px 0px 0px;   /* rechts 1 Pixel Abstand zum n�chsten Reiter */
}
#nav li.active {
/* Hintergrund der aktiven Lasche */
  background-color: #00FFFF;
}
#nav a {
  text-decoration: none;
  color: black;
}
#nav a:hover {
  color: white;
}
/* partial opacity hack: configuration */
.opacity {
  opacity: 0.8;		/* modern browser */
  -moz-opacity: 0.8;	/* older Mozilla browser */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 in Standard Compliant Mode */
  filter:alpha(opacity=80); /* IE5.x -7.0 */
}
/* partial opacity hack, part I: Don't change the following properties! */
.opacity-wrapper,
.opacity-wrapper * {
  position:relative;
}
.opacity {
  border: 1px solid #4A4344;
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
/* Hintergrund des Beschreibungstextes */
  background-color: #DCDCDC;
  /* Abgerundete Ecken */
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: 7px;

}
.lupe {
  position: absolute;
  right: 11px;
  width: 28px;
  height: 28px;
  bottom: 11px;
}