/*@charset "utf-8";*/
/*@charset "iso-8859-1";*/
/* CSS Document */

html {
	height:100%; 
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 
	/*background:#A5DDF8; */
	font-size:76%; 
	font-family: Arial, Helvetica, sans-serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	/*overflow: hidden; */
	/* */ 
}
 
body {
	height:100%; 
	max-height:100%; 
	/*overflow: scroll;*/
	padding:0; 
	margin:0;
    background-color: #A5DDF8;
    background-image: url(../background/background.png);
    background-repeat: repeat-x;
	min-width: 81em;
	text-align:center;
	/*min-width: 100%; /* Mindestbreite     min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
 
#wrapper {
  position:relative;
  margin: 0 auto;	
  width: 1000px;
  margin-right: auto; /* Abstand rechts */
  margin-left: auto; /* Abstand links */
}

#content {
	overflow:auto;
	position:absolute;
	top:152px;
	bottom:50px;
	left:155px;
	background: url(../background/WindmuehleBG.jpg);
	width: 670px;
	padding-top: 15em;
	height: 230px;
	text-align: left;
	/*max-height: 350px;*/
}

#content_unterseite {
	overflow: auto;
	position:absolute;
	top:152px;
	bottom:50px;
	left:155px;
	background: url(../background/bg_box.png) repeat;
	width: 661px;
	padding-top: 15em;
	height: 402px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
}

#content h2 {
	font: bold 13px Arial, Helvetica, sans-serif;
    margin: 20px;
}

#content p {
	font:  bold 12px Arial, Helvetica, sans-serif;
    margin: 20px;
}

* html #content {
	height: 380px;
}
 
#diashow {
	position:absolute;
	top:0px;
	left:527px;
	width: 284px;
	height: 93px;
	padding: 5px;
}

#willkommen {
    margin: 0.1em;
	position:absolute;
	left: 185px;
	top: 19px;
	font-family:bold Georgia, "Times New Roman", Times, serif; 
	/*bold 12px Arial, Helvetica, sans-serif;*/
	font-style: oblique;
    font-size: 24px;
	width: 278px;
	height: 110px;
	text-align:center;
}

#willkommen h3 {
    margin: 0em;
	font-size: 36px;
}

#wappen {
	position:absolute;
	top:22px;
	left:860px;
	width: 85px;
	height: 118px;
	padding:0px;
}

#ortsschild {
	position:absolute;
	top:15px;
	left:15px;
	width: 149px;
	height: 104px;
	padding:0px;
}

#footer {
	position: fixed;
	font: 8px Arial, Helvetica, sans-serif;
	bottom: 0;
	left: 3px;	
}

#counter {
	font: 9px Arial, Helvetica, sans-serif; 
	text-align:	left; 
	position: absolute;
	top: 420px;
	/*bottom: 0;*/
	left: 15px;	
}

#webcam {
	position: absolute;
	top: 520px;
	left: 35px;
}
 
#left {
	position:absolute;
	left:15px;
	top:127px;
	bottom:50px;
	font-size:1.2em;
	z-index:6;
	overflow:visible;
	height: 330px;
	text-align: left;
}

#left h3 {
    margin: 0em;
    padding: 0.3em 0em 0.3em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background: white url(../images/glossyback_gruen.gif) repeat-x bottom left;
	text-align:center;
}

#datum {
	position: absolute;
	font-size:12px;
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	left: 156px;
	top: 133px;
}

/** html #left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}
 */

/* Holly Hack for IE \*/
* html #left { height: 1%; }
/* End */
 
#wetter_box {
	position:absolute;
	width: 140px;
	left: 833px;
	top: 439px;
	background: url(../background/bg_box.png) repeat;
}

#wetter_box h3 {
    margin: 0em;
    padding: 0.3em 0em 0.3em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background: white url(../images/glossyback_gruen.gif) repeat-x bottom left;
	text-align:center;
}

#wetter_box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
    margin: 0em;
    padding: 0.5em 0.5em 0.5em 0.5em;
}

#termine_box {
	position:absolute;
	width: 140px;
	left: 833px;
	top: 152px;
	background: url(../background/bg_box.png) repeat;
	text-align: left;
}

#termine_box h3 {
    margin: 0em;
    padding: 0.3em 0em 0.3em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	background: white url(../images/glossyback_gruen.gif) repeat-x bottom left;
	text-align:center;
}

#termine_box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
    margin: 0em;
    padding: 1em 1em 1em 1em;
}

#termine_inner_box {
    /*background-color: red;*/
	/*font-family:"Arial Black", Gadget, sans-serif;*/
}