@charset "utf-8";

/* -------------------------------

		HTML REDEFINITIONS 

-------------------------------- */

html {
	overflow: -moz-scrollbars-vertical;
	/*overflow-x:auto;*/
}

html[id]{
	padding-bottom: 0.005em;
}

body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#555555;
}

h1 {
	font-size: 18px;
	color: #4D4D4D;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
h2 {
	font-size: 15px;
	color: #4D4D4D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

form {
	padding:0px;
	margin:0px;
}

/* -------------------------------

		MAIN 

-------------------------------- */

#center {

position:absolute;
top:0px;
left:50%;
margin-left:-475px;

}


#main {
	margin: 0px;
	position:relative;
	top: 0px;
	left: 0px;
	width: 950px;
	z-index:0;
	background-color: #FFFFFF;
	background-image: url(/gfx/bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	float:left;
    }

/* -------------------------------

		langSelector

-------------------------------- */	
	
#langSelector {
	position: absolute;
	left:1px;
	width:24px;
	top:1px;
	background-color:#999999;
	border: 1px solid #666666;
	white-space:nowrap;
}

#langSelector LI {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 18px;
   }

#langSelector UL {
	padding: 0;
	margin: 0;
   }
 #langSelector IMG {
	width:16px;
	height:11px;
	margin:0px;
	padding:0px;
	border: 0;
 }
   
#langSelector A {
	height:12px;
	margin: 0px;
	padding: 4px;
	font-size: 11px;
	color: #FFFF99;
}

#langSelector A:link, #langSelector A:visited {
   display: block;
   text-decoration:none;
   }

#langSelector A:hover, #langSelector A:focus {
   display: block;
   }

#langSelector A:link span, #langSelector A:visited span,  #langSelector A:focus span,  #langSelector A:active span  {
   display:none;
   }

#langSelector A:hover span {
	display:block;
	position:absolute;
	left:24px;
	top:-1px;
	height:14px;
	padding: 2px;
	padding-right: 4px;
	background-color:#999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	cursor: pointer;
   }

/* -------------------------------

		Logo

-------------------------------- */	
   
#logo {
	background-image:url(/gfx/logo/Hotel_Amsterdam_Logo_default.jpg);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	height: 159px;
   }

   
/* -------------------------------

		Content

-------------------------------- */	
   
#contentContainer {
   float:left;
   width:650px;
   font-size: 13px;
   background-color: #FFFFFF;
   }
#content {
   padding:20px;
   overflow:hidden;
   color:#3F3F3F;
   }
  
.alternation {
	background-color: #FFFFCC;
	
}
  
  
/* -------------------------------

		Footer

-------------------------------- */	
   
#footer {
	font-size: 0.6em;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* -------------------------------

		Misc

-------------------------------- */	

#absolute {
   position: absolute;
}


/* -------------------------------

		Aktionen

-------------------------------- */	

#aktionen {
	position: absolute;
	width:100%;
	height:100%;
	z-index:10;
	display:block;
}

#aktionen #bg {
	position: absolute;
	width:100%;
	height:100%;
	z-index:1;
	background-color: #000000;
	filter:alpha(opacity=70); /* Transparenz für IE	*/
	-moz-opacity:0.7; /* Transparenz für Mozilla */
	opacity:0.7; /* Transparenz für Opera */
}

#aktionen #textContainer {
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-105px;
	margin-left:-205px;
	width:400px;
	height:230px;
	background-color:#FEC651;
	z-index:2;
	border: 5px solid #999999;
	font-size:12px;
}

#aktionen #textContainer #text {
	padding:10px;
}

#aktionen #textContainer #text p {
	padding-top:9px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}

#aktionen #textContainer #hr {
	margin:10px;
	margin-top:0px;
	margin-bottom:0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #666666;
	padding:0px;
	
}


#aktionen #textContainer #text #link {
	text-decoration:none;
	padding:4px;
	padding-left:10px;
	padding-right:10px;
	color: #666666;
}

#aktionen #textContainer #text #link:hover, #aktionen #textContainer #text #link:active {
	background-color:#FFFFFF;
	cursor:hand;
}

/* -------------------------------

		Nav

-------------------------------- */	
   
#navContainer {
	float:left;
	width:290px;
	margin-bottom: 50px;
   }

#navElem {
	width:100%;
   }

#navElem LI {
   padding: 0;
   margin: 0;
   list-style: none;
   width: 290px;


   }

#navElem UL {
   padding: 0;
   margin: 0;
   }
   
#navElem A {
	height:15px;
	text-align: left;
	text-decoration: none;
	display: block;
	border: none;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
   }

#navElem #navigation_l2 {
	padding-bottom: 0px;
	padding-top: 0px;

   }

#navElem #navigation_l2 A {
	height:13px;
	padding-bottom: 12px;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
   }
   
#navElem #navigation_l3 {
   padding-bottom: 0px;
   padding-top: 10px;
   }
   
 #navElem #navigation_l3 A {
   font: bold 0.9em;
   height:0.9em;
   padding-left: 50px;
   padding-top: 0px;
   padding-bottom: 10px;
   }

#navElem #navigation_l1 > .welcome {
	background-color:#FFF100 !Important;
}
#navElem .welcome {
	background-color:#fec651;
}
#navElem  .hotel {
	background-color:#BA9155!Important;
}
#navElem .booking {
	background-color:#FF9700;
}
#navElem .approach {
	background-color:#FFD200;
}
#navElem .contact {
	background-color:#FFEB5A;
}
 
#navElem A:link, #navElem A:visited {
   color: #000;
   display: block;
   }

#navElem A:hover, #navElem A:focus {
	color: #000000;
	display: block;
	text-decoration: underline;
   }
   
#navElem #active > a {
	text-decoration: underline !Important;
}