/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */


/* ****************************************** */
/* Global settings for Terra Australis Reisen */
/* ****************************************** */

/* Global settings */
* {
	margin:0;
	padding:0;
	text-align:left;	
}

/* Layout sizes */
html, body {
	min-height:590px;
	height:100%;
}

/* Main body style */
body {
	background-color: #000000;
	background-image: url(../Images/background.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 100.01%;
	text-align:center; /* horizontal centering for IE Win quirks */
}


/* ****************************************** */
/* Layout container settings                  */
/* ****************************************** */

/* Main container, centered */
#main {
	margin:0 auto;
	position: relative;
	height: 590px;
	width: 950px;
	clear: left;
	background-image: url(../Images/background_content.jpg);	
	background-repeat: no-repeat; 
}

/* Distance container for setting position of main container */
#distance { 
	height: 50%;
	width: 1px;		
	margin-bottom: -295px;
	float: left;
}

/* Navigation container */
#navi {
	position: absolute;
	height: 350px;
	width: 140px;
	top: 127px;  
	left: 44px;
}

/* Headline container*/
#headline {
	position: absolute;
	height: 51px;
	width: 350px;
	top: 53px;
	left: 231px;
}

/* Main content container, scrollable */
#container, #containerflash {
	position: absolute;
	height: 330px;	
	width: 582px;
	top: 127px;	
	left: 248px;
	overflow: auto;	
}

/* Main content container for Flash, not scrollable cause of Firefox issue*/
#containerflash {
	overflow: visible;	
}

/* Hint container for old and no flash users*/
#flashhinweis {
	padding: 5px;
	position: relative;	
	width: 555px;
	color: #000000;
	background-color:#ffffff;
	border: 1px solid #000000;
}

/* Sub menu container*/
#menucontainer, #menucontainer2 {
	position: absolute;
	width: 140px;
	top: 93px;	
	left: 633px;
	z-index:100;
}

/* Special position for orchidexcursion*/
#menucontainer2 {
	left: 653px;
}


/* Content and Images container inside main content container*/
#contenttext, #contenttext2, #contentimages, #contentimages2 {
	position: absolute;
	width: 368px;
	z-index: 5;
}

#contenttext2 {
	width: 554px;
}

#contentimages {
	width: 170px;
	left: 383px;	
}

#contentimages2 {
	font-size: 0.8em;
	width: 150px;
	left: 405px;
}

/* ****************************************** */
/* Style settings Fonts                       */
/* ****************************************** */

/* Paragraph styles */

p, p.double, p.half, p.gallery {
	padding-bottom: 1.2em;
	font-size: 0.7em;
}

p.double {
	padding-bottom: 2.4em;
}

p.half {
	padding-bottom: 0em;
}

p.gallery {
	padding-bottom: 0.4em;
}

p.blue {
	color: #163959;
}

p.red {
	color:#CC0000;
}

/* Headline h1 -> headline images 			 */
/* Headline h2 -> real headlines  			 */
/* Headline h3 -> links           			 */
/* Headline h4 -> sub headlines   			 */
/* Headline h5 -> sub headlines w/o padding  */
h1, h2, h3, h4, h5 {
	font-weight: bold;
	font-size: 0.7em;	
}

h1 {
	height: 51px;
	width: 350px;	
	text-indent: -999em;	
	background-repeat: no-repeat;
}

h2, h4 {
	padding-bottom: 1.2em;
}

/* ****************************************** */
/* Style settings images                      */
/* ****************************************** */

/* Image borders */
img {
	border: 0px;
}	

#contentimages img, #contentimages2 img{
	border: 1px solid #000000;
}	

/* ****************************************** */
/* Style settings links                       */
/* ****************************************** */

/* Link colors global */
a:link, a:visited {
	color: #163959;
	font-weight: bold;
	text-decoration: none;
}

a:active, a:hover {
	color: #000000;
	background-color: #e9dfc5;
}

/* No background colors for main navigation */
a.mainnavi:active, a.mainnavi:hover {
	background: transparent;
}	

/* ****************************************** */
/* Style settings lists                       */
/* ****************************************** */

/* Main style lists */
ul {
	list-style-type: none;
}

/* List style for text lists */

