/*
    color-definition
    --------------------------

    yellow:         #ffc21b
    green:   		#199419

    --------------------------
*/


html,body{
    height:auto;
    min-height:100%;
}


body{
    margin:0px;
    font-size:11px;
    font-family:verdana, sans-serif;
    background-image:url(../images/bg.gif);
    background-repeat:repeat-x;
	background-color:#199419;
	color:#777777;
}

img {
	border:none;
}

#mainContent{
    width:825px;
    position:absolute;
	display:block;
    left:50%;
    margin-left:-413px;
	overflow:visible;
}

#content{
	float:left;
	display:block;
	width:789px;
	margin:0px;
	background-color:#fff;
	background-image:url(../images/cornerTopRight.gif);
	background-position:top right;
    background-repeat:no-repeat;
	padding-top:40px;
	padding-left:18px;
	padding-bottom:40px;
	padding-right:18px;
	overflow:visible;
}

#header{
	width:789px;
	height:104px;
	background-color:#199419;
	padding-left:18px;
	padding-right:18px;
    background-image:url(../images/headerBottom.gif);
	background-position:bottom;
    background-repeat:no-repeat;
}

#header img{
	margin-top:32px;
}

#login{
	float:right;
	width:227px;
	height:75px;
	background-color:#47a947;
	background-image:url(../images/loginBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#fff;
	padding-left:9px;
	padding-right:9px;
	padding-top:1px;
}

#login h2{
	display:none;
}

#login form{
	margin:0px;
	margin-top:18px;
}

#login fieldset{
	margin:0px;
	padding:0px;
	border:none;
}

#login label{
	display:block;
	width:55px;
	height:18px;
	line-height:18px;
	float:left;
	margin-top:2px;
}

#login input{
	width:85px;
	height:16px;
	line-height:16px;
	background-color:#bae4ba;
	margin-top:2px;
	border:1px solid #1a951a;
	color:#777777;
	font-size:11px;
	font-family:verdana;
}

#login a{
	color:#bae4ba;
	text-decoration:none;
}

#login a:hover{
	color:#fff;
}

button { 
	border:0px;
	height:40px;
	cursor:pointer; 
	font-weight:bold; 
	padding:0 4px 0 0; 
	text-align:center;
	margin-top:3px;
}

button span { 
	display:block; 
	margin:0px;
	white-space:nowrap; 
	padding:0 0 0 4px; 
	font-family:verdana;
	font-size:11px;
}

button { 
	background:url(../images/button_bg_login_end.gif) no-repeat;
	background-position:top right;
	font-size:1.3em; 
}

button span { 
	margin-top:0px; 
	height:40px; 
	line-height:40px;
	background:url(../images/button_bg_login.gif) left no-repeat;
	background-position:0px 0px;
	color:#fff; 
}

button::-moz-focus-inner { padding:0; border:0px;}	

button:hover {
	background-position:right -40px;
}

button:hover span {
	background-position:left -40px;
}
			   
			   
button { 
	width:auto; 
	overflow:visible; 
}


/**   LINKBUTTONS   **/

	.button { 

	  border:0; 
	  cursor:pointer; 
	  font-weight:bold; 
	  display:block;
	  float: left;
	  margin-right:10px;
 
	  padding:0 4px 0 0; 
	  background:url(../images/button_bg_login_end.gif) no-repeat;
	  background-position:top right;
	  font-size:1.3em; 

	  text-align:center;
	  color:white;
	  text-decoration:none;
	}
	.button span { 
	  display:block; 
	  float: left;
	  white-space:nowrap; 
	  padding:0 0 0 4px; 
	  font-family:verdana;
	  font-size:11px;
	  height:40px; 
	  line-height:40px;
	  background-image:url(../images/button_bg_login.gif);
	  background-repeat:no-repeat;
	  background-position:top left;
	  color:#fff; 
	}

	.button:hover {
		background-position:right -40px;
	}
	.button:hover span {
		background-position:left -40px;
	}

	table .button { 
		margin-right:0px;
	}


/**   LINKBUTTONS - END   **/


ol li{
	margin-bottom:9px;
}

.navigationE0{
	float:left;
    list-style-type:none;
    margin:0px;
	margin-top:12px;
    padding:0px;
    height:23px;
}

.navigationE0 li{
    float:left;
}

