/* ##### Allgemeines / index ##### */

.bottom-0 { margin-bottom:0px !important; }
.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }

.top-less-1 { margin-top:1px !important; }
.top-less-3 { margin-top:3px !important; }

.top-0 { margin-top:0px !important; }
.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

.padding-0 { padding: 0px; }

.padding-left-0 { padding-left: 0px; }
[dir="rtl"] .padding-left-0 { padding-right: 0px; }
 
.padding-right-0 { padding-right: 0px; }
[dir="rtl"] .padding-right-0 { padding-left: 0px; }

.padding-right-5 { padding-right: 5px; }
[dir="rtl"] .padding-right-5 { padding-right: 0px; padding-left: 5px; }

h1 {
	color: #004080;
	font-size: 18px;
	font-weight: bold;
}
h2 {
	color: #8A9418;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}
h3  {
	color: #004080;
	font-size: 14px;
	font-weight: bold;
	margin-top: 1px;
}

p {
	font-size: 14px;
}

[dir="rtl"] .bidi-text {
	/*unicode-bidi: bidi-override;*/
}
.bidi-static {
	direction: rtl;
	/*unicode-bidi: bidi-override;*/
}

hr {
	border-top: 2px solid #004080;
}

.bold {
	font-weight: bold;
}

.space {
	min-height: 450px;
}

body {
	color: #000;
	background-color: #666666;
	font-family: calibri;
}

a {
	text-decoration: none;
}

#shadowBox {
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 0px 1px 5px #000;
}

#contentBox {
	background-color: #FFF;
	padding: 30px 0px 110px 0px;
}

.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}

.exclamationMark {
	height: 2.1em;
	margin: 5px;
	margin-left: 0px;
}

.lawSign {
	height: 1.1em;
	margin-bottom: 1px;
	
	display: inline;
}

/* ##### Header / Navigation / Sprachauswahl / Footer ##### */

/* ### Header ### */

.hiddenElement {
	opacity: 0;
	z-index: -1;
}

#custom-header {
	background-color: #FFF;
	line-height: 1.21;
}
@media (min-width: 768px) {
	#custom-header {
		line-height: 1.2;
	}
}
/* ### Sprachauswahl ### */

.dropdown {
	line-height: 1.42857;
}
.dropdown-menu > li > a {
	color: black;
	padding: 4px 10px;
}
#smallColLangPicker .langPickerElement {
	background-color: #cccc00;
	border-bottom: 3px solid #fff;
}
#smallColLangPicker .langPickerElement:last-of-type {
	border-bottom: 1px solid #cccc00;
	border-radius: 0px 0px 4px 4px;
}
#bigColLangPicker .langPickerElement {
	border-bottom: 3px solid #cccc00;
}
#bigColLangPicker .langPickerElement:last-of-type {
	border-bottom: 1px solid #fff;
	border-radius: 0px 0px 4px 4px;
}
.dropdown.open > #bigKlappMenue, .dropdown.open > #smallKlappMenue {
	border-radius: 0px 0px 4px 4px;
}
#bigLangPicker.dropdown.open, #smallLangPicker.dropdown.open {
	border-radius: 0px 0px 2px 2px;
}

[dir="ltr"] #bigChosenLanguage, #smallChosenLanguage {
	padding-left: 6px;
}
[dir="rtl"] #bigChosenLanguage, #smallChosenLanguage {
	padding-right: 6px;
}
#bigColLangPicker .dropdown {
	margin-left: 11px;
}
#bigColLangPicker .dropdown {
	background-color: #FFF;
	border-radius: 0px 0px 4px 4px;
	padding: 6px 9px 6px 9px;
}
#smallColLangPicker .dropdown {
	background-color: #C7CD00;
	border-radius: 0px 0px 4px 4px;
	margin-left: 12px;
	padding: 6px 9px 9px 12px;
}

#bigKlappMenue, #smallKlappMenue {
	min-width: 100%;
	padding: 0;
}
.lang-anchor {
	text-decoration: none;
	font-size: 14px;
	color: black;
}

/* ### Footer ### */

.logoContainer {
	height: 40px;
}
@media (min-width: 768px) {
	.logoContainer {
		height: 45px;
	}
}
@media (min-width: 992px) {
	.logoContainer {
		height: 60px;
	}
}
@media (min-width: 1200px) {
	.logoContainer {
		height: 70px;
	}
}

.logo {
	display: block;
	width: auto;
	max-height: 100%;
	margin: 1px 2px;
	float: left;
}

.logo.ims {
	border: 2px solid #fff;
}

#foottext {
	color: #FFF;
	padding-top: 10px;
	padding-left: 15px !important;
}

footer > div > img {
	background-color: #FFF;
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 0px 1px 5px #000;
	
}

footer > div {
	padding-left: 5px !important;
	padding-right: 5px !important; 
}

#foottext > a {
	color: #FFF;
	font-size: 14px;
}

/* ### Navigation ### */

#nav-Row {
	position: relative;
}

#picCol {
	position: absolute;
	bottom: 0;
}


#welcomeGPic {
	vertical-align: bottom;
}

[dir="ltr"] .rightNav {
	float: right;
	margin-right: 8.33333%;
}

