/* CSS Document */
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#fff;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.container {
	position:relative;
	width:100%;
	min-height:100%;
	padding-bottom:10rem;
	}
	

.main {width:95%; position:relative;
}
/***** main ***********/

.main-content{
	position:relative;
	width:100%;
	height:auto;
	color:#2C2C2C;
	line-height:1.5;
	
}

.main-right a{
	color:#9CBFE7;
	
}


/*.main-content img {
	border:4px solid #fff;
	border-bottom:10px solid #fff;
}*/

	
/******* navis **********/
.login {font-size:2rem;margin-top:10rem}

.navi {
	position:relative;
	z-index:18765;
	

}


/* MOBIL */

.calender {
    width:100%;
  /*  border:1px solid #ccc;*/
	
}
* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}

.day {
float: left;
width: 14%;
height: 24em;
text-align: center;
font-size:0.9em;
border:1px solid #dedede;
position:relative;
}
.colorRed{background:#960707;padding:0px 2px 0px 3px;color:#fff;}
.checkRed{background:#960707;color:#fff}
.checkOrange{background:#ff9900;color:#fff}
.leiheButBox{position:relative;width:17px;height:17px;margin:0 5px 8px 0;display:block;float:left;border-bottom:4px solid #fff;}
.leiheBut{width:17px;height:17px;background:#ccc;display:block;position:relative;border-bottom:1px solid #fff;}
.artVerf{
    text-align:left;
    font-weight:normal;
}
.borderBotVon{padding-bottom:6px;background-image:url(../gfx/verleihBoxLeft.jpg);background-repeat:no-repeat;background-position:left bottom;
}
.borderBotBis{padding-bottom:6px;background-image:url(../gfx/verleihBoxRight.jpg);background-repeat:no-repeat;background-position:right bottom; ;

}

.artBezSpan{position:relative;
    display:inline-block;
width:150px;}
.leiheButInfo{position:absolute;display:none;z-index:20001;top:20px;left:0px;padding:5px;background:#eee;width:150px;text-align:left;}

.artAnzSpan{position:relative;
    display:inline-block;
width:10px;}
.day.headline {
    background:#ddd;
    height:auto;
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.bunt {
	background:#E1F8C0;
}
.grau {
	background:#B4FB0A;
}
.green {
	background:url(../gfx/back-info.jpg) no-repeat left top;
}
.greenO {
	background:url(../gfx/greenO.jpg) no-repeat left top;
}
/* KLASSE TEXTE */
.datum {position:relative;text-align:center;width:25px;clear:both;display:inline-block;margin-bottom:10px}

.classRot {background:#ff0000;
	color:#fff;
}
.classGreen {background:#03C330;
color:#fff;
}
.classOrange{background:#FFB400
}
.pagination {

    text-align: center;
 
    font-weight: bold;
}
.pagination a {
    width:20px;
    height:20px;
}
.pagination .calNavi{
	float: left;
font-size: 20px;
font-weight: normal;
color: #565655;
padding: 0 25px 0 25px;
	}
.pagination .aktMonth {
	font-size:20px;
	color:#565655;
	width:200px;
}
.calNaviHead  {
	display:inline-block;
	text-align:center;
	
	height:40px;
    line-height:40px;
	}
	#reserve {display:none;}
.flend {clear:both}

/***** EIBABEMASKE*********/
#popup{background:rgba(0,0,0,0.5);
display:none;
position:fixed;
	width:60%;
left:20%;
	top:10px;
	width:60%;
	height:100%;
	overflow:scroll;
	
	
	
}

#fieldset{
	
	/*height:80%;*/
	background:#efefef;
	
	box-shadow:   0px 0px 50px 5px #aaa;
-moz-box-shadow:  0px 0px 50px 5px #aaa;
-webkit-box-shadow:   0px 0px 50px 5px #aaa;
	
	padding:2em;
	font-size:1em;
	
	z-index:20000;
min-height:100%;


	}
.buttonsTop{position:relative;width:100%;height:3em}
.buttonsBottom{position:relative;width:100%;height:3em}
	#fieldset.boxVisible{display:block !important}
	.popCol1{position:relative;display:inline-block;width:12em}
	.popCol2{position:relative;display:inline-block;width:30em}
.vorschlaegeBox{position:absolute;top:5em;right:5em;background:#fff;padding:1em;border: 1px solid #ccc;}
.fclose {
	position:absolute;
	right:0px;
	top:-10px;
	padding:0 0.3em 0.7em 0.3em;
	height:1em;
	background:#d00000;
	color:#fff;
	font-size:2em;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
	 border-radius: 8px;	
	 cursor:pointer;

}
.fsave {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0 0.3em 0.3em 0.3em;
	height:1em;
	background:#93DC05;
	color:#fff;
	font-size:1em;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	 border-radius: 3px;	
	 cursor:pointer;

}
.fdelete {
	position:absolute;
	left:20px;
	bottom:20px;
	padding:0 0.3em 0.3em 0.3em;
	height:1em;
	background:#AF0303;
	color:#fff;
	font-size:1em;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	 border-radius: 3px;	
	 cursor:pointer;

}
/*#edit,#save {display:none}*/
input,select,textarea{
	-moz-border-radius:8px;
	-khtml-border-radius:8px;	
	 border-radius: 8px;
	padding:0.5em;
	border:none;
	border:1px solid #ccc;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	
}
textarea {
	width:20em;
	height:6em;
	
}
.termKlein{
	font-size:0.6em;
	font-weight:normal;
}
.sbn{
	position:absolute;
	right:10px;
	top:5px;
	font-size:20px;
}
.bCheck1 {
	display:inline-block;
	background:#C3F34E;
	width:100%;
	height:20px;
}
.bCheck2 {
	display:inline-block;
	background:#ff0000;
	width:100%;
	height:20px;
}
.bCheck3,.bCheck4  {
	display:inline-block;
	background:#ff0000;
	width:100%;
	height:20px;
}
table.termine tr{
	border-bottom:#ccc 1px solid;
	height:30px;
}
.butJa, .butNein{
	height:30px;
	cursor:pointer;
	background:#C3F34E;
	padding:5px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;	
	 border-radius: 4px;
	border:1px solid #ccc;
	
}
.butNein{
	color:#fff;
	background:#ff0000;
	
}
.buam{font-size:13px;font-weight:normal;line-height:20px;}
.verleihListeArtikel{padding-left:2em}
.verleihListeTab1{position:relative; display:inline-block;width:150px}
.verleihListeTab2{position:relative; display:inline-block;width:150px}
.trenner{border:none; border-bottom:1px solid #ddd;margin:5px 0 5px 0;}
#datumvon{display:none}