/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

@font-face { font-family: 'EuroPlate'; src: url('/theme/protempus/fonts/EuroPlate.ttf') format('truetype'); }


body { font-family:  Arial, Helvetica, "sans serif"; height:100%; }
#minibody { padding:0px; }

.maincontent { margin-bottom: 40px;
               position:relative;
               min-height:100%;
               padding-top: 20px;
               z-index: 10;}

h1, h2, h3, .navbar { color: #428BCA;}

h1 { border-bottom: 1px solid #666; font-size:24px;margin-bottom: 20px;}
h1 span { font-size: 12px; color:#888; float:right;}
h2 { font-size:20px;}
h3 { font-size:18px; line-height:20px; margin-top:2px;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #EEE -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.shadow {
	-webkit-box-shadow: 3px 3px 2px -3px #000;
	   -moz-box-shadow: 3px 3px 2px -3px #000;
          box-shadow: 3px 3px 2px -3px #000;
}
.one-edge-shadow {
	-webkit-box-shadow: 0px -1px 4px 2px #000;
	   -moz-box-shadow: 0px -1px 4px 2px #000;
          box-shadow: 0px -1px 4px 2px #000;
}
.rolled-coners-shaddow { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 40px 130px 0px #FFF, 0px 9px 8px -8px rgba(0, 0, 0, 0.85); }

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

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

.logo { position: relative; margin-top: 5px; z-index:20; margin-left:20px; }

/* Startseite zentriert
-------------------------------------------------- */
.startpage-container { background:rgba(255,255,255,0.9);padding:1% 2%;width:40%; margin-left:28%; border-radius: 8px;}
.startpage-container a { color: #999; }
.startpage-container a,
.startpage-container td { transition: all 0.5s ease; padding:10px;}
.startpage-container td:hover  { background: #eee; transition: all 0.5s ease;}
.startpage-container td:hover a { color:#0404B4; transition: all 0.5s ease;}
.startpage-container #loginform { max-width:100%; margin-left:0;}
.startpage-container .form-control { height: 50px; }

/* PRDUCTION Formate
-------------------------------------------------- */
#production { padding-right:20px;}
#production .main { padding:10px 30px 10px 40px;}
#production .main .title { display:inline; border:0; }
#production .main img.logo { float:right; width:100px;}

/* Post
-------------------------------------------------- */
.post { margin-bottom:50px; }
.post .position {
  width: 100px; float:left; font-size: 6em; color: lightgrey; height:120px;
  font-family:Arial Black; text-align:right; padding-right: 10px; line-height: 80%;
}
.post h1 { position:relative; color: #006600; font-size: 1.4em;}
.post h1 .sub { font-size: 12px; font-weight:100; color: #bbb; margin: 0 10px; }
.post .entry { padding:10px;
               -webkit-border-radius: 7px;
               -moz-border-radius: 7px;
               border-radius: 7px;
               background:#FFFFeF;
               border:solid 1px #eee;
              // display: inline-flex;
               width: 100%;
             }
.post .meta { display: inline-flex; font-size:small;}
.post .meta .links { float:left; margin-left: 15px;}

/* Search
-------------------------------------------------- */
#serachappselector { list-style:none; padding:0; margin:15px 0 0 0;}
#serachappselector li { font-size:1.2em; padding:4px 0; margin:0; transition:all 0.5s ease; color:#428BCA; }
#serachappselector li:hover { background: #eee; transition:all 0.5s ease; cursor: pointer;}

/* Images
-------------------------------------------------- */
.zoomonhover:hover { width:auto; transition:all 0.5s ease; }

/* Forum
-------------------------------------------------- */
.forum p { margin-left: 100px;}

#pagination .curpage { width: 28px; height:24px; float:left; margin:2px; background:#c9c9c9;
                        border:solid 1px #666; text-align:center; font-weight:bold;}
#pagination a div { width: 28px; height:24px; float:left; margin:2px; background:#f9f9f9;
                  border:solid 1px #eee; text-align:center;}
                  
#pageoptions, .pageoptions { float:right; margin: -30px 0 0 10px; }
.optionfield { padding:10px;
               -webkit-border-radius: 7px;
               -moz-border-radius: 7px;
               border-radius: 7px;
               background:#f9f9f9;
               border:solid 1px #eee;
             }
.memberlist li { padding:5px 0;}

.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.descriptive-text { line-height:1.4em; }
.doclink { float:left; margin-top: -5px; margin-right: 5px; font-size:14px;}
.fl { float:left;}

.sitelogo { float:left; margin-right:20px;}
.sitelogo .sitemenu { display:none; position:absolute; margin-top:-4px;
                      margin-left: -5px; background:#fff; border: 1px solid #ccc;
                      z-index:30; padding:10px;}
.sitelogo .sitemenu ul { list-style: none; padding:0;}
.sitelogo .sitemenu li { padding:5px; margin-left:0; }
.sitelogo:hover .sitemenu { display:block;}
.sitelogo .sitemenu:hover { display:block;}

a.red,.red {color:red; }
.underline { text-decoration: underline;}
.small { font-size:small; }
.smaller { font-size:smaller; }
.big, .large { font-size:large; }
.bigger, .larger { font-size:larger; }

.monospace {
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}



.userlist ul { list-style:none; }
.userlist li { float:left; margin:15px; text-align:center;}

/* STATUS COLORS
-------------------------------------------------- */
.status-grey { color: #bbb; }
.status-green { color: #393; }
.status-red { color: #933; }
.status-orange { color: #FFA500; }
.status-yellow { color: #FFFF33; }
.status-blue { color: #003399; }

/* PRGOGRESS BARS
-------------------------------------------------- */
progress {
    background-color: #f3f3f3;
    border: 1px solid #999;
    height: 18px;
    border-radius: 9px;
}
progress::-moz-progress-bar {
     border-radius: 9px;
}
progress.green::-moz-progress-bar { background-color:green; }
progress.green::-webkit-progress-value { background-color:green; }

/* CMS
-------------------------------------------------- */
.contentdescription { font-size: 2em; line-height: 1em; color: #666; }


/* YES / NO PAGE
-------------------------------------------------- */
#yesnoform { display: inline-flex; } /* fix für Fancybox */
#yesno { margin: 10% auto; background: url('../images/fragezeichen.png') bottom right no-repeat; height:200px; min-width: 700px;}
#yesno p { padding-right: 100px; }
#yesno .btn { width:100px; margin-top:50px;}

/* LOGIN FORM
-------------------------------------------------- */
#loginform { max-width: 400px; margin-left: 30%;}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.bt5-nav { width:100%; list-style:none; z-index: 15;}
.bt5-nav li.dropdown { float:left; padding:10px 20px; cursor: pointer;z-index: 5;}
.bt5-nav-detailsarea { height:0; font-size:0.9em; position:relative; z-index:20;margin-top: 10px;
                         -webkit-transition: all .5s ease;
                            -moz-transition: all .5s ease;
                                 transition: all .5s ease;}
.bt5-nav-detailsarea .close-btn { font-size: 3em; color: #666666; position:absolute; right:6px; margin-top:-54px;}
.bt5-nav-submenu { display:none; }
.bt5-nav-submenu .mainitem { font-size:3.5em; font-weight:bold;}
.bt5-nav-submenu ul { list-style:none; background:black;padding-bottom: 2%;}
.bt5-nav-submenu li.group { font-weight:bold; padding:8px; clear: both; transition: all 0.5s;}
.bt5-nav-submenu li.group:hover { font-weight:bold; padding:8px; clear: both; background:#444;}
.bt5-nav-submenu li.group > a { display:inline-block; width:18%; text-align:right; color:white; }
.bt5-nav-submenu li.group ul { float:right; width: 80%; margin: 0 0 15px 0; padding:0; background: transparent;}
.bt5-nav-submenu li.groupitem { float:left; font-weight:normal; padding: 0 8px; color:white; min-width: 200px;}
.bt5-nav-submenu li.groupitem a { color: #ccccff; padding:3px; transition: all 0.8s; background:transparent;}
.bt5-nav-submenu li.groupitem a:hover { border:solid 1px #ccccff; border-radius:3px; color:#000;
                                        text-decoration:none; background:#eeeeff; transition: all 0.2s;}
#menusearch { float:right; width:300px;}
#menusearch h2 { display:none;}
#menusearch .form-control { display:inline; width:200px;}

/* Sheets
-------------------------------------------------- */
#sheetcontainer { width:100%; border-left:0; clear:both; padding-top:50px;
                   }
#sheetcontainer > ul { border-bottom:1px solid #ccc; margin-left:0; width: 100%;
                       display: inline-flex;}
#sheetcontainer > ul li { list-style:none; float:left;
                         border:1px solid #ccc;
                         min-width:100px;
                         height:26px;
                         border-radius: 6px 6px 0 0;
                         margin-top:-26px;
                         padding:3px 8px;
                         text-align:center;
                         background:#dddddd;}
#sheetcontainer .active {  height:31px; margin-top:-31px;
                           padding-top:3px;
                           border-bottom:0;
                           background:#ffffff;
                          }
#sheetcontainer .inner { padding: 10px;
                       background:#ffffff;
                       margin-top: -10px;
                       border-left:1px solid #ccc;
                       border-right:1px solid #ccc;
                       border-bottom:1px solid #ccc;
                      }

#sheetcontainer .inner div { border:0;
                           margin-top:2px;
                           padding-left:8px;
                           padding-top:8px;
                          }

/* BREADCRUMB
-------------------------------------------------- */
#breadcrumb { position:fixed; width:230px; top:100px; right:-200px; transition:all 1s;
              background: green; border-radius:8px 0 0 8px; color:white; padding:5px;z-index: 21; z-index: 16;}
#breadcrumb:hover { right:0px; transition:all 0.5s; }
#breadcrumb .fa { font-size:2em; float:left;}
#breadcrumb .bcinner { margin-left:4px; float:right; width:190px; font-size:0.8em;}
#breadcrumb .bcinner a { color:white;}
#breadcrumb .bcinner ul { margin-left:10px; padding:0;}
#breadcrumb .bcoptions { font-size:0.8em;}
#breadcrumb .bcfavorits { margin-top:20px; margin-left:30px; color:#fff; font-size:0.8em;}
#breadcrumb .bcfavorits ul { margin-left:10px; padding:0; list-style:none;}
#breadcrumb .bcfavorits a { color:#fff; }

/* TAGCLOUD
-------------------------------------------------- */
#tagcloud{ background: #303030; padding:10px 5px 10px 5px;}

.tc1{ font-size:0.8em; color:#555555; line-height:1em; }
.tc2{ font-size:1.0em; color:#606060; line-height:1em; }
.tc3{ font-size:1.2em; color:#808080; line-height:1em; }
.tc4{ font-size:1.4em; color:#808080; line-height:1em; }
#tagcloud a{ text-decoration:none; }
#tagcloud a:hover{ text-decoration:underline; }


/* FORMS + JFORM
-------------------------------------------------- */
#jform, .jform {
	width:100%;
	padding-top:10px;
}
#jform div.error, .jform div.error { font-size:0.9em;
                                     line-height:1.5em;padding: 2px 5px;background: #FBB; color:black;}
#jform textarea,
.jform textarea,
#jform input[type=text],
.jform input[type=text],
#jform input[type=password],
.jform input[type=password] {
  width:100%;
  border:solid 1px #ccc;
}
#jform div.left,
.jform div.left{
	padding:0px;
	width:35%;
	margin:3px;
  float:left;
	text-align:right;
 }
#jform div.right,
.jform div.right {
	float:right;
	text-align:left;
	width:62%;
}
#jform div.right input[type=radio],
.jform div.right input[type=radio] {
  margin-bottom:8px;
}
#jform div.newline,
.jform div.newline {
  padding-top:6px;
	clear:both;
}
#jform div.right label input,
.jform div.right label input {
  margin:7px;
}


/* Timepicker AddOn
-------------------------------------------------- */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

/* Forum + Kommentare
-------------------------------------------------- */
.comment span { color:#999; font-size:small;}
.comment .userinfo { text-align:center;}
.comment .options { float:right; margin-right:10px;}

/* Sprechblase */
.speechbubble {
position: relative;
padding: 15px;
margin: 1em 0px 3em;
border: 1px solid lightgrey;
color: #333;
background: none repeat scroll 0% 0% #FFF;
border-radius: 10px;
}
.speechbubble.left {
    margin-left: 10px;
}
.speechbubble:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 47px;
  border-width: 16px 16px 0px;
  border-style: solid;
  border-color: #FFF transparent;
  display: block;
  width: 0px;
}
.speechbubble.left:after {
  top: 11px;
  bottom: auto;
  left: -20px;
  border-width: 15px 20px 12px 0px;
  border-color: transparent #FFF;
}
.speechbubble.left:before {
  top: 9px;
  bottom: auto;
  left: -21px;
  border-width: 17px 21px 13px 0px;
  border-color: transparent #D3D3D3;
}
.speechbubble:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0px;
    border-style: solid;
    border-color: #5A8F00 transparent;
    display: block;
    width: 0px;
}

/* Polaroid Image Frame
-------------------------------------------------- */
.polaroid {
	background: white;
	display: inline;
	padding: 8px 8px 18px !important;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
  position:relative;
}


/* TOOLTIP
-------------------------------------------------- */
a.help,
a.help:link,
a.help:visited,
a.help:active { position:relative; text-decoration:none; font-weight:normal; }

a.help:hover { background:transparent; z-index:254;}

a.help span { display:none; font-size:14px; line-height:1.5em; text-decoration:none;
              background:rgb(255,255,255); border: 1px solid lightgrey; color: black;
              top:20px; margin-top:18px; margin-left:-150px; min-width:300px;
              padding:10px; text-align:left;
              -webkit-border-radius: 7px;
              -moz-border-radius: 7px;
              border-radius: 7px;
              -webkit-box-shadow: 3px 3px 2px -3px #000;
	            -moz-box-shadow: 3px 3px 2px -3px #000;
              box-shadow: 3px 3px 2px -3px #000;
}

a.help:hover span { display:block; position:absolute; }

/* MESSAGES
-------------------------------------------------- */
#messages { width: 100%;  z-index: 11;  white-space: nowrap; margin-top: 5px; position:absolute; }
#messages .ok, div.ok { background: rgba(170,255,170,0.9); border: solid 1px green; padding:10px; }
#messages .error,
div.error { background: rgba(255,170,170,0.9); color: #000000; font-weight:bold; padding:20px; }
#messages span.fa { color:red; }
#messages .fr { float:right; }

/* Pretty-Date
-------------------------------------------------- */
.prettydate { width:85px; position:relative; font-weight:bold;}
.prettydate span:first-child { font-size:3em; line-height:0.8em;}
.prettydate span:nth-child(2) {font-size:1em; line-height:1em; display:block;}
.prettydate span:nth-child(3){ font-size:1.2em;
                               display: block;
                               right: 0px;
                               position: absolute;
                               top: 10px;
                               transform: rotate(-90deg);
                               -webkit-transform: rotate(-90deg)}
.prettydate p { font-size:0.8em; color:#666;}

/* TABLES
-------------------------------------------------- */
tr.r1 { background: white; }
tr.r2 { background: #f9f9f9; }

.dataTables_filter,
.dataTables_length { font-size: 0.8em; }
.dataTable { border-top: 1px solid lightgrey;}

#standardtable,
table.standardtable {border-collapse:collapse; }
#standardtable th,
table.standardtable th {border-bottom:1px solid #999999; }
.summary { font-weight:bold;
           border-top: 1px solid grey;
           border-bottom: 3px double lightgrey; padding:5px 0; }
           
.smalltable td { vertical-align:top; padding:3px 5px;}
.smalltable .labeldescr { text-align:right; color:grey; font-size:0.8em; }
.smalltable .info { text-align:left; }

.rowlink { cursor:pointer; transition:all 0.6s ease;}
.rowlink:hover { background: #ddd;}

/* CENTER MESSAGE BOX
-------------------------------------------------- */
.centermessage {
    position : absolute;
    width    : 400px;
    height   : 200px;
    left     : 50%;
    top      : 50%;
    margin-left : -200px; /* half of the width  */
    margin-top  : 10%; /* half of the height */
  }

/* OPTIONBOX
-------------------------------------------------- */
.optionbox { border: 1px solid #CCC;
             padding: 10px;
             -webkit-border-radius: 7px;
              -moz-border-radius: 7px;
              border-radius: 7px; }
              
/* Info to show if user has switched
-------------------------------------------------- */
.user-switched-info { width:100%; background:red; padding:1%; color:#fff;}
.user-switched-info a {color:#fff;}

/* Kommentare
-------------------------------------------------- */
.comment { width:100%; margin-bottom:30px;}
.comment .userinfo { width: 200px; }
.comment .userinfo img { float:left; margin-right:5px; }
.comment .userrating { width: 200px; }
.comment .userrating .ratingstars { display:inline-table; line-height: 12px;}
.comment table { width:100%;}
.comment td { vertical-align:top; font-size:0.9em; }
.comment .userinfo span { font-size: 0.8em; color:grey; float:left; }

/* ONLINEUSER
-------------------------------------------------- */
#onlineusers div {float: left; padding: 10px; margin-right: 20px; text-align: center; width: 180px;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-align: justify;
}
.carousel-caption h1 { color:white;}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/* Slider */
#sliderarea {}


/* MARKETING CONTENT
-------------------------------------------------- */
.marketing { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); /* IE */
             background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6);
             padding: 30px 0px;}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
  text-shadow: 2px 2px 2px #000000;
  color: red;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
  color:white;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.600);
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* Footer
------------------------- */
footer { padding:20px 0px; color:#fff;
         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ee000000', endColorstr='#ee000000'); /* IE */
         background:rgba(3,3,3,0.7);
         display:inline-block; width:100%;
       	 bottom:0; left:0; z-index: 30;}
footer h1, footer h2 { font-size: 18px; }
footer div { font-size: 14px; }

footer h3 { font-size: 16px; line-height:1em; margin-bottom:0;}

.copyright { float:right; font-size:small; margin-right:20px;}
#setlanguage { float:right;  display:inline; margin-right:20px;}

.sideblock-user img { float:left; margin:0 10px 10px 0;}
.sideblock-user .btn { display:table-caption;}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 100px) {
  .startpage-container { width:100%; margin:0;}
  .startpage-container .startpagelogo { width:200px; height:auto;}
  .logo { margin-left: 20px; }
  .logo img { width:80px; height:auto;}


  .bt5-nav { margin-left: 0px; margin-top: 45px;}
  .bt5-nav li.dropdown { padding: 10px;  }
  .bt5-nav-submenu li.group > a { width: auto; }
  .bt5-nav-submenu .mainitem a { font-size: 0.5em; }


  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.1em;
  }

  .featurette-heading {
    font-size: 50px;
  }

  

}

@media (min-width: 992px) {
  .startpage-container  { width:40%; margin-left:28%;}
  .startpage-container .startpagelogo { width:300px;}
  .logo { margin-left: 20px; }
  .logo img { width:auto; height:auto;}
  .bt5-nav { margin-left: 20px; margin-top: 5px;}
  .bt5-nav li.dropdown { padding: 10px 15px;  }
  .bt5-nav-submenu li.group > a { width: 18%; }
    .bt5-nav-submenu .mainitem a { font-size: 1em; }

  .featurette-heading {
    margin-top: 120px;
  }
  
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2em;
  }
  
}


@media (min-width: 1300px) {
  .logo { margin-left: 20px; }
  .bt5-nav li.dropdown { padding: 10px 20px;  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 30px;
    font-size: 21px;
    line-height: 1.3em;
  }
}


@media (min-width: 1610px) {
  #breadcrumb { right:0px; transition:all 0.5s; background:#f0f0f0; }
  #breadcrumb:hover { background:green; transition:all 0.5s; }
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}