/*  =========================================================
Stylesheet zu www.austrianbeach.com
Datei:  bildschirm.css
Datum:  23. Mai 2009
Autor:  Martin Zanner
Aufbau  		1. Kalibrierung und allgemeine Styles 
			2. Styles für Layoutbereiche    
			3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 19px; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 
img{border:0px;}

hr{	
	color: #802A27;
	background-color: #802A27;
	height: 1px;
	border: 1px;
	margin-bottom:20px;
}

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body {  
   background-color: #B83C38; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #660000;
}
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 120%; }
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}
/* Hyperlinks */

a:link {
	color: #660000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #660000;
}
a:hover {
	text-decoration: underline;
	color: #660000;
}
a:active {
	text-decoration: none;
	color: #660000;
}
.linksub:link {
	color: #ffffff;
	text-decoration: none;
}
.linksub:visited {
	text-decoration: none;
	color: #ffffff;
}
.linksub:hover {
	text-decoration: underline;
	color: #ffffff;
}
.linksub:active {
	text-decoration: none;
	color: #ffffff;
}
/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}
#logo { 
   color: black;
   background-color: white;
   /*padding: 5px;
   border: 5px solid #d9d9d9; */
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
   color: #660000;
   background-color: #B83C38; 
   width: 760px; /* Breite des Inhaltsbereiches */   
   margin: 20px auto;
}

#kopfbereichStartDE {
   color: black; 
   background: #802A27 url(img/img_header_de.gif) repeat-y top left;
   text-align:right;
   /*padding: 10px 20px 0 20px; */
   margin-bottom:14px;
   height:115px;
}
   #kopfbereichStartDE p {
      padding: 5px 0 5px 0; 
      margin-bottom: 0; /* war 1em */
   }
   
#kopfbereichStartPANORAMA{
   color: black; 
   background: #802A27 url(img/header.jpg) repeat-y top left;
   text-align:right;
   /*padding: 10px 20px 0 20px; */
   margin-bottom:14px;
   height:115px;
}
   #kopfbereichStartPANORAMA p {
      padding: 5px 0 5px 0; 
      margin-bottom: 0; /* war 1em */
   }
   
#kopfbereichStartEN {
   color: black; 
   background: #802A27 url(img/img_header_en.gif) repeat-y top left;
   text-align:right;
   /*padding: 10px 20px 0 20px; */
   margin-bottom:14px;
   height:115px;
}
   #kopfbereichStartEN p {
      padding: 5px 0 5px 0; 
      margin-bottom: 0; /* war 1em */
   }
   #kopfbereich {
   color: black; 
   background: #802A27 url(img/img_header.gif) repeat-y top left;
   text-align:right;
   height:115px;
   /*padding: 10px 20px 0 20px; */
   margin-bottom:14px;
}
   #kopfbereich p {
      padding: 5px 0 5px 0; 
      margin-bottom: 0; /* war 1em */
   }

#navibereich { 
   background: #B83C38 url(img/img_back_navi_de.gif) repeat-y top left;
   padding: 0;
   margin-bottom:14px;
} 
   #navibereich ul { margin: 0;} 
   #navibereich li { 
      display: inline;
      list-style-type: none; 
      margin: 0; 
	  padding:0;
	  white-space:nowrap;
	  height:24px;
   }
   #navibereich a { color: black;height:24px;text-decoration: none; }  
   #navibereich a:hover,
   #navibereich a:focus { 
      color: black; 
      /*background-color: #f3c600;*/
	  height:24px;
	  text-decoration: none;
  }  
   #navibereich a:active { 
      color: black;
	  height:24px;
	  text-decoration: none;
   }  
   
   #navibereichEN { 
   background: #B83C38 url(img/img_back_navi_en.gif) repeat-y top left;
   padding: 0;
   margin-bottom:14px;
} 
   #navibereichEN ul { margin: 0;} 
   #navibereichEN li { 
      display: inline;
      list-style-type: none; 
      margin: 0; 
	  padding:0;
	  white-space:nowrap;
	  height:24px;
   }
   #navibereichEN a { color: black;height:24px;text-decoration: none; }  
   #navibereichEN a:hover,
   #navibereichEN a:focus { 
      color: black; 
      /*background-color: #f3c600;*/
	  height:24px;
	  text-decoration: none;
  }  
   #navibereichEN a:active { 
      color: black;
	  height:24px;
	  text-decoration: none;
   } 
   
   .naviimg { 
		margin:0;
		padding:0;
	}

#textbereich { 
	  padding-top:20px;
	  padding-left:20px;
	  padding-right:20px;
	  padding-bottom:10px;
	  margin-bottom: 0px;
	  background-color:#E8D7B5;
	}

#formhull {  
		background-color:#E8D7B5;
}	
#formLeft {
      float:left;
	  width:350px;
	  padding-top:20px;
	  padding-left:20px;
	  padding-right:10px;
	  padding-bottom:10px;
	  margin: 0px;
	  background-color:#E8D7B5;

	}
#formRight { 
      float: right;
	  width:350px;
	  padding-top:20px;
	  padding-left:10px;
	  padding-right:20px;
	  padding-bottom:10px;
	  margin: 0px;
	  background-color:#E8D7B5;

	}
#EmptySpace {
	clear: both;
}
	
#textbereichNoBorder { 
	  padding-top:0;
	  margin-bottom: 0px;
	  background-color:#E8D7B5;
	  height:300px;
	}
#tbNBFlash{
      float:left;
	  width:600px;
	  padding-top:0;
	  margin-bottom: 0;
}
#tbNBLanguage{
      float: right;
	  width:160px;
	  padding-top:0;
	  margin-bottom:0;
}
	
#fussbereich {
   background-color:#802A27;
   padding:6px;
   text-align:center;
   color: #FFFFFF;
   font-size: 11px;
}
#fussbereichspezial {
   background-color:#802A27;
   padding:6px;
   text-align:center;
   color: #FFFFFF;
   font-size: 11px;
   clear:both;
}

input {
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid;
	border-color: #802A27;
}
textarea {
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid;
	border-color: #802A27;
}
.submit {
	color: #FFCC33;
	border-color: #B83C38;
	background-color: #802A27;
}

.RoomInput {
	width:25px;
	text-align:right;
 } 

 .explanation{
	padding-top:20px;
 }
 .row_24{
	vertical-align:top;
 }

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */