@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Jaldi', sans-serif;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	font-weight: bold;
}

/* Tabellenbreite */
table.outertable, 
table.header, 
table.tabs {
	width: 767px;
}

/* Tabelle zentrieren */
table.outertable, 
table.header{
	margin-left: auto;
	margin-right: auto;	
}

table.header{
	margin-bottom: 10px;
}

table.outertable, 
table.outertable + tr, 
table.outertable + td {
	border-collapse: collapse;
}
table.header tr td {width: 130px;}
table.header tr td.maintitle {width: 440px;}
/* Tabs */
.tabs {
	border-collapse: collapse;
}
table.tabs td {
	padding: 5px;
	border-bottom: 3px solid #0058b3;
	text-align: center;	
}

table.tabs td.selected {
	border-left: 3px solid #0058b3;
	border-right: 3px solid #0058b3;
	border-top: 3px solid #0058b3;
	border-bottom: 3px solid #c4e1ff;
	background-color: #c4e1ff;
	text-align: center;
}

table.tabs td.error input {
  color: #F00;
  font-weight: bold;
}

table.tabs td.tabdescription {
	border-top: none;
	font-weight: normal;
	font-size: 18px;
	background-color: #c4e1ff;
	text-align: left;
	border-bottom: none;
	border-left: 3px solid #0058b3;
	border-right: 3px solid #0058b3;
}
table.tabs td.innertable {
	border-top: none;
	font-weight: normal;
	background-color: #c4e1ff;
	text-align: left;
	border-bottom: none;
	border-left: 3px solid #0058b3;
	border-right: 3px solid #0058b3;
}

/* Inhalte */
table.innertable {
	border-collapse: collapse;
	width: 100%;
	vertical-align: text-top;
}
table.innertable td, 
table.innertable th {
	padding: 5px;
	border-top: 1px solid #0058b3;
	border-bottom: 1px solid #0058b3;
	border-collapse: collapse;
	vertical-align: text-top;
	border-left: 1px solid #0058b3;
	text-align: left;
	min-width: 240px;
}

table.innertable th.sectiontitle {
	border-top: none;
	border-bottom: none;
	font-size: 20px;
	background-color: #ffffff;
	padding-top: 30px;
	text-align: left;
	border-left: none;
}
table.innertable th.sectiondescription {
	background-color: #FFF;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	border-top: none;
	border-left: none;
}

table.innertable td.questioncolumn {
	width: 33%;
	/* width: 240px; */
	font-weight: bold;
	text-align: left;
	border-left: none;
	vertical-align:top;
	padding-top: 7px;
}

table.optiontable {
	width: 100%;
}
table.optiontable td, 
table.optiontable th {
	padding: 0px;
	border: none;
	text-align: left;
	min-width: 0;
}
.optiontable {
	white-space:nowrap;
}

table.optiontable.error {

  	background-color: #F03;
	border-color: #FFF;
	color:#FFF;

}

table.optiontable label {
	display: inline-flex;
	white-space: normal;
}

.row1 {
	background-color: #c4e1ff;
/* blau */
}
table.innertable tr:hover.row1 {
	background-color: #b6d3f0;
}
.row2 {
	background-color: #fdfdd6;
/* gelb */
}

table.innertable tr:hover.row2 {
	background-color: #f2f3cc;
}


.currentnext {
	background-color: #ffffff;
 /* weiss */
}

table.innertable tr:hover.currentnext  {
	background-color: #ffffff;
}

/*.button {
	background-color: #ffffff;
}*/


table.innertable tr:hover.button  {
	background-color: #ffffff;
}

table.innertable tr.submit  {
	background-color: #C6ECC7;
}

table.innertable tr:hover.submit  {
	background-color: #C6ECC7;
}

tr.currentnext td {
	font-size: 24px;
	font-weight: bold;
	border-left: 1px solid #0058b3;
	text-align: center;
}
span.bigandfat {
	font-size: 24px;
	font-weight: bold;
}
span.help_submit{
	color: red;
	font-weight: normal;
	font-size: 18px;
}

tr.button td {
	font-size: 16px;
	border-left: none;
}

tr.submit td {
	font-size: 16px;
	border-left: none;
}


td.groupstart {
	background-color: #C9F;
}
td.groupend {
	background-color: #CCF;
}
p.error {
	font-size: 12px;
	color: #F00;
}

