body
{
	padding-top: 120px;

	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
}

ul
{
	padding-left: 10px;
}

html body nav.navbar.navbar-default.navbar-fixed-top.mynavi div.container div.navbar-header img
{
	width:300px;
}

.abschnitt-anker
{
	  display: block;
	  height: 120px;
	  margin-top: -120px;
	  visibility: hidden;
}

.txtinput
{
	min-width: 300px;
	height: 30px;
	line-height: 30px;
}

.txtarea
{
	min-width: 300px;
	height: 90px;
	line-height: 30px;
}


#transferfeld
{
	max-width: 75%;
	background-color: #efefef;
	border: 1px solid #6e6e6e;
	border-radius: 8px;
	padding: 0px 10px 0px 0px;
	font-size:0.8em;
}

/* Farbe je Transferfeld (1-8). Die Klassen setzen ausschliesslich die
   Variable --transferfeld-farbe, damit dieselbe Farbe im Formular
   (Radio-Liste) und in der Liste der Eintraege (liste.php) genutzt
   werden kann, ohne die Farbwerte doppelt zu pflegen. */
.transferfeldfarbe1 { --transferfeld-farbe: #dae3eb; }
.transferfeldfarbe2 { --transferfeld-farbe: #c2d9ee; }
.transferfeldfarbe3 { --transferfeld-farbe: #D0E3F1; }
.transferfeldfarbe4 { --transferfeld-farbe: #C6E4F1; }
.transferfeldfarbe5 { --transferfeld-farbe: #CFEAED; }
.transferfeldfarbe6 { --transferfeld-farbe: #D1EBE0; }
.transferfeldfarbe7 { --transferfeld-farbe: #D7EADD; }
.transferfeldfarbe8 { --transferfeld-farbe: #DEE8E0; }

#transferfeld li
{
	padding: 5px 5px 5px 10px;
	margin: 10px 0px 10px 0px;
	background-color: var(--transferfeld-farbe, #dae3eb);
	color: #2A2E33;
	border-radius: 8px;
}

.dropdown
{
	max-width: 62.5%;
}

@media screen and (min-width: 350px)
{
	/* Für Navbar Collapse*/
	html body nav.navbar.navbar-default.navbar-fixed-top.mynavi div.container div.navbar-header img
	{

		width: 228px;
	}



}

@media screen and (min-width: 400px)
{
	/* Für Navbar Collapse*/
	body
	{
		padding-top: 90px;
	}
}

@media screen and (min-width: 768px)
{
	body
	{
		padding-top: 90px;
	}

	.abschnitt-anker
	{
		display: block;
		  height: 90px;
		  margin-top: -90px;
		  visibility: hidden;
	}



	.txtinput
	{
		min-width:500px;
		height: 30px;
		line-height: 30px;
	}

	.txtarea
	{
		min-width: 500px;
		height: 90px;
		line-height: 30px;
	}




}

html body nav.navbar.navbar-default.navbar-fixed-top.mynavi
{
	min-height:120px;
	border:none;
}

.mynavi {
	font-size: 1.1em;
	font-weight:bold;
	font-family: 'Dosis', sans-serif;
	background-image: none;
	background-color:#fff;
	letter-spacing: 0.05em;

	min-height:90px;


}

.blueline
{
	background-color: #003b7a;

	margin-bottom:0;
}

.linkespalte {
	font-size:1.3em;
	color:#286090;
	font-weight:bold;
	padding-top:20px;
}

.mitte {
	font-size: 1.2em;

	line-height:1.5em;
	letter-spacing:0.1em;
	padding-top:20px;
	padding-bottom:40px;
}

.formulardiv
{
	background-color:#e8f1f8;
}

.kontaktdiv
{
	background-color:#BBD0ED;
	padding-bottom:100px;
}

.kontaktrow
{
	padding-bottom:60px;
}

.formrow
{
	padding:10px;
	border-bottom:1px dotted #CAD8F2;
}

.feedback-fehler, .feedback-ok
{
	border-radius:12px;
	padding: 5px 10px 16px 16px;
	margin:10px 30px 2px 20px;
}

.feedback-ok
{
	background-color:#C3E7B3;
	border: 1px solid #8FAD82;

}

.feedback-fehler
{
	background-color: #ff99bb;
	border: 1px solid #C94810;

}

h2
{
	font-family: 'Dosis', sans-serif;
	font-size:1.4em;
	color: #003c75;

}

div.row
{
	font-size:1em;
	margin-top:10px;
	margin-left:8px;
}

.b2wfooter {
	background-color:#003c75;
	padding-top:10px;
	color:white;
}

.b2wfooter a:hover, .b2wfooter a:link
{
	text-decoration:underline;
}

.b2wfooter a:link
{
	color:white;
}

.b2wfooter a:hover
{
	color:#6ca3d8;
}

/* Admin-Navigation (templates/admin-nav.php): Blaugrau statt Bootstrap-Schwarz,
   aktiver Punkt im UDE-Blau des Footers */
.navbar-inverse.admin-navbar {
	background-color: #456b8f;
	background-image: none;
	border-color: #3a5c7c;
}

.navbar-inverse.admin-navbar .navbar-brand,
.navbar-inverse.admin-navbar .navbar-text,
.navbar-inverse.admin-navbar .navbar-nav > li > a {
	color: #eef3f8;
}

.navbar-inverse.admin-navbar .navbar-brand:hover,
.navbar-inverse.admin-navbar .navbar-nav > li > a:hover,
.navbar-inverse.admin-navbar .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #3a5c7c;
}

.navbar-inverse.admin-navbar .navbar-nav > .active > a,
.navbar-inverse.admin-navbar .navbar-nav > .active > a:hover,
.navbar-inverse.admin-navbar .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #003c75;
	background-image: none;
	box-shadow: none;
}