/* General */
body         {  font-family: "Trebuchet MS", Helvetica, sans-serif;
				color: #333333;
				font-size: 14px;
				background-color: #0F4E23;
				background-image: url(img_allg/bg_body.jpg);
				background-repeat: repeat-x;
				background-position: top;
				background-attachment: scroll;
				text-align: center;
				margin-top: 15px; }

.fehler {
	color: #8B0000;
}


img { border: 0px; }

h1 {	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
		color: #0F4E23;
	
}

h2 {	font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
		color: #FFFFFF;
}

h3 {	font: bold 14px "Trebuchet MS", Helvetica, sans-serif;
		color: #0F4E23;
		margin-bottom: 22px;
}

.kontakttextfeld { border: 1px solid #060; padding: 2px; }
.kontakttextfeldmultiple { border: 1px solid #060; padding: 2px; }
.button {border: 1px solid #060; padding: 2px; background: #060; color: #FFF; cursor: pointer; }

h4 {	font: 12px "Trebuchet MS", Helvetica, sans-serif;
		color: #006600;
}

h5 {	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
		font-size: 16px;
		color: #0F4E23;
		margin-top:0px;
		padding-top: 0px;
		margin-bottom: 5px;
		padding-bottom: 5px;
}

h6 {	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
		color: #0F4E23;
		margin-top: 20px;
		margin-bottom: 0px;
		
}

h7 {	font: bold 16px "Trebuchet MS", Helvetica, sans-serif;
		color: #0F4E23;
		text-decoration: underline;
		}

h8 {	font: 14px "Trebuchet MS", Helvetica, sans-serif;
		color: #0F4E23;
		margin-top: 20px;
		margin-bottom: 20px;
}

ul.navi {
	padding: 0px;
    margin-left: 40px;
	margin-top: 7px;
	list-style-type: none; }

li.navi {
	padding: 0px;
	margin-right: 30px;
	float: left;
	}

ul.footer {
	padding: 0px;
    margin-left: 38px;
	margin-top: 7px;
	list-style-type: none; }

li.footer {
	padding: 0px;
	margin-right: 26px;
	float: left;
	}

/* Container & Divs */
#container
	{
		margin: 1em auto;
		width: 610px;

		text-align: right;
	}
	
* html #container
	{
		margin: 1em;
		width: 610px;
		text-align: right;
	}

#content {
	position: relative;
	border-left: 1px solid #D6E0C8;
	border-right: 1px solid #D6E0C8;
	text-align: left;
	padding-top: 25px;
	padding-left: 38px;
	padding-right: 35px;
	padding-bottom: 10px;
	width: 100%;
	background-color: #FFF;
	float: left; }


	
#topper {
    width: 685px;
	float: right;
	position: relative;
	right: 0px;
	}

#rand_oben {
	float: left;
	background-color: #FFFFFF;
	margin-top: 5px;
	}

#logo {
	border-left: 1px solid #D6E0C8;
	border-right: 1px solid #D6E0C8;
	background-image: url(img_allg/bg_logo.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	width: 683px;
	float: left;
	
	}

#logo_bild {
	float: left;
	margin-left: 27px;
		}

#headerimage1 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_index.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#headerimage2 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_reisen.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#headerimage3 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_individualreisen.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#headerimage4 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_philosophie.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#headerimage5 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_informationen.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#headerimage6 {
	width: 685px;
	height: 149px;
	float: left;
	background-image: url(img_allg/img_kontakt.jpg);
	background-repeat: no-repeat;
	background-position: top; }

#navigation {
	background-image: url(img_allg/bg_nav.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 685px;
	float: left;
	 }

#begruessungstext {
	width: 413px;
	float: left;
	text-align: left; }

#teaser1 {
	position: right;
	height: 221px;
	width: 166px;
	float: right;
	text-align: right;
	}

#teaser1a {
	width: 165px;
	height: 221px;
	position: relative;
	float: right;
	text-align: left;
	right: 15px;
	}


