@charset "utf-8";
/* CSS Document */

#logo {
	background-image:url(/gfx/logo/Hotel_Amsterdam_Logo_contact.jpg) !Important;
   }
   
#main {
   background-color:#B5E0DC !Important;
   height:565px;
   }
   
#contact_form  {
	font-size:12px;
	width:100%;
	position:relative;
}

#elem, #elemContainer, #topic {
	float:left;
	clear:left;
}

#contact_form #elemContainer {
	position:relative;
	width:610px;
}

#contact_form #elemContainer #elem {
	width: 295px !Important;
}

#contact_form #elem {
	position:relative;
	width:600px;
	padding: 5px;
}

#contact_form #elem #margin {
	background-color:#EFEEDA;
	padding: 5px;
	/*border: 1px solid #D8D7D9;*/
}

#contact_form #topic #margin {
	/*background-color:#DDEDB8;*/
	padding: 5px;
}


#contact_form #topic {
	position:relative;
	width:600px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}

#contact_form #input {
	font-size:14px;
}
#contact_form #input > input, 
#contact_form #input > select, 
#contact_form #input > textarea, 
#contact_form #input > label {
	margin: 5px;
}

#contact_form #input > textarea {
	width:97%;
	font-family: Arial, Helvetica, sans-serif;
	height:100px;
}
   
.error {
	background-color:#D56A6A !Important;
	color:#FFFFFF;
	font-weight:bold;
}

.dblchk {
	background-color:#91BA83 !Important;
	color:#FFFFFF;
	font-weight:bold;
}

#margin span {
	display:none;
	position:relative;
}

#margin label > span {
	position: absolute !Important;
	font-weight: normal;
	margin:0px;
	padding:2px;
	top:10px;
	font-size: 10px;
	background-color:#D56A6A;
	color: #FFFFFF;
}

#margin label span:hover {
	cursor: help;
}

#margin label span:hover span{
	cursor: help;
	display:block !Important;
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	z-index:5;
	padding:2px;
	padding-left:50px;
	font-size:12px;
	background-color:#D56A6A;
	
}