/* Wichtige Farben:
ivory bg: #FFFFF0 
bg Navigtion grün/grau: #F5F5DC
h1, h2, h3, h4, tnav,  dunkelblau: #000099
Navi-border: #000099
Landfläche in Karten: #F5F5DC, Meer #CCFFFF 
Rahmenfarbe für die Bilder #2d69af */

html, body {
font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 
font-size:12px;
background-color:#FFFFF0; 				
}

/* ---- Container ----- */

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


/* blauer Balken unter dem Hintergrundbild */	
#rahmen { 
		background-color: #000099; 
		visibility: visible; 
		position: absolute; 
		top: 232px; 
		left: 0; 
		width: 1030px; 
		height: 20px 
		}

#head 	{ 
		position: absolute; 
		top: 120px; 
		left: 220px; 
		width: 490px; 
		height:auto;
		visibility: visible; 
		display: block 
		}

#content { 						
		background-color: #FFFFF0; 
		padding: 15px; 
		position: absolute; 
		top: 290px; 
		left: 220px; 
		width: 55%; 
		max-width: 625px;
		visibility: visible; 
		display: block 
		}
		
#destinations   { 
			background-color: #f5f5dc; 
			position: absolute; 
			z-index: 1; 
			top: 170px; 
			left: 15px; 
			visibility: visible; 
			display: block;
			padding: 0px 2px 4px 6px;
			width: 172px; 
			height: auto; 
			border-style: outset; 
			border-width: 1px 2px 2px 1px; 
			border-color: #000099; 
			}
			/* Evtl. Destinations margin-left:4px;*/
			
#icnav     { background-color: #f5f5dc; 
			visibility: visible; 
			display: block; 
			padding: 4px 2px 4px 6px;
			position: absolute; 
			top: 360px; 
			left: 15px; 
			width: 172px; 
			height: auto; 
			border-style: outset; 
			border-width: 1px 2px 2px 1px; 
			border-color: #000099 
			}


#topitems   { 
			background-color: #f5f5dc; 
			border-style: outset; 
			border-width: 1px 2px 2px 1px; 
			border-color: #000099;
			top: 238px; 
			left: 230px; 
			width: auto; 
			height: auto; 
			visibility: visible; 
			display: block; padding: 
			5px; position: absolute; 
			z-index: 1; 
			 }

/* Kasten unten bei Reisebeschreibung */
             
.important {
		background-color: #F5F5DC;
		border-top: 1px solid #000099; 
		border-right: 1px solid #000099; 
		border-bottom:1px solid #000099;
		border-left: 1px solid #000099; 
		padding: 5px;
		margin-top: 40px;
		margin-bottom: 20px;
		}

/* Seitennavigation */
	
.tschnellnav  {
			font-size:11px; 
			color:#000099; 
			line-height:18px;
			text-align: right;
			margin-right: 0px;
			}
			
.tschnellnav_content {
			font-size:11px; 
			color:#000099; 
			line-height:18px;
			margin-top: 20px;
			text-align:right;
			}
			
/*speziell für den container Destinationen mit Reisevorschlägen */
.desti_schnellnav  {
				font-size:11px; 
				color:#000099; 
				line-height:18px;
				}

 
p	 {
 	line-height:18px;
 	text-indent:0px; 
	margin-left:20px;
	margin-top:10px;
	margin-bottom: -5px;
	}

/* für spezielle Hinweise und Tipps im Programm */
.p_tip	 {
 	line-height:18px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom: -5px;
	color: #2d69af;
	border-left: 1px solid #2d69af;
	margin-left: 20px;
	}

/* ---Bilder --- */

.img_right {
		float:right;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-left: 10px;
		width:220px;
		border: 1px solid #2d69af;
		}

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

.img_xl {
		margin: 3px 0px 3px 0px;
		border: 1px solid #2d69af;
		}

.img_oval_hotline {
		float:left;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-right:10px;
		width:220px;
		}                


/* speziell für die Logos der Partner 120 x 90  */
.img_partneruebersicht {
float:left;
margin: 0px 15px 25px 0px; 
margin-bottom: 25px;
width:120px;
height: 90px;
clear:left;				
}


/* Mehrere Bilder untereinander rechts */

.img_floatright
{
float: right;
margin: 0px 0 10px 10px;
border: 1px solid #2d69af;
clear: right;
}

/* ---Tabellen ---*/
              
table {				
         margin: 20px 5px 5px 15px;
         border: 1px solid;
         border-color:#000099;
         background-color:#F5F5F5;
          } 
td 	{
	font-size:12px;
	}


/* ---- Titel ---- */


/* steht über Bildern/Karten bei Übersichten */

/*Neu 2007 top 18px*/

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

/*grosser Titel im content blau */            
h1     {							
	font-size:24px; 
	font-weight:bold; 
	color:#000099; 
	margin-bottom: 5px;
	margin-top:8px;
	}

/*grosser Titel im Head negativ ivory */
.h1_ivory     {					
	font-size:24px; 
	font-weight:bold; 
	color:#FFFFF0; 
	margin-bottom:5px;
	margin-top:8px;
	}
	
h2    {					
        font-size:14px;
        font-weight:bold; 
        color:#000099; 			
        margin-top:5px;
        margin-bottom: -5px;
                }		
 /*titel im Head negativ */              
