/* Alle Elemente */
*
{
  border-collapse:collapse;
}
td,th,table,div,a,li,img
{
  border-color: white;
  border-style: solid;
  border-width: 0px;
}

p
{
  text-align:justify;
}

/* CSS Standard */
body
{
  font-weight: 300;
  font-size:   0.86em;
  font-family: verdana,Arial,Helvetica,sans-serif;
  margin:      0;
  padding:     0;
  background-color: #00CBFF;
  background-image:url('../images/background_b.jpg');
  background-repeat:repeat-x;
  /*background:  #33ccff;*/
}

/* Elemente */
#header,
#content,
#footer,
#d_body
{
  width:        800px;
  margin-left:  auto;
  margin-right: auto;
}
.ocm_root
{
  width:        800px;
}
.homepic
{
  text-align:center;
}

#header
{
	height:       193px;
  position:     relative;
}
#header img
{
	display:      none;
	position:     absolute;
	top:          0;
	left:         0;
}
#introtext
{
  margin-top:   10px;
  width:        800px;
  color:        white;
  font-family:  "Times New Roman",Arial,Helvetica,sans-serif;
  text-align:center;
}
#header,
#introtext,
.ocm_root,
.ocm_sub
{
  padding:0;
  font-size:   0.80em;
  border-color:white;
  border-style:solid;
  border-width:1px;
}
#header
{
  border-top-width:0;
  border-bottom-width:0;
}

.ocm_root ul li
{
  min-width: 120px;
  border-right-width: 1px;
}
.ocm_root ul li a
{
  text-align:center;
}

.ocm_root ul li a,
.ocm_sub ul li a
{
  display:block;
  padding:5px;
}

/* background color */
#introtext,
#content,
.ocm_root,
.ocm_sub
{
  background-color: #7fabec;
  color:#fff;
}


/* Inhalts Div */
#content
{
  width:        790px;
  border-width:1px;
  border-top-width: 0;
  min-height:   500px;
  padding: 5px;
}
/* Fusszeile */
#footer
{
  text-align: center;
  padding-top: 20px;
}
.takecare
{
  font-style:italic;
}

/* Überschriften */
#content h1,
#content h2
{
  text-align: center;
}

#content ul li
{
  text-align:justify;
}

/* Home */
.home_1,
.home_2
{
  text-align: center;
}


/* Links */
a
{
  color:black;
  text-decoration:none;
  font-weight:500;
}
a:hover
{
  text-decoration:underline;
}

/* Bilder */
.f_right,
/* Google Maps */
.gmap
{
  float:right;
  padding-left: 10px;
}
.mgesicht
{
  float:left;
  padding-right:10px;
}

/* Länderflaggen */
.flags
{
  position: absolute;
  top: 10px;
  right: 20px;
}

/* Informationen */

#important_info
{
  position: absolute;
  top:10px;
  left:10px;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 5px;
  z-index: -10;
}
/* Wetter */
.alto
{
  position:absolute;
  top: 36px;
  right: 20px;
  font-size: 0.9em;
}
.closebtn
{
  text-align: center;
  position: absolute;
  top:2px;
  right:2px;
  background-color: red;
  font-weight: bold;
  z-index: 99;
  width: 15px;
  height: 15px;
  font-size: 0.8em;
  border-width: 1px;
  border-style: solid;
  border-color: black;
}
.closebtn:hover
{
  background-color: highlight;
  cursor: pointer;
}