/* BEAR MOUNTAINEERING | WWW.BEARMOUNTAINEERING.CA --- CSS Document --- Author: Terry Evans | BC DESIGN WORKS */

/* Globals
-------------------------------------------------------------- */
* {margin:0; padding:0;}
body {
	margin: 0; padding: 0; border:0;
	font: 12px/1.4em Georgia, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, Sans-Serif;
	color:#333333;
	background: #DEDCEA;
}

	h1 {margin:0; padding:0; font-weight:900; font: 18px/1em Georgia, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, Georgia, Sans-Serif;}
	h2 {margin:0; padding:0; font-weight:900; font: 16px/1.4 Georgia, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, Georgia, Sans-Serif;}
	h3 {margin:0; padding:0; font-weight:bold; font: 14px/1.4 Georgia, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, Georgia, Sans-Serif;}
	p {margin:0; padding:0;}
	span {margin:0; padding:0;}
	ul {margin:0; padding:0; list-style-type:none;}
	li {margin:0; padding:0;}
	img {margin:0; padding:0;}
	blockquote {padding: 0 45px 0 45px; font-size: 14px; line-height:1.2em; font-weight:bold;}

/* Links
-------------------------------------------------------------- */	
	a {
	color:#5E4CAB;
	text-decoration:none;
	font-weight:bold;
	}
	a:hover {
	color: #B1A8D9;
	text-decoration:none;
	}
	#footer div.right a {
	color: #B1A8D9;
	text-decoration:none;
	font-weight:bold;
	}
	#footer div.right a:hover {
	color:#5E4CAB;
	text-decoration:none;
	}
	#content h2 a {text-decoration:underline; font-size: 14px;}
	#content h2 a:hover {text-decoration:none;}

/* Primary Layout Divisions
-------------------------------------------------------------- */

#wrapper { 
	margin: 0; padding: 0; 
}

#container {
	margin: 0 auto;
	width: 764px; padding: 0;
	background: transparent url(../gfx/bg_content.gif) repeat-y center;
}

/* Banner
-------------------------------------------------------------- */
#banner {
	margin: 0; padding:0;margin-left: -18px;
	text-indent: -9999px;
}
#random {	
	margin: 0; padding:0; 
	height:284px;
	background-image: url(../gfx/banner/rotateImage.php);
}
body#winter #random {	
	margin: 0; padding:0; 
	height:284px;
	background-image: url(../gfx/banner/winter/rotateImage.php);
}
body#spring_summer #random {	
	margin: 0; padding:0; 
	height:284px;
	background-image: url(../gfx/banner/summer/rotateImage.php);
}
/* Main Navigation Bar
-------------------------------------------------------------- */
#navbarcontainer {
	margin: 0; padding:0;
	width:764px; height:31px;
	background: transparent url(../gfx/navbar.gif) no-repeat top center;
	clear:both;
}

#navbarcontainer div.navbar {
	margin: 0 0 0 28px;
	height: 31px;
}

#navbarcontainer div.navbar ul {
	text-align:right;
	padding: 0 0 0 0;
	color:#FFFFFF;
	line-height: 14px;
	font-size:11px;
}

#navbarcontainer div.navbar li {
	
	padding:0 0px 0 0px; margin:0;
	list-style:none;
	display:inline;
}

#navbarcontainer div.navbar li a span {
display: none;
margin: 0; padding: 0;
}

#navbarcontainer div.navbar li a {
	display: block; float:left;
	width: 60px;  
	margin-top: 1px;
	height: 28px;/* ie5 positioning hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 29px; 
	}
html>body #navbarcontainer div.navbar a	{
	height: 29px;
	} 

#navbarcontainer div.navbar li a {
	color: #ffffff;
	text-decoration:none;
	font-weight:bold;
}
#navbarcontainer div.navbar li a:hover {
	color: #45377C;
	text-decoration:none;
	font-weight:bold;
}

/* Content Area
-------------------------------------------------------------- */
#contentarea {
	margin: 0; padding:0;
	width:764px;
	clear:both;
}

/* Footer Area
-------------------------------------------------------------- */
#footer {
	clear: both;
	background: transparent url(../gfx/footer.gif) no-repeat bottom center;
	text-align: center;
	font-size: 11px;
	margin:0; padding: 0;
	height: 110px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	font-weight:bold;
}

#footer div.box {float: left; display:inline; width: 75px;}
#footer div.first {padding-left: 90px;}
#xtralinks {
	clear: both;font-size: 10px;
	text-align: center;
	margin:0; padding:0 0 5px 0;
	background: #DEDCEA;
}
#xtralinks ul li {
	display:inline;	
}
#xtralinks ul li a {border-right: 1px solid #666666;padding: 0 5px 0 3px;}
#xtralinks ul li a.last { border-right:1px solid #DEDCEA; }

