/* $Id: screen_popup.css,v 1.21 2010/02/28 19:54:46 hg Exp $ */

html, body {
border: none;
} 

body{width:490px
    ;margin:10px 0 25px 50px
    ;padding:0
    ;font-family:"gil sans", Tahoma, Arial, sans-serif
    ;font-size:13px
    }
table,h1,h2,h3,p{padding:0
    ;margin:5px 0 0
    ;font-size:12px
    ;vertical-align:top
    ;font-weight:normal
    ;font-family:"gil sans", Tahoma, Arial, sans-serif
    }
td{vertical-align:top;}

p{text-align:justify
    ;letter-spacing:1px
    ;margin-top:15px
	;text-indent:12px
    }
p.warning{background-color:#ffeeee;
		padding:3px;
		border:2px solid #999999;
		}
p.warning a{font-weight:bold}

a{text-decoration:none}
a:hover{text-decoration:underline}

h1{padding:10px 0 0
    ;font-size:21px
    ;letter-spacing:2px
    }
h1 span{font-size:12px}
td img,h1 span img{position:relative
    ;border-width:1px
    ;border-style:solid
    }
h2{margin:0
    ;padding:0px 0 0 50px
    ;font-weight:bold
    ;font-size:13px
    ;letter-spacing:1px
    }
.right{text-align:right;}
p.ePreis{padding:0 0 0 50px
    ;text-align:right
    ;letter-spacing:1px
    ;font-size:11px
    }
p.ePreis b{font-size:18px
    ;font-weight:normal
    }
table td.what,h3{margin:13px 0 0
    ;letter-spacing:1px
    ;font-size:14px
    ;font-weight:bold
    }
table td.what,table td.whatd{font-size:11px
    ;vertical-align:top
    ;padding-right:8px
    }


ul{margin-top:3px
    ;margin-bottom:3px
    ;list-style-image:url(../img/star.jpg)
    }
div.error ul{margin-top:0
    ;margin-bottom:0
    ;list-style-image:none
    ;list-style-type:square
    }

p.eLnk{font-size:10px; margin-bottom:35px}

p.eLnk a{font-size:12px
    ;letter-spacing:1px
    }
p.top,p.hLnk{text-align:right}
p.vzLnk,p.top{font-size:9px}
p.vzLnk{padding-right:10px;font-family:arial;}

div.hDsc{padding:10px 0;width:440px}
div.hDsc div.hIcon{
    ;width:66px
    ;margin:10px 3px 5px 10px
    ;text-align:right
    ;float:right
    }
div.hIcon img{border-width:1px;border-style:solid;border-right-width:0px;border-top-width:0px}
div.hIcon img.r{border-right-width:1px}
div.hIcon img.t{border-top-width:1px}

/** Anzeige ein Bild im Absatz */
div.hDsc div.pic{margin:15px 0 -5px}
div.hDsc div.pic img{border-width:1px
         ;border-style:solid
         ;width:438px
         }
div.hDsc div.pic p.picTxt{margin:2px 0 0 3px
         ;font-size:9px
         }

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

div.ebHover{
	width:416px;
	background-color:#Fffef6;
	border:1px solid #aaaaaa;
	padding:8px;
	font-size:12px;
	}
div#bookList ul,div#bookList ol,
div#baDiv ul,div#baDiv ol{
	padding-left:3px;
	margin:5px 0;
	}

div#bookList ol{margin-left:27px; color:#444444}

div.ebHover div.intro{font-weight:normal;}
div.ebHover h3{
	margin-top:7px;
	font-size:12px;
	}
	
div.ebHover h3 span span.free_sclt {
	color: #999;
	font-size:12px;
	text-transform:lowercase;
	font-variant:small-caps;
}

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

div.ebHover ul li {font-weight:normal;
	letter-spacing:1px
	}

div.ebHover ul li a{
	text-align:left;
	color:#990000;
	text-decoration:none;
	font-size:11px;
}
div.ebHover ul li a img{
	border: 0px;
	padding: 0 5px 0 0;
}
div.ebHover ul{
	list-style-image: none;
	list-style: none;
}
div.ebHover ul li a:hover{text-decoration:none}
div.ebHover a{display:block;
	text-align:right;
	}
div#bookList div.close a,
div#baDiv div.close a{
	background-color:#B40000;
	color:white;
	font-size:10px;
	padding:2px;
	position:absolute;
	right:0pt;
	top:0pt;
	}

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


/** 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}

table.form td.radio{padding:0}

table.form{margin-top:10px}

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

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


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 #999999;
    color:#555555;
    font-size:14px;
    height:16px;
    margin-top:0px;
    padding:1px 4px;
    }

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.form table.checkbox td.check input{
		width:auto;
		margin:1px 2px;
		}
table.form table.checkbox td.checkTxt {
		width:100%;
		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 input.go,
table.form a.go,
table.form a.back{
		letter-spacing:1px;
		color:#990000;
    margin-top:20px;
    font-weight:bold;
		text-transform:uppercase;
		background-color:transparent;
		cursor:pointer;
    }
table.form a.back{
    }

table.form input.go,
table.form a.go{
	background-color: #990000;
	color: white;
	padding: 3px;
}


.form div.by{text-align:right;margin-top:10px}

div.status{
	background-color:#CCCCCC;
	border:1px solid #990000;
	padding: 2px 3px;
	font-size:12px;
	}

div.status h3, div.status h3 a{color:black;}
div.status li.abgelehnt   h3, div.status li.abgelehnt   h3 a{color:#666666;}
div.status li.bearbeitung h3, div.status li.bearbeitung h3 a{color:#990000;}

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

div.status li.gebucht     h3, div.status li.gebucht     h3 a,
div.status li.gebucht b{color:#EE8800;}
div.status li.gebucht b{font-weight: normal;}
div.status li.gebucht div.note{
	border-left: 3px solid #EE8800;
	margin-top:2px;
	padding:2px;
}

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

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