/* ================================================================================================ */
/* == CSS:   	default.css - Standard-Stylesheet (Screen)										 == */
/* ==																							 == */
/* == Author:  	Björn Lorenz, E-Formation GmbH - http://www.eformation.de/						 == */
/* ================================================================================================ */
*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	border: 0;
}
/* ================================================================================================ */
body{
	background: #D8C4D4 url(../nps/bg_body.gif);
	color: #000000;
	font-size: 0.81em;
	font-family: arial, sans-serif;
}
/* ================================================================================================ */
#head{
	height: 70px;
	padding: 5px 10px 0 10px;
	border-bottom: 1px solid #000000;
	background: #000 none repeat-x bottom left;
	color: #FFFFFF;
}
#head #logo{
	float: left;
	margin: 14px 0 0 22px;
}
#head .date_time{
	float: right;
	text-align: right;
	height: 100%;
	width: 15%;
}
#head .date_time strong{
	font-size: 3.46em;
}
#head .welcome{
	float: right;
	height: 42px;
}
#head  .welcome a{
	color: #FFFFFF;
}
#head .navigation{
	float: right;
	font-size: 0.92em;
	font-weight: bolder;
}
#head .navigation ul{
	clear: both;
	float: right;
}
#head .navigation ul li{
	float: left;
}
#head .navigation ul li a{
	display: block;
	margin-left: 2px;
	padding: 9px 15px 3px 15px;
	color: #5E035E;
	background: #B08AAE;
	border: 1px solid #170219;
	text-decoration: none;
	-moz-border-radius: 8px 8px 0 0;
}
#head .navigation ul li.active a,
#head .navigation ul li a:hover,
#head .navigation ul li a:focus,
#head .navigation ul li a:active{
	background: #D7C2D3;
	border-bottom: 1px solid #D7C2D3;
}
/* ================================================================================================ */
#body{
	clear: left;
	padding: 1.00em;
}
/* ================================================================================================ */
#body .marginal.overview_calendar{
	height: 638px;
	overflow: auto;
}
#body .marginal.overview_calendar.calendar_off{
	display: none;
}
#body .marginal.overview_calendar_administration{
	width: 100%;
	float: none;
}
/* ================================================================================================ */
#body .marginal{
	float: left;
	width: 14%;
}
#body .content{
	float: left;
	width: 70%;
	margin: 0 1%;
}
#body .content.calendar_off{
	width: 85%;
	margin-left: 0;
}
/* ================================================================================================ */
#body .content .navigation{
	padding-bottom: 0.04em;
	margin-bottom: 0.16em;
	border-bottom: 1px solid #875E86;
	font-size: 1.85em;
}
#body .content .navigation img{
	margin-bottom: -2px;
}
/* ================================================================================================ */
#body .content #overview{
	float: left;
	width: 20%;
	height: 638px;
	overflow: hidden;
}
#body .content #timeline{
	float: left;
	width: 80%;
}
/* ================================================================================================ */
#body .content form input#auto_refresh{
	margin: 4px 0.39em 1em 16%;
}
#body .content form table{
	width: 100%;
}
#body .content form table th{
	width: 16%;
	text-align: right;
	padding-right: 1%;
	vertical-align: top;
	border-right: 1px solid #e2cedc;
	background: url(../nps/bg_thead.gif) no-repeat right top;
	vertical-align: middle;
}
#body .content form table .first th,
#body .content form table .last th{
	font-size: 1.38em;
}
#body .content form table .now th{
	color: #990000;
	background: url(../nps/bg_thead_now.gif) no-repeat right top;
}
#body .content form table .now td,
#body .content form table .before_now td{
	border-bottom-color: #973838;
}
#body .content form table .blocked th,
#body .content form table .blocked td{
	background: #CCCCCC none;
}
#body .content form table td{
	height: 38px;
	color: #000000;
	background: #FFFFFF;
	border-right: 1px solid #e2cedc;
	border-bottom: 1px solid #e2cedc;
	width: 14%;
}
#body .content form table .first td{
	border-top: 1px solid #e2cedc;
}
#body .content form table.has_click_cells td:hover,
#body .content form table.has_click_cells td:focus,
#body .content form table.has_click_cells td:active{
	background: #FFFFB4;
	cursor: pointer;
}
/* ================================================================================================ */
#body .content #reservations,
#body .content #reservations div.reservation-container,
#body #dragging-reservations-container{
	position: absolute;
	width: 100%;
}
#body .content #reservations div.entry{
	height: 31px;
	/*margin: 1px 0;*/
	padding: 2px 0;
	overflow: hidden;
	-moz-border-radius: 5px;
	/*-moz-opacity: 0.75;*/
	background: url(../nps/bg_entry.gif);
	border: 1px solid #768076;
	color: #171a17;
}
#body .content #reservations div.entry a{
	font-weight: bolder;
}
#body .content #reservations div.reservation-container div{
	position: relative;
}
/* checkbox */
#body .content #reservations div.entry span{
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin: 2px 5px;
	background: url(../nps/ico_checkbox.png) no-repeat center center;
}
#body .content #reservations div.entry span.checked{
	background-image: url(../nps/ico_checkbox_active.png);
}
#body .content #reservations div.entry span.requesting{
	background-image: url(../nps/ico_checkbox_requesting.png);
}
#body .content #reservations div.entry span.comment-indicator{
	background-image: url(../nps/ico_comment.png);
	cursor: default;
	height: 14px;
	margin: 2px 0 2px 2px;
	width: 14px;
}
#group option{
	margin: 5px 0;
	padding: 0 25px;
}
#body .content #reservations div.entry span.group-1,
#group .group-1{
	background: transparent url(../nps/ico_birthday.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-2,
#group .group-2{
	background: transparent url(../nps/ico_birthdayplus.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-3,
#group .group-3{
	background: transparent url(../nps/all-in-white.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-4,
#group .group-4{
	background: transparent url(../nps/ico_club.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-5,
#group .group-5{
	background: transparent url(../nps/ico_hasen.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-6,
#group .group-6{
	background: transparent url(../nps/ico_pizzaparty.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-7,
#group .group-7{
	background: transparent url(../nps/all-in-one.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-8,
#group .group-8{
	background: transparent url(../nps/das-kleine-viertel.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-9,
#group .group-9{
	background: transparent url(../nps/das-grosse-viertel.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-10,
#group .group-10{
	background: transparent url(../nps/the-special-one.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-11,
#group .group-11{
	background: transparent url(../nps/die-wilden-kerle.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group-12,
#group .group-12{
	background: transparent url(../nps/princess-on-tour.png) no-repeat 5px center;
}
#body .content #reservations div.entry span.group{
	background-position: center;
	height: 15px;
	width: 15px;
}
/* long entries */
#body .content #reservations div.now{
	border-width: 2px;
	z-index: 1;
}
/* long entries */
#body .content #reservations div.open_start{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-left: 0;
}
#body .content #reservations div.open_end{
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-right: 0;
}
/* Sizes with calendar */
#body .content #reservations div.entry{
	width: 13.8%;
	overflow: hidden;
}
#body .content #reservations div.slots_2{
	width: 27.8%;
}
#body .content #reservations div.slots_3{
	width: 41.8%;
}
#body .content #reservations div.slots_4{
	width: 55.8%;
}
#body .content #reservations div.slots_5{
	width: 69.8%;
}
#body .content #reservations div.slots_6{
	width: 83.8%;
}
/* ================================================================================================ */
#body .marginal{
	margin-top: 0.69em;
	font-size: 0.92em;
}
#body .marginal h2{
	font-weight: bolder;
	margin-bottom: 0.25em;
}
#body .marginal ul{
	margin-bottom: 1.15em;
	min-height: 50px;
	max-height: 250px;
	overflow-y: auto;
}
#body .marginal ul.highlight{
	background-color: #E5ECF6;
	-moz-border-radius: 8px;
}
#body .marginal ul li{
	height: 14px;
	width: 114px;
	overflow: hidden;
	padding: 4px 8px;
	margin-bottom: 1px;
	-moz-border-radius: 5px;
	background: url(../nps/bg_list_waiting.gif) repeat-x 0 0;
	border: 1px solid #768076;
}
#body .marginal ul li a{
	color: #171a17;
	font-weight: bolder;
}
#body .marginal ul#waitinglist li{
	background: url(../nps/bg_list_waiting.gif) repeat-x 0 0;
}
#body .marginal ul#noshowlist li{
	background: url(../nps/bg_list_missing.gif) repeat-x 0 0;
}
/* ================================================================================================ */
#body .marginal form#queryform input{
	width: 124px;
	height: 16px;
	margin-bottom: 1.15em;
	padding: 4px;
	background: url(../nps/bg_search.png) no-repeat 0 0;
	color: #AAAAAA;
}
#body .marginal form#queryform input.active{
	color: #000000;
}
/* ================================================================================================ */
#body .monthview{
	margin-bottom: 1em;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
