html, body {
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
font-size:12px;
background-image: url(../bilder/img_bg_verlauf_top.gif); 
    background-repeat: repeat-x; 
background-color:#FFFFe0;	
}

#claim { visibility: visible; position: absolute; top: 20px; left: 20px; width: 220px; height: 146px }

#nav    { 
background-color: #FFFFF0;
visibility: visible; 
display: block; 
position: absolute; 
top: 186px; 
left: 20px; 
width: 220px; 
border: solid 2px #eee8aa;
}	 


 #content               
         { background-color: #fffff0; 
         background-image: url(../bilder/img_bg_bamboo2.jpg); 
         background-repeat: no-repeat; 
         background-position: 0 0; 
         visibility: visible; 
         display: block; 
         position: absolute; 
         top: 33px; 
         left: 265px; 
         width: 55%;
         max-width: 600px; 
         border-top: solid 2px #eee8aa; 
         border-right:solid 2px #eee8aa;
         border-bottom: solid 2px #eee8aa;
         border-left: solid 2px #eee8aa;
           }


#footer { 
visibility: visible; 
display:block;
position: static; 
width: auto; 
height: 250px;
background-image: url(../bilder/img_bg_footer_bambo2.jpg);
background-position: 100% 100%;
background-repeat: no-repeat;
}

/* --- Absätze --- */

p 	{
 line-height:20px;
 text-indent:0px; 
margin:12px 20px 15px 80px;
}

/*Navigation topitems mit Startseite, Team usw. */
.p_topitems {
margin:12px 20px 15px 0px;
text-align: right;
}


/* Adresszeile im Fuss */
.p_footer {
margin:-5px 0px 0px 80px;
clear:left;
}

.p_footer_last_line {
 line-height:18px;
margin:0px 0px 20px 80px;
clear:left;
}

/* --- Bilder --- */


.img_teaser_uebersicht {
float:left;
margin:5px 15px 3px 0px;
width:240px;
height: 100px;
clear:left;
border: 2px solid #dddddd;
}


.img_sidebar {
float:left;
width: 150px; 
clear:left;
margin: 5px 0px 12px 0px;
}
.img_nav {
margin: 0px 0px 18px 0px;
width:220px;
border: solid 3px #FFFFFF;
}

.img_logo {
margin-top: 0px;
margin-right: 3px; 
margin-bottom: 0px;
margin-left: 0px; 
width:350px;
clear:both;
}

.img_lotos {
margin-top: 0px;
margin-right: 0px; 
margin-bottom: -2px;
margin-left: 10px; 
width:auto;

}

.img_claim {
margin-top: 10px;
margin-right: 3px;
margin-bottom: 30px;
margin-left: 0px;
width:219px;
clear:both;
}


.img_logo_footer {
clear:left;
margin: 0px 10px 10px 0px;
width: 250px;
}

.img_right {
float:right;
margin: 6px 0px 0px 10px;
width:220px;
}

.img_left {
float:left;
margin: 6px 15px 5px 15px;
width:220px;
}


.img_csr {
float:left;
margin: 6px 15px 5px 15px;
width:80px;
}

.img_resort {
float:right;
margin: 5px 0px 2px 10px;
width:300px;
}

.img_floatright_top
{
float: right;
margin: 5px 0 10px 10px;
clear: right;
}

.img_floatright_down
{
float: right;
margin: 5px 0 10px 10px;
clear: right;
}


/* ---- Tabellen --- */   

table 	{
margin: 15px 5px 15px 80px;
border: solid 1px #eee8aa;
empty-cells: show;
background-color: #FFFFF0;
}
/*border: 1px solid #777722; */

td 	{
font-size:12px;
font-family: Georgia, Garamond, "Times New Roman", serif;
padding: 8px 5px 8px 5px;
}

