.small { TEXT-DECORATION:none; FONT-SIZE: 11px; COLOR: #4B4E6B; FONT-FAMILY: arial;}
.menu  { text-decoration:none; color:#FFFFCC; font-size:9pt; font-family:arial;}

.blau{ color:#336699; text-decoration:none;}
.lila { color:#663399!important; font-size:11px; text-decoration:none; }
.weiss { color:#ffffff; text-decoration:none;  font-size:12px; }
.black { color:#000000; text-decoration:none; }
.black:hover { color:#000000; text-decoration: underline; }

body {
  font-size: 12px;
  font-family: Arial, sans-serif;
  width: 980px;
  text-align:center;
  margin:auto;
  /* background-image:url(../images/backBW.jpg);
     background-repeat: repeat-x;
     background-position:bottom;
 */	 
}
#kasten {
  width: 982px;
}
#header {
  width: 980px;
  height: 60px;
  background-color: #95B7DC;
  color: #FFFFFF;
  text-align:center;
}
#navi_top {
  width: 980px;
  background-image:url("../images/navbackgr.jpg");
  color: #FFFFFF;
  text-align:center;
  margin-bottom:1px;
}
#navi_left {
  /*position:relative;*/
  width: 150px;
  float: left;
  /*background-color:#E2F4FE;*/
  background-color:#FFFFFF;
  /*border:1px solid #52BAF9;*/
  color: #3054BF;
  text-align:left;
  padding-right:5px;
  padding-top:2px;
}

#box_left{ border:1px solid #52BAF9; margin-bottom:5px; }

.headinner { float:right; border-bottom:1px solid #ccc; background-color:#FFFFCC; 
             background:url(../images/back-portok.gif); margin-left:0px!important; color:#8D6703; font-size:13px;  
			 height:21px; width:812px; padding-top:4px; padding-left:10px; margin-bottom:10px; text-align:left; }	
			 
#navi_right {
  width: 150px;
  float: right;
  /*border-right:1px solid #EFE1BE;*/
  color: #3054BF;
  text-align:right;
}  
#content_main {
  display: inline;
  float: right; 
  width: 670px;
  height: auto;
  background-color: #FFFFFF;
  color: #003366;
  margin-left: 1px;
  margin-top:0px;
  text-align: center;
}
#navi_bottom {
  clear:both;
  width: 980px;
  border-top: 1px solid #336699;
  text-align:center;
}

p {
  margin: 10px;
}
h1 {
  margin: 0 5px 25px 5px;
  /*padding-top: 25px;*/
  font-size: 1.3em;
}

.menuL_head  { 
  display:block; 
  text-decoration:none; 
  text-align:left;
  left:10%;
  color:#003366; 
  font-size:14px; 
  font-family:arial;
  padding-left:10px;
  margin-bottom: 2px;
  background-color:#6697CC;
}
.menuL  { 
  display:block; 
  text-decoration:none; 
  text-align:left;
  left:10%;
  /*color:#003366;*/ 
  font-size:12px; 
  font-family:arial;
  padding-left:10px;
  margin-bottom: 0px;
  background-color:#B7CEE8;
}
.menuL:hover { 
  color:#FFFFFF; 
  font-family:arial;
}

div.rund {
  width: 246px;
}

div.rund h3 {
   margin: 0;
   padding: 5px;
   background: url(../includes/Images/box_o2.gif) no-repeat top left;
   text-align: center;
   font-size: 12px;
}

div.rund p {
   margin: 0;
   background: url(../includes/Images/box_u2.gif) no-repeat bottom left;
   padding-left: 20px;
   padding-bottom: 10px;
   font-size:12px;
}


/* ================================================================ */
#navBox { width: 99%; height:100px; overflow:auto; padding-top:5px; padding-bottom:5px; padding-left:5px;}

