﻿@charset "utf-8";
/* CSS Document */
/* jaldi-regular - latin-ext_latin_devanagari */
@font-face {
	font-family: 'Jaldi';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.eot'); /* IE9 Compat Modes */
	src: local(''), url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/jaldi-v12-latin-ext_latin_devanagari-regular.svg#Jaldi') format('svg'); /* Legacy iOS */
}

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: 1550px;
}

/* Tabelle zentrieren */
table.outertable, 
table.header{
	margin-left: auto;
	margin-right: auto;	
}

table.header{
	margin-bottom: 10px;
	/*margin-left: 10px;*/
	display:block;
}

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.difference input {
  /*background-color: #F6CEEC;*/
  background-color: #F5A9F2;
  border-radius: 4px;
  /*background-color: #D0A9F5 */
}

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;
	border-right: 1px solid #0058b3;
	text-align: left;
	min-width: 206px;
}

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;

}

.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;
}

input.csslogout {
    position: absolute;
    right: 0;
}

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.DataInEvaWithChange {
	font-size: 12px;
	color:#FFF;
	background-color:#F06;
}

span.DataInEvaWithoutChange {
	font-size: 12px;
	color:#666;
	background-color:#CCC;
}

span.DataInCPQuestionnaireWithChange  {
	font-size: 12px;
	color:#FFF;
	background-color:#F06;
}

span.span.DataInCPQuestionnaireWithoutChange {
	font-size: 12px;
	color:#666;
	background-color:#CCC;
}


span.help_submit{
	color: red;
	font-weight: normal;
	font-size: 18px;
}

p.red {
	color: red;
	margin-top: 0px;	
	margin-bottom: 10px;		
}

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;
	width: 240px;  /*Standardwert f�r alte Browser IE6 bspw.*/
}

/*Mitteilungen in der Editorliste unten*/
p.message.edlist {
	font-weight:bold;	
	color: #C3F;
	font-size: 16px;
	width: 100% !important;
}
p.error.edlist{
	font-weight:bold;	
	color: Red;
	font-size: 16px;
	width: 100% !important;
}

td.content p.error {
	width: 734px;  /*falls der Fehler auf der loginseite angezeigt wird*/
}

td[colspan="2"] p.error {
	width: 480px;  /*Exakter Wert f�r Spaltenbreite f�r neuere Browser*/
}

td[colspan="1"] p.error {
	width: 235px;  /*Exakter Wert f�r Spaltenbreite f�r neuere Browser*/
}

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.evacampsiteredaktion {
	
	padding: 0px;
	border-collapse: collapse;
}
table.evacampsiteredaktion td
{
   /*border: 1px solid #0058b3; */
	width: 280px;
	
}
table.evacampsiteredaktion td.editorialcaption
{
   /*border: 1px solid #0058b3; */
	width: 500px;
	
}

table.evacampsiteredaktion tr.headerrow td{
	background-color: #E3E3E3;
}

table.evacampsiteredaktion tr.headerrow td.editorialcaption{
	background-color: #f3f3f3;
	
}


table.evacampsiteredaktion tr.headerrow td.change{
	background-color: #C3F;
	color: #FFF;
}

table.evacampsiteredaktion tr.headerrow td.changediff{
	background-color: #ff8432;
	color: #FFF;
}



table.evacampsiteredaktion tr.bodyrow {
	height: 28px;
}

table.evacampsiteredaktion tr td.EVACampsite  {
	
	/*width: 33%;*/
	min-width: 180px;

}

td [colspan="2"] table.evacampsiteredaktion tr td.editorialcaption {

	/*width: 33%;*/
	min-width: 340px;

}

tr [class~="row1"] td table.evacampsiteredaktion tr td.editorial  {
	/*blau*/				
	background-color: #d7ebff;

}

tr [class~="row2"] td table.evacampsiteredaktion tr td.editorial  {
	/* gelb */
	background-color: #fefee3;

}

  
td[colspan="1"] table.evacampsiteredaktion tr td.evacaption, td[colspan="1"] table.evacampsiteredaktion tr td.eva,
td[colspan="1"] table.evacampsiteredaktion tr td.campsitecaption, td[colspan="1"] table.evacampsiteredaktion tr td.campsite {
	width: 175px;
	min-width: 175px;
}

td[colspan="2"] table.evacampsiteredaktion tr td.evacaption, td[colspan="2"] table.evacampsiteredaktion tr td.eva,
td[colspan="2"] table.evacampsiteredaktion tr td.campsitecaption, td[colspan="2"] table.evacampsiteredaktion tr td.campsite {
	width: 245px;
	min-width: 245px;
}


