/*******************************************************************************************/
/* Menu CSS */
/* Dieses Stylesheet enthält Formatierungen, die nur im Hauptmenü vorkommen. */
/* Programmteilspezifische Formatierungen sind in den Dateien */
/* main.css, fachinformationen.css und fallbeispiele.css definiert. 					 */
/*******************************************************************************************/
html{
	min-width: 320px;
	box-sizing: border-box;	/* Größen beziehen sich auf inhalt +padding+ Rahmen */
	overflow-x: hidden; /* keine horizontale Scrollbar */
}

*, ::before, ::after { box-sizing: inherit; }

body {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
/*******************************************************************************************/
/* allgemeine Formatierungen */
/*******************************************************************************************/
l
img {
	border:none;
}

p {
	line-height: 18px;
}

/* Liste allgemein */
ul,ol {
	list-style:none;
	margin: 0;
	padding-left: 2px;
}
ol.upper{
	list-style-type: upper-latin; /*Nummerierung mit großen Buchstaben*/
	overflow: hidden;
	padding-left: 25px;
}
ol li{
	color: #004994;
	font-weight: bold;
	margin: 0 0 6px 0;
}


/*liste mit bullet*/
ul li.bullet {
	background-image: url(../bilder/list_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 .45em;
	padding-left: 10px;
	margin-bottom: 6px;
	min-width: 150px;
	overflow: hidden; /*verhindert, dass beim floaten die bullets nicht mitfloaten. jedes Listenelement wird zusammengehalten*/
}


/* Liste ohne abstand unten */
/* Liste allgemein */

ul.ohne_abstand {
	padding-bottom: 0;
	margin-top: -5px;
	line-height: 1em;
}

/*liste ohne bullet*/
li.simple{
	background-image:none;
}

/*bei geordneten Listen kein bullet anzeigen*/
ol li{
	background-image:none;
	margin: 0 0 6px 0;
	padding-left: 0px;
}


/*Allgemein: Links blau und nur bei hover mit underline, bei bildern ohne rahmen*/
a:link,
a:visited,
a:active
{
	color:  #0c599f;
	text-decoration:none;

	outline-style: none;

}

a:hover
{
	text-decoration:underline;
	outline-style: none;
}




/*******************************************************************************************/
/** Header  **/
/*******************************************************************************************/

/*FixSized um nach dem Breakpoint 980 einen Rahmen zu machen*/
#top {
	background-image: url("../bilder/header_background.png");
	max-width: 980px;
	width:100%;
	height: 100px;
	margin:0 auto;
	position: relative;
}

/*FixSized absolute zu Top, links oben*/
#logo {
	width: 234px;
	height: 100%;
	margin: 0px 0px 0px 10px;
	position: absolute;
	background-image: url("../bilder/BGRCI.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size: contain
}


#datenschutz {
	position: absolute;
	top: 15px;
	right: 16px;
}


#datenschutz a {
	text-decoration:none;
	color: #4B555D;
	font-family:Arial, Helvetica, sans-serif;
}

#datenschutz a:hover{
	text-decoration: underline;
}

#bgrci_link {
	width: 100%;
	height: 26px;
	background-color: #CACFD5;

	box-sizing: content-box;
}


#bgrci_link:hover {
    background-color: #0095DB;
    color: #FFFFFF;
	text-decoration: underline;
}

#bgrci_link a {
	float: left;
	display:block;
    color: #004995;

    padding-left: 10px;
	text-decoration: none;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);

}

#bgrci_link a:hover {
    color: #FFFFFF;
}

#header_img {
    width: 100%;
	margin:0 auto;
    height: 100%;
	position: relative;
}

#bild {
	width: 100%;
	background-image: url("../bilder/headerBild2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
}

/*Rechts der weiße Abstand ausblenden*/


/*Get Rid von dem Jpeg_in_Header*/
#header_img img{
	display: none;
}




