/*** BOS STYLESHEET ***/

html {
	margin: 0px;
}

body {
	margin: 0px;
}

/** LINKS **/

/* main menu */

/* style for the main menu link */
a.mainmenu{
	font-size: 1em;
	font-weight: bold;
	display: block;
	color: #0E9CD3;
	background-color: #efefef;
	text-decoration: none;
	padding: 2px;
	height:19px;
	margin-right: 3px;
	text-align: center;
}
a.mainmenu:link{
	font-size: 1em;
	font-weight: bold;
	display: block;
	color: #0E9CD3;
	background-color: #efefef;
	text-decoration: none;
	padding: 2px;
	height:19px;
	margin-right: 3px;
	text-align: center;
}

/* style for the last right main menu link (no right margin) */
a.mainmenu.last{
	margin-right: 0px;
}

/* style for the last right main menu hover link (no right margin) */
a.mainmenu.lastselected{
	margin-right: 0px;
	background-color: #CED0D2;
	color: #E05500;
	height:22px;
}

/* style for the selected main menu link */
a.mainmenu.selected{
	background-color: #CED0D2;
	color: #E05500;
	margin-right: 3px;
	height:22px;
}

/* style for the main menu hover link */
a.mainmenu:hover{
	background-color: #CED0D2;
	color: #E05500;
	height:22px;
}


/* submenu */

/* style for the submenu link */
a.submenu{
	font-size: 0.9em;
	display: inline;
	color: #E05500;
	padding-left: 7px;
	text-decoration: none;
}
a.submenu:link{
	font-size: 0.9em;
	display: inline;
	color: #E05500;
	padding-left: 7px;
	text-decoration: none;
}
a.submenu.selected{
	font-weight: bold;
	text-decoration: none;
}
a.submenu:active{
	text-decoration: none;
}
a.submenu:visited{
	text-decoration: none;
}
a.submenu:hover{
	text-decoration: underline;
}


/* quicklinks */

/* style for the submenu link */
a.quicklink{
	font-size: 1em;
	color: #E05500;
	text-decoration: none;
}
a.quicklink:link{
	font-size: 1em;
	color: #E05500;
	text-decoration: none;
}
a.quicklink:active{
	color: #E05500;
	text-decoration: none;
}
a.quicklink:visited{
	color: #E05500;
	text-decoration: none;
}
a.quicklink:hover{
	display: inline;
	color: #0E9CD3;
	background-color: #efefef;
	text-decoration: none;
}



/* footer */

/* style for the footer links */

a.footer{
	font-size: 0.8em;
	color: #0E9CD3;
	text-decoration: none;
}
a.footer:link{
	font-size: 0.8em;
	color: #0E9CD3;
	text-decoration: none;
}
a.footer.selected{
	font-weight: bold;
	text-decoration: none;
}
a.footer:visited{
	text-decoration: none;
}
a.footer:active{
	text-decoration: none;
}
a.footer:hover{
	text-decoration: underline;
}

/* pricecategories */

a.prices{
	text-decoration: none;
}
a.prices:link{
	text-decoration: none;
}
a.prices:visited{
	text-decoration: none;
}
a.prices:active{
	text-decoration: none;
}
a.prices:hover{
	text-decoration: underline;
}

/* normal links */

/* style for normal link */
a{
	color: #000000;
	text-decoration: none;
}
a:link{
	color: #000000;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}



/** DIVS **/

/* div for the whole site */
#site{
	width: 760px;
	height: 100%;
	padding: 10px;
	border: 0px;
	z-index: 1;
	position: absolute;
}

/* div for the main menu */
#mainmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
		
}

#mainmenu ul li { 
	display: inline; 
}



/* div for the content */
#content{
	width: 760px;
	border: 0px;
	margin: 0px;
}

/* div for the pricebackgound */
.greyback {
	background-color: #efefef;
	margin: 4px;
	padding: 6px;
	font-size: 0.8em;
}

/* div for the 50 / 50 thingsbums */
.half {
	width: 50%;
	float: left;
}

/** TABLES, THS, TDs **/

/* table for the whole site */
table.site{
	width: 760px;
	border: 0px;
	margin: 0px;						
}

/* table headers */ 

table.content { 
	border-collapse: separate;
	color: #000;
}

table.content th { 
	background-color: #CED0D2; 
	text-align: left; 
	font-size: x-small; 
	padding: 5px;
	vertical-align:	top;
}

table.content td { 
	padding: 5px;
	vertical-align:	top;
}

/* table grey */ 
tr.content.grey{ 
	background-color: #efefef; 
	padding: 0px; 
	border: 0px; 
	margin: 0px; 
	color: #000;
} 
	
/* table darkgrey */ 
tr.content.darkgrey{ 
	background-color: #e4e4e4; 
	padding: 0px; 
	border: 0px; 
	margin: 0px; 
	color: #000;
}

/* table for the average evaluations */
td.evaluations_average{
	text-align: right;
	font-size: x-small;
	font-weight: bold;
	vertical-align:	top;
}

/* style for the logo td in the header */
tr.logo td{
	vertical-align:	top;
	padding-bottom: 5px;
}

/* style for the submenu td in the header */
td.submenu{
	height: 19px;
	background-color: #CED0D2;
}

/* style for the breadcrump td in the header */
td.breadcrump{
	font-size: 10px;
}

/* style for the footer td in the header */
td.footer{
	height: 18px;
	background-color: #efefef;
	color: #0E9CD3;
}

/* style for the small space td in the header */
td.smallspace{
	height: 3px;
}

/* style for the big space td in the header */
td.bigspace{
	height: 20px;
}

