/** templates/system/css/system.css ***********************/
/**
 * @copyright	(C) 2007 Open Source Matters, Inc. <https://www.joomla.org>
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */
@import url(../../../media/system/css/system.css);

/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}/** templates/auxilis_tpl/css/layout.css ***********************/
/**
 * Leeres Template für Joomla3
 * Layout
 *
 * zuletzt geändert am $Date$ von $Author$
 *
 * @author     Falk Prüfer <falk.pruefer@auxilis.de>
 * @copyright  auxilis GmbH
 * @package    Joomla
 * @version    $Revision$
 * @access     public$
 * @uses
 */
/** $URL$ */

/** Farben ************************************************
 * #EBD7B1  Hintergründe
 * #8F3815  Überschrift
 * #312A1B  Text
 * #F3EDD6  Rahmen
 * #736B56  Rahmen, Schatten
 * 
 */
 
/** Position CSS *******************************************/

nav ul,
div.pagination ul {
  margin: 0;
  padding: 0;
}

nav ul li,
div.pagination ul li {
  display: inline-block;
  list-style-type: none;
}

nav ul li a,
div.pagination ul li a,
div.pagination ul li span {
  display: inline-block;
}

nav .divider span {
  margin-left: 0.8em;
  margin-right: 0.8em;
}

dl.article-info dt,
dl.article-info dd {
  display: inline-block;
  margin: 0;
  color: #736B56;
  font-size: 0.8em;
}

dl.article-info dt.article-info-term {
  display: none;
}

#contSideBar .module ul {
  padding-left: 1.4em;
  
}

/** Main Layout CSS ****************************************/

html *,
body * {
  color: #312A1B;
}

html, body, div {
  padding: 0;
  margin: 0;
}

body {
  background-color: #EBD7B1;
  font-weight: normal;
  font-size: 10pt;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#pageCanvas {
  margin: auto;
  min-width: 800px;
  max-width: 1200px;
  position: relative;
}

/** Container *********************************************/

.container {
  position: relative;
}

/** Container Head ****************************************/

#contHead {
  height: 133px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: #EBD7B1;
  z-index: 100;
}

#contHead .header,
#contHead .inner {
  height: 100px;
  min-width: 800px;
  max-width: 1200px;
  position: relative;
  margin: auto;
}

#contHead .header {
  padding-top: 5px;
  background: #EBD7B1 url(https://allnet-flat-vergleich-24.de//templates/auxilis_tpl/images/allnet-flat-vergleich24.png) center left no-repeat;
}

#contHead .inner {
  padding-right: 5px;
  padding-left: 5px;
}

#contHead #topNav {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8em;
}

#contHead #topNav a {
  color: #736B56;
}

/** Mainmenu und Leadbar **********************************/

#contMainMenu,
#contLeadBar {
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

#contMainMenu {
  float: left;
}

#contMainMenu li,
#contLeadBar {
  margin-bottom: 2px;
  margin-right: 2px;
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
}

#contLeadBar {
  text-align: right;
  margin: 0;
}

#contLeadBar div.inner {
  width: auto;
  height: auto;
}

#contMainMenu li a,
#contLeadBar div.inner {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

#contMainMenu li a {
  text-decoration: none;
}

#contMainMenu li.active a,
#contMainMenu li a:hover {
  box-shadow: 0 0 8px #736B56 inset;
}

#contMainMenu li a img {
  vertical-align: middle;
  margin-bottom: 3px;
}

/** Bottom-Navigation *************************************/

#bottomNav {
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  font-size: 0.8em;
}

#bottomNav, 
#bottomNav a {
  color: #736B56;
}

/** Sidebar ***********************************************/

#contSideBar {
  position: absolute;
  top: 150px;
  right: 0;
  float: right;
  width: 164px;
  font-size: 0.9em;
}

#contSideBar .module {
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 0.5em;
  margin-bottom: 4px;
}

/** Content ***********************************************/

#contWrapper {
  padding-top: 150px;
}
#contMain {
  background-color: #FFFFFF;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 1em;
}

#contBody.withSidebar #contMain {
  margin-right: 168px;
}

#contBody.withSidebar #contWrapper {
  float: left;
  width: 100%;
}

#contMain span.article_anchor {
  margin-top: -150px;
  padding-top: 150px;
  display: block;
}

/** Blog **************************************************/

#contMain .blog .cols-2 > div {
  width: 50%;
  float: left;
}

#contMain .blog .items-row,
#contMain .clearfix {
  float: none;
  clear: left;
}

#contMain .blog .cols-2 .column-1 {
  margin-right: 1em;
}

#contMain .blog .cols-2 .column-2 {
  margin-left: 1em;
}

/** Blog Col in Col ***************************************/

#contMain .blog .items-col-in-col .cols-2 {
  width: 50%;
  float: left;
}

