/*
Stylesheets
Suntours Expeditionen Karawanen Trekkings 
Wichtige Farben: 
Titel #892300
hintergrund: #fffff0 ivory
hintergrund navigation: #FFE5B2
lead: 	color:#333333; 
*/

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


/* Textauszeichnung mit rot - egal wo */

.red {
color:#FF0000;
font-weight: bold;
}


/* --- container --- */

#topitems   { 
			background-color: #ffE5B2; 
			visibility:visible; 
			display:block;
			position: absolute; 
			z-index: 0; 
			top: 12px; 
			left: 12px; 
			width: auto; 
			height: auto;
			padding:0px; 
			}


#content { 
		visibility: visible; 
		display:block;
		position: absolute; 
		top: 195px; 
		left: 260px; 
		max-width: 580px;  /* fire fox & co, MSIE 7*/
		width: 50%;  /* MSIE 6.0 */
		height: auto;
		}

#suntoursnav    { 
			background-color:#FFE5B2; 
			visibility: visible; 
			display: block; 
			padding: 4px 0px 4px 8px; 
			position: absolute; 
			top: 200px; 
			left: 32px; 
			width: 160px; 
			height: auto; 
			border-width: 1px;
			border-style: solid; 
			border-color: #892300; 
			margin: 0px; 
			}
			
/*Rahmen könnte etwas hervorgehoben werden mit: 
border-style: outset; 1px 2px 2px 1px */

/* --- Navigation und Formatierung im content --- */

.lead  {
 	line-height:18px;
 	font-weight: bold;
 	text-indent:15px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom: 15px;
	color:#333333;
	}

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

.tschnellnav_mitte {
			font-size:11px; 
			color:#000099; 
			margin-top: 20px;
			text-align:right;
			}

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


/* --- Karten und Bilder --- */

.map_reiseroute {
			float:right;
			margin-top: 5px;
			margin-bottom: 5px;
			margin-left: 10px;
			width: 240px;
			height: 240px;
			border: 1px solid #892300;
			}

.map180_feinauswahl {
					float:left;
					margin:5px 20px 3px 0px;
					width:180px;
					clear:left;
					border: 1px solid #892300;			
					}
					
					
.img180_feinauswahl {
					float:left;
					margin:5px 20px 3px 0px;
					width:180px;
					clear:left;
					border: 1px solid #892300;			
					}


/*Grafik auf der Begrüssungseite */

.img_freie_plaetze {
					float:left;
					margin:5px 20px 30px 0px;
					width:180px;
					clear:left;
					border: 1px solid #892300;			
					}

.img_280right {
		float:right;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-left: 10px;
		width:280px;
		border: 1px solid #892300;
		}

.img_240right {
		float:right;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-left: 10px;
		width:240px;
		border: 1px solid #892300;
		}
.img_220right {
		float:right;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-right:10px;
		width:220px;
		border: 1px solid #892300;
		}
		
.img_katalog {
		float:none;
		display:block;
		margin-bottom: 3px;
		margin-top: 5px;
		margin-right:10px;
		width:320px;
		border: 1px solid #892300;
		}

/* --- Mehrere Bilder untereinander rechts,
ohne umfliessenden Text dazwischen --- */

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

/*---logo am Fuss --- */

.logo_footer {
		float:left;
		margin-bottom: 3px;
		margin-top: 0px;
		margin-right:30px;
		width:200px;
		}

/* --- Tabellen --- */

.table_topitems {
        margin: 0px;
        border: 1px solid;
    	border-color:#892300;
        background-color:#FFE5B2;
        }
          
table {
		table-layout: auto;
        margin: 15px 5px 5px 15px;
     	padding: 5px; 
  	    border: 1px solid;
         border-color:#892300;
         background-color:#ffffe0;
          }
/* tabellenüberschrift nicht in Gebrauch wegen ausrücken */
caption {
		caption-side: top;
		font-weight: normal;
		font-size:12px;
       color:#000000;
       margin:0px 0px 5px 5px;
       text-align: left;
		}     
		
td 		{
		font-size: 12px; 
		}

/* --- Titel und Überschriften  --- */ 

/* für die Übersichtsseiten */ 

.titel_feinauswahl {
				font-weight:bold; 
				font-size:12px;
				margin: 15px 0px 5px 0px; 
     	  		clear: left;
       			}

h1     {						/*grosser Titel im Head dunkel-- */
	font-size:24px;
	font-weight:bold;
	color:#892300;
	margin-bottom: 5px;
	margin-top:10px;
	clear:left;
	}

