@charset "utf-8";

a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:#999999; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:underline; background-color:yellow;}
a:active { font-weight:bold; color:lime; text-decoration:underline; }
img { border:none } 
a.img:hover {background-color: transparent;} 


h2 {font-size: 140%;} 
h3 {font-size: 100%;} 

  * html h3 {  /* Korrektur fuer den IE 5 und 6 */
   font-size: 125%;
  }
  * html  h2  {  /* Korrektur fuer den IE 5 und 6 */
   font-size: 170%;
  } 




.twoColElsLtHdr #container { 
	width: 100%;  
	text-align: left; /* this overrides the text-align: center on the body element. */
} 




.twoColElsLtHdr #header #headerLogo { 
	padding-top: 0.7em;
	padding-left: 2em;
	position: relative;

} 

.twoColElsLtHdr #header #headerRight {
	display:none;
}



.twoColElsLtHdr #header #headerImage { 
	display:none;
} 


/* 
 *	BEGIN startpage header 
 */

.twoColElsLtHdr #startHeader { 
	background-color: #455049;
	padding: 0;  
} 


.twoColElsLtHdr #startHeader #headerLeft {
	float: left;
	position: relative;
	top: 1.0em;
	right: -1.0em;
	z-index: 2;
}
* html .twoColElsLtHdr #startHeader #headerLeft{
 	width: auto;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: auto;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }

.twoColElsLtHdr #startHeader #headerLogo { 
	position: absolute;
	top: 0px;
	right: 35%;
	z-index: 2;
} 

.twoColElsLtHdr #startHeader #headerRight {
	float: right;
	position: absolute;
	top: 12.0em;
	right: 0em;
	z-index: 2;
}


.twoColElsLtHdr #startHeader #headerImage { 
	background: url(../gfx/freycinet%20hazards.jpg) repeat-x;
	padding: 0;  
	height: 14em;
	position:relative;
} 



.twoColElsLtHdr #startMenu {
	background-color: #455049;
 	text-align:center;
 	color:#FFFFFF;
}


  

.twoColElsLtHdr #startMenu ul#Navigation{ 
	width:58.0em;
	padding: 1em 0;
	height:2em;
	text-align:center;
	margin: 0 auto;
} 
* html .twoColElsLtHdr #startMenu ul#Navigation {
   /* Breite nach altem MS-Boxmodell für IE 5.x */
  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  width:50.18em;
  }  

   *:first-child+html #startMenu ul#Navigation  {  /* Korrektur fuer den IE 7 */

  }
  
/* 
 *	END startpage header 
 */

  


/* container for the content */


.twoColElsLtHdr #mainContent {
	margin: 3.5em 4em 6em 8em; 
	font-size: 80%;
}

.twoColElsLtHdr #mainContent h3{
 	color: #7f8b67;
} 

.twoColElsLtHdr #mainContent #filterbox{
 	position: relative;
	left: 70%;
	margin: 20px 20px 10px 20px;
	width:auto;
} 

.twoColElsLtHdr #mainContent .ticklogo{
 	position: relative;
	float: right;
	right: -10px;
	bottom: 10px;
} 

.twoColElsLtHdr #leftContent {
	text-align:justify;
	margin: 0em 4em 0em 0em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 

.twoColElsLtHdr #rightContent {
	float:right;
	margin-top:  3em; 
	text-align: center;
} 

  * html .twoColElsLtHdr #rightContent  {  /* Korrektur fuer den IE 5 und 6 */
	float:right;
    width:360px;

  }

.twoColElsLtHdr #rightContent .mainImg{
	border: #000000 thin solid;
	width: 360px;
	height: 300px;
	margin-left: 2em;
} 



.twoColElsLtHdr #rightContent .credit{
	text-align:right;
	font-size:9px;
} 



.twoColElsLtHdr #rightContent #weatherbutton{
	margin: 2em auto;
	width: auto;
} 


/* 

 * END MAIN CONTENT 

 */



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}





/* NAVIGATION */

.twoColElsLtHdr #menu {
	display:none;
}


/* END NAVIGATION */



.enquiryButton {
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 15px;
	padding: 6px 10px;
	border: 1px solid #006;
	background: #CC3300;
	color: #FFFFFF;
}

.enquiryButton:hover {
	border: 1px solid #f00;
	background: #660000;
}



 .listEntry {

border-bottom: 1px outset #999999;

padding: 1.5em 0; 

position: relative;

width:80%;

}

.listticklogo{

position: relative;

left:20px;


}



.listTitle {

position: relative;

top: 1em;

left: 0em;

vertical-align: top;

color:#00FF66;

}



.listImage {

float: left;

margin: 2em 0 1em 0em;

width: 120px;

height: 90px;

}



.listLogo {

float:right;

margin: 2em 0 1em 0em;

width: 120px;

height: 90px;

}




.listDescription {

position: relative;

top: 45px;

left: 20px;

margin-right: 150px;

padding-bottom: 85px;


}

  * html .listDescription {  /* Korrektur fuer den IE 5 und 6 */

  padding-right: 150px;

  }





#navigationLinks {

text-align:center;


margin: 2em 0;

}



#navigationLinks .previous {

float:left;

}



#navigationLinks .next {

float:right;

}



#navigationLinks .backlink {

margin: 0 auto;

width:auto;

}

#navigationLinks .navigationBar {
display:none;
}



#printBar {
display:none;
}

.businessNotListedContainer {
text-align:center;
margin: 4em 0;

}



.businessNotListedContent {
margin: 0 auto;
width:auto;
font-style: italic;
}


.error {
font: italic bold 1em Helvetica;
color:#990000;
margin: 1em;
}


.success {
font: italic bold 1em Helvetica;
color: #009900;
margin: 1em;
}