/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1em;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a, a:hover, a:visited, a:active { text-decoration: none; outline: 0;}

/*/////////////////////////////////
globals
/////////////////////////////////
div {border: 1px solid #ccc}*/

html { background: #fff url() no-repeat; font: 11px Helvetica,Arial,sans-serif; line-height: 1.5em; color: #111;  }
body { }

h1,h2,h3,h4 { font-size: 1em;}
h2 { padding: 20px 0 0 0;}
h3 { line-height: 24px; }
h4 { font-style: italic; padding: 0 0 1.5em 0;}

a { color: #000; font-weight: bold; }
p { font-size: 1em; line-height: 16px; }
p a { font-weight: bold; }
em { font-style: italic; font-weight: bold;}
strong {font-weight: bold; }
form, fieldset { margin: 0; padding: 0; border: 0; }
select { background: #eee; border: 0; }
textarea,
input { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
input.submit { border: 0; background: transparent; cursor: pointer; font-weight: bold; margin: 0; padding: 0; text-align: left; }
a span { font-weight: normal; }

/*/////////////////////////////////
helpers
/////////////////////////////////*/
.cms_content hr  { height: 1px; border-style: none; color:#999;background-color:#999}
.cms_content li li    {  color:#666;}
.cms_content li li li {  color:#999; } 
div.hr  { background: transparent; height: 0px; border-top: 1px #111 solid; padding: 0; margin: 0 0 16px 0; width: 100%; }
div.clearfix { float:none; clear:both; display: block;}
.right {float: right;}
.left { float: left;}
.errorlist { color: #c00;}
.print { display: none; }
.hidden { display: none;}
p.bold { font-weight: bold; }
.tooltip { position: absolute; border: 1px solid #999; background: white; z-index: 50; padding: 3px 5px; line-height: 1em}
.black { color: #000;}
.headline { margin-bottom: 1.5em; }
.margin_top { margin-top: .5em; }
.margin_bottom { margin-bottom: 0px;}
.inline { display: inline; }
.item_changed { background-color: #ccc;}
.item_change_error { background-color: #c00;}
input.submit:active { color: #999;}

/*/////////////////////////////////
general layout
/////////////////////////////////*/
body div#overlay { width: 100%; height: 2000px; z-index: 100; display: none; position: absolute; background-color: none; background-image: url('/media/static/img/progress.gif'); background-position: center center; background-repeat: no-repeat;}
body#main { overflow: auto;}
body#main div#content { position: absolute; top: 0; left: 230px; width: 770px; height: 100%; }
body#main div#sidebar { position: absolute; top: 0; left: 1000px; width: 240px; height: 100%;}
#header { background-color: #fff; margin-bottom: 64px; }
#header form { margin-top: 30px; }
div#header div.sidebar-left { margin: 1em 0 0 1em;}
.sidebar-left { width: 125px; margin-left:.5em; margin-right: 30px; float: left; min-height: 1em; clear: both }
#sidebar .headline { margin-top: 99px;}

#content, #sidebar { border-left: 1px solid #eee; }

/* fuer scrollbare Bereiche */
html>body #content, html>body #menu, html>body #sidebar	{	position:fixed;	z-index: 0; overflow-y: auto; overflow-x: hidden; }
div#content_container { margin-top: 99px; }
div.cms_content ul { list-style: disc outside url(); margin: 0 0 1em 1.3em;}
div.cms_content ol { list-style: decimal outside url(); margin: 0 0 1em 1.3em; }
div.cms_content p { margin-bottom: 1em; }

/*/////////////////////////////////
menu and index page
/////////////////////////////////*/
#header {position: absolute; padding: 48px 0 32px 0;}
.imm-logo { height: 32px; }
#logo	{padding-bottom: 12px;}
ul.menu li { max-width: 230px; overflow: hidden; white-space: nowrap;  }
ul.menu li a.active { font-weight: bold;}
ul.menu li a:hover { font-weight: bold; }
ul.menu li a { font-weight: normal; padding: 0 0 0 12px;}
div.index div a:hover,
div.index p { padding-top: 16px; }
ul.submenu { padding: 0px 0 0px 12px;}
li.margin-top { margin-top: 0.8em;}
li.margin-bottom { margin-bottom: 0.8em;}

#header fieldset select {	border: 1px solid #ccc;	background-color: #fff;	}
#header fieldset input  {	border: 1px solid #ccc;	background-color: #fff; padding: 1px; margin: 3px 0; font-family: 'Lucida Grande', sans-serif;	}

/*/////////////////////////////////
calendar
/////////////////////////////////*/
span.item_calendar { display: block; float: none; clear: both;}
span.with_hours { height: 100px; }
div.item_calendar { width: 577px; padding: 12px 0 12px 0; }
div.calendar-hours { padding-top: 0px; display: none; background: #fff; width: 577px; height: 20px; float: none; clear: both;}
div.with_hours { height: 55px; }
div.no_hours { height: 30px; }
div.cal_date_calendar { clear: both; float: none; width: 577px;}
div.cal_date_calendar form { float: left; cursor: pointer; text-align: center; min-width: 16px; height: 30px;}
div.cal_date_calendar input { border: 0; background: transparent; cursor: pointer; font-weight: bold; }
div.cal_date_calendar form.selected { border-bottom: 5px solid #000 !important; }
div.cal_date_calendar form.over { border-bottom: 5px solid #ccc; }
div.cal_date_calendar form { border-bottom: 5px solid #fff;}
div.cal_date_calendar form p { font-weight: bold; }
div.cal_date_calendar form.partly_booked p { color: #888; font-weight: bold;}
div.cal_date_calendar p.over, 
div.cal_date_calendar p.clickover { border-bottom: 5px solid #ccc !important; }
div.cal_date_calendar p.selected  { border-bottom: 5px solid #000; }
div.cal_date_calendar p { text-align: center; }
div.cal_date_calendar p.cal_cell { float: left; width: 16px; height: 30px; color: #aaa;}
div.cal_date_calendar p.hour_cell { float: left; min-width: 16px; height: 16px; }
div.cal_date_calendar p.month-name { width: 18px;}
div.cal_date_calendar p.has_hours { font-weight: bold; height: 30px; cursor:pointer; color: #000;}
div.calendar-hours p { min-width: 16px; padding-right: 4px; float: left; }
div.calendar-hours form { height: 14px; min-width: 16px; margin-right: 4px;}

div.cal_date_calendar p.date-past { background-color: #fff; color: #ccc; }
div.cal_date_calendar p.date-booked { color: #aaa; cursor: pointer; font-weight: bold;}
div.cal_date_calendar p.partly_booked { color: #888; }
div.cal_date_calendar p.hours_all { color: #ccc; }

div.media-content { margin-left: 5px;}

div#room_list { margin-left: 1em;}
ul#inventory_list { width: 838px; clear: both; float: none; padding-top: 0px; }
ul#inventory_list li { display: block; }
ul#inventory_list li.item-category { width: 125px; float: left; }
ul#inventory_list li div.category_details { color: #999;}
ul#inventory_list li div.category_details span { display: block;}
ul#inventory_list li.items { width: 580px; float: left; }
ul#inventory_list li ul { display: block; margin-bottom: 16px; }
ul#inventory_list li ul li { float: none; clear: both; width: 580px; }
.inventory-item a { font-weight: bold; color: #000; }
.inventory-item p { color: #111; }
li.inventory-item div.details { display: none; font-weight: normal; color: #111; }
li.inventory-item a span { display: block; color: gray;}
li.inventory-item div.details div {  }
li.inventory-item div.details div img { float: left; width: 100px; margin: 0 4px 4px 0 ; border: 0;}

/* SUCHE */
form#search_form select { background-color: #eee; border: 0; width: 125px;  }
form#search_form select option {  }
form#search_form input[type=text] { border: 1px solid #ccc;	background-color: #fff; height: 13px; padding: 2px;} /* GEHT NICHT? */
form#search_form input#id_search_text { width: 125px; }
form#search_form input#id_year_until,
form#search_form input#id_year_from { width: 30px; }

/*/////////////////////////////////
basket
/////////////////////////////////*/
#sidebar #basket, #sidebar .headline { width: 150px; margin-left: 16px}
div#content div.basket { margin-left: 1em;}
div#content div#basket ul { font-size: 1em; }
div#content div#basket p.proceed_to_booking { display: none;}
div.basket textarea { width: 580px; margin-top: 1em;}
div.basket form label { display: block; }
div.basket form input.basketsubmit { display: block; margin-top: 16px; }
div.basket form.basket_quantity { }
div.basket form.basket_quantity input { width: 20px; border: 1px solid black; background: none;}
div.basket form.basket_remove { min-height: 18px;}
div#sidebar h2 { padding: 0; margin: 0; color: #666; }
div#content div#messages { margin-top: 60px; }
div#content table#order_item { margin-top: 32px; width: 577px; }
div#content table#order_item tbody { vertical-align: top; }
div#content table#order_item th { color: #666; }
div#content table#order_item tr.order_item_details { background: #eee;}
div#content table#order_item td.order_time_ranges { height: 30px;}
div#content table#order_item td.order_time_ranges form { margin-right: 10px;}
div#content table#order_item td.messages { height: 30px;}
div#content table#order_item th.barcode { width: 80px; }

form#barcode_form label { width: 80px; display: block; float: left;}
form#order_comment_form { margin: 32px 0;}
form#order_comment_form textarea { width: 527px; }

form.order-item-cancel { min-height: 20px;}
.ac_results { padding: 0px; border: 1px solid #999; background-color: #fff; overflow: hidden; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe { display:none; position:absolute; top:0; left:0; z-index:1000; filter:mask(); width:3000px; height:3000px; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font-size: 11px; overflow: hidden; }
.ac_loading { background : #fff url('/media/static/img/progress.gif') right center no-repeat; }
.ac_over { background-color: #eee; color: #000; }

div.booking_period_list { display: none; padding-bottom: 10px;}

/*/////////////////////////////////
cms article
/////////////////////////////////*/
div.sidebar-left h1 { color: #666;}
div.content { width: 580px; 720px;  min-height: 16px; float: left; padding-bottom: 16px; }
div.content h2 { display: inline; padding: 0; }

/*/////////////////////////////////
inventory
/////////////////////////////////*/
div#content form.change-form p { padding-bottom: .5em; clear: both; }
div#content form.change-form p.row { height: 1em; clear: both; }
div#content form.change-form span.help_text { display: block; float: right; width: 446px; margin-bottom: 12px;}
div#content form.change-form span.label { width: 100px; float: left; }
div#content form.change-form span.field { width: 446px; float: left; }
div#content form.change-form fieldset p label { width: 100px; display: block; float: left; }
div#content form.change-form select { background: #eee; border: 0; height: 16px; width: 446px; }
div#content form.change-form textarea { width: 446px; background: #eee; border: 0; height: 50px; }
div#content form.change-form input[type=text] { width: 446px; background: #eee; border: 0; height: 16px;}
div#content form.change-form p.submit_row { margin-left: 100px; }
form.basket_form_multiple { display: inline; float: left; }
form#category_date_form { width: 190px;}
form#category_date_form label { float:left; margin-right: 5px;}
form#category_date_form input.datepicker { width: 60px; float: left; margin-right: 5px; }
form#category_date_form input.submit { margin-right: 10px;}
form#category_date_form input.bp_select { margin-right: 0;}

table th.th_barcode { width: 50px; }
table th.th_article { width: 340px; }
table th.th_status { width: 60px; }
table th.last_check { width: 80px; }
form.reservation { margin: 0 0 1em 0; line-height: 1em; clear: both;}
table td.last_check { color: #ccc;}

div.paginator { margin: 12px 0;}

/*/////////////////////////////////
user profile
/////////////////////////////////*/
ul.user_list li { margin-top: 0.5em; }
form#user_search_form { margin-left: 1em; margin-bottom: 2em;}
form#user_search_form input { float: none;}
form#user_search_form select { margin: 5px 0; font-size: 11px;}
form#login_form input { margin-bottom: 10px;}
input#id_username { float: left; margin-right: 2px;}
.messages { color: #c00;}
form#login_form { font-size: 11px; }
form#login_form label { float: none; clear: both; display: block;}
form#login_form input { display: block; }
span.order_content { display: none;}
div.order_item form,
div.order_item fieldset { display: inline; }