td[colspan="1"] table.evacampsiteredaktion tr td.editorialcaption, td[colspan="1"] table.evacampsiteredaktion tr td.editorial  {
	min-width: 235px;
	width: 235px;
}

td[colspan="2"] table.evacampsiteredaktion tr td.editorialcaption, td[colspan="2"] table.evacampsiteredaktion tr td.editorial  {
	min-width: 535px;
	width: 535px;
}




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: 3px solid #0058B3;
	padding: 0 10px 0 10px;
	background: #C4E1FF; 
	height: 400px;
}
.bgYellow {
	background-color: #fdfdd6 !nametant;
}
td.content ul {
	padding-left: 20px;
}td.content li {
	margin-top: 10px;
	margin-bottom: 10px;
}
.content .error {
	color:Red;
	font-size:20px;
	font-weight:bold;
}
.content p.error {
	font-size: 14px;
}
h2 {
	font-size:20px;
}

p, h2{
	margin-top: 14px;
	margin-bottom: 14px;
}

table.optiontable tr td input {
    float: left;
    margin-left: 2px;
    margin-right: 0px;
}

table.optiontable tr td label {
    display: block;
    margin-left: 20px;
	margin-top: 3px;
}

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;	
	
}

/* override für Einstellungen aus Grid */
.igg_FilterButton { 
	visibility: hidden; 
	width: 1px;
}

/*tr.igg_FilterRow td[idx="6"]{
	visibility: hidden; 
}*/

tr.igg_FilterRowTop td  {
	background-color: red;
}
tr.igg_FilterRow>td {
	background-color: #FFC !important;
	border-top: 1px solid #777777 !important;
	border-left: 1px solid #777777 !important;
	border-right: 1px solid #777777 !important;
	border-bottom: 1px solid #777777 !important;
/*	height: 30px;*/
}

td.todo { 
	font-size:20px;
	font-weight: bold;
}

span.total 
{
    text-align: right;
}

.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;
	}
	*/
}

@media (min-width:1600px) {
	.navbar {
		width:1530px;
	}
	/*
	.navlarge {
		display:block;
	}
	.navsmall {
		display:none;
	}
	*/
}

@media (min-width:1920px) {
	.navbar {
		width:1830px;
	}
}

@media (min-width:2560px) {
	.navbar {
		width:2490px;
	}
}


	
.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 {
	/*background-color:#333;*/
	color:red;
	/*height: 60px;*/
} 

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;
	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;
}

div.bgEdit > div{
	background-color: #E3E3E3;
	margin-bottom: 5px;
	padding: 2px;
}

div.bgCamp > div{
	background-color: #E3E3E3;
	margin-bottom: 5px;
	padding: 2px;
}

div.bgResy > div{
	background-color: #E3E3E3;
	margin-bottom: 5px;
	padding: 2px;
}

div.change > div {
	background-color: #C3F;
	color: #FFF;
}

div.changediff > div{
	background-color: #ff8432;
	color: #FFF;
}

.bgResy{
	padding-left:1px;
	/*background-color: aliceblue;*/
	background-clip: content-box;
	padding: 5px;
}

.bgCamp {
	padding-left:1px;
	/*background-color: antiquewhite;*/
	background-clip: content-box;
	padding: 5px;
}

.bgEdit{
	padding-left:1px;
	/*background-color: honeydew;*/
	background-clip: content-box;
	padding: 5px;

}



.bgEdit>.form-control, 
.bgCamp>.form-control, 
.bgResy>.form-control {
	    padding: 6px 3px;
}

.bgEdit >input[name*="period"], .bgCamp >input[name*="period"], .bgResy>input[name*="period"] {
	width:75px !important;
}

.col-md-3half {
   
   width: 29.166666667%;
}


@media (min-width:1200px) {
	.col-lg-6half  {
	   width: 54.167%;
	}
	.firstrow {
		margin-top: 190px;
	}
}

@media (min-width:1200px) {
	.col-lg-5half {
		width: 45.833%;
	}
	.firstrow {
		margin-top: 190px;
	}
}

@media (min-width:1200px) {
	.col-lg-10half {
		width: 85%; /*87.5*/
	}
	.firstrow {
		margin-top: 190px;
	}
}

@media (min-width:1200px) {
	.col-lg-1half {
		width: 15%; /*87.5*/
	}
	.firstrow {
		margin-top: 190px;
	}
}

.answer {
	padding: 0px;
}

.copybutton {
	font-size: 16px;
	background-color: #F5F5F5;
}

input[type=radio] {
	vertical-align: top;
}

.btnHeader {
	margin-top: 14px;
	height: 76px;
}

.imgHeader {
	margin-top: 14px;
}