li.infolist {	
	font-size: 0.7em;
	background-image: url(../Images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.5em;
	padding-left: 0.9em;
	line-height: 1.4em;
}

/* Small IE Hack for background position */

* html li.infolist {
	background-position: 0.1em 0.6em;
}

/* List style elements links */

li.linklist, li.linklistback {		
	background-image: url(../Images/boomerrang.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	padding-left: 0.9em;
	line-height: 1.0em;	
}

/* Special for back links */
li.linklistback{	
	background-position: 0 0.6em;
	padding-top: 0.5em;
	line-height: 0.9em;	
}


/* ****************************************** */
/* Style settings main menu                   */
/* ****************************************** */

/* Set font size for text links*/
#navi ul {
	font-size: 0.7em;	
	list-style-type: none;
}

/* Size of each list element */
/* Height 0 hides link text, padding resizes box back for background image */
#navi a {
	display: block;
	width: 140px;
	height: 0;
	padding-top: 26px;
	overflow: hidden;
/* Take icon out of sight */	
	background-color: transparent;
	background-attachment: fixed;
	background-position: -300px -500px;
	background-repeat: no-repeat;
	background-image: url(../Images/boomerrang_on.gif);	
}

/* Small Hack for older IE */
* html #navi a:link, * html #navi a:visited {
	height: 26px; 
	he\ight: 0;
}

/* Menu states mouseout */
#navi li {
	background-color: transparent;
}

#navi li.nav1 {background-image: url(../Images/but_home.gif);}
#navi li.nav2 {background-image: url(../Images/but_ueberuns.gif);}
#navi li.nav3 {background-image: url(../Images/but_rundreisen.gif);}
#navi li.nav4 {background-image: url(../Images/but_exkursionen.gif);}
#navi li.nav5 {background-image: url(../Images/but_weitereangebot.gif);}
#navi li.nav6 {background-image: url(../Images/but_reiseberichte.gif);}
#navi li.nav7 {background-image: url(../Images/but_klimaundinfos.gif);}
#navi li.nav8 {background-image: url(../Images/but_reiseinformationen.gif);}
#navi li.nav9 {background-image: url(../Images/but_links.gif);}
#navi li.nav10 {background-image: url(../Images/but_kontakt.gif);}
#navi li.nav11 {background-image: url(../Images/but_impressum.gif);}

/* Show icon for active site */
#navi a.navon {
	background-attachment: scroll;
	background-position: 0 0;
}

/* Initiate mouseover */
#navi a:hover {
	background-attachment: scroll;
	background-position: 0 0;
	z-index: 50;
}


/* ****************************************** */
/* Style settings drop down menu              */
/* ****************************************** */

/* Set the drop down width */
.menu {	 
	width: 170px; 
	z-index: 250;	
}

/* Don't show list style */
.menu ul {
	list-style-type: none;
}

/* Place the drop down menu */
.menu ul li {
	position: relative;	
	float: left; 
}

/* Skin of the drop down menu */
.menu ul li a, .menu ul li a:visited {
	display: block; 
	text-decoration: none; 
	width: 140px; 
	height: 20px; 
	color: #000000; 
	text-indent: 0;	
	line-height: 20px; 
	background-color:transparent;
}

/* Hide drop down menu */
.menu ul li ul {
	font-size: 0.7em;
	position: absolute;
	left: -500em;
}

/* Color of the headline item on mouseover */
.menu ul li:hover a {
	background: transparent;	
}

/* Show drop down menu */
.menu ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 30px; 
	left: 18px; 
	width: 140px;
}

/* Color of the list items on mouseout */
.menu ul li:hover ul li a {
	display: block; 
	background: #e9dfc5; 
	color: #000000;
	text-indent: 5px;	
	border-style: solid;
	border-color: #635324;
	border-width: 1px 1px 0 1px;
}

/* Color of the list items - last item without back button on mouseout */
.menu ul li:hover ul li.last a {
	display: block; 
	background: #e9dfc5; 
	color: #000000;
	text-indent: 5px;	
	border-style: solid;
	border-color: #635324;
	border-width: 1px;
}

/* Special color for back item */
.menu ul li:hover ul li.back a {
	display: block; 
	background: #d3cbb5; 
	color: #000000;
	text-indent: 5px;
	border: 1px solid #635324;	
}