.td_allgemein {background-color: #ffffe0;}	
.td_season {background-color:#D0EFC6;}		
.td_dunkel {background-color: #DDECF5;}
.td_hell {background-color: #f0f8ff;} 

/* --- Titel --- */

h1 	{
font-family: Georgia, "Times New Roman", Garamond, serif; 
font-size:22px; 
color:#000080;
font-weight:bold;
margin: 36px 0px 10px 60px;
}

h2 	{
font-size: 12px; 
color:#000080;			
font-weight:bold;
margin: 10px 0px 15px 80px;
}


h3 	{					/* Titel im Fliesstext */
font-family: Georgia, Garamond, "Times New Roman", serif;
font-size:16px; 
font-weight:bold; 
color:#000080; /* orange = #fa6019 */
margin: 5px 0px -8px 80px;
border-left: solid 2px #000080;
padding: 0 0 0 10px; 
}



h4	{				/* OberTitel in der Navigation */
background-color:#fafad2; 
font:12px verdana, arial, georgia, sans-serif; 
color: #fa6019;
font-weight:bold;
margin: 0px; 
padding: 2px 0px 4px 6px;
border-top: 1px solid #FFEE88;
border-bottom: 1px solid #FFEE88;
clear: both;
}

/* Zwischentitel in der Navigation */

h5 	{
font-size: 11px; 
color:#696969;			
font-weight:bold;
margin: 8px 0px 0px 12px;
}

.h6_inline {font-size: 12px; 
color:#000080;			
font-weight:bold;
margin: 8px 0px 0px 0px;
display: inline;
}



/*  --- ALLGEMEINE THEMEN --- */

 /* topitems mit Startseite, Katalog, Team */


/* Seitennavigation */

/* erste Schnelnavi oben */

.tschnellnav_top  {
font-size:12px;
font-weight:normal;
margin: 80px 20px 0px 0px;
color:#000099;  
text-align:right;
clear: both;
} 			

.tschnellnav  {
font-size:12px;
font-weight:normal;
color:#000099;  
text-align:right;
} 			


/* bei Ayu 2008 nicht im Einsatz */

.lead { 
color: #000080; 
font-weight: bold; 
font-size:	12px; 
line-height:17px;
text-indent:10px;
}

/* -----LINKS ----- */

/* LINKS Navigation Reisen und Resort */

a:link {
color: #000000;			/*CC6600 */
text-decoration: none;
font-weight: normal;
background-color : transparent;
font-size: 11px;
}

a:visited {
color:#228b22; /* #608CC5; FF6600 orange #8FBC8F	*/
text-decoration: none;
font-weight: normal;
background-color : transparent;
font-size: 11px;
}

a:hover {
color: #fa6019;
font-size: 11px;
background-color : transparent;
text-decoration: underline;		
}

/* ---- navtopitems --- */
/* LINKS der topitems */

a.topnav:link {
color: #333399;			/*CC6600 */
text-decoration: none;
font-weight: bold;
font-size: 11px;
}

a.topnav:visited {
color: #999999;		/* #608CC5;		*/
text-decoration: none;
font-weight: bold;
font-size: 11px;
}

a.topnav:hover {
color: #fa6019;
font-size: 11px;
font-weight: bold;
text-decoration: underline;		
}

a.topnav:active {
color: #fa6019;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}


/* --- Listen  ----*/


/* Liste Navigation allgemein */

ul	 {							/*wirkt auf ul in der Nav*/
list-style-type: square;
color:#fa6019;				/* Leistungen werden per direktformat bedient */
margin :0px 20px 5px 10px;
padding: 5px 10px 5px 20px;		 /*Abstand zur nächsten ul */
line-height:18px;
}	

li {line-height: 18px;}

/* Liste Reiseleistungen */

.ulleistungen {			
list-style-type:square; 
color:#000000;
padding: 0px;
margin: 10px 0px -5px 80px;
line-height:18px;
}


hr     {
background-color:#eee8aa;         /*mozilla */
color:#eee8aa;            /*msie*/
border:#eee8aa;        /*opera */
height:2px;
width: 90%;
}

/* ---Formulare --- */


.submit, .reset {
background-color:#f8f4cf;
border: 1px dotted #fa6019;
margin: 10px; 
}
.input {
border: 1px solid #fa6019;
}
.textarea {
border: 1px solid #fa6019;
}
.pflichtpunkt {
font-size:12px;
color:#FF4500;
font-weight:bold;
}