/** Reset Browser Defaults:

  * {
  padding:0;
  margin:0;
  }

/*_______________________________________________________ **/

  body{
    font-family: Arial,sans-serif;
    font-size: 12px;
    background-image: url("../images/background.jpg");
    background-repeat: repeat-x;
    background-color: #fff;
  }

  p, td, th{
    font-size: 12px;
  }

  input, textarea, select{
    font-family: Arial,sans-serif;
    font-size: 12px;
  }

  /* we don't style buttons, therefor just input.text and password */
  input.text, input.password, textarea, select{
    padding:3px;
    border-top:1px solid #777;
    border-right:1px solid #eee;
    border-bottom:1px solid #ddd;
    border-left:1px solid #777;
  }

  input.text, input.password, textarea{ width:30em; }

  button, input.button_input{
    border: 1px dotted #0e7fbe;
    margin-top: 0;
    padding: 3px 4px;
    width: 11em;
    background: white;
    cursor: pointer;
  }


  select{
    padding:0px;
  }

  a, a:hover, a:focus, a:active {
    -moz-outline-width: 0;
    text-decoration: none;
  }

  a{
    color:#045c8d;
    text-decoration:none;
  }
  
  /* color: #83af23; */

  a:hover{
    color: #0e7fbe
  }

  body div.body { padding: 0px; position: relative; }
  
  h1, h2, h3, h4, h5, h6, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 10px 0; }
  li, dd, blockquote { margin-left: 15px; }
  fieldset { padding:10px; }

  img{
    border:0;
  }

  div.body ol{
    padding-left:5px;
  }

/** Layout Basic Divs:
|________________________________________________________ */
  div.body{
    background-color: white;
    width: 75em;
    margin: 50px auto;
    min-height:600px;
  }
  

  
  #content .front_page_title {
    width:13em;
    margin: 5em auto 0 auto;
  }
  
  .login_panel {
    width:15em;
    margin: 40px 0;
  }
  
/*_______________________________________________________ **/

/** Navi active page:
|________________________________________________________ */
  .institutionen    #topnavi  .institutionen    a,
  .lernmodule       #topnavi  .lernmodule       a,
  .modulzuordnungen #topnavi  .modulzuordnungen a,
  .protokolle       #topnavi  .protokolle       a,
  .lernmodule       #topnavi  .lernmodule       a,
  .mitteilungen     #topnavi  .mitteilungen     a,
  .lehrende         #sidenavi .lehrende         a,
  .lernende         #sidenavi .lernende         a,
  .lerngruppen      #sidenavi .lerngruppen      a {
    background-color: #e0ecf3;
    border-left:0.8em solid #0e7fbe;
    padding-left:0.8em;
  }
/*_______________________________________________________ **/

/** Top-Navigation:
|________________________________________________________ */

  #topnavi {
    position: absolute;
    left: 180px;
  }

  #topnavi ul {
    list-style: none;
    margin:0;
    padding:0;
  }

  #topnavi ul li {
    margin:0 0 0 -1px;
    padding:0;
    height: 32px;
    float:left;
    border-left: 1px dotted #aaa;
    border-right: 1px dotted #aaa;
  }

  #topnavi a {
    display:block;
    color: #777;
    font-weight: bold;
    padding: 9px 15px 9px 18px; /*really using left 1.6em; see safari-hack at the very end*/
    margin: 0;
  }

  #topnavi a:hover, #sidenavi a:hover{
    color:#000;
  }

/*_______________________________________________________ **/

/** Side-Navigation:
|________________________________________________________ */
  
  #usermanagement h3 , 
  #profilemanagement h3 {
    font-size: 110%;
    margin-left: 10px;
  }
  
  #profilemanagement { margin-top: 18px; }

  #sidenavi{
    margin-top: 104px;
    width: 15em;
    height:30em;
    float: right;
    clear: both;
  }

  #sidenavi ul{
    list-style: none;
    padding:0;
    background-color:#fff;
  }

  #sidenavi ul li{
    padding: 0;
    margin:0 0 -1px 0;
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    font-weight: bold;
    background-color:#fff;
  }

  #sidenavi a{
    color: #777;
    padding:0.8em 1.3em 0.8em 1.6em;
    display:block;
  }

