* {
  margin: 0;
  padding: 0;
}
.clearfix {
  display: inline-block;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clearleft, .clearl, .cleft {
  clear: left;
}
.clearright, .clearr, .cright {
  clear: right;
}
.clear, .clearboth, .clearall {
  clear: both;
}
.floatleft, .fleft, .floatl {
  float: left;
  margin: 0 10px 5px 0;
}
.floatright, .fright, .floatr {
  float: right;
  margin: 0 0 5px 10px;
}
body,html {
    font-size:100%;
}
body {
  margin: 0;
  font: 13px/1.5em verdana,arial,helvetica,sans-serif;
  background:#fff;
}
/* Links */
a:link, a:visited {
  color: #5793C9;
  text-decoration: none;
}
a:hover, a:active {
  color:5793C9; /*#FAC489;*/
  text-decoration: underline;
}

.imgfleft{
float: left;
  margin: 0 30px 0px 0;	
}

/* Titles. */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}
h1 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 0.5em;
  margin: 0;
  color:#5793C9;
}
h2 {
  font-size: 1.2em;
 font-weight: bold;
  padding: 0 0 0.5em;
  margin: 0;
  color:#5793C9;
}
h3 {
  font-size: 1.3em;
  margin-bottom: 1em;
}
h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}
h5 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0;
}
h6 {
  font-size: 1em;
  font-weight: bold;
}

p {
  margin: 0 0 1em 0;
}
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}
table {
  width: 99%;
  border:0;
  border-spacing: 0px;
}
th {color:#000;font-weight: bold;}
tr.tabledef {padding:0px;margin:0;border:0; }
tr.rowitem_1 {background: #D4E3F2; cursor: pointer;height: 25px;}
tr.rowitem {background: #fff; cursor: pointer;height: 25px;}
tr.rowitem_1:hover{background: #FDE2C5;}
tr.rowitem:hover{background: #FDE2C5;}

.tableadd {padding-top: 15px;}


pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

#website{
  width: 978px;
  margin: 0 auto;	
  background: #ffffff;
  color:#00000;
}
#header_head {
	
}
#languagemenu{text-align: right;padding-top: 5px;padding-right: 15px;}
#languagemenu a.tactiv{font-weight: bold;}

#header{
	height: 100px;
}
.withheader{}
.withoutheader{padding-top: 0px;}

#hlogo{
	width: 289px;
    float:left;
    padding-top: 10px;
}
#hright{
   width: 664px;
   float:left;
   padding-left:25px;  
   
}
#hright .loggedinInfo{
	text-align: right;
	font-size:1em;
}

#hright h1 {
    color: #000000;
    font-size: 2.5em;
    font-weight: normal;
    margin: 0;
    padding:1.0em 0 0 0.5em
}

#container {
	padding-bottom:25px;
}
#content {
	
}
.withmenu{
    float:left;    
    width: 698px;
    padding-left:15px;
    padding-right: 15px;
}
.withoutmenu{
    width: 963px;
    padding-left:15px;
}

#right{
  width: 250px;
  float:right;
  padding-top: 25px;
}

#footer {
  width: 978px;
  margin: 0 auto;   
  text-align: center;
  color:#c4c4c4;
}
#footer a{
	color:#c4c4c4;
}
#footer a:hover{
    color:#c4c4c4;
}

#userbox {
 width: 248px;
 background-color: #D4E3F2;
 border: 1px solid #5793C9;
 margin-bottom:15px;
}
#userbox .box_header{
background-color:#5793C9;   
   color:#fff;
   font-weight: bold;
   padding: 5px; 
}
#userbox .box_content{
background-color:#D4E3F2;	
	padding: 5px;
}
#downloadbox {
 width: 248px;
 background-color: #D4E3F2;
 border: 1px solid #5793C9;
 margin-bottom:15px;
}
#downloadbox .box_header{
background-color:#5793C9;   
   color:#fff;
   font-weight: bold;
   padding: 5px; 
}
#downloadbox .box_content{
background-color:#D4E3F2;   
    padding: 5px;
}


/*Formulare*/

.errors, .formError {color:red;}