/* Color of the list items on mouseover */
.menu ul li:hover ul li a:hover {
	background: #dbceac;
	color: #000000;
	text-indent: 5px;	
}

/* Special color for back item */
.menu ul li:hover ul li.back a:hover {
	background: #beb69f;
	color: #000000;
	text-indent: 5px;	
}


/* ****************************************** */
/* Style settings "gounder"                   */
/* ****************************************** */

/* Header headline box */
.boxheadline {
	font-weight: bold;
	position: relative;
	height: 15px;	
	width: 554px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 2px;
	text-indent: 5px;	
	border: 1px solid #000000;
	background-color: #e9dfc5;
	clear:left;
}

/* Full width for dl elements  */
#contenttext2 dl {
	width: 559px;
}

/* Image border for images in dl */
#contenttext2 dl img{
	border: 1px solid #000000;
}

/* Content area */
#contenttext2 dt {
	margin: 5px 11px 0 3px;
	font-size: 0.7em;
	width: 370px;
	float:left;
}

/* Small IE Hack for width */
* html #contenttext2 dt {
	width: 367px;
}

/* Spacong between images */
#contenttext2 dd {
	padding-bottom: 10px;
	float:left;
}


/* ****************************************** */
/* Style settings gallery                     */
/* ****************************************** */

/* Container for images */
#containerphoto {
	position: absolute;
	visibility: hidden;
	width: auto;
	height: 0;
	z-index: 500;
}

/* Gap between images */
p.gallery img {
	margin-left:3px;
}

/* Background container for images*/
#containerphotostyle {
	padding: 8px; 
	background-color: #ffffff; 
	border: 1px solid #000000;
}



/* ****************************************** */
/* Style settings forms                       */
/* ****************************************** */

/* Main form container */
#formcontainer {
	width: 548px;		
	background-color: #e9dfc5;	
	border-style: solid;	
	border-color: #000000;
	border-width: 0 1px 0px 1px;	
	
}

/* No border for fieldsets */
fieldset {
	border: 0;		
}

/* Headline row */
.fieldsethead {
	font-size: 0.7em;
	background-color: #d3cbb5;
	font-weight: bold;
	text-indent:5px;
	border-style: solid;
	border-color: #000000;		
	border-width: 1px 0 1px 0;	
	height:20px;
	clear:left;
	padding:5px 0 0 0;
}

/* Container for form rows  */
#full, #left, #right {
	padding:10px 0 5px 5px;	
	width: 540px;		
	float:left;		
	height:auto;			
}

/* Container sizes - two cols  */
#left, #right {
	width: 260px;		
}

/* Label styles  */
label {
	font-size: 0.7em;
	display: block;
	width: 63px;
	height: 15px;
	margin:3px 12px 5px 0;
	padding-bottom: 2px;	
	float: left;	
	cursor: pointer;	
}

/* Input fields styles  */
input, textarea {
	font-size: 0.7em;
	width: 160px;
	height: 15px;
	padding: 1px 0 1px 1px;	
	float: left;	
	border: 1px solid #635324;	
}

/* Input fields styles active */
input:focus, textarea:focus {
	background-color: #f0f0f0;	
}

/* Special width for checkbox */
input.check {
	width: 14px;
	height: 20px;	
	border: 0;
	margin-right:10px;	
}


/* Textarea special style */
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0 0 2px;
	width:530px;
	height:120px;
	margin-bottom: 5px;		
}

/* Button special style */
input.button {
	font-size: 1.0em;
	font-weight: bold;
	width: 150px;
	height: 21px;
	background-color: #e9dfc5;
	border: 1px solid #000000;
	text-align: center;
	margin-left:200px;
	margin-top:-3px;	
}

/* Button hover style */
input.button:hover {
	background-color: #ffffff;
	cursor: pointer;
}

/* Extra spacing */
p.formhalf {
	padding: 0 0 0 30px;	
	float:left;
}

p.formhalf2 {
	padding: 0 0 0 5px;	
	margin-top: 3px;
	float:left;
}

p.formhalf3 {
	padding: 0 5px 0 0;	
	margin-top: 3px;
	float:left;
}

/* Float clearing */
br {
	clear: left;
}