/*******************************************************************************************/
/** Inhaltsbereich  **/
/*******************************************************************************************/
#media-query{
	display: block;
	left: -10px;
	top: -10px;
}
/*Ein Container um den Platz des HeaderBildes , Menü(unter 980px) und Seiteninhalts auf der Seiter zu wechseln (a,b,c) */
#flex-container{
	width: auto;
	max-width: 980px;
	display: flex;
	align-items: stretch;
	flex-direction: row;
	flex-flow: wrap;
	margin:0px auto;
}
/*Alle childelemente des flex-containers */
#flex-container>*{
	flex-grow: 1;
}
/*a)HeaderBild ; b) Links Menü (23%) c) Rechts Seiteninhalt(77%)*/
#flex-container>header{
	order:1;
	width: 100%;
	display: flex;
	flex-flow: column;
	margin: 0 0;
}

#flex-container>nav{
	width: 150px;
	margin-right: 10px;
	padding-right: 20px;
	order:2;
}

#flex-container>section{
	width: 450px;
	order:3;
	flex-grow: 10;
	margin: 0 auto ;
	font-size: 13px;
}

/** Container, enthält Seiteninhalt **/
#content {
	margin: 0px 0px;
	min-width: 280px;

}

/*******************************************************************************************/
/** Menu links **/
/*******************************************************************************************/
/*HamburgerMenu ausblenden*/
.menu{
	display:none;
}
.menu p{
color: #616a77;
font-size: 26px;
font-weight: bold;
}

/* Container für Hauptmenü */
nav {
}

nav a{
	color:#4b555d !important;
}


/* Hauptmenüliste 0-Ebene */

.menu-list-level-0{

}


/* Hauptmenüliste 0-Ebene */

/*Die Unterlinks, margin wichtig*/
.menu-list-level-0 a{
	display: block;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;

}
/*Arrow in DesktopMode Aus*/
.level-0-items .fa-angle-double-right{
	display: none;

}

.level-0-items {
	display: inline-block;
	padding: 0px 0px;
	width: 100%;

}
/*Abstand von dem linken Rad 10px für die Innenlinks*/
.menu_list-level-1 a{
	padding: 0px 10px;

}
/*Links die Untermenü haben, Abstand von dem linken rand und border links*/
.menu_list-level-1 {
	margin: 0px 10px;
	border-left: 1px solid #0C599F;
}

/*Die Sublinks, margin ist für den Zeilenabstand wichtig*/
.level-1-items{
	display: block;
	margin: 4px 0px;
	line-height:15px;
}

/* Überschrift des TOC */
p.main_menu {
	font-weight:bold;
	color: #4B555D;
	display: block;
	padding-top: 12px;
	margin: 0 0 2px 0;
}


/*UM MENÜ AKTIV ZU MACHEN*/
.main_menu_aktiv{
	font-weight: bold;

}

/*um Link auszumachen*/
a.disable {
  pointer-events: none;
  cursor: default;
}



/* Links der Hauptnavigation - Menüoberpunkte aktiv */
#root_node a:link,
#root_node a:visited
{
	color: #4b555d;
}



/*******************************************************************************************/
/** Seiteninhalt rechts - Formate **/
/*******************************************************************************************/

.fett {
    font-weight: bold;
}
/** Blaue Überschrift der Seite  **/

.menu_head {
	font-size: 19px;
	font-weight:bold;
	color: #0C599F;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 24px;
}