#footer ul li {
	display: inline;
}
#footer img {margin:0; padding:0; border:0;}
div.left {
float: left; position:relative; display:inline;
	width: 534px; font-size:10px;
}
div.right {
float: left; position:relative;display:inline;
	width: 207px;
}

/*  Main Content
-------------------------------------------------------------- */
div#content {
	float: left; position:relative;
	width: 534px;
}
#content i { color:#999; }
#content p {margin: 0 17px 10px 45px;}
#content p.morenews { text-align: center; padding-top: 4px; border-top: 1px dashed #5E4CAB; }
#content dl { padding: 0 17px 8px 40px; }
#content dt { font-weight: bold; margin: 0 0 6px 0;}
#content dl dd { margin: 0 0 6px 0; }
#content p.right { float: right; }
#content p.center { text-align: center; }
#content h1 {display: block; margin:15px 0 5px 0; font-weight:bold; color:#473980; height: 25px; padding: 7px 10px 8px 40px;}
#content h2 {padding: 7px 10px 8px 45px;color:#473980;font-weight:bold;}
#content h3 {padding: 7px 10px 5px 45px; font-weight:bold;}
#content ul{margin: 0 10px 10px 60px; list-style: disc;}

#content ol { margin: 0 17px 10px 65px; }
#content li{padding: 0 0 8px 0;}
#content ul.details {list-style-type:circle; padding-left: 61px;}
#content ul.details li{padding:3px 0 0 3px;}
#content div.details {padding: 0 0 10px 0;}
#content div.details ul {list-style-type:circle; margin:0 30px 0 61px; border-bottom: 1px dashed #8E81C6; background:#eeeeee;}
#content div.details ul:hover {background:#DEDCEA;}
#content div.details ul li{padding:3px 0 0 3px;}
#content div.details ul li.open {color:#009900; font-weight:bold;}
#content div.details ul li.booked {color:#CC0000; font-weight:bold;}
#content p.right {text-align:right;}
#content img { padding:0; margin:12px; border: 2px solid #473980;}
#content img.nobdr,
#content img.noborder {padding:0; margin:0; border:0;}

body#sitemap #content ul {margin: 0 35px 0 45px; padding:0;}
body#sitemap #content ul li {margin: 5px 0 0 0; padding:0;} 
body#sitemap #content ul li span {background:#DEDCEA; display:block; padding:2px 2px 2px 4px; }  

/* --------------| Photo Gallery - Lightbox |-------------- */
#content ul.album_list {
margin: 0 0 10px 50px;
}
#content ul.album_list li {
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 170px;
	font-size: 11px;
}
#content ul.lightbox {
padding-top: 20px;
margin: 0 0 10px 50px;
}
#content ul.lightbox li {
	list-style: none;
	float: left;
	width: 115px;
	height: 170px;
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-align: center;
}
#content ul.lightbox li img {
	margin: 0;

}
#content ul.lightbox li a { margin: 0; padding: 0; }
#content ul.lightbox li a img {
	border: 1px solid #5E4CAB;
	padding: 2px;
	text-decoration: none;
}
#content ul.lightbox li a:hover img {
	border: 2px solid #5E4CAB;
	padding: 1px;
}

#content ul.details li span {
	font-weight: bold;
	font-size: 13px;
	color:#2C9846;
}
#content ul.details li ins {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:#990000;
}

#content span {
	font-weight: bold;
	font-size: 13px;
	color:#2C9846;
}
#content ins {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	color:#990000;
}

/* Side Bar
-------------------------------------------------------------- */
div#sidebar {
	float: left; position:relative;
	width: 207px;
}
#facts {
	margin-left: 0px;	
}

#sidebar ul {
	display:block;
	list-style:none;
	margin: 0; padding:0;
}

#sidebar h2 {padding: 15px 5px 5px 15px; font-size:14px; font-weight:bold; color:#8E81C6;}
#sidebar p {padding:5px;}
#sidebar img { padding:0; margin:6px 0 0 6px; border: 1px solid #473980;}

div.news_item {
	margin: 4px 15px 0;
	padding: 4px 0 0 0;
	border-top: 1px dashed #5E4CAB;
}
#sidebar .news_item p,
#sidebar .news_item h3 {
	padding: 0;
	margin: 0 0 6px;
	color:#8E81C6;
}
#sidebar h3 span { color:#95C272; font-size: 12px; }
#sidebar .news_item p.more {
	text-align: right;
	padding: 4px 0;
	border-top: 1px dashed #5E4CAB;
	border-bottom: 1px dashed #5E4CAB;
}
#sidebar p.morenews {
	margin: 0 15px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #5E4CAB;
	text-align: center;
}