#body .monthview td{
	width: 20px;
	height: 21px;
	overflow: hidden;
}
#body .monthview td{
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;
}
#body .monthview th{
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #FFFFFF;
}
#body .monthview td.empty{
	background: transparent;
}
#body .monthview td.full{
	background: #6BEC73;
}
#body .monthview td.entries{
	background: #FFFFFF url(../nps/bg_calendar_entry.gif) no-repeat center center;
}
#body .monthview td.today{
	font-weight: bolder;
	color: #990000;
}
/* ================================================================================================ */
#body .viewlist{
	width: 120px;
	margin-left: 1em;
	padding: 9px 0;
	position: relative;
	top: -77px;
	background: #FFEEFC;
	border: 1px solid #B4A6B2;
/*	overflow: hidden;*/
	z-index: 100;
}
#body .viewlist .element{
	height: 42px;
	overflow: hidden;
	padding: 0 5px;
	position: relative;
	width: 120px;
}
#body .viewlist .element > div{
	border-top: 1px solid #CCCCCC;
	height: 42px;
	overflow: hidden;
	padding-top: 1px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 60px;
}
#body .viewlist .element > div > div{
	height: 3px;
	margin-bottom: 1px;
	width: 60px;
}
#body .viewlist .element > div > div > div{
	float: left;
	height: 3px;
	margin-right: 1px;
	width: 9px;
}
#body .viewlist .element > div > div > div.booked{
	background-color: green;
}
#body .viewlist .element > div > div.blocked > div{
	background-color: #CCCCCC;
}
#body .viewport{
	position: relative;
	left: 7px;
	z-index: 150;
	width: 147px;
	height: 69px;
	background: url(../nps/bg_selector.png) no-repeat center center;
}
#body #overview-slider-offset-filler{
	min-height: 9px;
	line-height: 9px;
}
/* ================================================================================================ */
h1, h2, h3, h4, h5, h6, th{
	font-size: 1.00em;
	font-weight: normal;
}
a{
	color: #000000;
	text-decoration: underline;
}
p{
	margin-bottom: 1.00em;
}
/* ================================================================================================ */
#timeline-mask {
	height: 608px;
	overflow: hidden;
}
#timeline-mask #overview-slider-slidee{
	position: relative;
}
#show-loading{
	position: absolute;
	opacity: 0.7;
	z-index: 250;
	background: url(../nps/loading.gif) no-repeat scroll center;
	text-align: center;
}
.hidden{
	display: none;
}
.non-hidden{
	display: block;
}
.droppable{
	background-color: #b4b4b4 !important;
}
#body .content #reservations div.dragged-element div.entry{
	opacity: 0.25;
}
#body .content #reservations div.requesting div.entry{
	opacity: 0.5;
}
/* ================================================================================================ */
#body #dragging-reservations-container{
	width: 85%;
	z-index: 110;
}
#body #dragging-reservations-container div.entry{
	height: 30px;
	padding: 2px 0;
	background: url(../nps/bg_entry.gif);
	border: 1px solid #768076;
	overflow: hidden;
	-moz-border-radius: 5px;