/*loginDiv*/
#loginDiv{}
#loginDiv .item{ clear: left;padding-bottom: 5px;}
#loginDiv label{width: 150px;font-weight: bold;float:left;}
#loginDiv .item input{width: 250px;}
#loginDiv .submit {padding-left:150px;}

/*userformDiv*/
#userformDiv{}
#userformDiv .item{ clear: left;padding-bottom: 5px;}
#userformDiv label{width: 250px;font-weight: bold;float:left;}
#userformDiv .item input{width: 250px;}
#userformDiv .submit {padding-left:250px;}
#userformDiv #status{width: 25px;}
#userformDiv #emailstatus{width: 25px;}

/*Gemeindeformular*/
#gemeindeformDiv{}
#gemeindeformDiv .item{ clear: left;padding-bottom: 5px;}
#gemeindeformDiv label{width: 250px;font-weight: bold;float:left;}
#gemeindeformDiv .item input{width: 250px;}
#gemeindeformDiv .submit {padding-left:250px;}

/*Registrierungsformular*/
#registrierungsformDiv{}
#registrierungsformDiv .item{ clear: left;padding-bottom: 5px;}
#registrierungsformDiv label{width: 250px;font-weight: bold;float:left;}
#registrierungsformDiv .item input{width: 250px;}
#registrierungsformDiv .submit {padding-left:250px;}

/*invitee_field*/
#inviteefieldsDiv{}
#inviteefieldsDiv .item{ clear: left;padding-bottom: 5px;}
#inviteefieldsDiv label{width: 250px;font-weight: bold;float:left;}
#inviteefieldsDiv p.desc{padding-left:250px;}

#inviteefieldsDiv .item input{width: 250px;}
#inviteefieldsDiv .item input#invitee_field_required,#inviteefieldsDiv .item input#invitee_field_listuse,#inviteefieldsDiv .item input#invitee_field_usein_tausweis,#inviteefieldsDiv .item input#invitee_field_useemail,#inviteefieldsDiv .item input#invitee_field_useinbelegungsplan,#inviteefieldsDiv .item input#invitee_field_useemailname,#inviteefieldsDiv .item input#invitee_field_useemailvornname{width: 25px;}
#inviteefieldsDiv .submit {padding-left:250px;}
#invitee_field_value{width: 250px;height: 50px;}

/*Project Grundeinstellungen*/
#projectabs {margin-right: 15px;}

#projectabs .ui-widget-content {
    background:none;
    border: 1px solid #5793C9;
    color: #000;
}

#projectabs {
    background:none;
    border:none;
    color: #000;
    font-weight: bold;
}
#projectabs .ui-widget-header {
    background: none;
    border:none;
    color: #FFFFFF;
    font-weight: bold;
}

#projectabs .ui-state-default, #projectabs  .ui-widget-content .ui-state-default,#projectabs  .ui-widget-header .ui-state-default { border: 1px solid #5793C9; background: #f6f6f6 url(../userfiles/jqueryui/jqueryui4.png) 50% 50% repeat-x; font-weight: bold; color: #333333; }
#projectabs .ui-state-default a,#projectabs  .ui-state-default a:link,#projectabs  .ui-state-default a:visited { color: #333333; text-decoration: none; }
#projectabs .ui-state-hover,#projectabs  .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,#projectabs  .ui-state-focus,#projectabs  .ui-widget-content .ui-state-focus,#projectabs  .ui-widget-header .ui-state-focus { border: 1px solid #5793C9; background: #fff url(../userfiles/jqueryui/jqueryui5.png) 50% 50% repeat-x; font-weight: bold; color: #5793C9; }
#projectabs .ui-state-hover a,#projectabs  .ui-state-hover a:hover { color: #5793C9; text-decoration: none; }
#projectabs .ui-state-active,#projectabs  .ui-widget-content .ui-state-active,#projectabs  .ui-widget-header .ui-state-active { border: 1px solid #5793C9; background: #fff; font-weight: bold; color: #5793C9; }
#projectabs .ui-state-active a,#projectabs  .ui-state-active a:link,#projectabs  .ui-state-active a:visited { color: #5793C9; text-decoration: none; }
#projectabs .ui-widget :active { outline: none; }