#teaser_button {
	position: relative;
	float: left;
	width: 10px;
	left: 23px;
	top: 165px;
	}

.button_bilddetail {
	width: 17px;
	height: 17px;
	position: absolute;
	float: right;
	padding-top: 190px;
	right: 20px;
	}

.button_inhalt {
	background-image: url(img_allg/button_hintergrund3.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 30px;
	float: left;
	top: 5px;
	padding-top: 7px;
	padding-left: 20px;
	cursor:pointer;
	}
.uebersichtsteaser {
	float: left;
	border: 0px;
	
	}
.button_inhalt2 {
	background-image: url(img_allg/button_hintergrund3.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 30px;
	float: left;
	top: 40px;
	padding-top: 7px;
	padding-left: 20px;
	cursor:pointer;
	}
.button_inhalt3{
	background-image: url(img_allg/button_hintergrund3.jpg);
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 30px;
	float: left;
	top: 75px;
	padding-top: 7px;
	padding-left: 20px;
	cursor:pointer;
	}

#teaser_text {
	position: relative;
	/*float: right;
	right: 27px;*/
	text-align:left;
	top: 160px;
	}


#reise1_text {
	position: relative;
	width: 380px;
	float: left;
	padding-left: 5px;
	}

#teaser_position {
	float: right;
	width: 200px;
	height: 220px;
	right: 5px;
	cursor:pointer;
	}

.reise_teaser {
	width: 200px;
	height: 221px;
	float: right;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 20px;
	}

.reise_subteaser {
	position: relative;
	width: 200px;
	height: 221px;
	float: right;
	text-align: left;
	right: 0px;
	cursor:pointer;
	}

.button_uebersicht {
	width: 200px;
	height: 100px;
	position: relative;
	top: 20px;
	padding-bottom: 40px;
	
	
}

.button_uebersicht2 {
	background-image:url(img_allg/button_hintergrund2.jpg);
	background-repeat:no-repeat;
	width: 300px;
	position: relative;
	float: left;
	}
.teaser_innen_start {
	cursor:pointer;
	}
	
#informationstext {
	width: 280px;
	position: relative;
	float: right;
	bottom: 23px;
	}

#footer {
	font-size: 12px;
	color: #006600;
	padding-top: 5px;
	padding-bottom: 12px;
	text-align: center;
	background-image: url(img_allg/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 685px;
	height: 20px;
	float: left;
	position: relative; }

#spiegelung {
	width: 685px;
	height: 99px;
	background-image: url(img_allg/bg_spiegelung.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left; }

/* Links */
a {
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	color: #537e04;
}
a:hover { text-decoration: underline; }

a.button {
	color: #FFFFFF;
	font:  bold 14px "Trebuchet MS", Helvetica, sans-serif;
	float: center;
	padding-top: 8px;
	}

a.button:hover {
	text-decoration: none;
	}

a.topnav {
	font: 12px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	color: #537e04;
}

a.nav {
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

a.nav2 {
	font: bold 15px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

a.nav:hover { text-decoration: underline;
			  color: #C5D6A6; }

a.nav2:hover { text-decoration: underline;
			  color: #C5D6A6; }

a.footer { font: 12px "Trebuchet MS", Helvetica, sans-serif;
	text-decoration: none;
	color: #006600;
	}
a.footer:hover { text-decoration: underline;}

a.kontakt { font: 14px "Trebuchet MS", Helvetica, sans-serif;
		text-decoration: none;
		color: #333333;
		}
a.kontakt:hover { text-decoration: underline; }

.uebersichtsteaser{
    width:290px; 
    float:left;
    margin-bottom: 40px;
	padding-left: 5px;
	padding-right: 10px;
	* height: 180px;
	min-height: 180px;

			  }
a.teaser_innen_start:hover {
	text-decoration:none;
	}
/* Lightbox */

#lightbox{
	background-color:#FFFFFF;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(img_allg/overlay.png); }

* html #overlay{
	background-color: #FFFFFF;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
.ie_clear {
	clear: both;
	}