/*	-moz-opacity: 0.75;*/
}
/* long entries */
#body #dragging-reservations-container div.open_end{
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-right: 0;
}
/* Sizes with calendar */
#body #dragging-reservations-container div.entry{
	width: 20.8%;
}
#body .content #reservations div.preview-container div.entry{
	background: #FFFFB4;
}
/* ================================================================================================ */
#body #edit-form-container{
	background: #FFEBFC;
	border: 1px solid #768076;
	left: 262px;
	position: absolute;
	top: 200px;
	width: 500px;
	-moz-border-radius: 5px;
	z-index: 200;
}
#body #edit-form-container.requesting{
	opacity: 0.5;
}
#body #edit-form-container #edit-form-handle{
	background-color: #5E035E;
	width: 100%;
	cursor: move;
}
#body #edit-form-container label{
	clear: left;
	float: left;
	margin: 5px 10px;
	text-align: right;
	width: 150px;
}
#body #edit-form-container input,
#body #edit-form-container select,
#body #edit-form-container textarea{
	float: left;
	margin: 5px 2px;
	border: 1px solid #768076;
	padding: 1px 3px;
	-moz-border-radius: 5px;
}
#body #edit-form-container input[type=text]{
	width: 144px;
}
#body #edit-form-container select{
	width: 152px;
}
#body #edit-form-container select#start-time-hour,
#body #edit-form-container select#start-time-minute{
	width: 48px;
}
#body #edit-form-container input#customer-email,
#body #edit-form-container textarea{
	width: 300px;
}
#body #edit-form-container input[type=submit],
#body #edit-form-container #edit-form-send-confirmation{
	width: 150px;
	background: #DAC6D6;
	cursor: pointer;
	float: right;
	margin: 0 15px 15px 0;
}
#body #edit-form-container input#edit-form-cancel{
	float: right;
	background: transparent;
	margin: 0;
	cursor: pointer;
	border: 0;
}
#body #edit-form-container #confirmation-container{
	float: left;
}
#body #edit-form-container #confirmation-container .confirmed{
	display: none;
}
#body #edit-form-container #confirmation-container.confirmed .confirmed{
	display: inline;
}
/* ================================================================================================ */
#body #login-box-container{
	-moz-border-radius: 5px;
	background: #FFEBFC;
	margin: 50px auto;
	width: 282px;
	padding: 3px 0;
	border: 1px solid #768076;
}
#body #login-box{
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	width: 230px;
}
#body #login-box label{
	clear: left;
	float: left;
	margin-top: 5px;
	width: 75px;
}
#body #login-box input{
	border: 1px solid #768076;
	float: left;
	padding: 1px 4px;
	margin-top: 5px;
	-moz-border-radius: 5px;
}
#body #login-box input#login,
#body #login-box input#password{
	width: 145px;
}
#body #login-box #login-button{
	float: right;
	width: 155px;
	background: #DAC6D6;
	cursor: pointer;
}
#body #error-box,
#body #message-box{
	-moz-border-radius: 5px;
	background-color: #FFBFC2;
	border: 1px solid #959F95;
	margin: 2px auto;
	padding: 10px 20px 10px 20px;
	width: 230px;
}
#body #message-box{
	background-color: #C5EFC2;
}
#body #edit-form-container #error-box,
#body #edit-form-container #message-box{
	width: 450px;
}

/* Administration, Userverwaltung und Pers. Einstellungen */
#errorbox{
	background-color: #fcd083;
	border: 1px solid #ffffff;
	padding: 5px 10px;
}
#ajax-loading{
	clear:both;
	background-color:#ffffff;
	z-index: 10;
	position: absolute;
	width: 47px;
	height:39px;
	margin-top: -20px;
	margin-left: -23px;
	left: 50%;
	top: 50%;
	opacity: 0.8;
}