/*_______________________________________________________ **/

/** Content:
|________________________________________________________ */
  div.body div#content{
    width: 50em;
    min-height:35em;
    float: left;
    margin: 70px 0 0 3.2em;

    padding: 0.6em 0.8em;
    line-height: 130%;
    /* border:1px solid red; */
    /* overflow:hidden; /*wozu war das nochmal? */
  }

  div#content h1{
    margin: 2em 0 10px 0;
    line-height:135%;
    font-size: 135%;
    font-weight: bold;
  }

  div#content h2,div#infobox h2,div#infobox h1{
    margin: 1.2em 0 10px 0;
    font-size: 115%;
    font-weight: bold;
  }

  div#content h3, div#infobox h3{
    margin: 15px 0 -5px 0;
    font-size: 100%;
    line-height:130%;
    font-weight: bold;
  }

  div#content p{
    margin: 10px 0 10px 0;
  }

  div#content ul, div#infobox ul{
    padding-left:0px;
  }
  
  div#content ul ul, div#infobox ul ul{
    margin-top:0px;
  }

/*_______________________________________________________ **/

/** Flash:
|________________________________________________________ */
  #flash_box{
    position: absolute;
    top: 42px; 
    left: 47px;
    width: 550px;
    border:1px dotted #aaa;
    padding:3px 8px;
    margin-left: 0;
    margin-right: 40px; 
  }
  #flash_box ul { margin: 3px 0;}
  .flash_warning{
    color: red;
  }
  .flash_notice{
    color: #0e7fbe;
  }

/*_______________________________________________________ **/

/** AJAX progress:
|________________________________________________________ */

  #ajax_progress {
    position: absolute;
    top: 36px; 
    left: 18px;
    color: #999;
    float: right;
    margin: 20px;
    position: absolute;
    background: white;
    display: none;
  }

  #ajax_progress div {
      border: 1px dashed grey;
      margin: 10px;
      padding: 3px;
      padding-top: -15px;
  }

  #ajax_progress img {
      padding-left: 6px;
      vertical-align: middle;
  }

/*_______________________________________________________ **/

/** Inplace Editor:
|________________________________________________________ */
  td .in_place_textfield_bhv, td .in_place_textarea_bhv, td .in_place_html_textarea_bhv {
      display: block;
      border: 1px dotted #aaa;
      padding: 3px;
      cursor:pointer;
      margin-right: 42px;
  } /*  */

  .inplaceeditor-form input { margin-top: 1px; padding: 5px; font-size: 13px; }
  .inplaceeditor-form { display: inline; margin: 0; padding: 0; }
/*_______________________________________________________ **/


/** Diverse:
|________________________________________________________ */

  .logo #logo { position: absolute; top: 0; right: 0; }
  .logo #logo_revoca { position: absolute; top: 36px; right: 167px; }
  .account_nav{  margin-top: 10px; }

  span.kein_zufall{
    color:#777;
    font-size:180%;
    font-style: italic;
  }

  div.body span.kein_zufall{
    margin:0 0 1em -5em;
    line-height:100%;
    position:absolute;
  }

  div.body#page_ h1{
    margin-top:3em;
  }

  div.body img.homepagefoto{
    margin:2em -230px 0 34.5em;
    position:absolute;
  }

  hr{
    border:0;
    border-bottom: 1px dotted #aaa;
    color: #fff;
    background-color: #fff;
    height: 1px;
  }

  p.p_clear{
    line-height:0px;
    margin:0px;
    padding:0px;
    height:0px;
    width:0px;
    clear:both;
  }

  div.admin_functions{
    padding:3px;
    position:fixed;
    border:1px solid red;
    top:0;
    left:0;
    background-color:white;
  }
  div.admin_functions a{
    color:red;
  }
  div.admin_functions a:hover{
    color:white;
    background-color:red;
  }
  
  #search_spinner{
    display: none;
  }
  
/*_______________________________________________________ **/


/** Nasty, nasty, nasty Safari-hack:
|________________________________________________________ */
/*div#topnavi a, div#topnavi span{padding-left:1.6em;}*/
/*_______________________________________________________ **/