.navigationE0 a{
 	cursor:pointer; 
    display:block;
    float:left;
    font-size:12px;
	line-height:23px;
    color:#fff;
	background-color:#408440;
    text-decoration:none;
    padding-left:10px;
    padding-right:0px;
	margin-right:1px;
    height:23px;
	background-image:url(../images/cornerTopLeft.gif);
	background-position:top left;
    background-repeat:no-repeat;
}

.navigationE0 a span{
    display:block;
    float:left;
    height:23px;
    padding-right:10px;
	background-image:url(../images/cornerTopRight.gif);
	background-position:top right;
    background-repeat:no-repeat;
}

.navigationE0 a.active{
    background-color:#fff;
	color:#ffc21b;
}

.navigationE0 a:hover{
    background-color:#fff;
	color:#ffc21b;
}

.navigationE1{
	position:relative;
	top:40px;
    list-style-type:none;
    margin:0px;
    padding:0px;
	min-height:300px;
}

.navigationE1 li{
	background-color:#f1f1f1;
	border-top:1px solid #fff;
}

.navigationE1 a{
    display:block;
    font-size:12px;
	line-height:24px;
    color:#777;
    text-decoration:none;
    padding-left:10px;
    padding-right:12px;
    height:24px;
	text-align:right;
}

.navigationE1 a.active{
/*	color:#ffc21b;*/
	color:#fff;
	background-color:#aaa;
}

.navigationE1 a:hover{
	color:#ffc21b;
}

.navigationE2{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.navigationE2 li{
	background-color:#f1f1f1;
	border:none;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#fafafa;
}

.navigationE2 a{
    display:block;
	font-size:11px;
    color:#777;
    text-decoration:none;
    padding-right:12px;
    padding-left:100px;
    height:auto;
	line-height:normal;
	text-align:right;
}

.navigationE2 a.active{
	color:#ffc21b;
	background-color:#fafafa;
}

.navigationE2 a:hover{
	color:#ffc21b;
}

#logo{
	width:285px;
	float:right;
	margin-right:12px;
	margin-top:8px;
}

#columnLeft{
	position:relative;
	width:515px;
	float:left;
}

#columnRight{
	position:relative;
	width:220px;
	float:right;
}

a{
	color:#199419;
	text-decoration:none;
}

a:hover{
	color:#ffc21b;
}

th a{
	color:#fff;
	text-decoration:none;
}

th a:hover{
	color:#fff;
	text-decoration:underline;
}

h1{
	margin:0px;
}

#header h1{
	display:none;
}

h2{
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
	font-size:16px;
	font-weight:normal;
	color:#199419;
}

h3{
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:13px;
	font-weight:normal;
	color:#199419;
}

p{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

#columnRight h3{
	float:right;
	margin-right:14px;
}

table{
	border-collapse:collapse;
	border-bottom:6px solid #8a8888;
	font-family:tahoma;
	margin-bottom:20px;
}

th{
	background-color:#8a8888;
	color:#fff;
	padding:6px;
	vertical-align:top;
	text-align:left;
}

td{
	border-bottom:1px solid #c9c9c9;
	padding-top:4px;
	padding-left:6px;
	padding-bottom:4px;
	padding-right:6px;
	vertical-align:top;
	text-align:left;
}


td img{
	vertical-align:bottom;
	margin-bottom:4px;
}

.odd td{
	background-color:#fff;
}

.even td{
	background-color:#f7f7f7;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.cb{
	clear:both;
}

.r{
	text-align:right;
}

.c{
	text-align:center;
}

.nb{
	white-space:nowrap;
}

.dn{
	display:none;
}

.smallFont{
	font-size:9px;
}

.alert{
	color:#f00;
}

#footer{
	width:789px;
	height:84px;
	padding-top:10px;
	padding-left:18px;
	padding-bottom:10px;
	padding-right:18px;
	background-image:url(../images/footerBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#f7f7f7;
	border-top:1px solid #c9c9c9;
	margin-bottom:40px;
}

#footer a{
	color:#777777;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

#imageMap{
	position:absolute;
	left:-45px;
	top:0px;
	z-index:10;
}

.gallery{
	float:left;
	width:300px;
	margin-right:20px;
	margin-bottom:100px;
}

#selectintervalBegin,#selectintervalEnd {
  display:none;
  position:absolute;
  z-index:99;
}