/*Unterweisungshilfen: Container für Bild, Text und Button*/
.inhaltImg{
	margin-bottom: 40px;
	max-width: 617px;
	position: relative;
}
/*Bild ist skalierbar*/
.inhaltImg img{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.inhaltImg p{
	padding-left: 5px;
	margin: 10px 0;
	line-height: 1.2em;
	font-weight: bold;
	color: #0C599F;
	font-size:25px;
	margin-bottom: 10px;
}
/*Unterweisungshilfen: Container für Text und Button*/
.buttonContainer{
	position:absolute;
	bottom: 15%;
	padding-right: 6%;
	padding-left: 5%;
	right: 0;

}

/* box (mit runden ecken ab css3)*/
.rahmen_box {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
/*	-moz-border-radius: 10px;*/
	border-radius: 10px;
	border: 1px solid #004994;
}

/* text box, z.B auf Startseite mit Rahmen*/
div.text_box {
	max-width: 600px;
	padding: 0 14px;
	margin-top: 40px;
	margin-bottom: 19px;
	/*float: left;	*/
}

/* Fette Zwischenüberschrift  */
.menu_text_fett {
	font-weight:bold;
	text-align:left;
	margin-top: 0;
	line-height: 17px;
	padding-bottom: 1px;
}

/* Trennlinie z.B. zwischen Dokumenten */
.menu_linie {
	margin: 0;
	padding: 0 0 6px 0;
}

/* pdf Icon */
.menu_icon {
	width:33px;
	padding-right:20px;
	padding-left: 5px;
}

/*******************************************************************************************/
/** Spezielle Links **/
/*******************************************************************************************/


/* Querverweise */
a.quer:link,
a.quer:visited,
a.quer:hover {
	color: #004994;
	text-decoration:none;
}

a.quer:hover {
	text-decoration:underline;
}

/* Externe Links mit Symbol */
a.menu_link:link,
a.menu_link:visited
{
	color:#0c599f;
	text-decoration:none;
	padding-left:16px;
	background: url('./bilder/link.gif') 0 1px no-repeat;
}
a.menu_link:hover{
	text-decoration:underline;
}


/* Links zur Öffnung von Dokumenten */
a.docs:link,
a.docs:visited,
a.docs:hover {
	color:#000000;
	text-decoration:none;
}


/*******************************************************************************************/
/** Breadcrumb **/
/*******************************************************************************************/

#breadcrumb {
	margin-top:10px;

	font-size: 11px;
	color: #4B555D;

}

#breadcrumb a {
	text-decoration:none;
	color: #0C599F;
}

#breadcrumb a:hover{
	text-decoration:underline;
}

/*******************************************************************************************/
/** Footer  **/
/*******************************************************************************************/


/*Hat fixierte Größe umd nach 980 BP einen Rand zu haben*/
#footer {
	width:980px;
	height:15px;
	clear:both;
	border-top: 1px solid #CBCFD5;
	text-align:right;
	font-size:8pt;
	line-height:10pt;
	margin-bottom: 24px;
	padding-top: 4px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;

}
#copyRights{
	margin-right: 20px;
}
#datenschutzFooter{
	display: none;

}



/********************************************************/
/* Meldungen */
/********************************************************/
#warning_div, .noscript {
	width:100%;
	border-top: #c3c3c3 solid 1px;
	border-bottom: #c3c3c3 solid 1px;
	padding: 8px 0 5px 0;
}

#noStorage_div {
	width:100%;
	max-width: 750px;
	padding: 8px 0 5px 0;
}

noscript {
	display:block;
}


#warning_div, #noStorage_div {
	display: none;
}

#warning_div strong,#noStorage_div strong, noscript strong, .noscript strong {
	color:#d00;
}

#warning_div img {
	float:left;
	display: block;
	margin:10px 0 5px 0;
}

/********************** Klassen zum gezielten ansteuern ******************/
/* nur in onlsine version sichtbar*/
online_only {
}

/* nur in CD version sichtbar*/
offline_only {
}



/*Text für den HeaderImage*/
/*width wichtig um den Zeilenabstand zu halten*/
#bildText {
	color: #555555;
	display:inline-block;
	width: auto;
	line-height: normal;
	position: absolute;
	font-size: 3.5em;
	font-weight: bold;
	bottom:30px;
	right:16px;
	text-align: right;
}