.main table { width: 100%;  } /* border-bottom: 2px solid #9dc5dc; */
.main table td { padding: 3px 5px 2px 5px; height: 19px; }
.main table tr.odd { background: #e0ecf3; }

table.onload-zebra tr.odd, table#person tr.odd { background: none; } /*needed for the tablesort script */
table.onload-zebra tr.alt, table#person tr.alt { background: #e0ecf3; } /*needed for the tablesort script */
table#person td { vertical-align: top;}

.clearer { clear: both;}

ul#subnav { list-style: none; margin: -9px 0 18px 0; padding: 0; }
#subnav li { display: inline; margin: 0; padding: 0; }
#subnav li.first { padding-right: 10px; border-right: 1px dotted #aaa;}
#subnav li.middle { padding-right: 12px; padding-left: 10px; border-right: 1px dotted #aaa;}
#subnav li.last { padding-left: 10px; } 
#subnav li.end { float: right; }
#subnav li.end form { padding: 0; margin: -2px -5px 0 0; }
#subnav li.end input { border: none; background: white; color: #045c8d; height: 18px; }

input.delete_button { margin: 5px 5px 1px 0; height: 9px; width: 9px; background: url('/images/delete.png'); 
  text-indent: -10000px; border: none; cursor: pointer; }
td.delete { text-align: right; vertical-align: middle; }

.object_table, table.person  { border-top: 1px solid #ccc; margin-bottom: 18px; }
.object_table td, table.person td { border-bottom: 1px solid #ccc; vertical-align: top; }

.object_table td p { margin-bottom: 0; font-size: 12px; }
.object table td p font { font-size: 12px; }
.object_table td.label { width: 120px; }
#main p { margin: 0; }

#intro {margin-left: 136px; }
#intro ul { list-style: square; }
#intro ul li { margin-bottom: 4px; }

#footer { width: 75em; margin: -42px auto 50px auto; text-align: right; }
#footer #logo-footer { margin-right: 59px; }

div#content h1#intro-title  { color: #777; font-size: 22px; font-weight: normal; font-style: italic; margin-top: 18px; 
  margin-bottom: 18px;  }

table#matrix { background: #fff; }
#matrix td { vertical-align: top; background: #e0ecf3;  }
#matrix th { text-align: left; font-size: 11px; padding: 3px 5px 2px 5px; background: #9dc5dc; } 
#matrix td.row { text-align: left; padding: 5px 8px; } 
#matrix td.cell { height: 40px; width: 40px; padding: 0;  } 

.onload-zebra { border-bottom: 2px solid #9dc5dc;}

#matrix td.cell span { display: block; float: left; background: white;  height: 8px; width: 8px; }
#matrix td.cell span a { display: block; float: left; height: 7px; width: 7px; border: solid white; border-width: 0 1px 1px 0;
  margin: 0; padding: 0; line-height: 6px; }
  
#message { position: absolute; position: fixed !important; z-index: 10; padding: 10px; background: white; border: 1px solid black; 
  top: 30% !important;	top: 500px; left: 30% !important;	left: 150px;	width: 40% !important;	width: 300px; }  
  
#message table { padding: 0; margin-left: -5px; border: none;}
#message td.label { width: 110px; }



table#filters { border: none; margin-bottom: 18px; }
#filters th { text-align: left; }
#filters td.date, #import td.system { width: 140px;}
#filters td.fachgebiet {}
#filters select, #import select {width: 16em;}

th { text-align: left; font-size: 11px; padding: 3px 5px 2px 5px; background: #9dc5dc; border-bottom: 1px solid white;}
th.remove { width: 45px; text-align: right;}
td.remove { width: 45px; text-align: right; }

th.status { width: 45px; text-align: right; }
td.status { width: 45px; text-align: right; }
 
th.spinner { height: 36px; }
img#table_spinner { float: left; padding: 0 0 6px 2px; }
#matrix_spinner { height: 24px; }
#matrix_spinner #table_spinner { float: none; }


td.date { width: 7em; }
td.label { width: 10em; vertical-align: top; }
#protokolle_table { margin-right: -35px;  }
#protokolle_table td.title {width: 12em; }
td.subject {  }
#protokolleListTable td.name { width: 8em; }
#protokolleListTable td.fachgebiet {width: 5.5em; }
#protokolleListTable td.delete { width: 2em;}
td.name { width: 9em; }
td.vorname {  }
td.gruppen {  }
table .lernstand, table .dauer, table .bemerkung { text-align: right; }
table .lernstand { }

td .anchor { position: relative; }
td .notes { position: absolute; display: block; top: -2px; left: 142px; width: 340px; background: #e0ecf3; padding: 3px 8px 5px; 
  color: black; text-align: left; line-height: 1.4; border: solid #0d7fbe; border-width: 3px; font-weight: normal; z-index: 100; }
td .notes table td { vertical-align: top; padding: 0 4px;}
#protokolle_table td .notes table td p { margin: 0; }


#lerngruppe { border-top: 1px solid #d5cad8; }
#lerngruppe td { border-bottom: 1px solid #d5cad8; vertical-align: top;  }
#lerngruppe td div.anchor { display:inline-block; position: relative;}
#lerngruppe td div.anchor .notes { left: 16px; top: 16px; }
#person td.name {width: 180px; }

tr.averages th { background: transparent; vertical-align: bottom; text-align: right;
  font-weight: normal; }


a#rss_feed { padding-left: 36px; background: url('/images/rss.png') 16px 8px no-repeat;}


img.delete { margin-right: 12px; }

#intro_table { border-top: 1px solid #ccc; }
#intro_table td { vertical-align: top; }
#intro_table td.lerngruppen, #intro_table td.lernmodule { font-weight: bold;}
#intro_table td.institution { font-weight: bold;}
#intro_table dl { margin: 0; padding: 0 0 12px 0; }
#intro_table dd { margin: 0; padding: 0; }
#intro_table dt { margin: 0; padding: 0; }
#intro_table td { border-bottom: 1px solid #ccc;}

/* ----------- Reorder ----------- */

table#import td { padding-bottom: 8px; }
ul#csv_order { list-style: none; padding: 0; margin: 0 0 6px 0; }
#csv_order li { display: block; float: left; padding: 3px 8px; margin: 0 2px 6px 0; font-size: 11px; font-weight: bold;
  color:white; background: #2e7cbb; cursor: move;}
  
ul#lehreroffice_csv  { list-style: none; padding: 0; margin: 0 0 6px 0; }
#lehreroffice_csv li { display: block; float: left; padding: 3px 8px; margin: 0 2px 6px 0; font-size: 11px; font-weight: bold;
    color:white; background: #2e7cbb; }
  
.import_error { color: red; font-weight: bold; }
.status_new { color: black; font-weight: normal; }
.status_synchro { color: green; font-weight: bold; }

#reorder { margin: 0 0 18px 0; }
.clearleft { clear: left; }

#rss_list { position: relative; }
#rss_trigger { position: absolute; top: 8px; left: 11.5em;  display: block;  width: 16px; height: 16px; cursor: pointer;
  text-align: center; line-height: 14px; text-indent: -10000px; background: #eee url('/images/help.png') no-repeat; }
#rss_info { position: absolute; display: block; top: 30px; left: 100px; width: 200px; background: #e0ecf3; padding: 3px 8px 5px; 
  color: black; text-align: left; line-height: 1.4; border: solid #0d7fbe; border-width: 3px; font-weight: normal;}
#rss_info h4 {margin: 0 0 1em 0;}


.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {	position: relative;	display: block;	}
.prototip .toolbar .title {	display: block;	position: relative;	}
.prototip .content { clear: both; }


/* Tooltip styles */
.prototip .default { width: 230px; border: solid #0d7fbe; border-width: 3px; }
.prototip .default .toolbar { background: #e0ecf3; font-weight: bold; }
.prototip .default .title { padding: 5px 8px 3px; }
.prototip .default .content { background: #e0ecf3; padding: 3px 8px 5px; line-height: 1.4;}

.intro { margin: 0 0 18px 0; }
.intro ul { list-style: square; }

td.right { text-align: right; }

dt { font-weight: bold; }
dd { margin: 0 0 9px 0; }

#webview {
  display: none;
}

#printHeader {
  display: none;
}

p.delete_all { 
  text-align: right; 
  margin: 0 0; 
}

.buttons { padding: 12px 0; }