[dir="rtl"] .rightNav {
	float: left;
	margin-left: 8.33333%;
}

[dir="ltr"] #whiteLangPickerField {
	padding-left: 10px;
	padding-right: 16px;
}
[dir="rtl"] #whiteLangPickerField {
	padding-right: 10px;
	padding-left: 9px;
}
@media (min-width: 768px) {
	[dir="ltr"] #whiteLangPickerField {
		padding-left: 16px;
		padding-right: 14px;
	}
	[dir="rtl"] #whiteLangPickerField {
		padding-right: 10px;
		padding-left: 11px;
	}
}
@media (min-width: 992px) {
	[dir="ltr"] #whiteLangPickerField {
		padding-left: 13px;
		padding-right: 14px;
	}
	[dir="rtl"] #whiteLangPickerField {
		padding-right: 13px;
		padding-left: 14px;
	}
}
@media (min-width: 1200px) {
	[dir="ltr"] #whiteLangPickerField {
		padding-left: 15px;
		padding-right: 14px;
	}
	[dir="rtl"] #whiteLangPickerField {
		padding-right: 15px;
		padding-left: 16px;
	}
}

a.nav-item {
	text-decoration: none;
	font-size: 14px;
	color: black;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
[dir="rtl"] a.nav-item {
	float: right !important;
}
@media (min-width: 768px) {
	a.nav-item {
		font-size: 18px;
		padding-right: 0.8em;
		padding-left: 0.8em;
	}
}

a.nav-item:hover, a.active {
	border-bottom: solid 3px #003399;
	margin-bottom: -3px;
}
/* ##### Tile=Topic Bar ##### */

a.tile, .tile-title {
	text-decoration: none;
	color: #8A9418;
	font-size: 14px;
	font-weight: normal;
}
@media (min-width: 992px) {
	a.tile, .tile-title {
		font-size: 18px;
	}
}

#arrow-down {
	border: 15px solid #004080;
	width: 0%;
	margin-top: -30px;
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
#arrow-down-inside {
	border: 15px solid #cccc00;
	width: 0%;
	margin-top: -34px;
	margin-bottom: 4px;
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}
/*
#arrow-down-inside-inside {
	border: 17px solid #004080;
	width: 0%;
	margin-top: -46px;
	height: 0;
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;


.tile-text {
	text-decoration: none;
	color: #000;
	font-size: 13px;
	text-align: justify;
	padding: 0px 2px;
}
}*/

#grueneLeiste {
	background-color: #cccc00;
	border-bottom: solid 3px #004080;
	padding: 10px 0px;
}

.tile-circle {
	background-color: #8A9418;
}

.tile-circle:hover {
	background-color: #004080;
}
.tile-circle:hover + .tile-title {
	color: #004080;
}

.activeTile {
	background-color: #004080;
}
.activeTile + .tile-title {
	color: #004080;
}

/* ##### tileTopicPage ##### */

.topicChapterLink, .chapterHeadIcon {
	color: #004080;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
}

.grueneInfoBox {
	background-color: #C7CD00;
	height: 100%;
	width: 100%;
	border-radius: 31px 0px 0px 31px;
}
@media (min-width: 768px) {
	.grueneInfoBox {
		width: 70%;
	}
}

.infoBoxPic {
	height: 50%;
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px 0px 5px;
}
@media (min-width: 992px) {
	.infoBoxPic {
		height: 100%;
		padding: 5px 5px;
	}	
}

.media-left {
	padding-right: 0px;
}

.infoBoxText {
	margin: 0px 0px 0px;
	padding: 10px;
}

a.pull-right.linkUpToChapters {
	text-decoration: none;
	color: #004080;
}

p.infoBoxText > a {
	text-decoration: underline;
	color: #558000;
}

p > a {
	text-decoration: underline;
	color: #558000;
}

/* ##### Modal Window ##### */

/*.modal-content {
	border: 1px solid #999;
}*/

.modal-body > h4 {
	color: #004080;
	font-size: 18px;
	font-weight: bold;
}

.modal-title {
	color: #004080;
	font-size: 18px;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 2px solid #004080;
  background-color: #C7CD00;
}

.close {
	font-size: 28px;
	width: 28px;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20); /* alpha(opacity=20) */
	opacity: .4; /* .2 */
}

.close:hover,
.close:focus {
  filter: alpha(opacity=50);
  opacity: .6;
}

/* ##### Cookie Info ##### */

#cookieInfo {
	background-color: #004080;
	border-bottom: 4px solid #8a9418;
	padding: 27px 50px;
}
.cIText {
	
}
.cIText > p {
	font-size: 20px;
	color: white;
}
.cIText > a {
	font-size: 20px;
	color: lightgray;
}
.cIButtonBox {
	
}
.cIButton {
	background-image: linear-gradient(to bottom, #cccc00 0%, #8a9418 100%);
	background-repeat: repeat-x;
	border-color: #8a9418;
    text-shadow: 0 1px 0 #004080;
    color: #004080;
}
.cIButton:hover, .cIButton:focus {
	background-color: #8a9418;
	/* color: #007fff; */
}