.h1hell     {					/*grosser Titel im Head h1 hell */
	font-size:24px;
	font-weight:bold;
	color:#FFFFF0;
	margin-bottom: 5px;
	margin-top:10px;
	clear:left;
	}

h2    {
        font-size:14px;
        font-weight:bold;
        color:#892300;
        margin-top: 10px;
        line-height: 22px;
        clear:left;
        }
.h2hell     {					/*grosser Titel im Head h2  hell */
	font-size:14px;
	font-weight:bold;
	color:#FFFFe0;
	margin-bottom: 5px;
	margin-top:10px;
	line-height: 24px;
	clear:left;
	}


/*titel h3 im head und content, 
Übersicht mit Wegmarke */

h3 	{				
	font-weight:bold;
	font-size:12px;
    color:#892300;
    margin-top: 30px; /* 20px */
    margin-bottom:-5px;
	text-indent: 8px; 
	padding: 2px; 
	border-style: none none none solid; 
	border-width: 0 0 0 10px; 
	border-color:#892300;
	clear:left;
        }


/*titel über li elementen 
in Kombination mit h3 */
.h3li 	{				
	font-weight:bold;
	font-size:12px;
    color:#892300;
    margin-top: 10px;
    margin-bottom:15px;
    clear:left;
       }
       
/*	padding: 2px; 
	border-style: none none none solid; 
	border-width: 0 0 0 10px; 
	border-color:#892300;
        } */

/* Titel in den topitems oben*/
h4	{				
	font-size:12px;
	margin: 0px 0px 4px 5px;
	padding: 0px 0px 0px 0px;
	color: #892300;
 	font-weight:bold;
	}

/* Titel h5 Wegmarke auch  zweizeilig - im 
Content für Reisetage */
h5 {
	color : #892300;
	font-size : 12px;
	font-weight : bold;
	margin: 15px 0px -5px 20px;
	border-style: none none none solid;
	border-width : 0 0 0 5px;
	padding: 0 0 0 8px;
	line-height: 18px;
	clear:left;
	}
	
/* --- titel in Navigation Reiseziele/suntoursnav --- */
h6	{							
	font-size:12px;
	margin: 12px 0px 4px 0px;
	color: #892300;
 	font-weight:bold;
	}

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

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

/* ---links --- */ 
a:link  { 
		color: #990000; 
		font-weight: normal; 
		font-size: 11px;
		text-decoration: none;
		}
a:visited   { 
			color: #0000cc; 
			font-weight: normal; 
			font-size: 11px;
			text-decoration: none; 
			}
			
a:hover   { 
			color: #000099; 
			font-weight: normal; 
			font-size: 11px;
			text-decoration: underline;
			}

a:active   { 
			color: #666600; 
			font-weight: normal; 
			font-size: 11px;
			text-decoration: none;
			}
			
/* Hover mit Hintergrund Effekt für die Navigation,
background-color: #FFFFE0; padding: 2px 2px 2px;  */

/* --- für die Formulare ----*/
.submit, .reset {				
			background-color:#FFFFE0;
			border: 1px dotted #892300;
			}
.input {
	border: 1px solid #892300;
	}
	
.textarea {
		border: 1px solid #892300;
		float:left;
		margin-bottom: 15px;
		margin-top: 0px;
		margin-right:10px;
		width:320px;
		clear:left;
		}

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


/* MC - diveres */		
.pclear {
		clear:left 
		}

/* ---Linien--- */

hr 	{
background-color:#892300;		 /*mozilla */
color:#892300;			/*msie*/
border:#892300;		/*opera */
height:1px;
width: 102%;
}

/* nur für spezielle Einschuebe */

.blockquote { 
	color: #333333; 
	font-size: 12px; 
	font-style: normal; 
	background-color: #FFFFE0;
 	margin-left: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-right: 5px;
 padding-top: 10px;
 padding-left: 10px;
 padding-bottom: 5px;
 padding-right: 10px;
 border: 1px solid #892300;
 }
 
/*-------Bildgalerie-------- */
 .bild { 
 		float: left; 
 		text-align: center; 
 		margin: 0px; 
 		font-size: 11px;
 		}
 
 /* seitlicher Abstand zwischen den Bildern */
 .bild img { 
 			margin:18px 10px 8px 10px; 
 			border: 1px solid #892300; 
 			} 


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

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

/*---Ende--- */