.h2_ivory 	{	
			font-size:14px; 
			font-weight:bold; 
			color:#FFFFF0; 
			margin-top:5px;
			margin-bottom: -5px;
     	   }			

/*titel im head und content ausgerückt */                
h3 	{				
	font-weight:bold; 
	font-size:12px; 
       color:#000099; 
       margin-top: 20px; 
       margin-bottom:-5px;
       clear:left;
        }
        
/*titel über li elementen */
.h3li 	{				
	font-weight:bold; 
	font-size:12px; 
    color:#000099; 
	margin: 20px 0px 4px 0px;
    padding: 0px 0px 6px 0px;
    clear: left;
    text-align:left;
        }			
        			 

/*titel neu in der Navi mit Themen- und Inforeisen */	
h4	{				
font-size:12px; 
margin-top: 2px; 
margin-bottom: 1px;
margin-left: 0px;
margin-right: 0px;
padding: 8px 0px 2px 0px; 
color: #000099; 
 	font-weight:bold;
}

/* Für die Reisetage im Reiseprogram */
h5	{				
	font-weight:bold; 
	font-size:12px; 
       color:#000099; 
       margin-top: 20px; 
       margin-bottom:-5px;
       margin-left: 20px;
       }
        
/* für die ergänzenden Programmpunkte bei den
 Reisebeschreibungen mit gelbem Rand */	
h6 	{	
	font-weight:bold; 
	font-size:12px; 
	 color:#000099; 
       margin-top: 20px; 
       margin-left: 20px;
       margin-bottom:-2px;
       padding-left: 10px;
       border-left: 10px solid #ffcc00;
        }


	/*not used */
.tnav	{						
	font-size:12px; 
	margin-top: 5px; 
	margin-bottom: 5px;
	margin-left: 4px;
	padding: 8px 1px 2px 0px;
	color: #000099; 
 	font-weight:bold;
	}


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

ul 	{
	list-style-type:square; 
	color:#000099;
	font-size:12px; 
	margin :0px 0px 0px 0px;
	line-height:16px;
	padding-left: 22px;		 /* steuert Abstand in der Navigation links */
	}

.ulleistungen  { 
			font-size: 12px; 
			/* line-height: 16px; */
			color:#000000;
			list-style-type: square; 
			margin-top: 5px; 
			margin-bottom: 5px; 
			margin-left: 15px;
 			}

/* ---LINKS --- */
a:link  { color: #000099; font-weight: normal; font-size: 11px; text-decoration: none;}
a:visited   { color: #800000; font-weight: normal; font-size: 11px;  text-decoration: none; }
a:hover   { color: #330066; font-weight: normal; font-size: 11px; text-decoration: underline; }  
a:active   { color: #666600; font-weight: normal; font-size: 11px;  text-decoration: none; }
/* background-color: #FFFFE0; padding: 2px 2px 2px;  */

/*---Linien---*/

hr 	{
	background-color:#000099;
	clear:left;
	}


/* ---Formulare --*/

.submit, .reset {
		background-color:#FFFFFF;
		border: 1px dotted #000099;
		}
.input {
border: 1px solid #000099;
}
.textarea {
		border: 1px solid #000099;
		}


.pflichtpunkt {
font-size:12px;
color:#FF4500;
font-weight:bold;
}

/* styles uebersichtseiten */

.map_feinauswahl {
float:left;
margin-bottom: 15px;
margin-top: 0px;
margin-right:10px;
width:150px;
clear:left;				
}

.pclear {
clear:left 

}

/* Styles for link list */

.img_linkuebersicht200 {
float:left;
margin:5px 15px 3px 0px;
width:200px;
clear:left;
border: 1px solid #DDDDDD;
}

.hr_linkuebersicht  	{

background-color:#C0C0C0;         /*mozilla */
color:#C0C0C0;            /*msie*/
border:#C0C0C0;        /*opera */
height:1px;
width: 100%;
margin-top: 20px;
clear:left;
}

/* --- Spezielle Formate für die Übersichtseiten Erwachsene ---*/

/* gelbe Dreieckgrafik nach oben #top */

.img_top { 	margin-top: -15px;
			margin-right: 15px;
			margin-bottom: 5px;
			margin-left: 5px;
			}

/* .h6_anker ist nur für die Übersichtsseiten */

.h6_anker 	{	
	font-weight:bold;
	font-size:12px; 
	 color:#000099; 
       margin-top: 30px;
       margin-right: 0px;
       margin-bottom:-2px;
       margin-left: 20px;
       padding:5px 0px 5px 10px;
       border-left: 20px solid #ffcc00;
       background-color: #f0f8ff;
       clear:left;
       }
               
/* ---LINKS zu den Anker für die Reisethemen der Übersichtsseiten --- */

a.ankernav:link {
color: #0066cc;
font-weight : bold;
font-size : 12px;
text-decoration : none;
}
a.ankernav:visited {
color: #999999;
font-weight : bold;
font-size : 12px;
text-decoration : none;
}
a.ankernav:hover {
color:#2d69af;
font-weight : bold;
font-size : 12px;
text-decoration : none;
background-color :#ffcc00;
padding : 2px 0 2px 0;
}
a.ankernav:active {
color:#2d69af;
font-weight : bold;
font-size : 12px;
text-decoration : none;
} 

/* regelt den Abstand der AnkerLINKS nach und line height, wenn zwei oder mehr Zeilen */

.p_anker_links {margin-top: 20px; line-height: 22px;}