/* CSS Document */
body{background-color:#eeeeee;}

#koerper{
  width:970px;
  height:auto;
  border:1px solid rgb(102,204,204);
  background-image: url(http://www.medosttravel.de/reisen/kurort/img/bild.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  background-color:#F9F9F9;
  margin-left:5px;
}

#site_titel{
  width:100%;
  height:100px;
  text-align:center;
  vertical-align:middle;
}
#site_titel h1{
  font: 21px Times;
  font-style: italic;
  color:#003366;
  text-align:justify;
  margin-left:400px;
  margin-top:50px;
}
#site_titel h2{
  font: 21px Times;
  font-style: italic;
  color:#003366;
  text-align:justify;
  margin-left:500px;
  margin-top:10px;
}
#titel{
  height:130px;
  width:100%;
  vertical-align:middle;
}
#titel h1{
  font: 18px Times;
  font-style: italic;
  color:#003366;
  text-align:justify;
  margin-left:400px;
  margin-top:20px;
}
#titel h2{
  font: 18px Times;
  font-style: italic;
  color:#003366;
  text-align:justify;
  margin-left:530px;
  margin-top:30px;
}
#titel h3{
  font: 22px Algerian;  
  color:#9F2845;
  margin-top:50px;
  margin-left:380px;
  width:500px;
  text-align:center;
}

#navi{
  width:200px;
  height:auto;
  margin:0px 20px 0px 20px;  
  padding-left:5px;
  padding-right:15px;
  border-right:2px solid #003366;
}
.rubrik{
  font:bold 14px Arial;
  color:#9F2845;
  display:block;
  margin:25px 5px 5px 5px;
  padding-bottom:5px;
  border-bottom:1px dashed #9F2845;
  text-align:right;
}
.navi{
  display:block;
  margin:5px;
  padding-bottom:5px;
  font:bold 12px Arial;
  color:#003366;
  border-bottom:1px solid #003366;
  text-transform:uppercase;
}
a.navi{
  text-decoration:none;
  font:bold 12px Arial;
  color:#003366;
}
a:hover.navi{
  font:bold 12px Arial;
  color:#9F2845;
}

.navi_aktiv{
  display:block;
  margin:5px;
  padding-bottom:5px; 
  font:bold 12px Arial;
  color:#9F2845;
  border-bottom:1px solid #003366;
  text-transform:uppercase;
}
a.navi_aktiv{
  text-decoration:none;
  font:bold 12px Arial;
  color:#9F2845;
}
a:hover.navi_aktiv{
  font:bold 12px Arial;
  color:#9F2845;
}

.text{
  margin: 10px 10px 10px 10px;
  border-left:2px solid #003366;
  font: 12px Arial;
  color: #000000;
  padding:5px 5px 5px 20px;
  text-align:justify;
}
ul{
  margin:5px;
  padding-left:15px;
}
li{
  color:#003366;
  margin:2px 2px 2px 2px;
}



.text a{
  font: bold 12px Arial;
  color: #003399;
  text-decoration:none;
}

.text a:hover{
  text-decoration:underline;
  color:#9F2845;
}
.text_gross{
  margin: 10px 10px 10px 10px;
  border-left:2px solid #003366;
  font: 14px Arial;
  color: #000000;
  padding:5px 5px 5px 20px;
  text-align:justify;
}

.text_gross a{
  font: bold 14px Arial;
  color: #003399;
  text-decoration:none;
}

.text_gross a:hover{
  text-decoration:underline;
  color:#9F2845;
}
.text_klein{
  margin: 10px 10px 10px 10px;
  border-left:2px solid #003366;
  font: 11px Arial;
  color: #000000;
  padding:5px 5px 5px 20px;
  text-align:justify;
}
.text_klein a{
  font: bold 11px Arial;
  color: #003399;
  text-decoration:none;
}

.text_klein a:hover{
  text-decoration:underline;
  color:#9F2845;
}
.link{
  font: 14px Arial;
  color: #000000;
  padding:5px 5px 5px 10px;
}
a.link{
  font: bold 14px Arial;
  color: #003399;
  text-decoration:none;
}
a:hover.link{
  text-decoration:underline;
  color:#9F2845;
}
#text.visum_table{
  width: 90%;
}
.text_table{
  font: 11px Arial;
  color: #000000;
  padding:3px;
  border:1px solid #000000;
}
.form{
  font: 12px Arial;
  color: #000000;
}
.feld{
  width:98%;
  border:1px solid #003366;
  font: 11px Arial;
  color: #000000;
  padding:2px;
  margin:2px;
}
.button{
  width:120px;
  font: 12px Arial;
  color: #000000;
  padding:2px;
  border:1px solid #003366;
  background-color:#aaaaaa;
}
.button:hover{
  color:#9F2845;
}
.sitemap{
  margin: 10px 10px 10px 0px;
  border-left:2px solid #003366;
  font: 12px Arial;
  color: #000000;
  padding:5px 5px 5px 10px;
  text-align:justify;
}

.sitemap a{
  font: bold 12px Arial;
  color: #003399;
  text-decoration:none;
}

.sitemap a:hover{
  text-decoration:underline;
  color:#9F2845;
}
hr{border:1px dashed #000066;}

#kumpels{
  width:900px;
  margin:5px 5px 5px 50px;
  padding:5px;
  border: 1px dashed #003366;
  font:11px Arial;
  color: #003366;
  text-align:center;
  vertical-align:middle;
  
}
#kumpels a{
  text-decoration:none;
  font:11px Arial;
  color: #003366;
}
#kumpels a:hover{
  text-decoration:underline;
}

.information{
  position:absolute;
  left:20px;
  top:1200px;
  font:9px Arial;
  color:rgb(0,0,0);
  width:600px;
}
.information h1{
  font:9px Arial;
  color:rgb(0,0,0);
  font-weight:normal;
  margin:0px;
  margin-top:550px;
  padding:0px;
}

#count{
  position:absolute;
  top:1200px;
  left:50px;
}
.bild{
  width:175px;
  height:120px;
  border:2px solid rgb(102,153,255);
  margin:10px;
  cursor: url('http://www.medosttravel.de/reisen/kurort/img/lupe.cur');

  padding:0px;
  
}

.bild:hover{
  border:2px solid #CA72B1;
}


.bildchen{
  width:160px;
  height:120px;
  border: 1px solid #003366;
}