a.blacklink { color:#000000; font-size:10px; text-decoration: none; display:block; border-bottom:1px solid #eeeeee;  } 
a.blacklink:hover {  font-size:10px; border-bottom:1px solid #FF6600; background-color:#ffffcc;  }
a.braunlink { color:#713917; font-size:12px; text-decoration:none; } 
a.braunlink:hover { color:#EEEEEE; font-size:12px; text-decoration:none; }
a.menuPano {
             display:block;
             font-family: Arial, Helvetica, sans-serif; 
			 color:#fff;
			 text-decoration:none; 
			 font-size:11px;
			 text-align:center;
			 height:100%;
}
a.menuPano:hover { color:#FF6600 ! important; font-size:11px; height:100%;}
a.menuBox { font-family: Arial; color:#000000; text-decoration:none; font-size:11px; width:100%; padding-left:5px; }
a.menuBox:hover { text-decoration: underline; width:100%; }
a.aBox  { 
  display:block; 
  height:100%;
  width:99%;
  text-decoration:none; 
  text-align:left;
  color:#000;
  font-size:11px; 
  font-family:arial;
  margin-bottom: 5px;
  background-image:url(../images/backvert1.gif); 
  background-repeat: repeat-x;  
}
a.aBox:hover { 
  font-family:arial;
  height:100%;
  background-image:url(../images/backvert1u.gif); 
  background-repeat: repeat-x; 
  background-position: bottom;
}
a.navpic { position:relative; 
           background-image:url(../images/belvedere-up.gif); 
           color:#000000; 
		   font-size:10px; 
		   text-decoration: none; 
		   width:100%; height:100%; 
		   display:block; 
} 
a.navpic:hover { 
           background-image:url(../images/belvedere.gif); 
		   text-decoration:none; 
		   background-color:#F0F4FF; 
}

.box_title_right { background-position: right; 
                   background-image:url(../images/boxorangebgr2L.gif); 
				   background-repeat:no-repeat;
				   background-position:left; 
                   text-align:right; font-size:12px; color:#713917; 
}

#spot { position:static; left:10px; top:80px; width:140px; height:100px; background-color:#FFFFCC; layer-background-color:#FFFFDE; clip:rect(0px 240px 90px 0px); overflow:hidden; border:none; }
.scroll { position: relative; width:130px; height:100px; margin-left:2px; margin-right:2px; cursor:default; font-size:10px;}

li.nav { border-bottom:1px dashed #999; list-style-image:url(../images/velaki-list.gif); } 

/**************************************/
.nav-box{
	position: relative!important; 
	width: 130px;
	height: 80px;
}
#box-inner {
	height: 80px;
	width: 130px;
}

.nav-box div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.nav-caption	{
	background-color:#f99500;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	opacity: 0.90;
	width: 130px;
	height: 21px;
	position: absolute;
	border: none;
	border-top: 1px solid #f5f5f5;
	left: 0;
	z-index: 11;
	bottom: 0px;
	}
.nav-box a		 { color: #fff; text-decoration: none; }
.nav-box a:hover { text-decoration: underline; color:#FF9900;  }
.nav-box a span  { 
	position: absolute;
	bottom: 3px;
	left: 4px;
	width: 100%;
	z-index: 999;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	text-transform:uppercase;
	opacity: 0.9;
	}	

/*********************************************/	

div.rundak{
 width:300px;
 display:block;
}
div.rundaktitle {
  background: url(../images/ol_1.gif) no-repeat top left; 
  padding:0;
  height:35px;
  margin-bottom:-10px;
  width:auto;
}
.rundak h2{
  background: url(../images/or_1.gif) no-repeat top right;   
  margin-bottom:0;
  margin-left:1px;   
  font-size:1.2em; 
  padding:0 10px 5px 10px;   
  padding:5px; 
}
.rundakmain {
 display:block; 
 border:1px solid #ffcc00; 
 border-width:0 1px; 
 height:auto;
 margin:1px;
 border-top:1px solid #444;
}

.ul_1 {
  background: url(../images/ul_1_rand.gif) no-repeat bottom left; 
  width:auto;
  margin-top:-20px;
}
.ur_1 {
  background: url(../images/ur_1_rand.gif) no-repeat bottom right;
  margin-bottom:0; 
  font-size:1.2em;  
}

div.rightbox{
 width:150px;
 display:block;
}
div.rightboxtitle {
  background: url(../images/ol_1.gif) no-repeat top left; 
  padding:0;
  height:15px;
}
.rightboxtitle h3{
  margin-bottom:0;
  margin:0;   
  font-size:12px; 
  color:#000;
  padding-right:5px; 
}
.rightboxmain {
 display:block; 
 border:1px solid #ffcc00; 
 border-width:0 1px; 
 height:auto;
 margin-left:1px;
 margin-bottom:15px;
 border-top:1px solid #bbb;
 text-align:left;
 font-size:11px;
 color:#000;
 background-color:#FFFFCC;
}
.rightbox_ul_1 {
  background: url(../images/ul_1_rand.gif) no-repeat bottom left; 
  width:auto;
  margin-top:-20px;
  border-right:1px solid #ffcc00;
}
/***************************************************************************/

#menu { width: 98%; text-align:left }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu a{
font: 11px/12px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px;
border-bottom:1px solid #52BAF9;
text-decoration: none; 
}
#menu a:hover { 
  color: #000000; 
  font-weight:bold;
}

#menu li { position: relative;  } 

#menu ul ul ul { /* dies fuer den inneren Nav: */
position: absolute;
z-index:1;
top: -1px;
left: 99%;
border:1px solid #52BAF9;
background-color:#fff;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul 
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.link1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #535860;
	text-decoration: none;
	margin:0px;
	padding:1px;
	border-bottom:1px solid #eee;	
}
.link1:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFFFCC;
	border-bottom:1px solid #FFdd99;
}
/***********************************/
.zu {
  border-right:1px solid #38AAEE; float:right; margin-top:-5px; margin-right:-1px; margin-bottom:-10px;
}
.zubr { background-image:url(../images/obre_1br2.jpg); background-position:right; background-repeat:no-repeat;
  border-right:1px solid #38AAEE; 
}
/************************************/

div.rundak2{
 width:300px;
 display:block;
}
div.rundaktitle2 {
  background: url(../images/myrand_1.gif) no-repeat top left; 
  padding:0;
  padding-left:10px;
  height:35px;
  margin-bottom:-10px;
  width:auto;
}
.rundak2 h2{
  background: url(../images/myrand_2.gif) no-repeat top right;   
  margin-bottom:0;
  margin-left:1px;   
  font-size:1.2em; 
  padding:0 10px 5px 10px;   
  padding:5px; 
  color:#FFFFFF;
}

div.rundaktitle2b {
  background: url(../images/ol_1b.jpg) no-repeat top left; 
  padding:0;
  padding-left:10px;
  height:35px;
  margin-bottom:-10px;
  width:auto;
}
.rundak2 h2#b{
  background: url(../images/or_1b.jpg) no-repeat top right;   
  margin-bottom:0;
  margin-left:1px;   
  font-size:1.2em; 
  padding:0 10px 5px 10px;   
  padding:5px; 
  color:#FFFFFF;
}
.rundakmain2 {
 display:block; 
 border:1px solid #ccc; 
 border-width:0 1px; 
 height:auto;
 margin:1px;
 border-top:1px solid #777;
 padding:5px
}

.ul_2 {
  background: url(../images/randcccul.gif) no-repeat bottom left; 
  width:auto;
  margin-top:-20px;
}
.ur_2 {
  background: url(../images/randcccur.gif) no-repeat bottom right;
  margin-bottom:0; 
  font-size:1.2em;  
}
/***************************************************************************/

#navi_reiter { list-style-type:none;font:11px Verdana; margin-left:0px; margin-bottom:0px; padding:3px 0px; border-bottom:1px solid #999; }
#navi_reiter li { display:inline; margin:0; list-style:none;  }
#navi_reiter a { text-decoration:none;padding:3px 10px;margin-left:5px;border:1px solid #999;border-bottom:none; }
#navi_reiter a:link, #navi_reiter a:visited { color: #333; }
#navi_reiter a:hover, #navi_reiter a:active { color:#000; background-color:#eee; border-color:#000; }


#navi_reiter a#aktuell { border-bottom:1px solid white; background-color:#fff; }
#navi_reiter a#jenodoxeia { background-color: #CC9966; }
#navi_reiter a#gnvmes { background-color:#B7C9FF; }
#navi_reiter a#popular { background-color: #999900; }

#navi_reiter a:active, #navi_reiter a:focus, #navi_reiter a#jenodoxeia:active,
#navi_reiter a#popular:active, #navi_reiter a#gnvmes:active { border-bottom:1px solid white; background-color:#eee; }


#reiter { padding:20px 10px; padding-left:30px; border:1px solid #999; border-top:none; margin-top:0px; height:100px; }
#reit_1 { position: relative; top:0px;    background-color:#FFFFFF; z-index:1; height: 100px; visibility: visible; }
#reit_2 { position: relative; top:-100px; background-color:#FFFFFF; z-index:2; height: 100px;  visibility:hidden; }
#reit_3 { position: relative; top:-200px; background-color:#FFFFFF; z-index:3; height: 100px;  visibility:hidden; }
#reit_4 { position: relative; top:-300px; background-color:#FFFFFF; z-index:4; height: 100px;  visibility:hidden; }

#navi_reiter li#popular { cursor: pointer; padding:3px 10px;margin-left:5px;border:1px solid #999;border-bottom:none; background-color:#999900; }
#navi_reiter li#popular:hover { cursor: pointer; padding:3px 10px;margin-left:5px;border:1px solid #999;border-bottom:none; background-color:#ff0033; }

/*--------------------- Menu Tabs I--------------------------- */

#tp_reiter {
      float:left;
      width:100%;
      background:#FFF;
      font-size:100%;
      line-height:normal;
      border-bottom:1px solid #DD740B;
}
#tp_reiter ul {
        margin:0;
        padding:10px 10px 0 10px;
        list-style:none;
}
#tp_reiter li {
      display:inline;
      margin:0;
      padding:0;
}
    #tp_reiter a {
      float:left;
      background:url("../images/reiterlinks.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  cursor: pointer;
      }
    #tp_reiter a span {
      float:left;
      display:block;
      background:url("../images/reiterrechts.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tp_reiter a span {float:none;}
    /* End IE5-Mac hack */
    #tp_reiter a:hover span {
      color:#FFF;
      }
    #tp_reiter a:hover {
      background-position:0% -42px;
      }
     #tp_reiter a:hover span {
      background-position:100% -42px;
      }

