/*
21/09/2010 Attila Santo (ASHCD) Redesign EMOServ
*/

/*
							@font-face data
*/
@font-face{font-family:"GillEMO";
	font-style:normal;	font-weight:normal;
	src:url('font/GillSansMT.eot');
	src:local('?'), url('font/GillSansMT.ttf') format('truetype');
	}
@font-face{font-family:"GillEMO";
	font-style:italic;		font-weight:normal;
	src:url('font/GillSansMTItalic.eot');
	src:local('?'), url('font/GillSansMTItalic.ttf') format('truetype');
	}
@font-face{font-family:"GillEMO";
	font-style:normal;	font-weight:bold;
	src:url('font/GillSansMTBold.eot');
	src:local('?'), url('font/GillSansMTBold.ttf') format('truetype');
	}
@font-face{font-family:"GillEMO";
	font-style:italic;		font-weight:bold;
	src:url('font/GillSansMTBoldItalic.eot');
	src:local('?'), url('font/GillSansMTBoldItalic.ttf') format('truetype');
	}

  /* ***
							html, body & general stuff
 */
html{background-color:white;border:none;}
	
body{
	width:490px;padding:0px;margin:10px 0px 10px 50px;
	font-size:13px;line-height:140%;font-family:"Gill Sans MT","Gill Sans",GillEMO,Calibri,sans-serif;
	background-color:white;color:black;border: none;
	}

table,h1,h2,h3,p{
	padding:0px;margin:5px 0px 0px 0px;
	font-size:12px;line-height:150%;font-weight:normal;font-family:"Gill Sans MT","Gill Sans",GillEMO,Calibri,sans-serif;
	vertical-align:top;
	}
	
td{vertical-align:top;}

