/* CSS Dokument von Gregor Hartmaier - Canariasdata.com 2007 */

/* Allgem. Seiten Layout*/
body {
    font-family:"trebuchet ms",arial,sans-serif;
	font-size: 13px;
	line-height: 20px;
    padding:0; margin:0; 
    }

.top { width:100%; background-color:#FF6600; height:10px;}
.logo { width:100%; height:95px; background: url(images/logo2.gif) #FFFFFF no-repeat;}
.main { width:770px; background-color:#FFFFFF; margin-top:20px;}
.navi {width:140px; background-color:#FFFFFF; float: left; margin-right:20px; margin-left:10px;}
.content {width:600px; background-color:#FFFFFF; float: left;}
.clr{ clear:both;}
.footer { width:100%; height:60px; background: url(images/fo_bg.jpg) #FFFFFF repeat-x; margin-top:10px; padding-top:30px; text-align:center; font-size: 12px;}

.footer a { color:#003399; text-decoration:none;}
.footer a:hover { color:#FF3300; text-decoration:none;}
.footer a.active { color:#FF6600; text-decoration:none;}

.gbook { text-align:left;}

/* Headlines und Slogans*/
h1 {font-size:20px;}

h1.slogan { padding: 67px 0 0 173px; font-size:14px;}
h1.titel { color: #003399; text-decoration:underline;}
h1.navi-headline {clear:both; margin:0px; padding:0 0 3px 0; font-family:"trebuchet ms",arial,sans-serif; color:#FF6600; font-weight:bold; font-size:120%;}

h2 {font-size:18px;}
.content h2 {color: #003399;}

h3 {font-size:15px;}
.content h3 {font-size:13px; font-weight:bold; }
.content h3 a {text-decoration:none; color:#FF6600;}
.content h3 a:hover {text-decoration:none; color:#FF3300;}


/*Normale Links im Content*/
.content a {text-decoration:none; color:#FF6600;}
.content a:hover {text-decoration:none; color:#FF3300;}

.content li {
    list-style-image: url(images/li.gif);
    margin: 2px 0 0 0;	
	padding:0;
}


/* Navigation Links*/
h1.navi-headline {clear:both; margin:0px; padding:0 0 3px 0; font-family:"trebuchet ms",arial,sans-serif; color:#FF6600; font-weight:bold; font-size:120%;}
.navi a { color:#003399; text-decoration:none; margin-left:7px;}
.navi a:hover { color:#FF3300; text-decoration:none; margin-left:9px;}
.navi a.active { color:#FF6600; text-decoration:none; margin-left:9px;}
.navi a.active2 { color:#003399; text-decoration:none; margin-left:13px; font-size:12px;}
.navi a.active2:hover { color:#FF3300; text-decoration:none; margin-left:15px; font-size:12px;}
.navi a.active3 { color:#FF6600; text-decoration:none; margin-left:13px; font-size:12px;}
.space { height:7px;}



/* Bilder Index Seite */
.img1 { width:170px; height:150px; margin-right:15px; margin-bottom:10px; float: left;}
.img2 { width:170px; height:150px; margin-right:15px; margin-bottom:10px; float: left;}
.img3 { width:170px; height:150px; margin-bottom:10px; float: left;}


/* Text, Bilder und Buttons Unterkünfte*/
.text { width:330px; float:left;}
.text img {border:#FF6600 1px solid; margin-right:10px; margin-top:10px;}
.images { width:250px; height: auto; margin-left:10px; margin-bottom:10px; float: right; font-size:11px; text-align:left;}
.images2 { width:250px; height: auto; margin-left:10px; margin-bottom:10px; float: right; font-size:13px; text-align:left;}
.images img {border:#FF6600 1px solid; margin-bottom:10px;}
.images2 img {border:#FF6600 1px solid; margin-bottom:10px;}
.images .thumb {margin: 0 9px 5px 0; float: left}
.buttons { width:auto; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px;}
.buttons a {
      display:block;
      color:#003366;
      background-color:#fff;
      width:200px;
      padding:3px;
      font-size:13px;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:5px;
      border:1px solid #999999;
      background-image:url(images/hinter.jpg);
	  background-position:top left;
	  background-repeat:repeat-x;}
.buttons a:hover {
      display:block;
      color:#003366;
      background-color:#D9D9D9;
      background-image:url(images/hinter_on.jpg); 
	  background-position:top left;
	  background-repeat:repeat-x;}
	  
fieldset {
      background-image:url(images/fieldset_bg2.png); 
	  background-position:bottom left;
	  background-repeat:repeat-x;}}


.preis a{ color:#003399; text-decoration:none;}

 /* Info Window styles */
.IW { width: 350px;}
.IWContent {height: 120px; overflow:auto; font-size: 12px;}
.IWCaption {font-weight: bold; font-size: 12pt; color: #003399; border-bottom: 1px solid #FF6600;}
.IWFooter {margin-top: 5px; font-size: 8pt; }
.IWFooterZoom {}
.IWDirections{background-color:#FFF;}
 
.I360 {width: 384px; text-align: left; margin: 10px 10px 10px 10px;}
.I360txt {width: 384px; font-size:11px}