#projectabs  .ui-widget-content .link,#projectabs  .ui-widget-content .linkback {
    background: url(../userfiles/layout/link-left.gif) no-repeat 0% 0%;
    display: inline-block;
    height: 29px;
    overflow: hidden;
    float: none;
    line-height: 26px;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
}

#projectabs  .ui-widget-content .link span,,#projectabs  .ui-widget-content .linkback span {
    background: url(../userfiles/layout/link-right.gif) no-repeat 100% 0%;
    display: inline-block;
}
    
#projectabs  .ui-widget-content .link span span,#projectabs  .ui-widget-content .linkback span span {
    background: url(../userfiles/layout/link-tail.gif) repeat-x 0% 0%;
    display: inline-block;
    height: 29px;
    overflow: hidden;
    margin: 0 12px;
    padding: 0 3px 0 4px;
}
        
#projectabs  .ui-widget-content .link:hover,#projectabs  .ui-widget-content .linkback:hover {
    cursor: pointer;
    color: #000;
}
#projectabs  .ui-widget-content .link,#projectabs  .ui-widget-content td{font-weight: normal;} 

#projectdescriptionhead{font-weight: bold;}
#projectdescription{margin-top: 15px;margin-bottom:15px;}
#projectdescription .ui-tabs-panel {
    background: #fff;
    border-width: 0;
    display: block;
    padding: 5px;
}
#projectevent{margin-top: 15px;margin-bottom:15px;}
#projectevent label{width: 180px;font-weight: bold;float:left;}
#projectdates{padding-bottom: 15px;}
#projectdates label{width: 180px;font-weight: bold;float:left;}

#showeventzeitraum{padding-bottom: 10px;}

/*Project Grundeinstellung Fields*/
#exitsfields{width: 310px;float:left;margin-right: 10px;}
#availablefields{width: 310px;float:left;}
#exitsfields .title, #availablefields .title{font-weight: bold;}

#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #fff; padding: 5px; width: 290px;border:1px solid #5793C9;}
#sortable1 li, #sortable2 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 269px; }
#sortable1 li.ui-state-highlight,#sortable2 li.ui-state-highlight  { background-color: #F6F698; height: 1.5em; line-height: 1.2em; border: dashed 1px gray; }

/*Teilnehmer Form*/
#teilnehmerFormDiv{}
#teilnehmerFormDiv .item{ clear: left;padding-bottom: 5px;}
#teilnehmerFormDiv label.ltext{width: 250px;font-weight: bold;float:left;}
#teilnehmerFormDiv label.ltextarea{width: 250px;font-weight: bold;float:left;}
#teilnehmerFormDiv label.lselect{width: 250px;font-weight: bold;float:left;}
#teilnehmerFormDiv label.lradio{width: 250px;font-weight: bold;float:left;}
#teilnehmerFormDiv label.lcheckbox{width: 250px;font-weight: bold;float:left;}
#teilnehmerFormDiv label.datetime{width: 250px;font-weight: bold;float:left;}

#teilnehmerFormDiv p.desc{padding-left:250px;}
#teilnehmerFormDiv .item input.text{width: 250px;}
#teilnehmerFormDiv .item input.checkbox{width: 25px;}
#teilnehmerFormDiv .item input.radio{width: 25px;}
#teilnehmerFormDiv .item textarea{width: 250px;height: 50px;}
#teilnehmerFormDiv .submit {padding-left:250px;}

#translatefilterform{padding-bottom: 15px;}
#translatefilterform label{font-weight: bold;float:left;}

#translateDiv .item{ clear: left;padding-bottom: 5px;}
#translateDiv label{width: 185px;font-weight: bold;float:left;}
#translateDiv p.desc{padding-left:185px;}
#translateDiv .item input{width: 350px;}
#translateDiv .item textarea{width: 350px;height: 80px;}
#translateDiv .submit {padding-left:185px;}

#translateaddDiv{}
#translateaddDiv .item{ clear: left;padding-bottom: 5px;}
#translateaddDiv label{width: 185px;font-weight: bold;float:left;}
#translateaddDiv p.desc{padding-left:185px;}
#translateaddDiv .item input{width: 350px;}
#translateaddDiv .item textarea{width: 350px;height: 80px;}
#translateaddDiv .submit {padding-left:185px;}

