#logo 	 { 
background-color: #FFFFF0; 
padding: 2px; 
position: absolute; 
top: 15px; 
left: 15px; 
width: 60px; 
visibility: visible; 
display: block 
}

#wettbewerb { visibility: visible; 
position: absolute; 
display:block;
top: 24px; 
left: 611px; 
width: 150px; height: 90px 
}


#topitems  {
 		background-color: #FFFFF0; 
 		padding: 5px; 
 	border-style: solid; 
 		border-width: 1px 1px 1px 1px; 
 		border-color: #669900; 
 		position: absolute; 
 		top: 170px; 
 		left: 280px; 
 		visibility: visible; 
 		display: block 
 		}
 		

#titeldestinations   { 
position: absolute; 
z-index: 1; 
top: 185px; 
left: 10px; 
visibility: visible; 
display: block 
}

#destileft   	 { 
position: absolute; 
z-index: 1; 
top: 218px; 
left: 6px; 
width: 116px; 
visibility: visible; 
display: block 
}

#destiright     { 
position: absolute; 
z-index: 1; 
top: 218px; 
left: 119px; 
width: 120px; 
visibility: visible; 
display: block 
}

#icnav { 
		visibility: visible; 
		display: block; 
		padding: 5px; 
		position: absolute; 
		z-index: 1; 
		top: 400px; 
		left: 5px; 
		width: 200px 
		}

#content { background-color: #ffc; 
			visibility: visible; 
			display: block; 
			position: absolute; 
			top: 219px; 
			left: 274px; 
			width: 60%;
			 } 

.important {
background-color: #FAFAD2;
border-top: 1px solid #669900; 
border-right: 1px solid #669900; 
border-bottom:1px solid #669900;
border-left: 1px solid #669900; 
padding: 5px;
margin-top: 40px;
margin-bottom: 20px;
}
 
p	 {
 	line-height:18px;
 	text-indent:0px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom: -5px;
	}

/* --- Images --- */
.img_right {
float:right;
margin-bottom: 3px;
margin-top: 5px;
margin-left: 10px;
width:220px;
border: 0px solid;
}

.img_left {
float:left;
margin-bottom: 3px;
margin-top: 5px;
margin-right:10px;
width:220px;
border: 0px solid;
}

.img_quer {
margin-bottom: 3px;
margin-top: 10px;
margin-left: 0;
width:500px;
border: 0px solid;
}

/* Mehrere Bilder untereinander rechts */

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

/* ---Tabellen --- */        
/* kein padding wegen zebra */

table 	{				
		font-size:12px;
         	margin: 15px 0px 0px 15px;
         	border: 1px solid;
         	border-color:#669900;
         	background-color:#FAFAD2;
          	} 

td {padding: 5px 5px 5px 5px;}

/*für das Zebramuster */
.td_odd {background-color: #FFFFF0;}   

             
.table_head {
			border: solid 0px;
			background-color:#ffffcc;
			margin-left: 0px;
			}

/*----Titel---- */
h1     {							/*grosser Titel im Head */
font-size:28px; 
font-weight:bold; 
color:#669900;
margin-top: -5px;
margin-bottom: 0px;
}

h2    {					/* ideal #000099 - kleiner Titel im Head */
        font-size:18px;
        font-weight:bold; 
        color:#669900; 			
        margin-top: 0px;
         }		
                  
h3 		{				/*titel im Programm und content */
		font-weight:bold; 
		font-size:13px; 
       	color:#669900; 
       	margin-top: 20px; 
       	margin-bottom:-5px;
       	text-align:left;
       	line-height: 18px;
       	clear:left;
        }			
        			 
h4	{							/* titel in der Navigation */
	font-size:13px; 
	margin-top: 10px; 
	margin-bottom: 5px;
	padding: 0px 1px 1px 2px; 
	color: #CC3300; 
 	font-weight:bold;
	}
	

/* für die Reisetage und Zwischenüberschriften unterhalb h3 */

h5	 {
	font-size: 12px;
	font-weight: bold;
 	line-height:18px;
 	margin-top: 12px;
 	margin-bottom:-10px;
 	margin-left: 20px;
	}


ul 	{
	list-style-type:square; 
	color:#CC3300;
	font-size:13px; 
	margin :0px 0px 0px 0px;
	line-height:18px;
	padding-left: 30px;		 /* steuert Abstand in der Navigation links */
	}

.ulleistungen  { 
font-size: 12px; 
color:#000000;
list-style-type: square;
margin-top: 3px; 
margin-bottom: 3px; 
margin-left: 15px;
 			}
 		
.h3li 	{			/*titel über li elementen */
		font-weight:bold; 
		font-size:12px; 
   		color:#669900; 
		margin: 20px 0px 2px 0px;
    	padding: 0px 0px 4px 0px;
    	text-align:left;
    	clear:left;
      		}	

a:link  { color: #CC3300; font-weight: normal; font-size: 11px; text-decoration: none;  }
a:visited   { color: #669900; font-weight: normal; font-size: 11px;  text-decoration: none; }
a:hover   { color: #000099; font-weight: normal; font-size: 11px; text-decoration: none; background-color: #9ACD32; padding: 0px 0px 0px 0px; }  
a:active   { color: #CC3300; font-weight: normal; font-size: 11px;  text-decoration: none; }
/* background-color: #FFFFE0; padding: 2px 2px 2px;  */

.tnav      { color: #ffc;  /* nicht im Einsatz, stattdessen h4 */
font-weight: bold; 
font-size: 11px; 
margin-bottom:25px;
text-align:right;
}

.tschnellnav  {
font-size:11px; 
color:#669900; 
line-height:18px;
text-align:right;
}

.tschnellnav_content  {			/* Sprungnavigation mit mehr Abstand nach oben*/
font-size:11px; 
color:#000099; 
text-align: right;
margin-top: 16px;
}

.tfooter {
font-size:12px; 
line-height:15px;
margin-top: -15px;
}

hr 	{
background-color:#669900;		 /*mozilla */
color:#669900;			/*msie*/
border:#669900;		/*opera */
height:1px;
}

.submit, .reset {				/* für die Formulare */
background-color:#FAFAD2;
border: 1px dotted #669900;
}

.input {
border: 1px solid #669900;
}

.textarea {
border: 1px solid #669900;
}

/*Uebersichtsseiten */
.map_feinauswahl {
float:left;
margin-bottom: 15px;
margin-top: 0px;
margin-right:10px;
width:150px;
clear:left;				/*border: 1px solid; */

}

.titel_feinauswahl {
font-weight:bold; 
font-size:12px; 
       margin-top: 14px; 
       margin-bottom:5px;
       clear: left;
       }
       
.pclear 	{
clear:left 
}

/* -----Bildgalerie ----- */

 .bild { 
 		float: left; 
 		text-align: center; 
 		margin: 0px; 
 		font-size: 11px;
 		}
 
 /* seitlicher Abstand zwischen den Bildern */
 .bild img { 
 			margin:20px 8px 8px 8px; 
 			border: 2px solid #cc3300; 
 			} 


/* gilt für Gruppierung */ 
 .gruppe {
 		background-color:#FFFFCC; 
 		border: 5px solid #cc3300; 	
 		margin: 10px 0px 20px 0px; 
 		padding: 25px; /*Abstand der Bildleiste */
 		}

 .leer {
 		margin-left: 10px;
 		padding: 0px 0px 10px 0px; 
 		clear: both 
 		}