/* Stylesheet Raumplan */
/* co. GDS mbH 2013 */

body {
    background-color: #FFFFFF;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;  }

/* Clearfix */
div.clear {
    clear: none;
    height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    line-height: 0px; }

/* Clearfix-Hack */

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.clear { display: inline-table; }

/* Hides from IE-mac \*/

* html .clear { height: 1%; }

.clear { display: block; }
/* Clearfix */

a {
	color: #B9171D;
	text-decoration: none;
	cursor:pointer;
}

a:hover,  a:active, a:visited {
	color: #B9171D;
/*	text-decoration: underline;*/
}

.pdf {
    background: url("../../symbole/page_white_acrobat.png") no-repeat 0 0px; }

.excel { background: url("../../symbole/page_white_excel.png") no-repeat 0 8px; }

.style02{
    font-size           : 32px;
    color               : #006699;
    text-decoration     : none;
}

.style01{
    font-size           : 28px;
	color               : #006699;
	text-decoration     : none;
}

table.raumbelegung{
    width:100%;
    border-spacing:3px;
    line-height:15px;
}
.raumbelegung th{
    background-color:#4F81BD;
    color:#FFFFFF;
    font-size:18px;
    padding:4px;
}
.raumbelegung th.time{
    width:auto;
}
.raumbelegung th.room{
    min-width:16.2%
}
.raumbelegung td{
    text-align:center;
    font-size:16px;
    padding:2px;
}
.raumbelegung td.active{
    background-color:#D0D8E8;
    vertical-align:top;
}
span.zeit{
    float:left;
    font-family:Tahoma, Arial;
    color:#4F81BD;
}

/* Design neu */

h3.balken {
    /*background: url("ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;*/
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 4px;
    margin: 15px 0 1px 0;
    width: 99%;
}

div#balken {
    background: url("https://elearning.fham.de/_app/images/Background_Top.png") repeat-x scroll 0 0 transparent;
    height: 12px;
}

div#headertop {
    background: url("https://elearning.fham.de/_app/images/FhLogoNeu2013.png") no-repeat scroll 100% 0 #FFFFFF;
    line-height: 85px;
    margin: 0 auto;
    width: 100%;
    position:relative;
}

#headertop h1{
    margin: 0 0 0 100px;
    font-size: 30px; }

#headertop h1 span.seitenzahl {
/*    font-size: 26px;*/
    font-weight: normal; }

#navigation{
	background: #de374b; /* Old browsers */
	background: -moz-linear-gradient(top,  #de374b 0%, #d42f35 3%, #dd3036 7%, #d82d36 10%, #c9262b 45%, #c12226 55%, #b2191b 86%, #b1181a 93%, #b21913 97%, #b11f2c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de374b), color-stop(3%,#d42f35), color-stop(7%,#dd3036), color-stop(10%,#d82d36), color-stop(45%,#c9262b), color-stop(55%,#c12226), color-stop(86%,#b2191b), color-stop(93%,#b1181a), color-stop(97%,#b21913), color-stop(100%,#b11f2c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #de374b 0%,#d42f35 3%,#dd3036 7%,#d82d36 10%,#c9262b 45%,#c12226 55%,#b2191b 86%,#b1181a 93%,#b21913 97%,#b11f2c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #de374b 0%,#d42f35 3%,#dd3036 7%,#d82d36 10%,#c9262b 45%,#c12226 55%,#b2191b 86%,#b1181a 93%,#b21913 97%,#b11f2c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #de374b 0%,#d42f35 3%,#dd3036 7%,#d82d36 10%,#c9262b 45%,#c12226 55%,#b2191b 86%,#b1181a 93%,#b21913 97%,#b11f2c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #de374b 0%,#d42f35 3%,#dd3036 7%,#d82d36 10%,#c9262b 45%,#c12226 55%,#b2191b 86%,#b1181a 93%,#b21913 97%,#b11f2c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de374b', endColorstr='#b11f2c',GradientType=0 ); /* IE6-9 */
	line-height: 28px;
	text-align:left;
	height: 28px;
}

#navigation a {
	color: #FFFFFF;
	border-right: 1px solid #D9D9D9;
	display: inline-block;
	padding: 0 30px;
}

#navigation a:first-child{ border-left: 1px solid #D9D9D9; }

#wrapper {
	width: 100%;
}

#wrapperflip {
	width: 100%;
}

#wrapper, #wrapperflip {
	margin: 0 auto 10px auto;
	background-color: #FFFFFF;
/*	border: 1px solid #D9D9D9;*/
}

div#all {
    width: 1030px;
    margin: 0 auto 0 auto;
    background-color: #fff;
    padding: 4px 10px; }

#contentstart, #content {
	padding: 10px 20px 0px 20px;
	margin: 0 auto;
}

#contentstart { width: 600px; }

#content {
/*    min-height: 950px;*/
    }

.foottext {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 20px auto;
	line-height: 20px;
	width: 1400px;
	text-align: center;
}

#result #content h1, #result #content h1.blue {
	font-weight:bold;
	font-size:12px !important;
	text-align:center;
}

#content h1.blue{ color:#000; }

/*#content h1{ color:#B9171D; }*/

#result #content h3{
    font-size: 12px;
/*    font-style: italic;*/
}

#content h4 {
    margin: 0 0;
    font-size: 12px;
}

#contentstart ol { list-style-type: none; }

