/*

File:           till7.css
Date:           2006-12-06
Author:         Till Behnke till.behnke@meandesign.com
Purpose:        CSS for DASBOOTSHAUS.COM

*/

	* { margin:0; padding:0;} 

	/* ###################################################################################
	** ### POSITIONING, main margins, backgrounds ########################################
	** ###################################################################################
	*/
	
	* { margin:0; padding:0; font-size: 100%; } 


	html {height: 100%, overflow: -moz-scrollbars-vertical; }
	body { 
		/* get vertical scrollbar always (for centered layouts) */
		min-height: 101%;	
		position: relative; 
		font-family: Verdana, Arial, Geneva,Helvetica, sans-serif;
		font-size: 62.5%; /* make 1em = 10px */
		color: #000;        
		background: transparent url(../images/BH_BG_Holz.jpg);
		} 
	
	/*a {text-decoration: none;}*/
	a , a:link,  a:active, a:visited { color:#222222; text-decoration:none;}
	a:hover { color:#000000; text-decoration:none; }

	ul li 
		{/*list-style: none;*/padding: 0em 0em 0em 0em;margin:0em 0em 0em 0.5em;}
	ol li 
		{/*list-style: none;*/padding: 0em 0em 0em 0em;margin:0em 0em 0em 1.2em;}
	
	h5 {
	font-size:1.2em; color:#FFF; font-weight:bolder; background: #000;
	margin: 0.2em 0em 0.5em 0em; padding: 0em 0em 0em 0em;}
	
	h1 {
	font-size:1.2em; color: #000; font-weight:bolder;
	margin: 0.2em 0em 0.5em 0em; padding: 0em 0em 0em 0em;}

	
	/* no border */
	fieldset, img { border:0; }
	
	/* needed for safari */ 
	/* mm overwritten in special cases */
	select, input, textarea { font-size: 95%; }

	p.bodytext {
	margin:0.5em 0em 1em 0em; padding:0em 0em 0em 0em; 
	border-top:0px solid #691E04; border-bottom:0px solid #691E04;
	font-size: 1.1em; Xfont-weight:bold;}
	p.bodytext a {border-bottom: 1px black dotted;}
		
		
#############################################

.navi { padding-bottom:10px; }
.btn { height:23px; vertical-align:middle; font-family: courier; font-size:1.2em; }
.content { padding:15px; width:450px; text-align:left; vertical-align:top; font-size:1.1em;  }
.input-box { border:1px solid #222222; width:150px; font-family:verdana; font-size:1.1em; }
.gray { background-color:#DDDDDD; border-bottom:2px #FFFFFF solid; }
.i_txt { width:142px; border:1px #000000 solid; }
.i_btn { width:42px; border:1px #000000 solid; }
.i_header { width:400px; border:1px solid #22222; }
.i_content { width:400px; height:250px; border:1px solid #222222;}

#pageContainer {width: 970px; height: 700px; background: transparent;}
#pageBG {width: 970px; height:700px; background: transparent url(../images/BH_BG_Event/BH_BG_all.jpg) no-repeat;}
#pageBG_left {float: left; width: 228px; height:535px; background: transparent; margin-top: 146px;}
#pageBG_right { float: right; width: 538px; height:535px; background: transparent; margin-top: 146px; margin-right: 204px; }

#pageBG_hotel { position:absolute; width: 250px; height:50px; top:0px; left:260px; padding-top: 10px;}
#pageBG_hotel  ul li {background: transparent; color:#AC521D; font-family: courier New, courier, georgia, times, verdana; font-size:1.2em; font-weight: bold; text-decoration: none;
display: inline; margin: 15px 0 4px 18px; padding:0;}
#pageBG_hotel  ul li a { font-weight: bold; color: #6B3113;}
#pageBG_hotel  ul li a:hover {font-weight: bold; color: #ECECEC; }

#pageBG_OT { position:absolute; width: 204px; height:212px; top:0px; left:766px; background: transparent url(..//images/BH_BG_Event/BH_BG_Banner01_Fill.jpg) no-repeat; }
#pageBG_DK { position:absolute; width: 204px; height:134px; top:212px; left:766px; background: transparent url(..//images/BH_BG_Event/BH_BG_Banner02A_AS.jpg) no-repeat; }
#pageBG_AS { position:absolute; width: 204px; height:91px; top:346px; left:766px; background: transparent url(..//images/BH_BG_Event/BH_BG_Banner03A_DK_Fill.jpg) no-repeat; }
#pageBG_Event { position:absolute; width: 204px; height:273px; top:437px; left:766px; background: transparent url(..//images/BH_BG_Event/BH_BG_Banner04A_Event_Fill.jpg) no-repeat; }



#middle_center {width: 100%; height:400px; text-align: center;}
#middle_text {width: 400px; height:40px; font-size:10pt; margin: 25% auto 0 auto; font-weight:700;}
#link_AS a {width: 100%; height:400px; text-align: center; margin-top:150px; color: #3C3C3C;}
#link_AS a:hover {color: #000;}

#BH_footer {position:absolute; width: 800px; top:682px; margin:0; padding:0;}
#BH_footer ul li {}
#BH_footer ul li {background: transparent; color:#000000; font-family: courier New, courier, georgia, times, verdana; font-size:1.15em; font-weight: bold; text-decoration: none;
display: inline; margin: 8px 0 4px 18px; padding:0;}
#BH_footer ul li a:hover {font-weight: bold; color: #FFF; }

#logo1 {position:absolute; top:0px; right:0px;}
#pic { position:absolute; top:439px; left:77px; }
#pic2 { position:absolute; top:460px; left:95px; width: 170px; height:200px; overflow: hidden;}
#pic_c { position:absolute; top:445px; left:61px;  }
#click { position:absolute; top:585px; left:300px; font-size: 0.9em;}


#pageTitel { position:absolute; top:268px; left:280px; width:140px; height: auto;  background: transparent;}
#pageTitel p {background: black;  color: #FFF;
font: "Franklin Gothic Medium",Tahoma, "Trebuchet MS"; font-size:1.18em; font-weight: bolder;	text-transform: uppercase; 
line-height: 18px; padding-left: 10px;}
#navTitel { position:absolute; top:268px; left:0px; width:90px; background: black; padding: 0.3em 0em 0.3em 0.5em; color: #FFF;
font: "Franklin Gothic Medium",Tahoma, "Trebuchet MS"; font-size: 1.10em; font-weight: bolder; text-transform: uppercase;}
#header { position:absolute; top:265px; left:276px; border: blue 1px solid; }
#content { width:425px; height: 290px; position:absolute; top:300px; left:295px; overflow: hidden; background: transparent;line-height:1.4em;}

#navi { position:absolute; top:300px; left:0px; width: 130px; Xborder: red 1px solid; }
#home { position:absolute; top:155px; left:10px; }
#home_logo { position:absolute; top:175px; left:531px;}
#language { position:absolute; top:596px; left:666px; width:58px; height: 10px; background: transparent url(../images/language.gif); padding:10px; padding-left: 15px; }
#footer { position:absolute; top:660px; left:563px; background: #FFF;}
#nachricht { height:75px; }

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


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

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

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

.tx-wecflashplayer-pi1
{

	width: 405px;
	padding-left: 25px;

}
/* ######### NAVIGATION ######### */


	#navi { position:absolute; top:298px; left:0px; width: 140px; height: auto; 
	background: transparent url(../images/BH_BG/Nav_BG.jpg) bottom right no-repeat;}
	#navCont {
		width: 100px; height: auto;
		margin-bottom: 30px;
		margin-right:18px;
		}

	#navcontent {
		margin: 0em 0em 0em 0em;
		padding: 0em 0em 0em 0em;
		background: transparent;
		Xborder: red 1px solid;
		}
	#navcontent ul li {
		background: #F8F9F4;
		list-style: none;	
		margin: 0px 0 8px 0px;
		width: 110px;
		height:14px;
		padding: 3px 0em 2px 0em;
		Xborder: #F8F9F4 1px solid;
		}
	#navcontent a {
		display:block;
		color: inherit;
		width: auto;
		font-size: 1.2em;
		Xfont-weight: bold;
		Xtext-transform: uppercase;
		text-align: left;
		text-decoration: none;
		padding-left:8px;
		font-family: "courier New", courier, georgia, times, Sylfaen, Times, Verdana;
		font-size: 1.2em;
		font-weight: bold;
		color: black;
		Xborder: #F8F9F4 1px solid;
		}
		
	#navcontent a:hover, .level1_no:hover{
		background: #99CA3C;
		color:#000;
	 	Xborder: #99CA3C 1px solid; 
		}
		
	.level1_act a, .level1_cur a {
		text-align: left;
		color:#000000;
		background: #DFE5C6;
		width: auto;
		Xborder-bottom: black 1px solid;
		}
	 .level1_cur a {
		background: #99CA3C;
		}
	.level2_no a {
		Xpadding-left:28px;
		border-left: 10px #F8F9F4 solid;
		}
	.level2_no a:hover {
		Xpadding-left:28px;
		border-left: 10px #99CA3C solid;
		}
	 .level2_act a, .level2_cur a {
		color:#000000;
		background: #99CA3C;
		border-left: 10px #99CA3C solid;
		}	


############# Formular Kontakt ####################

	/* needed for Safari */
	.col-clearing { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
/*	.floatbox { overflow:hidden; }*/
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }
	

	fieldset {margin:0em 0em 1.5em 0em; padding:3em 1.5em 3em 0.5em; border:0px solid #3348B5;}
	label {margin:0em;padding:0.3em 0.5em 0em 0em; width:6em;float:left;text-align:right;background: transparent;}
	
	fieldset.csc-mailform {width:34em;}
	fieldset.csc-mailform div.csc-mailform-field {text-align:right;}
	fieldset.csc-mailform div.csc-mailform-field label {width:12em;}
	fieldset.csc-mailform input, fieldset.csc-mailform textarea, fieldset.csc-mailform select  {width:20em;margin-top:0.4em;border:1px solid #CCC;}
	fieldset.csc-mailform textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	fieldset.csc-mailform input.csc-mailform-submit {margin:1em 0.1em 1em 0em;padding:0em;width:20.5em; background: #99CA3C; border: #CCCCCC 1px solid; }
		fieldset.csc-mailform input.csc-mailform-submit :hover {background: #F1F1F1; border: #CCCCCC 1px solid; }