@charset "utf-8";

.mel { font-size:120%; font-style:italic; display:none; margin:1em; padding:1em; color:#FFF; border:1px solid #f00; background: #f85; }
.mel:before { content:'Developement-Notiz :: '; font-size:130%; }

/* Default Einstellungen */
/* ---------------------------------------------------------------------------------------- */
*         { margin:0; }
html      { height:100%; padding:0; border:0;}
body, #all { padding:0; margin:0; font-size:99%; background:white; font-family:'News Gothic MT','trebuchet ms',sans-serif; height:100%;}
 a, a:link { color:#0462AC; }
/* a, a:link { color: #A94F4F; } */
a.ext     { }
a:visited { color:#816139; }
a:active  { font-style:italic; }
a:hover   { text-decoration:none; }
a img     { border: 0; /*px solid #E1DFCE;*/ }
a.to_top  { text-decoration:none; font-weight:bold; }
table     { border-collapse:collapse; /*font-size:85%;*/ clear:both; }
td, th    { padding:5px 10px; border-bottom: 1px dotted #000; }
td        { vertical-align:top;  font-size:.8em;}
th        { font-size:.9em;}
code      { font-size:110%; background:#F5F5F5;  color:#000; display:block; padding:4px 10px; white-space:pre; }
p         { margin:.75em 0;}

#wrapper  { clear:both; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em ; /* the bottom margin is the negative value of the footer's height */ }
#push     { clear:both; height: 5em; /* .push must be the same height as #footer */ }
#pushS    { display:none; clear:both; height: 0; }

/*====================================================================
Site header (contains all logos)
=====================================================================*/ 
#header       { background:white; }
#header h1    { margin:0; padding:3.4em 0 0.4em 0; text-align:left; }
.logo_uni img { border:0; position:absolute; left:20px; top: 25px; background:#fff; }
.logo_pi      { position:absolute; z-index:100; right:10px; top: 10px; }
.logo_pi img  { border:0; }
.logo_fb img  { height:60px }
.head_img     { margin:26px 0 15px 200px; }

/*====================================================================
Top navigation
=====================================================================*/ 
#topnavi          { background:#000 url(./../img/layout/dark.jpg); margin:0; padding:0; text-align:right; padding:0px; vertical-align:middle; clear:both; font:90% 'News Gothic MT','verdana',sans-serif; }
#topnavi ul       { padding:7px; margin:0; }
#topnavi ul li    { display:inline; margin:0; padding:7px; min-height:30px; }
#topnavi a        { text-decoration:none; color:#fff; }
#topnavi a:active { font-style:italic; }
#topnavi .aktuell { background:#C36969 url(../img/layout/bg_navi_a.jpg) repeat-x; border-right:none; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; font-weight:bold; }
#topnavi img      { border:0; }
.a_lang           { float:right; margin:1px 8px; }

/*====================================================================
MAIN content -> parted into subnavigation and content/start
=====================================================================*/
#main { background:white repeat-y; margin:0; padding:0; border-top:2px solid #A94F4F; }

/*====================================================================
FOOTER
=====================================================================*/
#footer           { height:4em; clear:both; margin:0; padding:0.5em 1em; text-align:right; font-size:75%; background:#000 url(../img/layout/dark.jpg) repeat-x; border-top:2px solid #A94F4F; color:#fff; }
#footer a         { color:#D0CFBA; }
#footer a.visited { color:#9F9F9F;  text-decoration:none; font-style:italic; }

/*====================================================================
SEARCHBOX
=====================================================================*/
#searchbox            { clear:both; margin:0; border:0px solid #A94F4F; border-top-width:0; text-align:right; font-size:smaller; vertical-align:middle; padding:2px;}
#searchbox a          { color:#D0CFBA; }
#searchbox a.visited  { color:#9F9F9F;  text-decoration:none; font-style:italic; }
#searchbox input      { margin:2px; }
#searchbox .plsend    { width: 20px; height:20px;  margin:0; padding:0; border:0; background:url(../img/icons/magnifier-large.png) no-repeat center center; text-indent:-1000px; cursor:pointer; z-index:1; color:#fff; font-size: 0px;}
#searchbox fieldset   { margin:0; padding:0; border:none; display:inline; margin:0 0 0 0; }
#searchbox form       { display:inline; padding:10px; }
#searchbox form input { display:inline; }
#searchbox input[type="radio"]  { vertical-align:text-top; }
#searchbox input[type="text"]   { width:10em; }

/*====================================================================
STARTSEITE -> main page
=====================================================================*/
#startseite         { width:100%; padding:20px 0; margin:0; float:none; font:80% "News Gothic","Verdana",sans-serif; }
#startseite h3      { font-size:170%; font-weight:normal; padding:0 0 10px 0; }
#startseite h4      { padding:0 0 10px 0; }
#startseite a       { text-decoration:none; }
#startseite a:hover { text-decoration:underline; }
#startseite .clear  { display:none; }

/* Picture of the Month */	
#startseite .picofmonth           { width:420px; margin:0 25px 35px 25px; float:left; }
#startseite .picofmonth dd        { border:0; width:400px; }
#startseite .picofmonth dd a.more { display:block; text-align:right; font-size:90%; }
#startseite .picofmonth p         { margin:1em; font-weight:bold; }

/* Add drop-shadows to images */
/* !important: Hack for systems that don't support transparent png images */
#startseite .picofmonth .img-shadow { 
  background: url(../img/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/layout/shadowAlpha.png) no-repeat bottom right;
  margin:10px 0 0 10px !important;
  margin:10px 0 0 5px;
  width:400px;
  padding:0.1px;
}
#startseite .picofmonth .img-shadow img { 
  display:block; 
  position: relative; 
  background-color:#fff; 
  border:0; 
  margin:-6px 6px 6px -6px; 
  padding:0; 
  width:400px; 
}

/* Links with logos */
#startseite .links        { float:left; margin:20px; }
#startseite .links table  { table-layout:fixed; width:200px; }
#startseite .links td     { text-align:center; vertical-align:middle; border-bottom:none; }
#startseite .links img    { border:0; width:60px; }

/* News */
#startseite .news                 { width:290px; max-width: 300px; float:left; margin:0 10px 35px 10px; }
#startseite .news .highlight      { border:2px solid #D1130F; padding:1em; }
#startseite .news h4              { margin:0; font-weight:bold; font-size:100%; line-height:1.4em; }
#startseite .news a img           { border:5px; padding:5px; display:block;}

/* Events */
#startseite .events             { max-width:250px; float:left; margin:0 10px 35px 10px; list-style-type:none;}
#startseite .events .evtdate    { font-weight:bold; }
#startseite .events .evtdetails { font-size:.9em; margin-left:4px; }
#startseite .events .today      { border:2px solid #BDBA9B; background:#BDBA9B none repeat scroll 0%;}
#startseite .events a:visited   { color:#816139; }


/*====================================================================
SUBNAVIGATION -> left side of main body
=====================================================================*/
#subnavi          { margin:0 ; padding:0 0 0 0; width:26.8%; min-height:560px; float:left; color:#9C3E3E; font-size:100%; background:#fff url(../img/layout/verlauf.jpg) repeat-x; font:95% 'verdana',sans-serif; /* border-right:1px solid #BCBA9C; */ 	}
#subnavi a.ext    { padding-right:22px; background:url(../img/layout/ext.gif) no-repeat right; }
#subnavi a.pi,
#subnavi a.fg     { background:url(../img/layout/ext_fg.gif) no-repeat right; }
#subnavi a.bonn   { background:url(../img/layout/ext_bonn.gif) no-repeat right; }
#subnavi a.key    { background:url(../img/icons/key.png) no-repeat right; }
#subnavi h2       { color:#9C3E3E; font-weight:bold; text-transform:uppercase; margin:0; font-size:100%; padding:1.5em 0 0.5em 0; text-align:center; }
#subnavi ul       { margin:0; padding:0; }
#subnavi li       { padding:0; margin:0; font-weight:bold; list-style-type:none; }
#subnavi ul li    { padding: 0.7em 1em; }
#subnavi a,
#subnavi strong   { display:block; padding:0 0em; text-decoration:none; }
#subnavi a:hover  { text-decoration:underline; }
.sub1,
.sub2,
.sub3             { font-size:95%; padding-left:2em; }

/* Main headlines */
#subnavi .aktuell a       { color:#fff; }
#subnavi li.aktuell,
#subnavi li.aktuell:hover { background:#000 url(../img/layout/dark.jpg) repeat-x; border-left:6px solid black; color:#fff; }

/* First level */
#subnavi .sub1 li         { border-top:1px solid #D4CAB7; }

/* Second level */
#subnavi .sub2 li         { border-left:6px solid #dCdBd2; padding:0.4em 0; background:#F8F7F3 url(../img/layout/aktue.jpg) repeat-y; }

/* IE HACK to avoid this magic creeping text bug ... */
* html #subnavi .sub2 li ,
* html .sub1 li           { border-bottom:1px solid  white; }

#subnavi .sub2 a,
#subnavi .sub2 strong     { padding:0 2.5em; margin:0; }
#subnavi .sub2            { padding:0 ; border-bottom:2px solid #DCDBD2; }

/* Last level */
#subnavi .sub3 li         { padding:0 5em; font-size:95%; border:none; }
#subnavi .sub3 a          { display:inline; padding:0; }
#subnavi .sub3 strong     { padding:0 6em; font-size:80%; border:0; }

/*====================================================================
CONTENT -> main body content with texts, lists, etc.
=====================================================================*/
#content          { width:66%; float:right; margin:0em 0 2em 0; padding:0 3%; height:100%; }
#content p        { max-width:40em;}
#content p.first  { margin-top:2em;} /*Falls vor dem p-Element nichts anderes steht,
                                    sollte die Klasse first verwendet werden um ein 
                                    wenig Abstand nach oben zu bekomen */

/* Headlines */
#content h3   { clear:both; margin:2em 0 0.5em 0; padding:0; text-align:left; font-size:115%; font:120% 'News Gothic MT','terbuchet ms',sans-serif; font-weight:bold; }
#content h3 a { color:black; }
#content h4   { margin-top:1em; margin-bottom:.5em; clear:both; }
#content h5   { font-size:100%; margin:0; border-bottom:1px dotted #666; display:inline; font-weight:normal; }

/* Lists */
#content ul       { margin:1em 1em; padding:0; list-style-type:circle; }
#content ul li    { margin:0 0 0 0 ; padding:0.5em; border-bottom:1px dotted #999; font-size:0.95em; }
#content ul li li { margin:0 0 0 1em; }
#content ul li a  { text-decoration:none; }
#content ul li a:hover { text-decoration:underline; }
#content .hinweis { background:#fff url(../img/layout/verlauf.jpg) repeat-x 0 85%; padding:1em; font-size:90%; }

/* multiple link levels in 2 columns */
.l    { display:block; width:43.7%; float:left; padding:1em 2%; margin:0em 0; }
.r    { display:block; width:43.7%; float:right; padding:1em 2%; margin:0em 0; }
.s    { margin:-1em 0; padding:0; font-size:0.9em;  text-align:right; clear:both; float:none; width:auto; color:#888; }
.r.s  { margin:0 0 -0.2em 0; }

#content .r ul,
#content .l ul,
#content .r li,
#content .l li        { margin:0; padding:0; border:0; list-style-type:none; }
#content .r ul li,
#content .l ul li     { margin-bottom:0.7em; }
#content .r li li,
#content .l li li     { border-bottom:1px dotted #AFAE9C; padding:0.3em 1em; margin-bottom:0; }
#content .r ul ul,
#content .l ul ul     { border-bottom:0; padding:0 0 1.5em 0; }
#content ul li.break  { margin-bottom:1em; padding-bottom:1.5em; border-bottom:1px dotted #ADAE9C; }

/* Misc */
#content .sub       { font-size:80%; margin:0.5em 0em; }
#content .rightnavi { width:10em; float:right; border-left:1px solid Gray; padding:0em 2%; margin:2em 1em; }
.note               { color:#888; margin:2em 0 .5em 0; font-size:.9em; text-align:justify; clear:both; }
#content > .note    { color:#000; background:#DBDAC8; border:3px solid #AD9B8D; margin:2em 0 .5em 0;  padding: 1em; font-size:1em; text-align:justify; clear:both; }
.note a             { color: #888; }
.c                  { text-align:center; }

/* Images with description*/
#content .dl      { padding:1em 0 0 0; margin:1em; max-width:620px; }
#content .dt      { padding:0.3em 0 1em 0; margin:0; text-align:center; }
#content .dt img  { margin:0; padding:0; }
#content .dd      { font-size:90%; /*margin:0 0.5em; padding:0.3em;*/ text-align:left; border-top:1px solid #999; }

#content img.l,
#content img.r,
#content dl.r,
#content dl.l { border:1px solid #000; margin:0 1em 1.5em 1em; width:auto; clear:both; }
p.adress      { margin:0.7em 1em 2em 1em; }

/* Wolfgang-Paul lectures specific */
.former_lecturers { clear:both; margin:1em 0 1em 0; }
.important        { font-size: 1.2em; text-transform:uppercase; }
.clear            { clear:both; margin:0; padding:0; }

/* Images in contact */
.map { float:right; margin:1em; }

#content .picofmonth img        { border:10px solid #E0E0D4; -moz-border-radius:10px; background:#ECECEC; padding:2px; width:300px; }
#content .picofmonth dd         { border:0; /*padding: 0 5px 0*/ }
#content .picofmonth dd a.more  { display:block; text-align:right; font-size:90%; }
#content .picofmonth p          { margin:1em; font-weight:bold; }
#content .picofmonth ol         { margin: 0 0.2em; list-style-type:lower-latin; }

.date { font-size:80%; font-weight:normal; }

#content .newslist            { list-style-type:none; max-width:600px; }
#content .newslist li         { border:0px }
#content .newslist h3         { margin:0 0 0 -1em; background: #fff; padding: .2em 0; font-size:1.2em; font-weight:bold; padding-right:3em; }
#content .newslist .newstext  { margin:1em; border:1px solid #ddd; -moz-border-radius:.5em; padding:1em; width:550px;}
#content .newslist dd         { margin:1em auto; text-align:center; }
#content .newslist img        { margin:1em auto; display:block; padding:2px; background:#fff;}

/* Room reservation form */
#ReservationForm { width: 40em; }
#ReservationForm label,
#ReservationForm input,
#ReservationForm textarea,
#ReservationForm select   { display: block; float: left; width: 18em; margin: 5px; }
/* Remove floating of labels and inputs: */
#ReservationForm form br  {clear: left;}
/* Format submit button: */
#ReservationForm input.speichern { float: none; width: auto; clear: left; }
/* Push labels to right */
#ReservationForm label    { text-align: right; padding-right: 1em; }
/* Change Design */
#ReservationForm fieldset { border: 1px solid; margin:0; padding:.5em;
                            ; }
#ReservationForm legend   { border: 1px solid; padding: 2px 6px; margin: 10px; }


/* Form for generating a new password */
#content .generatePW              { display:inline; margin:0; padding:0; }
#content .generatePW input        { font-size:1em; margin:0.2em 0 0 0; display:inline; background: transparent; border:none; padding:0; color:#0462AC; text-decoration:underline; }
#content .generatePW input:hover  { cursor:pointer; }
#content .generatePW input[type=submit] { padding-left:16px; background: url( http://pi.physik.uni-bonn.de/img/icons/key_add.png ) left center no-repeat; }

/*====================================================================
Room occupation
=====================================================================*/
.room_occup                 { width:100%;  margin:1em 0; }
.room_occup td,
.room_occup th	            { font-size:0.8em; border-left:1px dotted #dddDE3; padding:5px 5px; }
.room_occup th a            { text-decoration:none; }
.room_occup th a:hover      { text-decoration:underline; }
.room_occup td.first_col,
.room_occup th.first_col    { width:100px; border-left:0; }
.room_occup td.first_col    { border-right:2px solid #444; }
table.room_occup  th        { border-bottom:2px solid #444; }
.room_occup .odd            { background:#EEEDE3; }
.room_occup.today td        { vertical-align:top; padding:5px; }
.room_occup.today th.big    { width:200px; }
.room_occup.today th.small  { width:75px; }
.room_occup td.occ          { border:0; }

/* Reservation form */
form option.public          { font-weight:bold; }
form *:focus                { border: 2px solid #BC4949; background:#FFFEEF;}
fieldset .form-note         { color:#C36969; margin:1em 0; padding:.2em 0; display:block; }
form fieldset               { margin-top:1em; }
form *[disabled]            { color: #444; font-style:italic; }

/* Overview: one week, all rooms */
.room_occup .event          { display:block; font-size:0.85em; text-align:left; width:100%;
                              clear:both; min-height:16px; border-bottom:1px dotted #D4CAB7;}
th.row_caption    {  font-size:.7em;}

/* Misc */
.room_occup abbr        { font-weight:bold; /*font-size:110%;*/ }
.room_occup abbr:hover  { background:#eeeee3;	}
.room_occup tr.jetzt,
.room_occup tr.jetzt:hover,
.jetzt,
.belegt                 { background:#F3ECAC; border:1px solid #F3ECAC; }
.room_occup tr.jetzt .odd,
.belegt.odd             { background:#E0D592; border:1px solid #E0D592; }
.room_occup td.occ.end  { border-bottom:3px solid #BDB99C; border-left:3px solid #BDB99C; border-right:3px solid #BDB99C; }

/* Double bookings and changes */
table.room_occup td.error   { background:#C36969; color:#F8F7E7; padding:0.5em; font-weight:bold; }
.room_occup td.occ          { background:#fff; vertical-align:top; }
.room_occup td.occ.start    { border-top:3px solid #BDB99C; border-left:3px solid #BDB99C;  border-right:3px solid #BDB99C; }
.room_occup td.occ.startend { border:3px solid #BDB99C; }
.room_occup .occ.between,
.room_occup .occ.two_events { border-left:3px solid #BDB99C; border-right:3px solid #BDB99C; }

/* RoomOccupation Navigation Links */
.room_occup caption   { color:#000; font-weight:bold; font-size:1.1em; }
.room_occup caption a { }
.ro-navi-prev         { }
.ro-navi-todd         { }
.ro-navi-next         { }
.ro-navi-prev img     { border:none; }
.ro-navi-tod img      { border:none; }
.ro-navi-next img     { border:none; }

/* Info-Popup-Span */
.room_occup a.moreinfo                   { clear:both; float:right;}
.room_occup a.moreinfo img              { border:0; }
.room_occup .occ a.moreinfo span.info,
.room_occup a.moreinfo  span.info       { display:none; text-decoration:none; }
.room_occup a.moreinfo:hover span.info  { color:#2C789A; display:block; width:300px; position:absolute; margin:0 1em 0 -280px; padding:0.5em; background:#fff; border:2px solid #92B7D2; -moz-border-radius:5px; text-decoration:none; text-align:left; }

#content p.legende { font-size:85%; color:#555;  width:100%; max-width:100%; margin-bottom:1em; }

/* changed format for events on exception dates (e.g. Christmas) */
.holiday        { background:#ECF6F9 !important; color:#90B2D2; font-weight:bold; text-align:center; }
.holiday .event { color:#267CAB; font-weight:normal; }
.holiday.occ    { background: #fff !important; font-weight:normal; color:#267CAB; }

/* List of devices */
ul.room_occup               { margin:0; padding:0; }
ul.room_occup h4            { margin:0 0 1em -0.5em; }
ul.room_occup li            { padding:0; margin:0; }
.room_occup .past           { color:#7E7A6D; font-style:italic;}
.room_occup .newyear,
.room_occup .newyear:hover  { background:#EEEDE3; color:#000; border-bottom:2px solid #000; padding-left:4em; font-size:120%; font-style:normal; }

/* Single event */
.single_event                   { width:100%; }
.event_desc                     { width:68%; float:left; text-align:justify;}
.single_event h3 .note          { color:#A84E4E ; margin:.3em 1.5em .3em -.4em; display:block; background: #F8F7F3; padding:.4em .3em;  }
.single_event h3 .event_typ     { display:block; padding:0; margin:0; font-size:80%; color:#555; }
.single_event h3 .event_speaker { display:block; font-size:80%; margin:0 0.6em; color:#555; }
.event_time, .event_date        { margin:.3em; }
.event_time,
.event_date,
.event_host,
.evet_room                      {display:block; padding-left:20px;}
.event_time img,
.event_date img,
.event_host img,
.evet_room img                  { margin-left:-20px;}
.single_event .event_stats      { font-size:90%; color:#555; padding:0em 0.5em 0.5em 0.5em; }
.single_event img               { vertical-align:bottom; }
.single_event span              { margin-left:0.5em; display:block; margin-top:.2em;}

.event_stats                    { text-align:left; border:1px solid #EBEBE3; padding:.5em; width:25%; float:right; margin-top:-.5em; margin-right:2em;}
.event_stats strong             { display:block; margin-top:1em; margin-bottom:.3em; }
.event_stats .edit              { margin-top:5em; font-size:.8em; }


.blaettern          { width:600px; padding:1em 0; margin:auto; text-align:center; }
.frueher,
.spaeter,
.blaettern .aktuell { font-size:0.7em; padding:0; padding-left:20px; }
caption .frueher    { font-size:0.7em; padding:0; padding-right:20px; margin-right:5px; }
.blaettern .frueher,
.blaettern .spaeter,
.blaettern .aktuell { width:130px; margin:0 5px; text-align:left; }
.blaettern .frueher,
.blaettern .aktuell { float:left; }
.blaettern .spaeter { float:right; }
.frueher            { background:url(http://pi.physik.uni-bonn.de/img/layout/date_previous.png) no-repeat left center; }
caption .frueher    { background:url(http://pi.physik.uni-bonn.de/img/layout/date_previous.png) no-repeat right center; }
.aktuell            { background:url(http://pi.physik.uni-bonn.de/img/layout/date.png) no-repeat left top; }
.spaeter            { background:url(http://pi.physik.uni-bonn.de/img/layout/date_next.png) no-repeat 0px 0px; }
caption .frueher,
caption .spaeter    { text-decoration:none; }

/*====================================================================
JumpToDate - form
=====================================================================*/
#content #jumpToDate              { font-size:0.9em; }
#content #jumpToDate fieldset     { text-align:left; }
#content #jumpToDate legend       { }
#content #jumpToDate label        { float:none; width:auto; }
#content #jumpToDate input        { float:none; }
#content #jumpToDate input[type=submit] { float:none; }

/*====================================================================
Generic CSS code
=====================================================================*/
.imp    { color:#BC2222;}
.key    { padding-left:20px; background:url(../img/icons/key.png) no-repeat left top; }
.pdf    { padding-left:20px; background:url(../img/icons/page_white_acrobat.png) no-repeat left bottom; }
.abst   { padding-left:20px; background:url(../img/icons/page.png) no-repeat left bottom; }
.proc   { padding-left:20px; background:url(../img/icons/book.png) no-repeat left bottom; }
.msword { padding-left:20px; background:url(../img/icons/page_white_word.png) no-repeat left bottom; }

/*====================================================================
Change width dynamically
=====================================================================*/
.w5  { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w33 { width:33%; }
.w50 { width:50%; }

/*====================================================================
Change font size dynamically
=====================================================================*/
.fs80  { font-size:80%; }
.fs90  { font-size:90%; }
.fs85  { font-size:85%; }
.fs95  { font-size:95%; }
.fs120 { font-size:120%; }
.fs110 { font-size:110%; }
.fs130 { font-size:130%; }
.fs140 { font-size:140%; }
.fs150 { font-size:150%; }
.fs200 { font-size:200%; }
.fs250 { font-size:250%; }
.fs300 { font-size:300%; }

/*====================================================================
Float settings
=====================================================================*/
.gclear, .gleft, .gright { display:block; }
.gclear 		{ clear:both; }
.gleft 			{ clear:both; float:left;}
.gright 		{ clear:both; float:right;}

/*====================================================================
Color settings
=====================================================================*/
* .gred       { border: 2px solid #F5BABA; }
*.gyellow     { background:#F3ECAC; }
*.gblue       { background:#D9E9F8; }
*.gbeige      { background:#E2E3D5; }
*.gwhite      { background:#FFF; }
*.odd         { background:#F7F8F3; }
.current      { color:#C41A1A; font-weight:bold; font-size:1.2em; }
.error        { border:3px solid #D68E71; background:#EEDFD9; padding: 1em; color:#8A1F09; text-align:center; font-size:1.2em;}

/*====================================================================
Paragraph
=====================================================================*/
.b2em { margin-bottom:2em; }
.b4em { margin-bottom:4em; }
.b0em { margin-bottom:0em; }

/*====================================================================
=====================================================================*/
*.nowrap { white-space: nowrap; }	
*.hidden { display:none; }

/*====================================================================
Debugging
=====================================================================*/
* p.debug span 			{ display:none;}
* p.debug 			{ padding:0; margin:0;}
* p.debug strong:hover span 	{ display:block; background:#ffffff; position:absolute; top:1em; left:2em; min-height:15em; font:9pt monospace; width:300px; margin-top:10px; border:2px solid #FF6F14; padding:1em; -moz-opacity:0.9; -moz-border-radius:5px; white-space:pre;}
* *.debug strong 		{color:#E51A00; display:block;}
* *.debug * 			{ width:100%;}

/*====================================================================
Date picker in events.php
=====================================================================*/
.jump-to-date                      { width:200px; text-align:left; float:right; padding:0; margin:0; margin-right:-2em; }
.jump-to-date label                { display:none;}
.jump-to-date input[type=text]     { font-size:.8em; margin:0; padding:1px; display:inline; float:none; clear:both; width:100px; border:1px solid Gray; }
.jump-to-date input[type=submit]   { width:30px; }

/*form      { padding:0.5em 1em; max-width:40em; }
fieldset  { padding:1em 2em; margin:0 0 2em 0; }
form input[type|=text],
form input[type=password],
form select,
form textarea { width:15em; display:block; margin:-1.2em 1.5em 0.5em 20em ; font-family:'News Gothic MT','trebuchet ms',sans-serif; }
form textarea { height:5em; padding:4px; }
*/

input.calendar          { width: 74px; vertical-align:middle; display:inline; float:left; }
button.calendar         { background: url(http://pi.physik.uni-bonn.de/img/icons/date.png) no-repeat; border:0; cursor: pointer; height: 20px; width: 20px; }
button.calendar:hover,
button.calendar.active  { }
/* IE FIX */
* html button.calendar  { display:inline; float:left; }
* html .jump-to-date input   {display:inline; float:left;}

.calendar               { background:#F4F3EF; border:1px solid #BCBB9D; padding:.4em; width:160px; }
.calendar table         { border-collapse:collapse; margin:auto; }
.calendar th            { padding:1px; margin:0; }
.calendar td            { background: #fff; font-size: 9pt; padding:.2em .3em; margin:0; text-align:center; vertical-align:middle; font-weight:bold; border:1px solid #BCBB9D;  }
.calendar td:hover      { background: #C26868; cursor: pointer; color:#fff; }
.calendar td.inactive   { font-weight:normal; font-style:italic; color: #9A9997; }
.calendar td.inactive:hover { background:transparent; color:#999; }
/*.calendar .month,
.calendar .year         { margin:0  1%;  display:block; float:left;}
.calendar caption       { text-align:center; padding:0 .5em; width:155px; }*/
.calendar caption       { text-align: center; width: 100%; padding:0; padding-bottom:.3em; font-weight:bold; }
.calendar caption a     { cursor: pointer; display: block; height: 20px; overflow: hidden; position: absolute; text-indent: -100px; top: 4px;  width: 20px; }
.calendar a.next         {  background: url(http://pi.physik.uni-bonn.de/img/icons/date_next.png) no-repeat; right:0; }
.calendar a.prev         { background: url(http://pi.physik.uni-bonn.de/img/icons/date_previous.png) no-repeat; left:3px; }