#teilnehmerfilterformouter{padding-bottom: 15px;}
#TeilnehmerFilterFormDiv{}
#TeilnehmerFilterFormDiv .item{ clear: left;padding-bottom: 5px;}
#TeilnehmerFilterFormDiv label{width: 250px;font-weight: bold;float:left;}
#TeilnehmerFilterFormDiv .item input{width: 250px;}
#TeilnehmerFilterFormDiv .submit {padding-left:250px;}

#emailformDiv{}
#emailformDiv .item{ clear: left;padding-bottom: 5px;}
#emailformDiv label{width: 250px;font-weight: bold;float:left;}
#emailformDiv .item input{width: 300px;}
#emailformDiv .submit {padding-left:0px;}
#emailformDiv .item_email_text{padding-bottom: 10px;}
#emailformDiv .item_email_text label{display:none;}

/*Mensaformular*/
#mensaformDiv{}
#mensaformDiv .item{ clear: left;padding-bottom: 5px;}
#mensaformDiv label{width: 250px;font-weight: bold;float:left;}
#mensaformDiv .item input{width: 250px;}
#mensaformDiv .submit {padding-left:250px;}

/*ZimmerForm*/
#zimmerformDiv{}
#zimmerformDiv .item{ clear: left;padding-bottom: 5px;}
#zimmerformDiv label{width: 250px;font-weight: bold;float:left;}
#zimmerformDiv .item input{width: 250px;}
#zimmerformDiv .submit {padding-left:250px;}
#zimmerformDiv .item input#zimmer_duschewc{width: 25px;}
#zimmerformDiv .item input#zimmer_behindertengerecht{width: 25px;}
/*Admininstro Bloecke*/
#adminitrouser{
 background-color: #D4E3F2;
 border: 1px solid #5793C9;
 margin-bottom: 15px;
}
#admintintro_userhead{
 background-color: #5793C9;
 color: #FFFFFF;
 font-weight: bold;
 padding: 5px;
}
#adminintro_usercontent{
  background-color: #FFF;
  padding: 5px;
}


#adminitrocheckinout{
 background-color: #FDE2C5;
 border: 1px solid #FDE2C5;
 margin-bottom: 15px;
 width: 340px;
 float:left;
 margin-right:10px;
}
#admintintro_checkinouthead{
 background-color: #FDE2C5;
 color: #000;
 font-weight: bold;
 padding: 5px;
}
#adminintro_checkincontent{
  background-color: #FFF;
  padding: 5px;
}

#adminitrostatistik{
 background-color: #FDE2C5;
 border: 1px solid #FDE2C5;
 margin-bottom: 15px;
 width: 343px;
 float:left;
}
#admintintro_statistikhead{
 background-color: #FDE2C5;
 color: #000;
 font-weight: bold;
 padding: 5px;
}
#adminintro_statistikcontent{
  background-color: #FFF;
  padding: 5px;
}

/*Belegungsplan*/
#belegpgesamtlistelink{padding-bottom: 10px;text-align: right;}

#belegpfilterform_teilnehmer{
 background-color: #D4E3F2;
 border: 1px solid #5793C9;
 margin-bottom: 15px;
}
#belegpfiltergemeinde{
 background-color: #5793C9;
 color: #FFFFFF;
 font-weight: bold;
 padding: 5px;
}
#belegpfiltergemeinde .item{ clear: left;padding-bottom: 5px;}
#belegpfiltergemeinde label{width: 100px;font-weight: bold;float:left;}

#belegpfiltergemeinde_teilnehmer{
  background-color: #FFF;
  padding: 5px;
}

#belegpfilterform_haus{
 background-color: #D4E3F2;
 border: 1px solid #FDE2C5;
 margin-bottom: 15px;
}
#belegpfilterhaus{
 background-color: #FDE2C5;
 color: #000;
 font-weight: bold;
 padding: 5px;
}
#belegpfilterhaus .item{ float: left;padding-bottom: 5px;padding-top: 5px;}
#belegpfilterhaus label{width: 100px;font-weight: bold;float:left;}

