@import url('iconfont/icon.css');

html {
	height:100%;
	margin:0px;
	overflow-y:scroll;
}
body {
	margin:0px;
	background-color:#407227;
	/*
	background-image:url('/ib/site/elements/layout/Hintergrund_Fenster.png');
	background-repeat:repeat-x;
	background-position: top center;
	background-attachment:fixed;
	*/
	height:100%
}

/* Layoutbereich und Fuss */

body div#Layoutbereich {
	margin:0px auto;
	width:980px;
	height:100%; /*sticky footer */
	xxbackground-image:url('/ib/site/elements/layout/Hintergrund_Layout.png');
	background-color:white;
	background-repeat:repeat-y;

}
body > div#Layoutbereich { /*sticky footer */
	height:auto;
	min-height:100%;
}
	body div#Layoutbereich_Innen {
		position:relative;
		padding-bottom:50px;
	}
body div#Seitenfuss {
	position:relative;
	width:980px;
	min-height:30px;
	margin:-30px auto 0px auto;
	background-color:#edeed4;
	background-repeat:no-repeat;
}
body div#Seitenfuss_Innen {
	position:absolute;
	top:8px;
	right:15px;	
}

/* Kopf */

body div.output div#Logo {
	display:none;
	float:left;
	top:0px;
	left:0px;
	height:120px;
	background-color:white;
}
	body div.output div#Logo img {
		width:300px;
		height:120px;
	}


/* Keyvisual, Menue */

body div.output div#Keyvisual {
	position:relative; 
	height:130px;
	/*width: 880px;*/
	padding-top:10px;
	overflow:hidden;
	/*background-image: url('/ib/site/elements/layout/Keyvisual.png');
	background-repeat:no-repeat;*/
}
@media only screen and (max-width: 767px) {
	body div.output div#Keyvisual {
		display:none;
	}
	body.Startseite div.output div#Keyvisual {
		display:block;
	}
}
body div.output div#Menuebereich {
	xxfloat:left;
	z-index:1;
	background-color:#EDEED4; height:30px;
}
body div.output div#Hauptmenue {
	position:relative;
	margin:0px;
}
body div.output div.MenuMain:after {
	visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}


/* Inhaltsbereich */

body div.output div#Inhaltsbereich {
 	padding: 0px 15px 20px 20px;
}
#socialshareprivacy { /* Social Media */
	display:none;
}

/* Ausgabebereiche, Spalten */

body div.output div#Ausgabe_Links {
	float:left;
	width:200px;
}
body div.output div#Ausgabe_Mitte {
	float:left; 
	margin-left:20px; 
	width:520px; 
	padding-bottom:30px;
}
	body div.output div.Spalte_Links {
		float:left;
		width:47%;
	}
	body div.output div.Spalte_Rechts {
		float:right;
		width:47%;
	}

body div.output div#Ausgabe_Rechts {
	margin-left:755px;
	width:190px;
}
body div.output div#Ausgabe_Rechts .Krokodil_Unten {
	display:none;
}

body div.output div#Untermenue {
	padding:15px 0px 10px 0px;
}

/* Formular */
.output div.Sheet, .output .rounded {
	background-color: #edeed4;
	border-color: #edeed4;
	border-radius: 10px 10px 10px 10px;
	border-style: solid;
	border-width: 1px;
	margin-top: 2%;
	margin-bottom:2%;
    padding: 10px 12px;
}

/* Bildgalerie */
.miniaturBildgalerie{
	float:left;
	overflow:hidden; 
	padding:6px
}
.miniaturBildgalerie.columns _1{
	width:508px;
}
.miniaturBildgalerie.columns_2 {
	width:248px;
}
.miniaturBildgalerie.columns_3 {
	width:161px;
}

.output img {
	max-width: 100%;
	height:auto ! important;
}


@media only screen and (max-width: 999px) {
	body div#Layoutbereich {
		width:700px;
		padding:0px;
	}
	body div#Seitenfuss {
		width:700px;
		padding:0px;
	}
	body div.output div#Logo {
	}
	body div.output div#Menuebereich {
	}
	body div.output div#Inhaltsbereich {
		padding-top:0px;
	}
	body div.output div#Ausgabe_Links {
		display:block;		
		width:200px;
	}
	body div.output div#Ausgabe_Mitte {
		width:420px;		
		margin-left:25px;
	}
	body div.output div#Ausgabe_Rechts {
		margin-left:0px;
		padding-top:0px;
		width:95%;
		float:left;
	}
	body div.output div#Ausgabe_Rechts .Krokodil {
		display:none;
	}
	body div.output div#Ausgabe_Rechts .Krokodil_Unten {
		display:block;
	}

	.miniaturBildgalerie.columns_1 {
		width:408px;
	}
	.miniaturBildgalerie.columns_2 {
		width:198px;
	}
	.miniaturBildgalerie.columns_3 {
		width:128px;
	}
}