p span.alert  {
	/*font-size: 12px;*/
	/*color: #F00;*/
	margin-top: 15px;
	display: inline-block;
}
input.error, textarea.error {
	background-color: #F03;
	border-color: #F00;
	color: #FFF;
}
.tabstable tr .tabselected {
	width: 0px;
	border-top-width: 10px;
}
.maintitle {
	font-size: 18px;
}
table.button td.xslbutton {
	border: 1px solid black;
	background-color: #FFF;
}
table.button td.xslfromto {
	border: 1px solid grey;
	background-color: #E2E2E2;
}

div.imprint{
    margin-left: -15px;
    margin-right: 0px;
}

table.imprint {
	width: 600px;
	text-align:center;	
}
table.imprint td{
	vertical-align: text-top;	
	text-align: left;
	border: none;
	width: 50%;
	font-size: 11px;
}

table.outertable tr td.imprint {
	padding: 10px;
	border-top: 3px solid #0058b3;
	border-left: 3px solid #0058b3;
	border-right: 3px solid #0058b3;
	border-bottom: 3px solid #0058b3;
}

.center {
	text-align:center;
}

td.content {
	border-top: 3px solid #0058B3;
	padding: 0 10px 0 10px;
	background: #C4E1FF; 
	height: 300px;
	border-left: 3px solid #0058B3;
    border-right: 3px solid #0058B3;
}

td.content2 {
	border-bottom: 3px solid #0058B3;
	padding: 0 10px 0 10px;
	background: #C4E1FF; 
	height: 400px;
	border-left: 3px solid #0058B3;
    border-right: 3px solid #0058B3;
}

.bgYellow {
	background-color: #fdfdd6 !important;
}
td.content ul {
	padding-left: 20px;
}td.content li {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content .error {
	color:#a94442;
	font-size:20px;
	font-weight:bold;
}
.content p.error {
	font-size: 14px;
}
h2 {
	font-size:20px;
}
p, h2{
	margin-top: 14px;
	margin-bottom: 14px;
}
div.centered {
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	z-index:900; 
	background-color:rgba(200,200,200,0.5); 
	visibility: hidden; 
}

img.centered {
	
	position:fixed; 
	left:50%;
	top:50%;
	width:100px; /* Breite des Bildes */
	height:100px; /* H�he des Bildes */
	margin:-100px 0 0 -50px; /* Erster Wert: -H�he des Bildes/2; letzter Wert: -Breite des Bildes/2 */
	border:0;	
	
}

.MainSliderBox .BoxContent, .MainSliderBox div.MMFilterPanel .MMGroupContent, div.MMFilterPanel .MainSliderBox .MMGroupContent {
  position: relative;
  padding: 20px 0;
  min-width: 696px;
  display: inline-block;
  }
.MainSliderBox #MainSlider {
  width: 680px;
  height: 350px; }
.MainSliderBox a.SliderNavButton {
  padding-left: 8px; }
.MainSliderBox .SliderIndex {
  /*position: absolute;*/
  /*background-color: black;*/
  top: 8px;
  /*right: 28px; */
  display: inline-block;
  }