/* Sub Navigation
-------------------------------------------------------------- */
#subnav {
	margin-left: 0px;	margin-right: 2px;
}
 #subnav ul
 {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
 }

 #subnav li
 {
 border-bottom: 1px solid #F0F0F0;
 margin: 0;
 }

 #subnav li a
 {
 display: block;
 padding: 3px 5px 3px 0.5em;
 border-right: 8px solid #8E81C6;
 background-color: #5E4CAB;
 color: #ffffff; font-weight:500;
 text-decoration: none;
 width: 186px;
 }

 html>body #subnav li a { width: auto; }

 #subnav li a:hover
 {
 border-right: 8px solid #D4CFEB;
 background-color: #B1A8D9;
 color: #ffffff; font-weight:500;
 }

 #subnav li.active a
 {
 border-right: 8px solid #D4CFEB;
 background-color: #B1A8D9;
 color: #fff;
 }
 
 #subnav ul.quicklinks li a {
	border-right: 8px solid #C7DFB4;
	background-color: #95C272;
 }
 #subnav ul.quicklinks li a:hover,
 #subnav ul.quicklinks li.active a {
	border-right: 8px solid #95C272;
	background-color: #C7DFB4;
	color: #5F4DB1;
 }
 #subnav h2.quicklinks { color:#95C272; }

/* Main Navigation Bar Buttons - ENGLISH
-------------------------------------------------------------------*/
#navbarcontainer div.navbar li a.home {background: transparent url(../gfx/nav/home.gif) no-repeat;background-position:0px 50%;}
#navbarcontainer div.navbar li a.home:hover {background-position: -65px 50%;}

#navbarcontainer div.navbar li a.winter {background: transparent url(../gfx/nav/winter.gif) no-repeat;background-position:-5px 50%;}
#navbarcontainer div.navbar li a.winter:hover {background-position:-74px 50%;}
body#winter #navbarcontainer div.navbar li a.winter {background-position:-74px 50%;}

#navbarcontainer div.navbar li a.spring_summer {background: transparent url(../gfx/nav/spring_summer.gif) no-repeat;background-position:-5px 50%;width: 120px;}
#navbarcontainer div.navbar li a.spring_summer:hover {background-position:-138px 50%;}
body#spring_summer #navbarcontainer div.navbar li a.spring_summer {background-position:-138px 50%;}

#navbarcontainer div.navbar li a.registration {background: transparent url(../gfx/nav/registration.gif) no-repeat;background-position:-10px 50%;width: 130px;}
#navbarcontainer div.navbar li a.registration:hover {background-position:-160px 50%;}
body#registration #navbarcontainer div.navbar li a.registration {background-position:-160px 50%;}

#navbarcontainer div.navbar li a.photos {background: transparent url(../gfx/nav/photos.gif) no-repeat;background-position:-8px 50%;width: 93px;}
#navbarcontainer div.navbar li a.photos:hover {background-position:-118px 50%;}
body#photos #navbarcontainer div.navbar li a.photos {background-position:-118px 50%;}

#navbarcontainer div.navbar li a.links {background: transparent url(../gfx/nav/links.gif) no-repeat;background-position:-3px 50%;width:59px;}
#navbarcontainer div.navbar li a.links:hover {background-position:-65px 50%;}
body#links #navbarcontainer div.navbar li a.links {background-position:-65px 50%;}

#navbarcontainer div.navbar li a.contact {background: transparent url(../gfx/nav/contact.gif) no-repeat;background-position:0px 50%;width:91px;}
#navbarcontainer div.navbar li a.contact:hover {background-position:-91px 50%;}
body#contact #navbarcontainer div.navbar li a.contact {background-position:-91px 50%;}

/* Main Navigation Bar Buttons - DEUTSCH - The German Site
-------------------------------------------------------------------*/
#navbarcontainer div.navbar li a.de-home {background: transparent url(../gfx/nav/home.gif) no-repeat; width: 60px;background-position: -3px 50%;}
#navbarcontainer div.navbar li a.de-home:hover {background-position: -73px 50%;}

#navbarcontainer div.navbar li a.de-winter {background: transparent url(../gfx/nav/winter.gif) no-repeat; width: 60px;background-position: -7px 50%;}
#navbarcontainer div.navbar li a.de-winter:hover {background-position: -82px 50%;}
body#winter #navbarcontainer div.navbar li a.de-winter {background-position: -82px 50%;}

#navbarcontainer div.navbar li a.de-spring_summer {background: transparent url(../gfx/nav/fruhjahr_sommer.gif) no-repeat;width: 150px; background-position: -5px 50%;}
#navbarcontainer div.navbar li a.de-spring_summer:hover {background-position: -165px 50%;}
body#spring_summer #navbarcontainer div.navbar li a.de-spring_summer {background-position: -165px 50%;}

