@charset "UTF-8";
/** pentahotels styles **/

* {
	margin:				0;
	padding:			0;
}

/* body styles */

body{
	margin: 0px;
	padding: 0px;
	background-color: #4a423b;
	background-repeat: repeat-x;
	}
table {
border-collapse:collapse;
}
	
.big{
	background-image: url(gfx/penta-bg-01.gif);
	background-repeat: repeat-x;
}
.small{
	background-image: url(gfx/penta-bg-03.gif);
	background-repeat: repeat-x;
}
.medium{
	background-image: url(gfx/penta-bg-02.gif);
	background-repeat: repeat-x;
}

#container{
	width: 900px;
	margin: 0px auto;
	padding-top: 40px;
	position:relative;
}

img{
 	border: 0px;
}

/* topnavi */

#language{
	width: 900px;
	height: 16px;
	margin: 0px auto;
	text-align: right;
}
#language a{
	padding-left: 6px;
}

#topnavi{
	width: 900px;
	height: 114px;
}

#logo{
	width: 95px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#logo img{
	display: block;
	border: 0px;
}

#submenu{
	width: 805px;
	height: 26px;
	border-bottom: 1px solid #928d89;
	float: left;
}

#submenu a{
	display: block;
	border: 0px;
	padding-right: 12px;
	padding-top: 4px;
	float: left;
}
#submenu .subright{
	float: right;
	padding-right: 0px;
}

#submenu img{
	display: block;
	border: 0px;
}

#mainmenu{
	width: 805px;
	float: left;
	margin-top: 10px;
}

/* header */

#headline-top{
	width: 805px;
	padding-left: 95px;
	margin: 0px;
}

#header-image{
	width: 900px;
	padding: 0px;
	margin: 0px;
}
#header-image img, #header-image embed{
	margin-top:8px;
}



/* content */

#content{
	width: 900px;
	padding-top: 20px;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #ffffff;
}
#content .spalte, div#ajax_spalte2{
	padding-left: 95px;
	width: 355px;
	float: left;
}

.spalte ul {
margin-bottom:12px;
}

#content .spalte h1{
	font-size: 16px;
	margin-bottom: 12px;
}
#content .spalte p, div#ajax_spalte p, div#ajax_spalte2 p{
	margin-bottom: 12px;
}
#content .spalte_breit{
	padding-left: 95px;
	width: 805px;
	float: left;
}

#content a{
	color: #9c9792;
	text-decoration: none;
}
#content a:hover{
	color: #ffffff;
	text-decoration: none;
	cursor:pointer;
}
#content span.hell{
	color: #9c9792;
}

ul{
	margin: 0px;
	padding: 0px;
	display:block;
	border: 1px solid #4a423b;
}

ul span{
	width: 84px;
	display: block;
	float: left;
	}

ul span.sp1{
	width: 100px;
}
	
	
ul br{
	clear: both;
}

li{
	display: block;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #9c9792;
	list-style: none;
}

li.first{
        padding-top: 0px;
}

/* tables */

.contenttable {
width:100%;
}

.contenttable td {
border-bottom:1px solid #9C9792;
padding-bottom:6px;
padding-top:6px;
}

.contenttable td.td-last {
text-align:right;
}

.contenttable.nolist {
width:auto;
}

.contenttable.nolist td {
padding:0 5px 0 0;
margin:0;
border:0;
}

.contenttable.nolist td.td-last {
text-align:left;
}

/* tooltip */

.hidden {
	display:none;
}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  	position: relative;
  	text-decoration: none;
}
  
a.tooltip span {
  	display: none;
  	width: 270px;
	height: 240px;
	position: absolute; 
	top: -16px; 
	left: 90px;
	z-index: 100;
	color: #000000; 
	border: none;  
	text-align: left;
}


/* footer */