#tp_reiter #aktuell a {
      background-position:0% -42px;
}
#tp_reiter .aktuell2 a:active {
      background-position:100% -42px;
}
#tp_reiter #aktuell a span {
      background-position:100% -42px;
}

#tp_reiter_body { position:relative; top:35px; padding:20px 10px; padding-left:30px; border:1px solid #DD740B; border-top:none; height:100px; }
#tp_reit_1 { position:absolute; top:10px; background-color:#FFFFFF; z-index:1;  visibility: visible; }
#tp_reit_2 { position:absolute; top:10px; width:90%; height:90%; background-color:#FFFFFF; z-index:2; visibility:hidden; }
#tp_reit_3 { position:absolute; top:10px; width:90%; height:90%; background-color:#FFFFFF; z-index:3; visibility:hidden; }
#tp_reit_4 { position:absolute; top:10px; width:90%; height:90%; background-color:#FFFFFF; z-index:4; visibility:hidden; }

#navi_reiter li#popular { cursor: pointer; padding:3px 10px;margin-left:5px;border:1px solid #999;border-bottom:none; background-color:#999900; }
#navi_reiter li#popular:hover { cursor: pointer; padding:3px 10px;margin-left:5px;border:1px solid #999;border-bottom:none; background-color:#ff0033; }

#content_main_hotel {
  display: inline;
  float: right; 
  width: 820px;
  height: auto;
  background-color: #FFFFFF;
  color: #003366;
  margin-left: 1px;
  margin-top:0px;
  text-align: center;
}

.infoTitel { background-color:#eee; font-size:1em; width:100%; text-align:left;  
             color:#000; border-bottom:1px solid #ddd; }