body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffcc;
	font-size: 12px;
	text-align: center;
	line-height: 140%;
	background-color:#ffffcc;
	height: 100%;
}
div#Content {
    width: 800px;
	vertical-align:top;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	background-color:#ffffcc;
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */ 
}

hr {
	color: #CC6600;
	size: 1px;
	align: center;
	width: 90%;
}


div#LogoTop {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	height: 110px;
	border: 1px solid black;
	-moz-border-radius:10px;
    -khtml-border-radius:10px;
	background-color:#ffffcc;
	text-align:justify;
	float: left;
}


div#Seite {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 802px;
	background-color: #ffffcc;
	background-repeat: repeat-x;
	background-position: bottom;
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#Box {
  text-align: center;
  width: 800px;
  float: left;
  background-color: #FFFFCC;
  padding: 5px 5px 5px 5px;
  margin: 5px auto; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#insel {
  text-align: center;
  width: 120px;
  float: left;
  border: 1px solid black;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #FFFFCC;
  padding: 8px;
  margin: 10px; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#monat {
  text-align: center;
  width: 200px;
  float: left;
  border: 1px solid black;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #FFFFCC;
  padding: 8px;
  margin: 10px; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#villa {
  text-align: center;
  width: 225px;
  float: left;
  border: 1px solid black;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #FFFFCC;
  padding: 8px;
  margin: 10px; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#wetter {
  text-align: center;
  width: 200px;
  border: 1px solid black;
   -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #FFFFCC;
  padding: 8px;
  margin: 10px; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#google {
  text-align: center;
  width: 300px;
  float: right;
  border: 1px solid black;
   -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  background-color: #FFFFCC;
  padding: 8px;
  margin: 10px; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#croatia {
  text-align: center;
  width: 800px;
  float: left;
  background-color: #FFFFCC;
  padding: 0px 5px;
  margin: 0px auto; /* Div soll zentriert werden */
  min-height: 100%; /* Mindesthöhe für moderne Browser */
  height:auto !important; /* Important Regel für moderne Browser */
  height:100%; /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */ 
}

div#desc {
	width: 720px;
	text-align: left;
	padding: 5px;
	margin: 5px auto;
	border: 0px;
	-moz-border-radius:10px;
    -khtml-border-radius:10px;
	background-color: #ffffcc;
    min-height: 100px; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important;  
}

div#Col1 {
	width: 750px;
	text-align: left;
	padding: 5px;
	margin: 5px auto;
	border: 1px solid black;
	-moz-border-radius:10px;
    -khtml-border-radius:10px;
	background-color: #ffffcc;
    min-height: 100px; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important;  
}

div#Col3 {
	width: 550px;
	float: right;
	text-align: left;
	background-color: #ffffcc;
	padding: 5px;
	margin: 5px auto;
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */ 
}


div#Col2 {
	width: 800px;
	float: left;
	text-align: left;
	border: 1px solid black;
	-moz-border-radius:10px;
    -khtml-border-radius:10px;
	background-color: #FFFFCC;
	padding: 0px;
	margin: 0px auto; /* Div soll zentriert werden */
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */ 
}
a.button
      {
      font-family: Verdana;
      font-size: 12px;
      font-weight: bold;
	  color: #FFFFCC;
      background-Color: #003A6F;
      border: 1px solid black;
	  -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      text-decoration: bold;
      width: auto;
      text-align: center;
	  margin: 1px;
	  padding: 5px;
      }
a.button:hover
      {
      font-family: Verdana;
      font-size: 12px;
	  font-weight: bold;
      Color: #000000;
      background-Color: #FFFFCC;
      border: 1px solid black;
      text-decoration: bold;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      margin: 1px;
	  padding: 5px;
}

a.button1
      {
      font-family: Verdana;
      font-size: 16px;
      font-weight: bold;
	  color: #FFFFCC;
	  float: right;
      background-Color: #003A6F;
      border: 1px solid black;
	  -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      text-decoration: bold;
      width: 80px;
	  height: 80px;
      text-align: center;
	  margin: 10px;
	  padding: 5px;
      }
a.button1:hover
      {
      font-family: Verdana;
      font-size: 16px;
	  font-weight: bold;
      Color: #000000;
	  float: right;
      background-Color: #FFFFCC;
      border: 1px solid black;
      text-decoration: bold;
      -moz-border-radius: 5px;
      -khtml-border-radius: 5px;
      width: 80px;
	  height: 80px;
      margin: 10px;
	  padding: 5px;
}


img.bild
{
margin:  15px;
padding: 5px;
float: left;
}

img.liste
{
margin:  5px;
padding: 5px;
float: left;
}

img.logo
{
margin:  5px 161px 5px 161px;
padding: 5px;
}


.header {
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	font-style: normal;
}

.subheader {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #666666;
	font-style: normal;
}

 
 .text {
	font-family: "Comic Sans MS";
	font-size: 14px;
	color: #666666;
	font-style: normal;
 }
 
  .unter {
	font-family: "Comic Sans MS";
	font-size: 10px;
	color: #000000;
	font-style: normal;
 }