body div.output div#Ausgabe_Links_Unten {
	display:none;
}
@media only screen and (max-width: 767px) {
	body div#Layoutbereich {
		width:455px;
	}
	body div#Seitenfuss {
		width:455px; 
		min-height:45px;
	}
	body div.output div#Logo {	
		float:none;
	}

	body div.output div#Ausgabe_Mitte {
		float:none;
		margin-left:0px;
	}
	body div.output div#Ausgabe_Links {
		display:none;
	}
	body div.output div#Ausgabe_Links_Unten {
		display:block;
	}
}
@media only screen and (max-width: 479px) {
	body div#Layoutbereich {
		width:100%;	
	}
	body div.output div#Ausgabe_Mitte {
		width:auto;
	}	
	body div#Seitenfuss {
		width:100%;
		min-height:65px;		
	}
	body div.output div.MenuMain div.Untermenue {
		display:none;
	}
	body div.output div#Logo img {
		width:260px;
		height:auto;
	}
	.miniaturBildgalerie{
		width:87% !important; 
	}
	body div.output div.Spalte_Links, body div.output div.Spalte_Rechts {
		width:100%;
		float:left;
	}
}


.output .clear {
	clear:both;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.output #MenuTools div{
	float:left; 
	padding-left:10px;
	padding-bottom:5px;
}


.output div.Titel {
	margin-bottom:36px;
}
.output p.Untertitel {
	font-weight:bold;
}

/* Standarduebersicht (z.B. Seitenuebersicht, Miniaturen)

td.Miniatur
	img
td
	div.Datum
	h2 > a
	div.Zusammenfassung
	div.Beschreibung
	div.Autor

*/


.output div.Standarduebersicht div.Eintrag { 
}
.output div.Standarduebersicht div.Eintrag.mit_Miniatur { 
}
.output div.Standarduebersicht div.Text {
	border-bottom:1px solid #EDEED4;	
 	margin-left: 0px;
    padding: 10px 0 5px;
}
.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text {
 	margin-left: 120px;
}
.output div.Standarduebersicht div.Miniatur {
	padding-right:20px !important;
	text-align:center;
	width:100px;
	float:left;
}

@media only screen and (max-width: 479px) {
	.output div.Standarduebersicht div.Miniatur {
		float:none;
	}
	.output div.Standarduebersicht div.Eintrag.mit_Miniatur div.Text {
		margin-left:0px;
	}
}
.output div.Standarduebersicht div.Uebersichtstitel {
	margin-bottom:20px;
}

.output div.Standarduebersicht h2 {
}
.output div.Standarduebersicht h2 a {
	/*color:#005073 ! important;
	text-decoration:none;*/
}
.output div.Standarduebersicht div.Zusammenfassung {
}
.output div.Standarduebersicht div.Beschreibung {
}
.output div.Standarduebersicht div.Autor {
}


/* externe redaktion, Analog admin */

.output div.Liste_Detail div.Container {
	padding:9px 5px;
	overflow:hidden;
	border-color: #e5edf1;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
	margin:5px 0 10px 0;
}
.output div.Liste_Detail div.Container:hover, .output div.Liste_Detail div.Container.selektiert {
	background-color: #e5edf1;
}
.output div.Liste_Detail div.Container.Button { 
	padding-right:20px;
}
.output div.Liste_Detail div.Container.Button:hover { 
	cursor:pointer;
	background-image:url('/ib/core/elements/buttons/Auswaehlen.png');
	background-repeat:no-repeat;
	background-position:right center;
}

.output div.Liste_Detail div.Container.gedimmt { 
	opacity:0.5;
}
.output div.Liste_Detail div.Container.selektiert {
	cursor:default;
}
.output div.Liste_Detail div.Container div.Symbol {
	float:left;
	width:100px;
	/*height:100px; */
	text-align:center;
	line-height:0px;
	overflow:hidden;
}
.output div.Liste_Detail div.Container.nichtVeroeffentlicht div.Symbol {
	opacity: 0.3;
}

.output div.Liste_Detail div.Container div.Angaben {
	margin-left:120px;
}
.output div.Liste_Detail div.Container.NoSymbol div.Angaben {
	margin-left:0px;
}
.output div.Liste_Detail div.Container div.Schalterbereich {
	float:right;
	width:60px;
	height:20px;
	padding-left:10px;
	opacity:0.3;
}
.output div.Liste_Detail div.Container:hover div.Schalterbereich {
	opacity:1;
}
.output div.Liste_Detail div.Container div.Listenschalter {
	float:right;
	width:20px;
	height:20px;
	background-image:url('/ib/site/elements/schalter/Schalter_Pfeil.png');
	background-position:top right;
	background-repeat:no-repeat;
}
.output div.Liste_Detail div.Container div.Listenschalter.Verschieben {
	background-image:url('/ib/site/elements/schalter/Schalter_Auf_Ab.png');
	cursor:n-resize;
}
.output div.Liste_Detail div.Container div.Listenschalter.Loeschen {
	background-image:url('/ib/site/elements/schalter/Schalter_Entfernen.png');
	cursor:pointer;
}
.output div.Liste_Detail div.Container div.Listenschalter.Bearbeiten {
	background-image:url('/ib/site/elements/schalter/Schalter_Bearbeiten.png');
	cursor:pointer;
}