.MainSliderBox .SliderItem {
  width: 680px;
  height: 350px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  font-weight: normal;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .MainSliderBox .SliderItem .Artikelbild {
    float: left;
    width: 292px;
    height: 177px; }
  .MainSliderBox .SliderItem .Content {
    box-sizing: content-box;
    position: relative;
    float: left;
    height: 100%;
    width: 346px;
    padding-left: 0px;
    color: black; }
    .MainSliderBox .SliderItem .Content a {
      color: black; }
    .MainSliderBox .SliderItem .Content a:hover {
      color: black; }
    .MainSliderBox .SliderItem .Content p, .MainSliderBox .SliderItem .Content li {
      margin-top: 1px;
      margin-bottom: 1px; }
    .MainSliderBox .SliderItem .Content .Titel {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.3em;
      font-weight: normal;
      font-size: 16px; }
    .MainSliderBox .SliderItem .Content .Beschreibung {
      font-family: Arial; 
      text-align:center;
      padding-top: 19px; }  
    .MainSliderBox .SliderItem .Content .Beschreibung li {
      margin-left: 1.5em;
      margin-bottom: 0.5em;
      list-style-image: url(/images/li.bullet.8px.png); }
    .MainSliderBox .SliderItem .Content .Artikel {
      position: absolute;
      bottom: 0;
      width: 346px; }
      .MainSliderBox .SliderItem .Content .Artikel table {
        width: 100%;
        border-collapse: collapse; }
        .MainSliderBox .SliderItem .Content .Artikel table td {
          padding-left: 3px;
          padding-right: 3px;
          padding-bottom: 1px; }
        .MainSliderBox .SliderItem .Content .Artikel table td.ArtikelText {
          padding-left: 0;
          width: 100%; }
        .MainSliderBox .SliderItem .Content .Artikel table td.Artnr {
          min-width: 70px;
          color: #005b9a;
          font-weight: bold; }
          .MainSliderBox .SliderItem .Content .Artikel table td.Artnr a {
            color: #005b9a; }
          .MainSliderBox .SliderItem .Content .Artikel table td.Artnr a:hover {
            color: #005b9a; }
        .MainSliderBox .SliderItem .Content .Artikel table td.Preis {
          min-width: 70px;
          font-weight: bold;
          text-align: right;
          padding-right: 5px; }
        .MainSliderBox .SliderItem .Content .Artikel table td.AddToWKButton {
          min-width: 18px; }
      .MainSliderBox .SliderItem .Content .Artikel .ArtikelLegende {
        margin-top: 3px;
        font-size: 11px;
        text-align: right; }
    .MainSliderBox .SliderItem .Content .TextBottom {
      position: absolute;
      bottom: -4px;
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.3em;
      font-weight: normal;
      font-size: 13px;
      color: #005b9a; }
      .MainSliderBox .SliderItem .Content .TextBottom a {
        color: #005b9a; }
      .MainSliderBox .SliderItem .Content .TextBottom a:hover {
        color: #005b9a; }

.jqtSlider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .jqtSlider table {
    width: 100%;
    border-collapse: collapse; }
    .jqtSlider table td.Left, .jqtSlider table td.Right {
      min-width: 12px;
      width: 3%; }
    .jqtSlider table td.Center {
      width: auto; }
  .jqtSlider .SliderContent {
    position: relative;
    overflow: hidden;
    margin: 0 auto; }
  .jqtSlider a.SliderNavButton {
    display: block;
    position: relative;
    cursor: pointer;
    height: 32px;
    background-repeat: no-repeat; }
    .jqtSlider a.SliderNavButton.Next {
      background-image: url("/images/slider.nav.next.png");
      background-position: left; }
    .jqtSlider a.SliderNavButton.Prev {
      background-image: url("/images/slider.nav.prev.png");
      background-position: right; }
  .jqtSlider .items {
    position: absolute;
    width: 9999px; }
  .jqtSlider .SliderItem {
    position: relative;
    float: left;
    overflow: hidden; }
  .jqtSlider .SliderIndex a {
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    margin-left: 3px;
    cursor: pointer;
    background-image: url("/images/slider.nav.inactive.gif"); }
    .jqtSlider .SliderIndex a.active {
      background-image: url("/images/slider.nav.active.gif"); }

.clear-both {
  clear: both; }
  
.cc_btn {
   background: url(/images/campcard_small.png) no-repeat 0 0;
   background-color: transparent;    
   border: 0px;
   height: 76px;
   width: 120px;
   cursor: pointer;
}

.cc_btn2 {
   background: url(/images/campcard_big.png) no-repeat 0 0;
   background-color: transparent;    
   float: left;
   margin-right: 19px;
   border: 0px;
   height: 150px;
   width: 232px;
   cursor: pointer;
}


.row11 {
	background-color: #c4e1ff;
	padding-top: 10px;
	padding-bottom: 10px;
	
/* blau */
}
.row22 {
	background-color: #fdfdd6;
	padding-top: 10px;
	padding-bottom: 10px;

/* gelb */
}

.row00 {
	background-color: #EEE;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 30px;
	min-height:60px;
	/*text-align: center;*/

/* gelb */
}

.rowinfo {
	background-color: #EEE !important;
	/*padding-top: 10px !important;*/
	/*padding-bottom: 10px !important;*/
	font-size: 20px !important;
	/*height:60px !important;*/
	/*text-align: center;*/

/* gelb */
}

div.rowcolor{
	background-color: #c4e1ff;
}

div:hover.row11 {
	background-color: #b6d3f0;
}

div:hover.row22 {
	background-color: #f2f3cc;
}

.form-control {
	font-size: 16px;
    padding: 6px 3px;
}

div.sectiontitle {
	font-size: 30px;
	font-weight: 600;
}
div.question{
	font-weight: 600;
	font-size: 18px;
}
h1 {
	font-weight: 600;
}
.navbar-default {
	background-color: #eee;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #fc0;
}

.navbar-fixed-top {
	box-shadow:0px 2px 5px grey;
}

div.row  + div.row11, div.row  + div.row22 {
	border-bottom-width: 0px;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color: #aaa;
	border-style: solid;
}

div.sectionbegin {
	margin-top:0px;
	/*background-color: red;*/
}

/*ab dem zweiten Vorkommen wird ein größerer Abstand*/
div.sectionbegin ~ div.sectionbegin {
	margin-top:40px;
	/*background-color: black;*/
}


.form-control {
	display: inline; 
}


/*
@media (min-width: 1px) {
	.navlarge {
		display:none;
	}
	.navsmall {
		display:block;
	}
}
*/
@media (min-width: 576px) {
	.cols {
		columns: 2 200px;
	}
	
}

@media (min-width: 768px) {
	.cols {
		columns: 3 200px;
	}
	.navbar {
		width:750px;
	}
	/*
	.navlarge {
		display:block;
	}
	.navsmall {
		display:none;
	}
	*/
}

@media (min-width: 992px) {
	.cols {
		columns: 4 200px;
	}
	.navbar {
		width:970px;
	}
	/*
	.navlarge {
		display:block;
	}
	.navsmall {
		display:none;
	}
	*/
}
@media (min-width:1200px) {
	.navbar {
		width:1170px;
	}
	/*
	.navlarge {
		display:block;
	}
	.navsmall {
		display:none;
	}
	*/
}

	

	
.nav > li > button, .nav > li > input{
	position: relative;
	display: block;
	padding-right: 15px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:20px;
	width: 97%;
}
.nav > li > button.btn, .nav > li > input.btn { 
	font-size:16px;
	font-weight: bold;
}

.nav > li > button:focus, .nav > li > button:hover, .nav > li > input:focus, .nav > li > input:hover{
	text-decoration:none;
} 

.navbar-default .navbar-nav > .active > button, .navbar-default .navbar-nav > .active > button:focus, .navbar-default .navbar-nav > .active > button:hover {
	background-color:#fc0;
	color:#555;
	/*height: 60px;*/
} 

.navbar-default .navbar-nav > .active > input, .navbar-default .navbar-nav > .active > input:focus, .navbar-default .navbar-nav > .active > input:hover {
	background-color:#fc0;
	color:#555;
	/*height: 60px;*/
} 

.navbar-default .navbar-nav > .error > input, .navbar-default .navbar-nav > .error > input:focus, .navbar-default .navbar-nav > .error > input:hover {
	color:red;
} 

div.nopadding{
	padding: 0px;
}

h1,h2,p.padding {
	padding-left:20px;
	padding-right:20px;
}

.transferbtn {
	background-color: #BBB;
	padding-top: 6px;
	padding-bottom: 10px;
	font-size: 30px;
	min-height:60px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}

div.sectiondescription {
	
	font-size: 16px;
	margin-bottom: 10px;
	
}

.row00 > .question {
	font-size: 18px;
}


/* Panel auf de Loginseite soll etwas Abstand haben*/
div.row.sectionbegin.text-center.rowcolor.panel.panel-default {
	margin-top: 10px;
}

.copybutton {
	font-size: 16px;
	background-color: #F5F5F5;
}

/*input[type=checkbox], input[type=radio] { */
input[type=radio] {
	vertical-align: top;
}

/* Offline Seiten */
.row-img {
    padding-top: 20px;
    padding-bottom: 20px;
}

div.rowcoloroffline{
	background-color: #66B2E4;
	color: #ffffff;
}
/* Panel auf de Offline-Seite soll etwas Abstand haben*/
div.row.sectionbegin.text-center.rowcoloroffline.panel.panel-default {
	margin-top: 10px;
}