@charset "utf-8";

/* Farben */
	
	/* Akzentfarbe */
	.gruen0, .gruen {color:#AA4A96;}
	.gruen1, .gruen2 {color:#ffffff;}
	
	/* Linkfarbe */
	.blau, .blau1, .blau2, .blau3, .blau4 {color:#AA4A96;}
	
	/* grau/schwarz */
	.schwarz {color:#000000;}
	.grau0 {color:#666666;}
	.grau {color:#999999;}
	.grau1 {color:#cccccc;}
	.grau2 {color:#eeeeee;}
	.white {color:#ffffff;}

	/* Warnfarbe */
	.rot {color:#990000;}
	.rot1 {color:#eecccc;}
	
	/* Hintergrundfarbe */
	.back0, .back1,	.back2, .back3, .back4 {background-color:#ffffff;}	
	.backred {background-color:#eecccc;}
	.backgreen {background-color:#ffffff;}
	.backblue {background-color:#AA4A96;}
	.backgray {background-color:#eeeeee;}

/* Grundformen */
table {color:#000000; width:100%;}
form {margin:0;}
textarea {resize:none;}
ol, ul  {margin:0 auto; padding:0 0 0 20px;}
p {margin:0 0 10px 0;}
input[type='date'] {width:122px; padding-right:0px;}
input[type='time'] {width:74px; padding-right:0px;}

/* Hintergrund */
body {background-repeat:no-repeat; margin:0px 0px 0px 0px; font-family:Ubuntu, Arial, Helvetica, sans-serif;}
.backgreen {background-color:#AA4A96;}

/* Header */
#header {
	background-color:#ffffff;
	width:100%;
	overflow:hidden;
	text-align:center;
	position:fixed; 
	top:0;
    left:0;
    z-index:40;
	height:100px;
	padding-top:45px;
    transition:all 0.3s;
}
#header.smaller, #header.eingeloggt {
	height:70px;
	padding:25px 0px 10px 0px;
	top:0;
}

/* Titel */
#t1 {font-weight:700; font-size:1.8em; line-height:100%; color:#000000; transition:all 0.3s; color:#000000;}
#t1.smaller, #t1.eingeloggt {font-size:1.5em; padding-top:5px;}
#t2 {font-weight:400; font-size:1.4em; color:#000000; transition:all 0.3s;}
#t2.smaller, #t2.eingeloggt {font-size:1.2em; color:#000000;}
#iconlogo {height:55px; margin-right:10px; transition:all 0.3s;}
#iconlogo.smaller, #iconlogo.eingeloggt {height:45px; margin:5px 7px 0px 0px;}

/* Login */
#login.eingeloggt {
	background-color:#AA4A96;
	width:100%;
	text-align:center;
	position:fixed;
	top:105px;
    left:0;
    z-index:300;
	padding:15px 0px;
    transition:all 0.3s;
}
#loginregister {
	position:relative;
	z-index:300;
	overflow:hidden;
    transition:all 0.3s;
	float:right;
	text-align:right;
	margin-top:-45px;
}
#loginregister.smaller {
	display:block;
}

/* Menü */
#menu {	
	background-color:#AA4A96;
	text-align:center;
	width:100%;
	position:fixed;
	top:145px;
    left:0;
    z-index:30;
	padding:15px 0px;
    transition:all 0.3s;
	border-bottom:30px solid #ffffff;
}
#menu.smaller {
	top:100px;
	font-size:1.0em; 
	padding:7px 0px;
}
#menu.eingeloggt {display:none;}
.menutext {color:#ffffff; font-size:1.1em; text-align:left; font-weight:700; margin-right:20px;}

/* Content */
#content {background-color:#ffffff; text-align:center; padding:215px 0px 40px 0px; min-height:470px;}
#content.eingeloggt {padding:175px 0px 40px 0px; min-height:470px;}

/* Container */
#container {width:800px; margin:0px auto; text-align:left;}
#containertext {clear:left; overflow:hidden;}
	
	/* links */
	#containerleft {text-align:left; float:left; margin-right:10px; clear:left;}
	#container0 {text-align:left; float:left; overflow:visible;}
	#container5 {text-align:left; float:left; overflow:visible; margin-right:5px;}
	#container10 {text-align:left; float:left; overflow:visible; margin-right:10px;}
	
	/* rechts */
	#container2 {text-align:left;}
	#containerright {text-align:right;}
	#containerright0 {text-align:right; float:right;}
	#containerright5 {text-align:right; float:right; margin-left:5px;}
	#containerright10 {text-align:right; float:right; margin-left:10px;}
	
/* Footer */
#footer {color:#ffffff; background-color:#AA4A96; text-align:center; padding:15px 0px 15px 0px; border-bottom:40px solid #AA4A96;}

/* Überschriften */
.h1 {font-weight:700; font-size:1.6em; line-height:120%; margin:30px 0px 20px 0px; clear:left;}
.h2 {font-weight:700; font-size:1.4em; line-height:120%; margin:25px 0px 15px 0px; clear:left;}
.h3 {font-weight:700; font-size:1.2em; line-height:120%; margin:20px 0px 10px 0px; clear:left;}
.h4 {font-weight:700; font-size:1em; line-height:120%; margin:15px 0px 5px 0px; clear:left;}
.h5 {font-weight:700; font-size:1em; line-height:120%; margin:0px 0px 5px 0px; clear:left;}

/* Texte */
.text {font-size:1em; line-height:120%; color:#000000;}
.regular {font-weight:400;}
.bold {font-weight:700;}
.black {font-weight:900;}
.mega {font-size:3.0em; line-height:120%;}
.xxxxl {font-size:2.0em; line-height:120%;}
.xxxl {font-size:1.8em; line-height:120%;}
.xxl {font-size:1.6em; line-height:120%;}
.xl {font-size:1.4em; line-height:120%;}
.large {font-size:1.2em; line-height:120%;}
.medium {font-size:1.0em; line-height:120%;}
.small, .submenu1 {font-size:0.8em; line-height:120%;}
.smallest {font-size:0.5em; line-height:100%;}
.infotext {font-size:0.8em; line-height:120%; color:#AA4A96; clear:left; padding-top:10px; overflow:hidden;}
.pflichtfelder {margin-left:20px;}
.textover {position:absolute; margin:20px; font-family:Caveat; font-size:2em; font-weight:700; line-height:120%;}
.note {font-style:italic;}

/* Links */
a {transition:all 0.3s;}
a:link {text-decoration:none; color:#AA4A96;}
a:visited {text-decoration:none; color:#AA4A96;}
a:hover {opacity:0.7;}
a:active {opacity:0.7;}
.whitelink {cursor:pointer; color:#ffffff;}

/* Badges */
.badge {background-color:#AA4A96; color:#ffffff; font-size:0.7em; font-weight:bold; padding:1px 6px;}
.badgegreen {background-color:#ffffff; font-size:0.8em; font-weight:bold; padding:3px 6px 1px 6px;}
.badgered {background-color:#eecccc; font-size:0.8em; font-weight:bold; padding:3px 6px 1px 6px;}
.badgegrey {background-color:#dddddd; font-size:0.8em; font-weight:bold; padding:3px 6px 1px 6px;}
.badge-date {background-color:#AA4A96; color:#ffffff; font-weight:bold; padding:2px 6px; position:absolute; margin:10px;}
.badge-date-cancelled {background-color:#666666; color:#ffffff; font-weight:bold; padding:2px 6px; position:absolute; margin:10px;}
.badge-title {background-color:#AA4A96; color:#ffffff; font-weight:bold; padding:3px 8px; position:absolute; margin:20px;}
.badge-title-cancelled {background-color:#666666; color:#ffffff; font-weight:bold; padding:3px 8px; position:absolute; margin:20px;}
.badge-count {background-color:#ffffff; font-size:0.8em; line-height:190%; font-weight:bold; padding:1px 6px 0px 6px; border:2px solid; border-radius:20px; margin-left:7px; overflow:hidden;}
/*.badge-menu, .badge-menu2:hover {background-color:#AA4A96; color:#ffffff; font-size:0.8em; line-height:120%; font-weight:bold; padding:4px 9px 2px 9px; border:2px solid #AA4A96; border-radius:20px; min-width:20px; transition:all 0.3s;} */
.badge-menu, .badge-menu2 {background-color:#transparent; color:#AA4A96; font-size:0.8em; line-height:120%; padding:4px 0px 2px 0px; border:2px solid #ffffff; border-radius:20px; transition:all 0.3s;}

/* Beschriftungen */
.beschriftung {margin-top:5px;}
.beschriftung1 {width:100px; margin-top:5px;}
.beschriftung10 {width:100px;}
.beschriftung15 {width:150px; margin-top:5px;}
.beschriftung2 {width:200px; margin-top:5px;}
.beschriftung20 {width:200px;}
.beschriftung3 {width:300px; margin-top:5px;}

/* Formulare */
.formular, .formular2 {border-bottom:2px solid #AA4A96; border-top:0; border-left:0; border-right:0; color:#000000; padding:3px 6px; background-color:transparent; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size:1.0em; transition:all 0.3s;}
.formularsmall {border-bottom:2px solid #ffffff; border-top:0; border-left:0; border-right:0; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size:1.0em; color:#000000; margin:0px; padding:3px 6px; background-color:transparent; transition:all 0.3s;}
.formular:disabled {border-bottom:2px solid #999999;}
.chatformular {border:none; color:#AA4A96; padding-right:15px; background-color:transparent; transition:all 0.3s; margin:-3px 3px -1px -4px; font-weight:bold; overflow:visible; font-family: Ubuntu, Arial, Helvetica, sans-serif; font-size:1.0em;}
.formline {clear:both; padding:2px 0px; overflow:auto;}
.voll {width:580px;}
.voll1 {width:630px;}
.voll2 {width:510px;}
.halb0 {width:550px;}
.halb1 {width:500px;}
.halb2 {width:70px;}
.mittel {width:100px;}
.kurz {width:40px;}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
select::-ms-expand {
  display: none;
}
.select-wrapper {position: relative;}
.select-wrapper::before {
  content: "\00A0\25BC";
  font-size: 20px;
  position: absolute;
  right: 0px;
  top: 0px;
  color: #AA4A96;
  border: 0px;
}

/* Radio Buttons */
fieldset {margin:0; border:0; padding:0px 0px 10px 0px; font:10pt Ubuntu, Arial, Helvetica, sans-serif;}
.radio {appearance: none; width:auto; margin:0; border:none; border-radius:0;}
.radio:checked,
.radio:not(:checked) {visibility: hidden; margin:0px 0px 0px -10px; padding:0px 5px 0px 0px;}
.radio + label.label {text-align: center; margin-top:0px;}
.radio:checked + label.label::before,
.radio:not(:checked) + label.label::before {content:'\00A0\25CE'; text-align:center; display:inline-block; color:#AA4A96; font-size:1.2em; padding:0px 5px 0px 0px; transition:all 0.3s;}
.radio:hover  + label.label::before {content: '\00A0\25C9'; color:#AA4A96; font-size:1.2em; padding:0px 5px 0px 0px;}
.radio:disabled + label.label::before {color:#999999;}
.radio:disabled + label {color:#999999;}
.radio:checked + label.label::before {content: '\00A0\25C9'; color:#AA4A96; font-size:1.2em; padding:0px 5px 0px 0px;}
.radio:checked + label {color:#000000;}

	/* Bewertung */
	span#rating {line-height:30px;}
	span.stars {float:left;}
	span.stars:not(:checked) > input {display:none;}
	span.stars:not(:checked) > label {float:right; width:0.7em; padding:0 .1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:150%; line-height:1.2; color:#AA4A96; transition:all 0.3s;}
	span.stars:not(:checked) > label:before {content: '★ ';}
	span.stars > input:checked ~ label {color:#AA4A96;}
	span.stars:not(:checked) > label:hover,
	span.stars:not(:checked) > label:hover ~ label {color:#AA4A96;}
	span.stars > input:checked + label:hover,
	span.stars > input:checked + label:hover ~ label,
	span.stars > input:checked ~ label:hover,
	span.stars > input:checked ~ label:hover ~ label,
	span.stars > label:hover ~ input:checked ~ label {color:#AA4A96;} 
	
	/* Umfrage */
	.voting {appearance: none; width:auto; margin:0; border:none; border-radius:0;}
	.voting:checked,
	.voting:not(:checked) {visibility: hidden; margin:0; padding:0;}
	.voting + label {cursor: pointer; text-align: center; margin-top:0px;}
	.voting:checked + label::before,
	.voting:not(:checked) + label::before {content:' ';	text-align:center; display:inline-block; width:20px; height:20px; border:2px solid #AA4A96; border-radius:30px; background-color:#AA4A96;}
	.voting:hover + label::before {opacity: 0.7; background: url("../pictures/ok1.png") no-repeat center;}
	.voting:disabled + label::before {border:2px solid #CCCCCC; background-color:#ffffff; cursor: default;}
	.voting:checked + label::before {border:2px solid #AA4A96; background: #ffffff url("../pictures/ok1.png") no-repeat center;}
	.plusbar {float:right; background-color:#009045; color:#FFFFFF; padding:3px 0px; text-align:left;}
	.egalbar {float:right; background-color:#AA4A96; color:#FFFFFF; padding:3px 0px; text-align:center;}
	.egaltext {position:absolute; color:#FFFFFF; padding:3px; border-right:1px solid #AA4A96;}
	.minusbar {float:right; background-color:#F07D18; color:#FFFFFF; padding:3px 0px; text-align:right; overflow:visible;}
	.minustext {position:absolute; color:#FFFFFF; padding:3px; border-right:1px solid #F07D18;}
	.vetobar {float:right; background-color:#C51A1B; color:#FFFFFF; padding:3px 0px; text-align:right; overflow:visible;}
	.vetotext {position:absolute; color:#FFFFFF; padding:3px; border-right:1px solid #C51A1B;}
		
/* Buttons */
.knopf {cursor:pointer; font-size:1.0em; color:#ffffff; background-color:#AA4A96; padding:10px 30px; line-height:120%; border:2px solid #AA4A96; border-radius:20px; font-weight:bold; transition:all 0.3s;}
.knopf:hover {color:#AA4A96; background-color:#ffffff;}
.knopf:disabled {cursor:auto; border:2px solid #666666; color:#ffffff; background-color:#666666;}
.knopf1 {cursor:pointer; font-size:1.0em; color:#ffffff; background-color:transparent; padding:10px 30px; line-height:120%; border:0px solid #AA4A96; border-radius:20px; font-weight:700; text-transform:uppercase;}
.knopf1:hover {color:#AA4A96; border-color:#AA4A96; background-color:#ffffff; transition:all 0.3s;}
.knopf2 {cursor:pointer; font-size:1.0em; color:#AA4A96; background-color:#ffffff; padding:10px 30px; line-height:120%; border:2px solid #AA4A96; border-radius:20px; font-weight:bold; transition:all 0.3s;}
.knopf2:hover {color:#AA4A96; border-color:#AA4A96; background-color:#ffffff;}
.knopf2:disabled {cursor:auto; border:2px solid #666666; color:#666666; background-color:#ffffff;}
.knopf-link {border:none; outline:none; background:none; cursor:pointer; color:#AA4A96; padding:0; font-family:inherit;
font-size:inherit;}
.knopf-link:hover {opacity:0.7;}
.unknopf {cursor:pointer; color:#AA4A96; font-size:1.0em; background:none; border:0px; padding:0px; margin-top:-4px; transition:all 0.3s;}
.unknopf:hover {opacity:0.7;}

/* Punkte */
.punkt {cursor:pointer; color:#e5eacf; background-color:#e5eacf; padding:1px 7px; border:3px solid #c1cb99; font-weight:bold;}
.punkt:hover, .punktchecked {cursor:pointer; color:#728a16; background-color:#e5eacf; padding:1px 7px; border:3px solid #728a16; font-weight:bold; transition:all 0.3s;}

/* Infoboxen */
.info-i {width:34px; vertical-align:middle; text-align:center; font-size:1.6em; font-weight:bold; padding:10px 2px; margin:0px 20px 0px 0px; float:left; color:#AA4A96; background-color:#ffffff; border-radius:40px;}
.info-small {height:17px; margin-right:2px;}
.information, .keinfehler {background-color:#AA4A96; color:#ffffff; padding:18px 25px; font-size:1em; line-height:120%; margin:10px 0px; overflow:auto; clear:left; transition:all 0.3s; border-radius:40px;}
.information:hover, .keinfehler:hover {border-color:#ffffff;}
.fehler {background-color:#f3e3e3; padding:18px 25px; font-size:1em; line-height:120%; margin:10px 0px; overflow:auto; clear:left; transition:all 0.3s; border-radius:40px;}
.fehler:hover {border-color:#eecccc;}
.close, .close-i {position:relative; text-align:right; float:right; font-size:1.5em; transition:0.15s; color:#AA4A96; margin-top:-3px;}
.close:hover, .close-i:hover {opacity:0.7;}
.close-bild {position:relative; width:15px; text-align:center; float:left; top:27px; left:5px; margin-top:-25px; font-size:1em; transition:0.15s; color:#AA4A96; z-index:1; overflow:hidden; opacity:0.7;}
.close-bild:hover {opacity:1.0;}

/* Meldungsboxen */
.bluebox {clear:both; padding:18px 20px; overflow:auto;}
.overbox {background-color:#ffffff; border:2px solid #AA4A96; padding:18px 20px; overflow:auto; margin-bottom:10px; position: absolute;}
.overbox-transparent {background-color:none; overflow:hidden; position: absolute;}
.titlebox {padding:20px; color:#ffffff; background-color:#AA4A96; overflow:auto; transition:all 0.3s;}
.blautitlebox {padding:20px; background-color:#AA4A96; overflow:auto; transition:all 0.3s;}
.titleboxdunkel {padding:20px; background-color:#ffffff; overflow:auto; transition:all 0.3s;}
.bluebox2 {padding:10px; float:left; margin:2px 15px 15px 0px; width:150px; text-align:center; background-color:#AA4A96; font-weight:bold;}
.form-title {font-weight:bold; margin-bottom:10px;}
.formbox {clear:both; margin:10px 0px; background-color:#ffffff; color:#000000; border:2px solid #AA4A96; padding:10px; overflow:auto; transition:all 0.3s;}
.detailsbox {clear:both; background-color:#ffffff; padding:10px; overflow:auto; transition:all 0.3s;}
.gruenrahmenbox {background-color:#ffffff; border:2px solid #AA4A96; transition:all 0.3s; overflow:hidden;}
.rahmenbox {background-color:#ffffff; border:2px solid #AA4A96; transition:all 0.3s; overflow:hidden;}
.formrahmenbox {clear:both; background-color:#AA4A96; border:2px solid #AA4A96; margin:10px 0px; padding:10px; overflow:auto; transition:all 0.3s;}
.whitebox {background-color:#ffffff; padding:15px;}
.greenbox {background-color:#ffffff; padding:10px; margin-top:10px;}
.phasenbox {border-right:2px solid #ffffff; float:left; width:112px; height:38px; padding:8px 5px; text-align:center; transition:all 0.3s;}

/* Balken */
.balken {background-color:#AA4A96; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}
.balken:hover {background-color:#ffffff;}
.balkendunkel {background-color:#cccccc; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}
.balkendunkel:hover {background-color:#bbbbbb;}
.balkengruen {background-color:#AA4A96; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}
.balkengruen:hover {background-color:#AA4A96;}
.balkengrau {background-color:#aaaaaa; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}
.balkengrau:hover {background-color:#999999;}
.balkenblau {background-color:#ffffff; border:0px solid #AA4A96; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}
.balkenhell {background-color:#ffffff; border:0px solid #AA4A96; font-weight:bold; overflow:hidden; padding:2px 6px; transition:all 0.3s;}

/* Reiter */
.reiter {width:102px; background-color:#AA4A96; border-top:2px solid #ffffff; border-right:2px solid #ffffff; color:#ffffff; padding:9px 5px; text-align:center; font-weight:bold; float:left; transition:all 0.3s;}
.reiter1 {width:102px; background-color:#ffffff; border-left:2px solid #AA4A96; border-top:2px solid #AA4A96; border-right:2px solid #AA4A96; margin:0px 1px 0px -1px; color:#AA4A96; padding:9px 5px; text-align:center; font-weight:bold; float:left; transition:all 0.3s;}
.reiter2 {width:102px; background-color:#ffffff; border-left:2px solid #AA4A96; border-top:2px solid #AA4A96; border-right:2px solid #AA4A96; margin:0px 1px 0px -1px; color:#AA4A96; padding:9px 5px; text-align:center; font-weight:bold; float:left; transition:all 0.3s;}
.reitergrau {width:102px; background-color:#999999; border-top:2px solid #ffffff; border-right:2px solid #ffffff; color:#ffffff; padding:9px 5px; text-align:center; font-weight:bold; float:left;}

/* Tabellen */
.table {display:table;}
.table-cell {display:table-cell; vertical-align: middle;}

/* Zeilen */
.row {padding:5px; overflow:visible; transition:all 0.3s;}
.boxrow {padding:15px 20px; margin-bottom:5px; overflow:visible; transition:all 0.3s;}
.boxrow:hover {opacity:0.7;}
.greenrow {padding:5px; background-color:#ffffff; overflow:visible; transition:all 0.3s;}
.greenrow:hover {background-color:#ffffff;}
.titlerow {background-color:#AA4A96; padding:10px; overflow:visible; transition:all 0.3s;}
	
/* Icons */
.icon {margin:0px 9px -1px 5px;}
.chaticon, .chaticon-wrapper {width:35px; overflow:hidden; float:left; margin-right:10px;}

/* Bilder */
.bild {max-width:800px; overflow:hidden; border:2px solid #AA4A96; transition:all 0.3s;}
.bild:hover {border:2px solid #AA4A96;}
.symbol {height:15px; margin-left:3px;}
.symbol-mini {height:9px;}
.symbol-klein {height:11px; margin-left:3px;}
.symbol-gross {height:25px; margin:5px 5px 0px 0px;}
.vorschau {transition:all 0.3s;}
.vorschau:hover {opacity:0.5;}
.vorschautext {display:none; position:absolute; text-align:center; width:724px; margin-top:160px; font-family:Caveat; color:#AA4A96; background-color:#ffffff; padding:15px; font-weight:700; font-size:5em; opacity:1;}
	
/* Fotos */
.photo {height:390px; overflow:hidden;}
.photo-klein {max-height:125px; overflow:hidden;}
.foto {max-width:800px; overflow:hidden;}
#foto {cursor:pointer; transition:0.15s;}
#foto:hover {opacity:0.7;}
.modal {position:fixed; z-index:1010; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(255, 255, 255, 0.7);}
.modal-content {margin:auto; display:block; width:80%; width:770px; border:3px solid #AA4A96;}
#caption {margin:auto; display:block; width:80%; max-width:770px; text-align:center; color:#000000; font-size:2.0em; font-weight:bold; padding-top:40px;height:150px;}
.modal-content, #caption {-webkit-animation-name:zoom; -webkit-animation-duration:0.6s; animation-name:zoom; animation-duration:0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}
.zu {position: absolute; top: 45px; right: 45px; color: #AA4A96; font-size: 40px; font-weight: bold; transition: 0.3s;}
.zu:hover, .zu:focus {color: #BBBB00; text-decoration: none; cursor: pointer;}
@media only screen and (max-width: 700px){.modal-content {width: 100%;}}

/* Logo */
.logo {max-width:65px; overflow:hidden;}

/* Kalender */
.kalender1 {font-size:0.8em; color:#333333; background-color:#e5eacf; vertical-align:middle; text-align:center; padding:3px 5px 1px 5px;}
.kalender2 {font-size:1.5em; color:#333333; background-color:#f1f4e8; font-weight:bold; vertical-align:middle; text-align:center;}
.kalender3 {padding:0px 15px;}
.calendar {}
td.calendar-day {height:118px; vertical-align:top;}
.calendar-text {font-size:10pt; padding:5px; width:99px; max-height:143px; overflow:hidden; margin:0px 0px 5px 3px;}
.calendar-text:hover {}
td.calendar-day-np {height:118px;}
td.calendar-day-head {height:30px; text-align:center; width:14.28%; padding:5px;}
.day-number {font-size:20px; padding:5px 0px; font-weight:bold; width:100%; text-align:center; vertical-align:top; margin:10px 0px 5px 3px; width:109px;}
.day-with {background:#AA4A96;}
.day-today {background:#AA4A96;}
td.calendar-day, td.calendar-day-np {width:14.28%; padding:0px;}