.selectCalendar {

  font: normal 10px tahoma;
  font-size:10px;
  width:125px;
  padding:10px;
  padding-top:6px;
  background-color:#ffffff;
  color:#555555;
  border:1px solid #96D23C;
  height:120px;
  text-align:center;
}    

#calendarBody{
  margin-top:6px;
  width:105px;
  clear:both;
}
.selectCalendar a.calendarNavi{
  position:relative;
  display:block;
  width:10px;
  height:15px;
  font-weight:bold;
  background-color:red;
  text-decoration:none;
  cursor:pointer;
 }    

.inlineText, .inlineIcon{
  display:inline !important;
} 

.selectCalendar a.inlineIcon{
  position:absolute;
  margin-left:4px;
  display:inline !important;
  background:url('../images/icon_arrow_up.gif') no-repeat;
}

.selectCalendar a.l{
  position:absolute;
  margin-left:4px;
  top:8px;
  left:0px;
  background:url('../images/icon_arrow_left.gif') no-repeat;
}
.selectCalendar a.l span,.selectCalendar a.r span, .selectCalendar a.inlineIcon span{
  display:none;
}

.selectCalendar a.r{
  position:absolute;
  margin-right:4px;
  top:8px;
  right:0px;
  background:url('../images/icon_arrow_right.gif') no-repeat;
}

.selectCalendar .date{
  display:block;
  text-align:right;
  width:15px;
  height:15px;
  float:left;
  text-decoration:none;
  cursor:pointer;
}    
.selectCalendar .today{
  background-color:pink;
}

fieldset{
	border:none;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

label{
	clear:both;
	display:block;
	float:left;
	width:100px;
	margin-bottom:4px;
}

input{
	height:14px;
	border:1px solid #ccc;
    font-size:11px;
    font-family:verdana, sans-serif;
	color:#777777;
	margin-bottom:4px;
}

.short{
	width:50px;
}

.medium{
	width:150px;
}

.long{
	width:210px;
}

select{
	height:18px;
	border:1px solid #ccc;
    font-size:11px;
    font-family:verdana, sans-serif;
	color:#777777;
	margin-bottom:4px;
}

.tableBrowser{
	width:122px;
	height:40px;
	margin-top:5px;
	margin-bottom:5px;
}
 
.left667{
	position:relative;
	left:667px;
	width:200px;
}

.left378{
	position:relative;
	left:378px;
	width:200px;
}

/* InfoBox */

.infoBox{
	position:relative;
	width:503px;
	min-height:55px;
	background-color:#f1f1f1;
	padding:6px;
	margin-bottom:12px;
	overflow:hidden;
}

.infoBox p {
	position:relative;
	width:50%;
	float:left;
}

.infoBox a.button {
	clear:left;
}

.infoBox p.vermietung {
	position:relative;
	width:50%;
	float:right;
}

.smallTable{
	width:100%;
}

.smallTable, .smallTable td {
	border:none;
	padding:2px;
}

.smallTable th {
	background-color:transparent;
	color:#777;
	padding:2px;
}

.tableView{
	text-align:right;
}

.tableView form{
	margin:0px;
}

.tableView input, .tableView select{
	vertical-align:middle;
	position:relative;
	top:1px;
}

.nowrap{
	white-space:nowrap;
}

.seatings{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

.seatings li{
	padding:0px;
	margin:0px;
	padding-bottom:8px;
}

.raumdetails{
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

.raumdetails li{
	background:url(../images/icon_checked.gif) no-repeat 2px 3px;
	padding:0px;
	margin:0px;
	padding-left:16px;
	padding-bottom:4px;
}

.raumdetails li.inactive{
	background:none;
	color:#bbb;
}

.seatings li.inactive{
	background:none;
	color:#bbb;
}

#loginErrorMessage{
	position:relative;
	top:16px;
	left:335px;
	position:absolute;
	width:226px;
	height:54px;
	background-image:url(../images/login_error.gif);
	color:gray;
	padding-left:10px;
}

#loginErrorMessage h4{
	margin:0px;
	margin-top:5px;
	margin-bottom:2px;
	padding:0px;
	color:red;
	font-size:11px;
}

#login .loginError{
	background-color:red;
	border:1px solid white;
	color:white;
	font-weight:bold;
}

.warning{
	color:red;
	font-weight:bold;
}

.roomdescription{
	width:190px;
}