.output div.Liste_Detail div.Container div.Angaben h2 {
	font-size:120%;
	margin-top:0px;
	margin-bottom:1ex;
	font-weight:normal;
}
.output div.Liste_Detail div.Container div.Angaben h2 a {
	color:#005073 ! important;
	text-decoration:none;
}



/*
.output div.Sheet a.Schalter {
	margin-right:10px; /*
}
*/

/* Schalter */

.output a.Schalter {
	display:block;
	padding:1px 27px 4px 0px;
	margin:5px 0px 5px 0px; /* right 20px > 0px */
	text-align:right;
	background-image:url('/ib/site/elements/schalter/Schalter_Verweis.png');
	background-position:right 45%;
	background-repeat:no-repeat;
	text-decoration:none;
/*	font:91.666666% Verdana;*/
/*	color:#005073 ! important;*/
	height:13px;
}
.output a.Schalter.NeuesFenster {
	background-image:url('/ib/site/elements/schalter/Schalter_NeuesFenster.png');
}
.output a.Schalter.Download {
	background-image:url('/ib/site/elements/schalter/Schalter_Download.png');
}
.output a.Schalter.Aktualisieren {
	background-image:url('/ib/site/elements/schalter/Schalter_Aktualisieren.png');
}
.output a.Schalter.Speichern {
	background-image:url('/ib/site/elements/schalter/Schalter_Speichern.png');
}
.output a.Schalter.Vormerken {
	background-image:url('/ib/site/elements/schalter/Schalter_Eintrag_Hinzufuegen.png');
}
.output a.Schalter.Neu {
	background-image:url('/ib/site/elements/schalter/Schalter_Neu.png');
}
.output a.Schalter.Schliessen {
	background-image:url('/ib/site/elements/schalter/Schalter_Entfernen.png');
}
.output a.Schalter.Entfernen {
	background-image:url('/ib/site/elements/schalter/Schalter_Eintrag_Entfernen.png');
}
.output a.Schalter.Naechste {
	background-image:url('/ib/site/elements/schalter/Schalter_Naechste.png');
}
.output a.Schalter.Start {
	background-image:url('/ib/site/elements/schalter/Schalter_Start.png');
}
.output a.Schalter.Stop {
	background-image:url('/ib/site/elements/schalter/Schalter_Stop.png');
}
.output a.Schalter.aufAb {
	background-image:url('/ib/site/elements/schalter/Schalter_Auf_Ab.png');
}

.output a.SchalterLinks {
	display:block;
	padding:1px 0px 4px 27px;
	margin:5px 0px;
	text-align:left;
	background-image:url('/ib/site/elements/schalter/Schalter_Vorherige.png');
	background-position:left 45%;
	background-repeat:no-repeat;
	text-decoration:none;
	/*font:92% verdana;*/
	/*color:#005073 ! important;*/
}
.output a.SchalterLinks.Vorherige {
	background-image:url('/ib/site/elements/schalter/Schalter_Vorherige.png');
}



/* Sonstiges */

form {
	margin:0px;
}
div.Steuerelement {
	padding:3px 0px;
	overflow:hidden;
}
div.Spalte1 {
	float:left;
	width:103px;
	padding:1px 0px;
}
div.Spalte2 {
	margin-left:108px;
}
div.Steuerelement input {
	width:384px;
}
div.Steuerelement textarea {
	width:384px;
	float:left;
}
div.Steuerelement.text_wide textarea {
	width:492px;
}
@media only screen and (max-width: 999px) {
}
@media only screen and (max-width: 767px) {
	div.Spalte1 {
		float:none;
		width:auto;
		padding:1px 0px;
	}
	div.Spalte2 {
		margin-left:0px;
	}
	div.Steuerelement textarea {
		width:99%;
	}
	div.Steuerelement.text_wide textarea {
		width:99%;
	}

}
@media only screen and (max-width: 479px) {
	div.Steuerelement input {
		width:99%;
	}
}

.output img.Rahmen {
    border: 1px solid #AAAAAA;
}


/* Hintergrund RichText-Editor */

.text_basic .mceIframeContainer {
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color: #404E54 #AFC8D3 #C4D7DF #61757E;
}
.text_basic .defaultSkinIntern .mceIframeContainer iframe {
	background-color:#B2CAD5;
}