.breadcrumb-container {
	width: 100%;
}

.textField {
	padding-bottom: 20px;
}
.textField h1 {
	margin-top: 20px;
}


.textContainer {
	width: 100%;
	max-width: 617px;
	position: relative;


}
.button{
	padding-left: 5px;
}

/*Für Bilder mit umfließendem Text, Spaltenbreite maximal 50%*/
.floatleft{
	float: left;
	padding-right: 1.9%;
	padding-bottom: 1.9%;
	display: inline-block;
	max-width: 50%;
}
/*Dadurch werden umflossene Bilder responsiv skaliert*/
.floatleft img{
	width: 100%;
}

.inline_block{
	display:inline-block;
}
/*Bilder, neben denen ein button steht... */
.inline_block img{
	/*max-width: 354px;*/
	width: 100%;
	padding-right: 15px;
}

.row {
	display: inline;
}
.horizontLine{
	margin: 20px 0px;
	width: 100%;
	border-bottom: 1px solid black;

}
/*Flex Container für Dokumente zum Download*/
.flex-download-container {
	display: flex;
	height: auto;
	width: 100%;
	padding:15px 0;
	align-items: center;
	flex-flow: nowrap;
	border-bottom: 1px solid rgba(50,50,50,1.00);
}

.dokument_symbol {
	width: 40px;
	order:1;
	flex-grow: 0;
	margin-right: 10px;
}
.dokument_kuerzel {
	width: 150px;
	order:2;
	flex-grow: 0;
}
.dokument_titel {
	width: 200px;
	order:3;
	flex-grow: 8;
	margin-right: 10px;
}
.dokument_symbol_rechts{
	width: 50px;
	order:4;
	flex-grow: 0;
}
.dokument_symbolAutoWidth{
	width: 10%;
	flex-grow: 0;
	margin-right: 15px;
}
.medien_titel {
	width: 200px;
	order:1;
	flex-grow: 3;
	margin-right: 15px;
	font-weight: bold;
}
.medien_quelle {
	width: 200px;
	order:2;
	flex-grow: 1;
	margin-right: 15px;
}
.impressum_titel {
	width: 200px;
	order:1;
	flex-grow: 1;
	margin-right: 15px;
	font-weight: bold;
}
.impressum_quelle {
	width: 200px;
	order:2;
	flex-grow: 3;
	margin-right: 15px;
}

/*Abstände bei Listen mit Zwischenüberschriften*/
div.abstand-zwischenueberschriften {
	padding-bottom: 5px;
	padding-top: 30px;
}
div.abstand-zwischenueberschriften p{
	margin:0px;
}

.kontaktLabel {
	width: 30%;
}


.button img {
	width: auto;
}


.buttonRight {
	display: inline-block;
	width: auto;
	margin-top: 15px;
}


.padding10{
	padding:5px 0px;
}

.abstand-oben {
	padding-top: 15px;
}

.width_auto {
	width: auto;
}

.flex-contact-container {
	display: flex;
	height: auto;
	width: 100%;
	padding: 5px 0px;

	flex-flow: wrap;
}

.contact-titel {
	width: 200px;

	flex-grow: 0;
	text-align: right;
	margin-right: 15px;
	margin-bottom: 2px;
}

.contact-input {

	width: 140px;
	flex-grow: 10;
}

.inputField {
min-width: 100px;
max-width: 272px;
width: 100%!important;

}
.ui-resizable-handle {


 }
.ui-wrapper{
	padding-bottom: 16px!important;
    border: solid 1px;
	border-color: rgb(192,192,192);
	overflow:visible !important;
	width: 100%!important;
	max-width: 272px;
	min-height: 100px;
}
.errorstyle {
    padding: 4px;
    font-weight: bold;
    color: #FF0000;
}
textarea{
	border: none;
}
input{
	border: solid 1px;
	border-color: rgb(192,192,192);
}