#footer{
	width: 805px;
	height: 26px;
	margin-top: 30px;
	padding-left: 95px;
	float: left;
}
#footer a{
	display: block;
	border: 0px;
	padding-right: 12px;
	padding-top: 4px;
	float: left;
}
#footer .rightfooter{
	float: right;
}

#footer .rightfooter a{
	padding: 0px;
	padding-left: 12px;
}

/* help */

.floatleft{
	float: left;
	display: block;
}
.floatright{
	float: right;
	display: block;
}
.clear{
	clear: both;
}

/* form elemente */

.meetings_tag{
}

.input1{
	border: 1px solid #9c9792;
	height: 18px;
	padding: 2px 0 0 0;
	width: 260px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
}
.input2{
	border: 1px solid #9c9792;
	height: 120px;
	width: 260px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	overflow: auto;
}
.input3{
	border: 1px solid #9c9792;
	height: 20px;
	width: 80px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	float: left;
}
.input4{
	border: 1px solid #9c9792;
	height: 80px;
	width: 260px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	overflow: auto;
}
.label2{
	display: block;
	width: 180px;
	float: left;
}
.label3{
	display: block;
	width: 100px;
	float: left;
}
.button{
	border: 1px solid #9c9792;
	height: 20px;
	width: 130px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
}


.pers_raum{
	border: 1px solid #9c9792;
	height: 20px;
	width: 30px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

.bestuhlung{
	border: 1px solid #9c9792;
	height: 20px;
	width: 120px;
	margin-bottom: 6px;
	background-color: #4a423b;
	color: #ffffff;
	font-family: verdana, sans-serif;
	font-size: 11px;
}

/* buchungsform */

fieldset{
 	margin: 0px;
 	padding: 0px;
 	border: 0px;

}
.outtaHere {
	position:			absolute;
	left:				-3000px;
}


/*Selects*/

.selectArea {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	height:				18px;
	line-height: 		17px;
	background: 		#5c554f url(gfx/select_bg.gif) no-repeat right top;
	float: left;
}
.selectArea .left {
	width:				5px;
	height:				18px;
	float:				left;
}
.selectArea .right {
	width:				0px;
	height:				18px;
	float: 				right;
}
.selectArea .right a {
	display:			block;
	height:				18px;
	position:			absolute;
}
.selectArea .right i {
	display:			none;
}

.selectArea .center {
	color:				#dedddc;
	overflow:			hidden;
	white-space:		nowrap;
	float: 				left;
}
.selectArea div.control {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	padding: 			1px 0 0 4px;
	color:				#fff;
}


/*Selects drop-down*/

.optionsDivInvisible, 
.optionsDivVisible, 
.staedteDivInvisible,
.roomsDivInvisible,
.personsDivInvisible {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	position:			absolute;
	margin-top:			-3px;
	background:			#5c554f;
	padding:			2px;
	font-size:			11px;
	z-index:			20;
}

.optionsDivInvisible, 
.staedteDivInvisible,
.roomsDivInvisible,
.personsDivInvisible {display:none;}

.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:				0;
	padding:			0;
}

.optionsDivVisible a, .staedteDivInvisible a, .roomsDivInvisible a, .personsDivInvisible a,  .selectArea .center a, .rooms_drop {
	color:				#F2F2F2;
	text-decoration:	none;
	display:			block;
	padding:			2px 6px 3px 3px;
	border-bottom:		1px solid #49413b;
}

.selectArea .center a {
padding:0;
border:0;
}

.staedteDivInvisible a.lastlink,
.roomsDivInvisible a.lastlink,
.personsDivInvisible a.lastlink {
border:0;
}

.optionsDivVisible a:hover,
.staedteDivInvisible a:hover,
.roomsDivInvisible a:hover,
.personsDivInvisible a:hover {
	background:			#49413b;
}

#content .spalte .optionsDivVisible p, 
#content .spalte .staedteDivInvisible p,
#content .spalte .roomsDivInvisible p,
#content .spalte .personsDivInvisible p {
	margin-bottom:			0px;
}