/* style for the mainmenu tr in the mainmenu */
tr.mainmenu {
	vertical-align: top;
	background-color: #FFFFFF;
}

/* style for the mainmenu td in the mainmenu */
tr.mainmenu td{
	padding: 0px;
	margin: 0px;
	height: 26px;
	
}

/* table for the submenu  */
table.submenu{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/** FORM ELEMENTS **/

/* style for the login inputs */
input.login{
	color: #000000;
	width: 100px; 
	font-size: 0.9em;
	font-style:	normal;
	background-color: #efefef;
	border: 1px solid #fff;
	padding: 2px;
	padding-left: 6px;
}


/** MISCELLANEOUS **/



select.choice{
	display: block;
	float: left;
	width: 200px;
	color: #000000;
	background-color: #efefef;
	border:	1px solid #ccc;
	margin-bottom:		5px;
	font-size: 0.9em;
	padding: 1px;
	font-family:Verdana;
}

select.choice.month{
	width: 100px;
	margin-right: 5px;
}

select.choice.year{
	width: 95px;
}

label.choice{
	display: block;
	float: left;
	width: 125px;
	padding: 1px;
	font-family: Verdana;
}
input.choice{
	display: block;
	float: left;
	width: 200px;
	color: #000000;
	background-color: #efefef;
	border:	1px solid #ccc;
	font-size: 0.9em;
	padding: 1px;
	font-family:Verdana;
}

select.calendar_select{
	float: left;
	color: #000000;
	background-color: #efefef;
	border:	1px solid #ccc;
	font-size: 0.9em;
	padding: 1px;
	margin-right: 5px;
}

form br { 
  clear: 				left; 
}

label{ 
  	display: 			block;
  	float: 				left;
  	width: 				120px; 
  	padding:			0px;
	margin:				0px;
}

label.forms{ 
  	display: 			block;
  	float: 				left;
  	width: 				120px; 
  	padding:			0px;
	margin:				0px;
}

input.forms{ 
	display: 			block;
	color:				#000000;
	float: 				left;
	width: 				250px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

select.forms{ 
	display: 			block;
	float: 				left;
	width: 				256px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	padding:			2px;
	margin:				1px;
	border:				1px solid #ccc;
}
input.inputtext{ 
	display: 			block;
	color:				#000000;
	float: 				left;
	width: 				250px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}


.extras{ 
  	width: 				219px; 
  	background-color:	#efefef;
  	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	display: 			block;
	float: 				left;
	padding:			2px;
	margin:				1px;
	border:				1px solid #ccc;
}

input.inputtext.housenumber{ 
	width: 				30px;
}

input.inputtext.persons{ 
	width: 				70px;
}

label.roomname{ 
  	display: 			block;
  	float: 				left;
  	width: 				222px; 
  	padding:			0px;
	margin:				0px;
}

input.inputtext.street{ 
	width: 				212px;
}
textarea.notice{ 
	color:				#000000;
	display: 			block;
	float: 				left;
	font: 				1em Verdana;
	width: 				250px;; 
	height:				75px;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

textarea.extras{ 
	color:				#000000;
	display: 			block;
	float: 				left;
	font: 				1em Verdana;
	width: 				250px;; 
	height:				75px;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

label.prices{ 
  	display: 			block;
  	float: 				left;
  	width: 				200px; 
  	padding:			0px;
	margin:				0px;
}

input.prices{ 
	display: 			block;
	color:				#000000;
	float: 				left;
	width: 				50px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

input.extras{ 
	display: 			block;
	color:				#000000;
	float: 				left;
	width: 				250px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

label.additionals{ 
  	display: 			block;
  	float: 				left;
  	width: 				200px; 
  	padding:			0px;
	margin:				0px;
	border:				2px solid black;
}

input.additionals{ 
	display: 			block;
	color:				#000000;
	position:			absolute;
	left:				200px;
	float: 				left;
	width: 				50px; 
	font-size:			1em;
	font-family:		Verdana;
	font-style:			normal;
	background-color:	#efefef;
	border:				1px solid #ccc;
	padding:			2px 2px 2px 2px;
	margin:				1px;
}

/* fieldset */

/* style for fieldsets */
fieldset{
	border: 1px solid #0E9CD3;
	padding: 10px;
	margin: 0px;
	width:738px;
}

/* style for inner fieldsets */
.inner{
	border: 1px solid #0E9CD3;
	padding: 10px;
	margin: 0px;
	width:95%;
}

/* style for legends */
legend{
	font-weight: bold;	
	padding-bottom: 10px;
  	margin:	0px;
  	color: #E05500;
}

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

p.anchor{
	padding: 7px;
	margin: 0px;
}

/* icons */
.icon{
	vertical-align: top;
	border: 0px;
	padding: 2px;
}

/* buttons */
.button{
	vertical-align: top;
	border: 0px;
	padding: 5px 1px 1px 1px;
}

span.buttons{
	text-align:			right;
	display:			block;
	width:				100%;
}

#help{ 
      color: #000; 
      background-color: #efefef;
      padding: 5px; 
 }
 
a.showhelp{ 
    display:block;
    padding: 5px; 
    color: #000; 
    background-color: #efefef;
}
a.showhelp:link{ 
	padding: 5px; 
    display:block;
    color: #000; 
    background-color: #efefef;
}
a.showhelp:hover{ 
	padding: 5px; 
    display:block;
    color: #000; 
    background-color: #CED0D2;
}

/*** JS test ***/
#noscript {
	width: 100%;
	height: 400px;
	background-color: white;
	z-index: 100;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	padding-top: 250px;
	background-image:url(../images/bo/boo/img/imevia_logo.jpg);
	background-repeat:no-repeat;
	background-position:50% 15%;
}