#contentstart li {
    font-size: 24px! important;
    line-height: 34px; }

#contentstart li a {
    width: 300px;
    display: block;
    padding: 2px 2px; }

#contentstart li:hover a {
    background-color: #B9171D;
    color: #fff! important;  }

#content .heading{
	text-align:center;
	color:#B9171D;
	font-size:15px;
	background-color:#E9E9E9;
	font-weight:bold;
	padding: 8px; }

/* Roundabout */

.roundabout-holder {
  list-style: none;
  padding: 0;
  margin: 300px auto 0 auto; /* Abstand von oben */
  width: 1100px; }

.roundabout-moveable-item {
  height: 600px;
  width: 500px;
  background-color: #e9e4e4;
  border: 1px solid #999;
  padding: 10px 10px;
  overflow: hidden; }

.roundabout-moveable-item span {
    font-size: 14px;
    color: #B9171D; }

/*.roundabout-in-focus { background-color: #ccc!important; }*/

/* Tiles */

.rauminhalte h1 {
    margin: 0 0 4px 0! important;
    font-size: 18px! important;  }

h1.raumtitle, #content h1.blue {
    margin: 0 auto 4px auto! important;
    background-color: #fff;
    padding: 2px;
    height: 28px;
    width: 170px;
    color: #B9171D! important;
    font-size: 24px! important;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  }

h1.Boxraumtitle {
    margin: 4px 0 0px 0 !important;
    padding: 10px 0px 10px 3px;
    width: 170px;
    font-size: 12px! important;
    width: 99%;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

.grey {
    background-color: #c8d3d9 !important;
     color: #000! important;
} /* Light grey */

.green {
    background-color: #505456 !important;
     color: #fff! important;
} /* Dark Grey */

.orange {
    background-color: #f39200 !important;
     color: #000! important;
} /* Orange */

/* #C9161B */

div.boxcacht {
	height: 27px;
	padding: 0 0 2px 0;
}

.rauminhalte h2, .boxen h2 {
    margin: 0 0 4px 0! important;
    font-size: 14px;  }

.rauminhalte h2:first-letter, .ppv h2:first-letter,  .boxen h2:first-letter {
    background-color: #B9171D;
    color: #fff; }

.rauminhalteflip h1 {
    text-align: left! important;
    margin: 0 0 0 60px; }

.rauminhalte h2:first-letter, .ppv h2:first-letter, .rauminhalteflip h2:first-letter  {
    font-size: 300%! important;
    margin: 2px 2px;
    padding: 4px 2px;
    float:left;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  }

 .boxen h2:first-letter  {
    font-size: 300%! important;
    margin: 0px 0px;
    padding: 10px 0 0 10px;
    float:left; }

h1.titel {  height: 77px! important; }

h1.titel span {
    font-size:12px;
    font-weight: normal; }

.rauminhalteflip h2:first-letter {
    background-color: #000;
    color: #fff; }

.rauminhalteflip h4 { margin: 0 15px 0 60px! important; }

.time {
    font-size: 18px! important;
    margin: 0 15px 10px 45px! important;
    border-bottom: dotted 1px #fff; }

div.ppv h3,.rauminhalteflip h3 {
    background-color: #B9171D;
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 15px 0 60px;
    padding: 2px 2px; }

.boxen h3 {
    background-color: #B9171D;
    color: #FFFFFF !important;
    font-size: 20px;
    margin: 0px 0px 0px 0px! important;
    padding: 5px 2px 5px 2px;
    min-height: 60px; }

/*.rauminhalte h2 span { margin: 0 0 0 0;  }*/

div.ppv {
    border: 1px dotted grey;
    padding: 4px;
    margin: 5px auto 0 auto;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    max-width: 450px; }

span.uhrzeit { font-size: 12px! important; }

raumcolor {
    background-color: #E9E4E4;
/*    border: 1px solid #999999;*/
/*    overflow: hidden;*/
    }

.flip-front { border: 1px solid #999999; }

div.boxen {
    text-align: center;
    float:left;
    width: 200px;
    height: 245px;
    border: solid 1px #999999;
    margin: 0px 10px 15px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  }

 div#lockimgdiv {
    width: 48px;
    height: 48px;
    border: solid: 1px red;
    margin: 0 0 0 350px;
    float: left; }

div.Info {
    border: solid 1px red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 210px;
    margin: 0px auto 0px auto;
    padding: 4px 10px;
    background-color: #fcf6b0;
    position: absolute;
    z-index: 99;
    top: 10px;
    left: 600px;
	display: none;
}

div#admininfo {
    display: none;
    width: 800px;
    margin: 0 auto; }

form#adminform {
    width: 400px;
    margin: 0 auto;  }

form#adminform span {
    display: block;
    width: 110px;
    float: left;
    margin: 4px 0 0 0; }

form#adminform input {
    margin: 2px 0 2px 0;
    width: 144px; }

form#adminform select { width: 150px; }

span.sonderveranstaltung{
	font-size:11px !important;
	color: #435052;
}

#result #balken{
	display:none;
}
#result #headertop{
	background: none;
}
#result #headertop h1{
	margin: 0;
	padding: 0;
	line-height: 1em;
}
#printarea{
	clear: both;
}
#progressbar{
	height: 3px;
	margin-top: 10px;
	border: 0px solid;
}
.ui-progressbar-value{
	background: #B9171D;
}