#belegpfilterhaus .papierkorb{background: url(../userfiles/papierkorb.png) no-repeat center; width: 35px; height: 35px;float:right;z-index:100;}

#belegpfilterhaus_zimmer{
  background-color: #FFF;
  padding: 5px;
}
#belegpfilterform_teilnehmer .teilnehmer_item{margin:5px;padding:5px;border:1px solid #D4E3F2;width:205px; float:left;position: relative;} 
#belegpfilterform_teilnehmer .nodragg{color:#c4c4c4;border:1px solid #c4c4c4;}
#belegpfilterform_teilnehmer .draggableitem{cursor:pointer;}
#belegpfilterform_teilnehmer .draggableitem:hover{cursor:pointer;color:#5793C9;border:1px solid #5793C9;background:#D4E3F2; }

#belegpfilterhaus_zimmer .zimmer_item{margin:5px;border:1px solid #D4E3F2;width:215px; float:left;}

#belegpfilterhaus_zimmer .zimmer_head_nr{width: 110px;height:22px;float:left;background-color: #D4E3F2;padding-top:3px;padding-left:5px;}
#belegpfilterhaus_zimmer .zimmer_head_gesamtzimmer{width: 50px;height:25px;float:left;background-color: #D4E3F2;}
#belegpfilterhaus_zimmer .zimmer_head_wc0{width: 25px;height:25px;float:left;background-color: #D4E3F2;}
#belegpfilterhaus_zimmer .zimmer_head_behindertengerecht0{width: 25px;height:25px;float:left;background-color: #D4E3F2;}
#belegpfilterhaus_zimmer .zimmer_head_wc1{width: 25px;height:25px;float:left;background: url(../userfiles/ducschewc.png) no-repeat center;}
#belegpfilterhaus_zimmer .zimmer_head_behindertengerecht1{width: 25px;height:25px;float:left;background: url(../userfiles/rollizimmer.png) no-repeat center;}


#belegpfilterhaus_zimmer .zimmer_item_belegung{min-height: 50px;padding-top: 5px;}
.zimmer_item_hover{background:#FDE2C5; }

#belegpfilterhaus_zimmer .draggdelete{cursor:pointer;margin:5px;padding:5px;border:1px solid #FDE2C5;}
#belegpfilterhaus_zimmer .draggdelete:hover{cursor:pointer;color:#5793C9;border:1px solid #5793C9;background:transparent; }
.teilnehmer_delete_item_hover{border:1px solid #ff0000;}

/*Tooltip Mouse*/
 #tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    padding:5px;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    width: 250px;
    background-color: #fff;
    border:1px solid #D4E3F2;
  }
  
  
  
#blegungsplanindex .index_belegpfilterform_haus{
 background-color: #D4E3F2;
 border: 1px solid #FDE2C5;
 margin-bottom: 15px;
}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus{
 background-color: #FDE2C5;
 color: #000;
 font-weight: bold;
 padding: 5px;

}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus .item{ float: left;padding-bottom: 5px;padding-top: 5px;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus label{width: 100px;font-weight: bold;float:left;}


#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer{
  background-color: #FFF;
  padding: 5px;
}

#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_item{margin:5px;border:1px solid #D4E3F2;width:215px; float:left;}

#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_nr{width: 110px;height:22px;float:left;background-color: #D4E3F2;padding-top:3px;padding-left:5px;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_gesamtzimmer{width: 50px;height:25px;float:left;background-color: #D4E3F2;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_wc0{width: 25px;height:25px;float:left;background-color: #D4E3F2;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_behindertengerecht0{width: 25px;height:25px;float:left;background-color: #D4E3F2;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_wc1{width: 25px;height:25px;float:left;background: url(../userfiles/ducschewc.png) no-repeat center;}
#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_head_behindertengerecht1{width: 25px;height:25px;float:left;background: url(../userfiles/rollizimmer.png) no-repeat center;}


#blegungsplanindex .index_belegpfilterform_haus .index_belegpfilterhaus_zimmer .zimmer_item_belegung{min-height: 50px;padding-top: 5px;}

#blegungsplanindex  .teilnehmer_item{margin:5px;padding:5px;border:1px solid #D4E3F2;width:190px; float:left;position: relative;}