a{text-decoration:none;color:#900}
a:hover{text-decoration:underline}
	
p{
	margin-top:10px;
	text-indent:10px;text-align:justify;letter-spacing:0.3px;
}

h1{
	padding:5px 0px 0px 0px;
	font-size:21px;font-weight:bold;letter-spacing:2px;
	color:#900;
	}

h1 span{font-size:12px}
	
h2{
	padding:0px 0px 0px 10px;margin:0px;
	font-size:13px;font-weight:bold;letter-spacing:0px;
	color:#E80;
	}
	
h3{
	margin:13px 0px 0px 0px;
	font-size:14px;font-weight:bold;letter-spacing:1px;
	color:#444;
	}

td img
,h1 span img{
	position:relative;top:2px;right:2px;
	border:1px solid #666;
	}

ol,ul {
	padding:0px;
	}

ul{
	margin:3px 0px 3px 35px;
	list-style-image:url(../img/star.jpg);
	}

ul li {
	padding:0px 0px 0px 5px;
}
	
ol li {
	padding:5px 0px 10px 0px;
	list-style-position:inside;
}


 /* ***
							classes
 */
 
 .right{text-align:right;}
 
 p.top{font-size:9px;text-align:right}

p.warning{
	padding:3px;
	background-color:#fee;border:2px solid #999;
	}
p.warning a{font-weight:bold}

p.ePreis{
	padding:0px 0px 0px 50px;
	font-size:11px;text-align:right;letter-spacing:1px;
	}
p.ePreis b{font-size:18px;font-weight:normal;color:#900;}

p.eLnk{font-size:10px; margin-bottom:5px;}
p.eLnk a{font-size:14px;font-weight:bold;letter-spacing:1px;}

p.hLnk{text-align:right}

p.vzLnk{padding-right:10px;font-size:9px;letter-spacing:1px;}

div.hDsc{padding:10px 0px;width:440px;}

/* *** Bild im Lauftext */
div.hDsc div.pic{margin:15px 0px -5px 0px}
div.hDsc div.pic img{width:438px;border:1px solid #ccc;}
div.hDsc div.pic p.picTxt{margin:2px 0px 0px 3px;font-size:9px;color:#666;}

/* *** Icons bei Hotel */
div.hDsc div.hIcon{
	width:66px;margin:10px 3px 5px 10px;float:right;
	text-align:right;
	}
div.hDsc div.hIcon img{border:1px solid #ccc;border-right-width:0px;border-top-width:0px}
div.hDsc div.hIcon img.r{border-right-width:1px}
div.hDsc div.hIcon img.t{border-top-width:1px}
div.hDsc div.hIcon img.out{background-color:#e5e5e5}

div.error ul{
	margin-top:0;margin-bottom:0;
	list-style-image:none;list-style-type:square;
	}

table td.what{
	padding-right:8px;margin:13px 0px 0px 0px;
	font-size:11px;font-weight:bold;vertical-align:top;letter-spacing:1px;
	color:#444;
	}

table td.whatd{padding-right:8px;font-size:11px;vertical-align:top;color:black;}

 /* ***
							booking
 */
  
div#bookList{font-weight: bold;}
div#bookList ol{padding-left:3px;margin:5px 0px 0px 27px;color:#444;}

div#bookList ul,
div#baDiv ul,
div#baDiv ol{padding-left:3px;margin:5px 0;}

div#bookList div.close a,
div#baDiv div.close a{
	position:absolute;top:0pt;right:0pt;padding:2px;
	font-size:10px;
	color:white;background-color:#B40000;
	}

a#baDiv{
	display:block;position:relative;top:19px;left:294px;width:130px;padding:0 6px;margin:0px 0px 5px 0px;
	font-size:13px;font-weight:bold;text-align:right;text-transform:uppercase;letter-spacing:1px;
	color:white;background-color:#FF7F00;
	}

div.ebHover{
	width:416px;padding:8px;
	font-size:12px;
	background-color:#FFFEF6;border:1px solid #aaa;
	}
	
div.ebHover a{display:block;text-align:right;}
	
div.ebHover h3{margin-top:7px;font-size:12px;}
div.ebHover h3 span span.free_sclt {
	font-size:12px;text-transform:lowercase;font-variant:small-caps;
	color: #999;
	}
	
div.ebHover div.intro{font-weight:normal;}

div.ebHover div.description{font-weight:bold;}

div.ebHover ul{list-style-image:none;list-style:none;}
div.ebHover ul li{font-weight:normal;letter-spacing:1px;}
div.ebHover ul li a{font-size:11px;text-decoration:none;text-align:left;color:#900;}
div.ebHover ul li a:hover{text-decoration:none}
div.ebHover ul li a img{padding:0px 5px 0px 0px;border: 0px;}
div.ebHover ol li {list-style-position:outside;padding:1px 0px 1px 0px;}





/* Formatierung von Formularen */
input,textarea{font-family:Arial, Helvetica, sans-serif}
form{margin:0;padding:0;font-weight:normal;font-size:100%}
form.login {padding: 0 0 0 5px;}


/** das Formular */
div.form{margin-top:15px}

table.form,
table.form input,
table.form textarea,
table.form tr,
table.form td{margin:0;padding:3px 0 0;border:0}

table.form td.radio{padding:0; width:30px !important;}

table.form{margin-top:10px}

table.form td.txt{padding:6px 5px 0 0;width:135px}
table.form td.confirm{border-bottom:1px solid #666;}

table.form td.infoHeader,
table.form td.infoText{
		font-size:12px;
		font-weight:bold;
		padding-top:12px;
		color:#666;
	}
table.form td.infoHeader{
		font-size:13px;
		border-bottom:2px solid #666;
	}
table.form td.confirm div{
	font-size:14px;
	font-weight:normal;
	margin-left:4px;
	padding:0 20px 0 5px;
	width:95%;
	}

table.form select.drop{border:1px solid #666666;}
table.form select.date{text-align:right;}

table.form input.field,
table.form td div.error,
table.form textarea.field{width:280px}

table.form input.field,
table.form textarea.field{background-color:white;
	border:1px solid #999;
	color:#555555;
	font-size:14px;
	height:16px;
	margin-top:0px;
	padding:1px 4px;
	}
table.form input.readonly{background-color:#ddd;
	border:1px solid #ddd;
	font-weight:bold;font-style:italic;
	cursor:default;
	}

table.HotelForm input.field,
table.HotelForm textarea.field{border-width:0px;}
table.HotelForm input.Hotel_IhreNummer,
table.HotelForm textarea.Hotel_Alt{border-width:1px;}
table.HotelForm textarea.Hotel_sonderwuensche{
	padding: 3px 0 0 3px;
	background-color: #FFF9F6;
	border: 2px solid #FF9900;
	}
table.HotelForm td.txt{padding:6px 5px 0 0;width:200px}
table.HotelForm input,
table.HotelForm textarea{width:100% !important;padding:0px !important;margin:6px 0 0 1px !important}

table.form td.confirm div td.checkTxt div{width:auto;font-size:13px;padding:0px;margin-left:-3px;}
table.form td.confirm div table{margin:0px;}

table.form table.checkbox td.check input{
		width:auto;
		margin:1px 2px;
	}

table.form table.checkbox td.checkTxt {
		width:auto;
		padding:2px 3px 5px;
	}

table.form select {text-align: center;}

table.form td.error table.checkbox,
table.form td.error select,
table.form td.error input,
table.form td.error textarea{border-left-color:#990000;
	border-left-width:3px;
	}

table.form td.error table.checkbox{border-left-style:solid;}

table.form td.error input,
table.form td.error textarea{width:278px;}

table.form input.active,
table.form textarea.active{background-color:#999999;
	border-color:#bbbbbb;
	color:#efefef;
	}

table.form textarea.field{height:40px;font-size:12px}
form div.error{color:#990000;
	font-weight:bold;
	font-size:14px;
	margin: 10px 0 -25px;
	padding: 0;
	}
form table div.error{margin:0; font-size:9px}

table.form a.back,
table.form input.go,
table.form a.go{
	padding: 0px 6px 0px 6px;
	font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;
	background-color:#900;color:white;border:2px outset #ccc;cursor:pointer;
}

table.form a.back:hover,
table.form input.go:hover,
table.form a.go:hover{
	text-decoration:none;background-color:#a00;
}

table.form a.back:active,
table.form input.go:active,
table.form a.go:active{
	border:2px inset #ccc;
}


.form div.by{margin-top:10px}

div.status{
	padding:5px 15px 5px 5px;
	font-size:12px;
	background-color:#eee;border:1px solid #900;
	}

div.status span.firstwl {padding:20px 0px;}

div.status h3, div.status h3 a{color:black;}
div.status ul{list-style:square;list-style-image:none;}

div.status li.bearbeitung {list-style:url(../img/star_eee.jpg) square}
div.status li.bearbeitung h3, 
div.status li.bearbeitung h3 a{color:#900;}
div.status li.bearbeitung div.result {font-size:12px;color:#900;}

div.status li.abgelehnt {list-style:url(../img/star_eee_no.jpg) square}
div.status li.abgelehnt h3, 
div.status li.abgelehnt h3 a{color:#555;font-weight:normal;}
div.status li.abgelehnt div.result {font-size:12px;color:#555;}

div.status li.warten {list-style:url(../img/star_eee_wo.jpg) square}
div.status li.warten h3, 
div.status li.warten h3 a{color:#f90;font-weight:normal;}
div.status li.warten div.result {font-size:12px;color:#f90;}

div.status li.rest h3, 
div.status li.rest h3 a,
div.status li.rest {color:#aaa;}

div.status li.gebucht  {list-style:url(../img/star_eee_bo.jpg) square}
div.status li.gebucht h3, 
div.status li.gebucht h3 a,
div.status li.gebucht b{color:#090;}
div.status li.gebucht b{font-weight: normal;color:black;}
div.status li.gebucht div.result {font-size:12px;font-weight:bold;color:#090;}
div.status li.gebucht div.note{
	padding:0px 10px;margin-top:2px;
	border-left:3px solid #090;
	}

div.status a{text-decoration:underline;}
div.status a:HOVER{text-decoration:none;}

div.back div.window{
	background-color: white;
	padding-left:100px;
	}

	
 /* ***
							booking RM / US
 */
 
 /*
 div#bookList {
	position:absolute;top:0px;left:0px;width:565px;height:302px;display:none;
	border-left:1px solid #fff;;background-color:#ccc;
 }
*/
table.concatTable {
	margin:15px 0px 0px 0px;
}

table.concatTable td,
table.concatTable tr{
	height:12pt;margin:0px;padding:0px;
	font-size: 10pt;font-family:Tahoma;
	border:0px;
	}
	
table.concatTable input {
	width:159px;height:16px;padding:2px 0px 0px 4px;
	font-size:8pt;font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	}

table.concatTable input.textlike {
	width:300px;
	font-weight:bold;
	border:0px solid #ccc;
	color:#000;background:#fff;cursor:default;
	}

table.concatTable input.unfocused	{border-left:4px solid #800;color:#ccc;}
table.concatTable input.work			{border-left:4px solid #999;color:#000;}
table.concatTable input.wrong 		{border-left:4px solid #800;color:#900;font-weight:bold;}
table.concatTable input.done			{border-left:4px solid #9b9;font-weight:bold;}

table.concatTable select {font-size:8pt;text-align:right;font-family:Arial, Helvetica, sans-serif;}
table.concatTable select.unfocused {border:1px solid #ccc;border-left:4px solid #800;}
table.concatTable select.work {border:1px solid #ccc;border-left:4px solid #999;}
table.concatTable select.done {font-weight:bold;border:1px solid #ccc;border-left:4px solid #9b9;}

.mailTR {display:none;}

 /* ***
							email emo pic pos
 */
div.mailPICcontainer{position:relative;top:0px;left:0px;height:35px;width:100%;}
img.mailPICscreen	{position:absolute;width:200px;height:48px;top:0px;right:0px;z-index:20}
img.mailPICprint		{position:absolute;width:200px;height:48px;top:0px;right:0px;z-index:10;display:none;}

@media print {
		img.mailPICscreen	{position:absolute;width:200px;height:48px;top:0px;right:0px;z-index:10}
		img.mailPICprint		{position:absolute;width:200px;height:48px;top:0px;right:0px;z-index:20;display:inline;}
	}