.roomsDivInvisible {
	width: 				26px; 
	top:				99px; 
	left:				670px;
}
.personsDivInvisible {
	width: 				26px;
	left:				582px;
	top:				99px; 
}
/*Button*/

/*.buttonSubmit, .buttonSubmitHovered {
	color:				#dedddc;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	width:				122px;
	height:				18px;
	padding-bottom: 	2px;
	background: 		#5c554f;
	cursor:				pointer;
	border:				none;
	float: 				right;
}*/

/*Scrollbar*/
.scroller {
	width: 				10px;
	background: 			url(gfx/scroll_back.gif) repeat-y;
}

.scrollerUp {
	width:				10px;	
	height:				10px;
	background: 			url(gfx/scroll_top.gif) no-repeat;
	cursor: 			pointer;
}

.scrollerDown {
	width:				10px;	
	height:				10px;
	margin-top: 			125px;
	background: 			url(gfx/scroll_bottom.gif) bottom center no-repeat;
	cursor: 			pointer;
}

.buttonImg {
	display:			none;
}

.nicelabel{
	float: left;
}
label.hotelauswahl {
display:none;
}
.wtgallery_listpic_pic {
border:0px none;
margin-bottom:18px;
margin-left:21px;
}
#thumbnails {
padding-left:74px;
}
#thumbnails img {
border:0px none;
margin-bottom:18px;
margin-left:21px;
}
#thumbnails img.active {
border-bottom:2px solid #9D071B;
margin-bottom:16px;
}
#hidden {
display:none;
}

/* Jon_ Calender Script */
input.cal_width_20 {
	width: 25px;
	background: #5c554f;
	border: 1px solid #5c554f;
	color: #fff;
	font-size: 11px;
	height: 14px;
	text-align: left;
	float:	left;
	padding: 2px 0 0 3px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
select.cal_width_40 {
	width: 43px;
	background: #5c554f;
	border: 1px solid #5c554f;
	color: #fff;
	font-size: 11px;
	height: 16px;
	padding: 1px 0 0 0px;
	text-align: left;
	float:	left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
}
select.cal_width_40 option {
	padding: 0 0 0 4px;
}
/*
	#calender_dayin {
		position: absolute;
	    top: 20px;
	    z-index: 100;
		display:block;
		width: 175px;
	}
*/
#calender_dayin,
#calender_dayout {
	position: absolute;
    top: 97px;
    z-index: 100;
	display: none;
	width: 175px;
}

#cal_dates div.calender_frame {
    width: 175px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#fff;
}
#cal_dates img.calender_pick {
    padding: 0 0 0 73px;
}
#cal_dates div.calender_box {
    background: #5c554f;
    width: 155px;
    height: auto;
    padding: 10px;
}
#cal_dates div.calender_box .month {
    text-align: center;
    padding: 0 0 5px 0;
    width:  120px;
    float: left;
}
#cal_dates div.calender_box .month_controls {
    width: 16px;
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 2px 0 3px 0;
    font-size: 16px;
}
#cal_dates div.calender_box .week_days {
    background: #4a423b;
    width: 16px;
    float: left;
    padding: 2px;
    margin: 1px;
    text-align: center;
}
#cal_dates div.calender_box .day_selected {
    background: #746e69;
    margin: 2px;
    width: 16px;
    float: left;
    padding: 2px;
    margin: 1px;
    text-align: center;
    cursor: pointer;
}
#cal_dates div.calender_box .days {
    margin: 2px;
    width: 16px;
    float: left;
    padding: 2px;
    margin: 1px;
    text-align: center;
    cursor: pointer;
}
div#ajax_spalte {
width: 355px;
float: left;
}
#raumplan2 {
display:none;
}
.trigger {
	width:		430px;
	height:		175px;
	position:	absolute;
	top:		93px;
	left:		195px;
	background:	red;
}

.header_list ul {
margin-top: -6px;
}