#contMain .blog .items-col-in-col .cols-2 > div {
  width: 100%;
  float: none;
}

/** Tool-Tip **********************************************/

.hasTip {
  cursor: help;
}

div.tip-wrap {
  background-color: #F3EDD6;
  border: 1px solid #736B56;
  border-radius: 4px;
  box-shadow: 2px 2px 3px #736B56;
  padding: 0.5em;
  opacity: 0.9;
  min-width: 320px;
  max-width: 40%;
}

div.tip-wrap .tip {
  font-size: 0.9em;
}

/** Pagination ********************************************/

div.pagination {
  font-size: 1em;
  text-align: center;
  padding: 0.4em;
}

div.pagination .pagenav {
  min-width: 1em;
  border: 1px solid #736B56;
  padding: 2px 4px;
  margin: 4px 2px;
  background-color: #FFF;
  border-radius: 3px;
  box-shadow: 1px 1px 2px #736B56;
}

div.pagination span.pagenav {
  background-color: #E0E0E0;
  color: #AAA;
  text-shadow: 1px 1px 1px #FFF
}

div.pagination a.pagenav {
  font-weight: normal;
  text-decoration: none;
}

/** General CSS ********************************************/

html *,
body * {
  font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",arial,verdana,helvetica,sans-serif;
}

.unseen {
  display: none;
}

img {
  vertical-align: middle;
}

h1 {
  display: none;
}

h2, h3, h4,
div.tip-wrap .tip-title {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
  font-weight: bold;
}

h2, h3, h4,
h2 *, h3 *, h4 *,
div.tip-wrap .tip-title,
div.tip-wrap .tip-title * {
  color: #8F3815;
  text-decoration: none;
  font-weight: bold;
}

h2 {
  text-shadow: 1px 1px 3px #333333;
  font-size: 1.4em;
}

h3, h4,
div.tip-wrap .tip-title {
  font-size: 1em;
}

h2, 
#contSideBar .module h3,
div.tip-wrap .tip-title {
  border-bottom: 2px groove #736B56;
}

#contSideBar .module h3,
div.tip-wrap .tip-title {
  margin-top: 0;
}

fieldset {
  margin: 0;
  margin-bottom: 1em;
  padding: 0.4em;
}

input, label {
  vertical-align: middle;
}

span.lkscrble {
  cursor: pointer;
  text-decoration: underline;
}

span.lkscrble:hover {
  text-decoration: underline;
}

.disclaimer,
.disclaimer *,
.small, .small * {
  color: #736B56;
  font-size: 0.8em;
}

dl.list {
  display: block;
}

dl.list dt {
  display: inline-block;
  margin-right: 1em;
  min-width: 12em;
  float: left;
}

dl.list dd {
  display: block;
  width: auto;
  margin: 0;
}

/* Modals *************************************************************************************************************/
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
div.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  overflow: auto;
  width: 560px;
  margin: -150px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
div.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
div.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
  opacity: 0.2;
}
.close:hover {
   color: #000;
   text-decoration: none;
   cursor: pointer;
   opacity: 0.4;
}

button.close {
 padding: 0;
 cursor: pointer;
 background: transparent;
 border: 0;
 -webkit-appearance: none;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}

/* starrating *********************************************************************************************************/
#sp_voting {
  position: relative;
}
#sp_voting > div {
  font-size: 1.4em;
  top: 1.2em;
  right: 0;
}
div.hreview-aggregate span.ratingText,
div.hreview-aggregate span.item,
div.hreview-aggregate span.basis span {
  display: none;
}

/* Consent banner **************************************************************** */
#ax_consent_inform {
  position: fixed;
  bottom: 0;
  margin: 5em;
  padding: 3em;
  border: 3px solid #A6BFDD;
  background: rgba(219, 229, 241, 0.9);
  line-height: 2em;
  font-size: 1.2em;
  z-index: 999;
}
#ax_consent_inform form {
  border: none;
}
#ax_consent_inform .accept {
  font-size: 1.2em;
  margin-left: 50%;
  padding: 0.75em;
}
#ax_consent_inform .decline {
  position: absolute;
  font-size: 0.9em;
  left: 3em;
  bottom: 3em;
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  text-transform: none;
  color: #002E61;
}
@media screen and ( max-width: 560px ) {
  #ax_consent_inform {
    margin: 0;
    padding: 1em;
  }
}
/** /templates/auxilis_tpl/css/ie7only.css ***********************/
/**
 * Leeres Template für Joomla3
 * Sonderlocke IE7
 *
 * zuletzt geändert am $Date$ von $Author$
 *
 * @author     Falk Prüfer <falk.pruefer@auxilis.de>
 * @copyright  auxilis GmbH
 * @package    Joomla
 * @version    $Revision$
 * @access     public$
 * @uses
 */
/** $URL$ */