#navbarcontainer div.navbar li a.de-registration {background: transparent url(../gfx/nav/termine_preise.gif) no-repeat;width: 130px;background-position: -5px 50%;}
#navbarcontainer div.navbar li a.de-registration:hover {background-position: -148px 50%;}
body#registration #navbarcontainer div.navbar li a.de-registration {background-position: -148px 50%;}

#navbarcontainer div.navbar li a.de-photos {background: transparent url(../gfx/nav/fotogalerie.gif) no-repeat;width: 76px;background-position: -10px 50%;}
#navbarcontainer div.navbar li a.de-photos:hover,
body#photos #navbarcontainer div.navbar li a.de-photos {background-position: -105px 50%;}

#navbarcontainer div.navbar li a.de-links {background: transparent url(../gfx/nav/links.gif) no-repeat;width:59px; background-position: -1px 50%;}
#navbarcontainer div.navbar li a.de-links:hover {background-position: -68px 50%;}
body#links #navbarcontainer div.navbar li a.de-links {background-position: -68px 50%;}

#navbarcontainer div.navbar li a.de-contact {background: url(../gfx/nav/kontakt.gif) no-repeat;width: 68px;background-position: -8px 50%;}
#navbarcontainer div.navbar li a.de-contact:hover,
body#contact #navbarcontainer div.navbar li a.de-contact {background-position: -91px 50%;}

/* Main Navigation Bar Buttons - GERMAN TO ENGLISH
-------------------------------------------------------------------*/
#navbarcontainer div.navbar a.de-language {
	color: #ffffff; background: url(../gfx/nav/english_over.gif) no-repeat;
	width: 108px; background-position: 18px 50%;
}
#navbarcontainer div.navbar a.de-language:hover {
	background: transparent url(../gfx/nav/english.gif) no-repeat;
	background-position: 18px 50%;
}

/* Main Navigation Bar Buttons - ENGLISH TO GERMAN
-------------------------------------------------------------------*/
#navbarcontainer div.navbar li a.language {
	color: #ffffff; width: 96px;
	background: transparent url(../gfx/nav/deutsch-site.gif) no-repeat; background-position: 0px 50%;
}
#navbarcontainer div.navbar li a.language:hover {
	background-position: -98px 50%;
}

/* Banners for German Site
-------------------------------------------------------------- */
body#deutsch-winter #random {	
	margin: 0; padding:0; 
	height:174px;
	background-image: url(../gfx/banner/winter/rotateImage.php);
}
body#deutsch-spring #random {	
	margin: 0; padding:0; 
	height:174px;
	background-image: url(../gfx/banner/summer/rotateImage.php);
}

/* ---------------------------------------------------------------  Photo Gallery
---------------------------------------------------------------------------------- */
div#gallery {padding: 0 0 30px 40px;}
div#gallery div.album {float:left; padding: 5px; position:relative;}
div#gallery div.album img {padding: 0; margin: 0; border: 2px solid #8E81C6;}
div#gallery div.album_preview {float: left; position:relative; width: 120px;}
#content div.single h3 {color: #999999; margin-left: 0; padding-left: 0;}
div#gallery div.album_preview div.title h4 {text-align: center;}
div#gallery div.album_nav {float:right; width: 15%; position: relative;}


/* --- Reg Form --- */
#content form { margin: 0 17px 10px 45px; }
#content form p,
#content form h3 {
	margin: 0 0 6px 0;
	padding: 0;
}
#content form h3 { color:#6FA446; }
#content form fieldset {
	border: none;
}
#content form fieldset fieldset { 
	background: #DFEDD4;
	border: 1px solid #95C272;
	padding: 12px;
	margin: 0 0 12px 0; }
#content form legend { display: none; }

#content form .contactinfo label, 
#content form .contactinfo input {
	display: block;
	width: 48%;
	float: left;
	margin-bottom: 10px;
}
#content form label { font-weight: bold ;}
#content form .contactinfo label {
	text-align: right;
	width: 48%;
	padding-right: 2%;
}
#content form .left {
	display: block;
	float: left;
	width: 48%;
}
#content form .right {
	display: block;
	float: left;
	width: 48%;
}
#content ul.zemError {
	padding: 15px;
	margin: 0 0 15px 0;
	background:#F5D8D6;
	border: 1px solid #A7170C;
}
#content ul.zemError li { list-style: none; }
#content ul.zemError strong {
	color: red;
}
#content form textarea {
	display: block;
	width: 400px;
}

/* Easy-Peasy Clearing 
--------------------------------------------------------------------------------------------------- */
.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */