/* vim: set expandtab tabstop=4 shiftwidth=4: */

/**
 * This is the global stylesheet for the module
 *              ROOM MANAGEMENT
 * 
 * @author      Tobias Macharon <macharon@redsyntax.de>
 * @package     Raumverwaltung der Akademie
 * @author      Ulrich Weber <uweber@alp.dillingen.de>
 * @copyright   Copyright (c) 2010 ALP Dillingen | ZIMT GmbH, Dillingen
 */

body {
    background-color : #2A71A7;
	background-image: url(../img/background.jpg);
	background-repeat:repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    margin: 0;
    padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
  color: #003984;
  font-size: 1.3em;
}

h3 {
  margin: 0;
  padding: 0;
  margin-left: 40px;
  color: #003984;
  font-size: 1.3em;
}

img {
  border: 0px !important;
}

/* Header styles */
#main-head {
    height: 25px;
    width: 100%;
    /* background-color: #003984; */
    z-index: 1;
}

#headline {
    height: 42px;
    background-image: url(../img/headline.png); 
    background-repeat: repeat-x;
    padding-left: 120px;
	padding-top: 3px;
    color: #333;
    font-variant: small-caps;
    font-size: 1.6em;
    z-index: 1;
}

#header-logo {
    position: absolute;
    top: 5px;
    left: 20px;
    width: 82px;
    height: 60px;
    background-image: url(../img/fibs-logo_transparent_rgb.png);
	background-size: auto 60px;
	background-position: 0 15px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#header-navigation-left {
    float: right;
    background-image: url(../img/main_menu_right.png);
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 20px;
    height: 35px;
	opacity: 0.7;
}

#header-navigation {
    float: right;
    height: 35px;
    padding-top: 4px;
    background-image: url(../img/main_menu.png);
    background-repeat: repeat-x;
	opacity: 0.7;
}

#header-navigation-right {
    float: right;
    background-image: url(../img/main_menu_left.png);
    background-repeat: no-repeat;
    width: 10px;
    height: 35px;
	opacity: 0.7;
}

#header-navigation a {
	color: #000;
}

#login-box {
  width: 364px;
  background-image: url(../img/login_box.png);
  background-repeat: no-repeat;
  margin-left: 30px;
  margin-top: 25px;
}

#main-content {
    background-color: white;
    margin-left: 20px; 
    margin-right: 20px;
    padding-left: 15px;
	opacity: 0.9;
	overflow: auto;
}

#main-foot {
    width: 100%;
	height: 42px;
    background-image: url(../img/headline.png); 
    background-repeat: repeat-x;
	clear: both;
	margin-top: 20px;
    padding-left: 120px;
	padding-top: 10px;
    color: #333;
    font-variant: small-caps;
}

ul.topmenu {
	list-style: none;
	background-image: url(../img/main_menu_left.png);
	margin: 0px;
	padding: 0px;
}

ul.topmenu li {
	display: inline;
	margin: 0 5px 0 5px;
}

/* Form styles */
.spacer_10 {
  margin-top: 10px;
}

.element-button {
    padding-left: 112px;
}

.element-label {
    float:left;
    width:100px;
    height: 20px;
    margin-right:0.5em;
    text-align: right;
    padding-right: 5px;
}

.element {
    font:80%/1 sans-serif;
    padding: 0;
    border: none;
}

.error {
    color: red;
    font:120%/1 sans-serif;
}

.errors {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
	padding: .75rem 1.25rem;
	border-radius: .25rem;
}

.error-form {
    color: red;
    font:80%/1 sans-serif;
}

.error-element li {
    font:70%/1 sans-serif;
    color: red;
    padding: 0;
    border: none;
    list-style-type: none;
    top: -10px;
}

.clear {
    clear: both;
}




  a
    {
        text-decoration: none;
        color: #003984;
        background-color: transparent;
    }

    h1,h2,h3
    {
      margin-bottom: 1em;
    }
    h1
    {
      font-size: 200%;
      text-align: center;
    }
  h1.unvisible_left, h2.unvisible_left, h3.unvisible_left
  {
    margin: 0 0 0 -5000px;
    font-size: 0px;
    text-align: left;
  }

  h1.unvisible_top, h2.unvisible_top, h3.unvisible_top
  {
    margin: -2000px 0 2000px 0px;
    font-size: 0px;
    text-align: left;
  }

  h3
  {
    font-size: 140%;
  }

  h4
  {
    font-size: 120%;
  }

  h5
  {
    font-size: 110%;
  }

    #header
  {
      height: 156px;
      padding-left: 0px;
      padding-top: 0px;
    margin-top: 0px;
    background: transparent url("/img/footer_header.png") repeat left;
    }

  #header img
  {
    margin-top: 40px;
    padding-top: 0px;
    width: 100%;
  }
 #logo
    {
      margin: 0px;
    margin-top: -101px;
      height: 136px;
      width: 17em;
    background-color: transparent;
    background: transparent url("/img/alp_logo_transparent.jpg") no-repeat left;
      border: 0px solid red;
    float: right;
    position: relative;
    z-index: 1;
    }
#logo1
    {
      margin: 0px;
    margin-top: -20px;
      height: 136px;
      width: 17em;
    background-color: transparent;
    background: transparent url("/img/alp_logo_transparent.png") no-repeat left;
      border: 0px solid red;
    float: right;
    position: relative;
    z-index: 1;
    cursor: pointer;
    }

    #footer
  {
      height: 156px;
      padding-left: 0px;
      padding-top: 0px;
      background: white url("/img/footer_header.png") repeat left;
    clear: both;
    }

 #footericons
    {
      margin: 0px;
    margin-top: 30px;
      height: 136px;
      width: 17em;
    background-color: transparent;
      border: 0px solid red;
    float: right;
    position: relative;
    z-index: 1;
    }

#seite
{
/* fülierbaren Bildschirm
  max-width: 960px;
  min-width: 760px; */
  width: 995px;
  padding-left: 0em;
  margin: 0 auto;
  background: transparent;
}
#seite_ohne_menue
{
  width: 700px;
  padding-left: 0em;
  margin: 0;
  background: transparent;
}
#inhalt
{
  padding: 1em;
/*  margin-top: 0em;
  margin-left: 5em;
  margin-right: 20em;  */
  width: 70%;
  background: transparent;
}
#inhalt_ohne_menue
{
  padding: 1em;
  margin-top: 0em;
  margin-left: 5em;
  margin-right: 20em;
  width: 620px;
  background: transparent;
}
#inhalttitel
{
  padding: 1em 0;
  border-bottom: 2px solid #E4F0FC;
  text-align: left;
  font-size: 2.5em;
  font-variant: small-caps;
  font-weight: normal;
  color: #0059FF;
}

#liste_inhalt
{
    background-color: #fff;
  padding-top: 0px;
  padding-bottom: 24px;
  margin: 0px 24px 12px 24px;
}

.rand2em
{
  margin-left: 2em;
  margin-right: 2em;
}
#datensatzdeaktiv
{
  color: green;
}


a.dozenten
{
  padding: 1px;
  font-size: 1.2em;
  border-top: 0px solid;
}

#seitenauswahl_zeile
{
  float: left;
  height: 3em;
  font-variant: small-caps;
  color: red;
  background-color: green;

}

.projekte
{
  float: left;
  padding-top: 20px;
}

select.sel_projekte
{
  margin-top: 1em;
}

table
{
    background-color: transparent;
  font-size: 100%;
}

th.normal, table.normal th
{
    background-color: #E4F0FC;
  color: #0E1B4E;
  font-weight: bold;
  border: 1px solid #C1DCF7;
}

td.normal, table.normal td
{
    background-color: #EAF5FC;
  border: 1px solid #E4F0FC;
/*  font-size: 0.8em; */
}

table.small-legend, table.small-legend td, table.small-legend tr
{
    background-color: transparent;
    border: 0px solid;
    font-size: small;
    border-collapse: collapse;
    padding: 0px 2px
}


hr.normal
{
  border: 1px solid #DFEBF7;
  float: left;
  clear: left;
  width: 100%;
}
hr.normal1
{
  border: 1px solid #DFEBF7;
  clear: left;
  margin-top: 2em;
}

a:hover, a.active
{
  background-color: #7DABFF;
  color: #FFFFFF;
}

a.symbol:link,
a.symbol:visited
{
  text-decoration: none;
}

a.symbol:hover
{
  text-decoration: none;
    background-color: #E4F0FC;
}

a.symbol0:hover
{
    text-decoration: none;
  /*  display: block;  unterdrüei IE8 das 'hupfende' Symbol */
    background-color: transparent;
}

a.symbol1:hover
{
  text-decoration: none;
    background-color: #EFEFEF;
  margin-left: -5px;
}

a.seitenauswahl:link,
a.seitenauswahl:visited
{
  text-decoration: none;
  color: #0059FF;
  font-size: 1em;
}
a.seitenauswahl:hover
{
  background-color: #7DABFF;
  color: #FFFFFF;
  font-size: 1em;
}

input.submitButton1
{
    font-size: 1em;
    font-variant: normal;
    cursor: pointer;
    background-color: transparent;
    color:#003984;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid;
    line-height: 1em;
}

input.submitButton1:hover
{
    background-color: #003984;
    color: #FFFFFF;
}

input.submittransparent
{
  font-size: 0.8em;
  font-variant: small-caps;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  color: #0059FF;
}
input.submittransparent:hover
{
  font-size: 1.0em;
  background-color: #7DABFF;
  color: #FFFFFF;
}

input.submittransparent1
{
  font-size: 1em;
  font-variant: small-caps;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  color: #0059FF;
}

input.submittransparent2
{
  font-size: 1.2em;
  font-variant: small-caps;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  color: #0059FF;
}

input.submitprojekte
{
  margin-top: 3em;
  width: 100px;
  vertical-align: bottom;
}

ul.d0
{
  list-style: square;
  color: #0059FF;
}

ul.d0 li
{
  margin-top: 1em;
  margin-left: -2em;
  font-size: 120%;
}

ul.d0 li p.normal
{
  margin-top: 0.5em;
  margin-left: 0em;
  font-size: 80%;
  color: #303758;
}

ul.d1
{
  list-style: square;
  margin: 0;
  margin-left: 1.2em;
  font-size: 100%;
  font-weight: bold;
}

ul.d1 li
{
  margin-top: 1em;
}

ul.d1_1
{
  list-style: disc;
  font-size: 100%;
  font-weight: normal;
  margin-left: 2em;
}

ul.d1_1 li
{
  margin: 0;
  padding: 0;
}

ul.d1_2
{
  list-style: disc;
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 1em;
}


ul.d1_2 li
{
  margin: 0;
  padding: 0;
}

li.none
{
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -1em;
}

ul.d2
{
  list-style: square;
  margin-left: 1.5em;
}

ul.d2 li
{
  margin-top: 0.5em;
}

ol.d2
{
  margin-left: 2em;
}

ol.d2 li
{
  margin-top: 0.5em;
}

#linkdeaktiviert
{
  font-variant: small-caps;
  font-size: 1.2em;
}

div.linklist
{
	margin: 10px 0;
}

div.linklist a
{
	margin-right: 10px;
	padding: 5px;
	border: 1px solid;
	line-height: 40px;
}


/* clear: left auskommentiert wg. IE6 */
.zeile05em
{
  float: left;
  height: 0.5em;
  width: 100%;
  background-color: transparent;
/*  clear: left; */
}

.zeile1em
{
  float: left;
  height: 1em;
  width: 100%;
  background-color: transparent;
/*  clear: left; */
}

.zeile2em
{
  float: left;
  height: 2em;
  width: 100%;
  background-color: transparent;
/*  clear: left; */
}

.zeile3em
{
  float: left;
  height: 3em;
  width: 100%;
  background-color: transparent;
/*  clear: left; */
}

.zeile4em
{
  float: left;
  height: 4em;
  width: 100%;
  background-color: transparent;
/*  clear: left; */
}

img
{
  border: 0;
}

img.rand20px
{
  border: 0;
  margin: 20px;
}

img.a
{
  height: 5em;
  width: 5em;
}

.textklein
{
  font-size: 0.8em;
}

.textklein1
{
  font-size: 0.6em;
}

.textklein_wichtig
{
  font-size: 0.8em;
  color: #FF0000;
}

.textklein1_wichtig
{
  font-size: 0.8em;
  font-weight: bold;
}


.text_wichtig
{
  font-size: 2em;
  color: #FF0000;
}


.drittel2em
{
  float: left;
  width: 233px;
  height: 2em;
  background-color: transparent;
}

/* Definitions for Dashboard */

.dashboard-box
{
    float:          left;
    display:        block;
    margin-top:     8px;
    margin-right:   8px;
    margin-left:    8px;
    width:          440px;
    height:         220px;
    background-color: #cceeee;
}

.dashboard-big
{
    text-align:     center;
    font-size:      5em;
    font-weight:    bold;
    padding-bottom: 0;
}

.dashboard-small
{
    text-align:     center;
    font-size:      2em;
    padding-top:    0;
}

.dashboard-form-text
{
    width:  250px;
    font-size: 1.5em;
}

/* Custom form field for drag and drop */
.container {
    border:1px solid #aaa;
    padding: 0.5em;
    cursor: default;
    background:#fff;
}

.wishlistContainer, .catalogContainer, .cartContainer {
    float: left;
    margin-right: 20px;
    width: 320px;
}

.catalogContainer ul {
    min-height: 300px;
    font-size: 0.9em;
}

.wishlistContainer ol {
    height: 300px;
    font-size: 0.9em;
}

#catalogNode, #wishlistNode {
    list-style: none;
}

/* End drag and drop */

/* Blue tags, e.g. used in room management */
.tags{
    margin:0;
    padding:0;
    right:24px;
    bottom:-12px;
    list-style:none;
    }
.tags li, .tags a{
    float:left;
    height:24px;
    line-height:24px;
    position:relative;
    font-size:10px;
    cursor: default;
    }
.tags a{
    margin-left:12px;
    padding:0 10px 0 12px;
    background:#0089e0;
    cursor: default;
    color:#fff;
    text-decoration:none;
    -moz-border-radius-bottomright:4px;
    -webkit-border-bottom-right-radius:4px; 
    border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-right-radius:4px;    
    border-top-right-radius:4px;    
    } 
.tags a:before{
    content:"";
    float:left;
    position:absolute;
    top:0;
    left:-12px;
    width:0;
    height:0;
    border-color:transparent #0089e0 transparent transparent;
    border-style:solid;
    border-width:12px 12px 12px 0;      
    }
.tags a:after{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    float:left;
    width:4px;
    height:4px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background:#fff;
    -moz-box-shadow:-1px -1px 2px #004977;
    -webkit-box-shadow:-1px -1px 2px #004977;
    box-shadow:-1px -1px 2px #004977;
    }
	
#main-content .dijitTextBox {
    width: 30em;
}

.row {
	margin-right: 0;
	margin-left: 0;
}
/* End Blue tags */

.dijitNumberTextBox .dijitInputField input.dijitInputInner, .dijitCurrencyTextBox .dijitInputField input.dijitInputInner {
    text-align: left;
}


@media print {
	
    body{

        font-family: Verdana, Arial, Helvetica, sans-serif;

    }


    table
    {
        text-align: left;
    }

    table.borders
    {

        text-align: left;
    }


    th.borders tbody, table.borders tbody th
    {

            vertical-align: top;
            border: 1px solid grey;
    }


    th.borders tbody, table.borders tbody td
    {

            vertical-align: top;
            border: 1px solid grey;
    }

    th.normal, table.normal th
    {
            vertical-align: top;
            border: 1px solid grey;
    }


    th.normal, table.normal td
    {
            vertical-align: top;
            border: 1px solid grey;
    }



    div.linklist
    {
        display:none;
    }


    #main-foot {
        display: none;
    }


    #header-navigation {
        display: none;
    }

}


textbox:invalid, textarea:invalid, input:invalid, select:invalid {
    background-color: lightyellow;
}

.dijitError {
    background-color: lightyellow;
}

textarea:focus, input:focus, select:focus {
    outline: 1px solid blue !important;
    border: 1px solid blue !important;
}

select, input, textarea {
    font-size: 1em;
    font-family: "arial", serif;
}