/******************/
@media not print {


/* =============================================================================
   Farben
   ========================================================================== */
body,
form {
	color: #222;
	}

a {
	color: #222;
	}

footer {
  border-top: 1px solid #DDD;
	}

.navigation {
  background: rgba(255, 255, 255, 0.9);
  background: #fff;
  border-bottom: 1px solid #DDD;
  }

a,
.sf-menu a,
a.nachoben:hover:before,
input.submit:hover,
input.submit:active {
	color: #222;
	}

.sf-menu ul strong,
.sf-menu ul a:hover,
nav.col a:hover {
	color: #777;
}


.bild a:hover {
	background-color: transparent;
	}

a.nachoben:hover:before,
input.submit:hover {
/*	background-color: #FFF; */
	}

hr {
	color: #CCC;
	height: 1px;
	background: #CCC;
	border: none;
	}

.grau {
		color: #999;
	}

.rot,
label em {
    color: #F22;
}

.pfad,
.box  {
		border-bottom: .1em solid #CCC;
		}

/*
.pfad {
		border-top: .1em solid #CCC;
		}
*/

/*#hauptinhalt .box*/
article .box {
		border-top: .1em solid #CCC;
		border-bottom: none;
		}

/***************/
		.pfad,
		.box,
		article .box { border: none;}
/****************/

.seitenliste .box.odd{
	}

/* ----------------------------------------------------------------------------- Form */
input,
textarea,
select {
	border: 1px solid #CCC;
	}

input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
	background: #EEE;
	}

.contactform {

	}

.formerror {
	color: #F22;
}

.formerror + input,
.formerror + textarea {
	border: solid 1px #F22;
}

.contactform label,
.contactform .label {
	display: inline-block;
	width: 8em;
	float: left;
}

.contactform label,
.formerror {
	padding-top: .5em;
}

.contactform .radioGruppe label {
	float: none;
	padding-top: 0;
}

.contactform .radioGruppe,
.contactform .radioGruppe label,
.formrow div {
	display: inline-block;
}

.contactform .radioGruppe,
.contactform .radioGruppe label,
.formrow div,
input,
textarea {
	max-width: 25em;
	width: 100%;
}

.contactform .radioGruppe,
input,
textarea {
	margin-bottom: 1em;
}

input[type=radio] {
	width: 2em;
}

input[type=submit] {
	max-width: 8em;
}

input,
textarea {
	padding: .5em;
}

/*+++*/
input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea{
    font-size:1em; outline: 0;
    transition: background 1s;
}

input[type="submit"] {
	color: #FFF;
	background: #222;
	}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, input[type="submit"]:hover  {
		background: #F7F7F7;
		border:1px solid #BBB;
		color: #222;
}


.contactform .radioGruppe label {
		cursor: pointer;
}

/* ++++ Radiobuttons */

.contactform .radioGruppe label:before,
.contactform .radioGruppe label {
	color: #AAA;
}
.contactform .radioGruppe label:hover::before,
.contactform .radioGruppe label:hover,
input[type=radio]:checked ~ label:before,
input[type=radio]:checked ~ label {
	color: #222;
}

input[type=radio],
input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input[type=radio] ~ label:before,
input[type=checkbox] ~ label:before {
    font-family: font-awesome;
    display: inline-block;
    content: "\f10c"; /* leer */
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

input[type=radio] ~ label:hover:before,
input[type=radio]:checked ~ label:before,
input[type=checkbox]:checked ~ label:before  {
		content: "\f111"; /* voll */
    content: "\f192"; /* punkt */
    font-size: 1.2em;
    letter-spacing: 5px;
}
input[type=checkbox] ~ label:before {
    content: "\f096";
}
input[type=checkbox]:checked ~ label:before {
    content: "\f046";
    color: darkgreen;
}
input[type=radio]:focus ~ label:before,
input[type=checkbox]:focus ~ label:before,
input[type=radio]:focus ~ label,
input[type=checkbox]:focus ~ label
{
    color: #222;
}


/***********/

/* ----------------------------------------------------------------------------- ausgewählter Text */


::selection {
	background: #999;
	color: white;
	}

::-moz-selection {
	background: #999;
	color: white;
	}

img::selection {
	background: transparent;
	}

img::-moz-selection {
	background: transparent;
	}

body {
	-webkit-tap-highlight-color: rgba(40,40,40, 0.62);
	}
/* --------------------- Hintergrundfarben */
/*
body {
	background: #222;
}
*/

/*
#kopf,
.navigation,
#bauch,
footer,
.breite {
	z-index: 10;
}

.hintergrund {
	background: #DDD;
	position: absolute !important;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translate(-50% , 0);
	z-index: 5;
}

#bauch {
	background-color: #292929;
}

.breite {
	background-color: #FFF;
}
*/
/* =============================================================================
   Standardsachen
   ========================================================================== */
ol {
	list-style: decimal outside none;
	margin-bottom: 1.75em;
	padding-left: 1.25em;
	}

ul {
	list-style-position: outside;
	padding-left: 1.25em;
	margin-bottom: 1.75em;
	}

.cal ul  {
	padding-left: 0;
	}

ul ul {
	margin-bottom: 0;
	}

/*
li:before {
    content: '\b7\a0';
    position:absolute;
    right:100%
}
li {
    list-style:none;
    position:relative;
}
*/
/* ----------------------------------------------------------------------------- Links */


article a,
article a:link,
a.mehr {
	border: 0;
/*	color: #880; */
	}

/* Links in den Teaserüberschriften sollen keine Farbe bekommen */
article .seitenliste h3 a {
	color: #222;
	}

a:hover,
a:focus {
	text-decoration: underline;
	}

 /* Barrierefreier Fokus: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*
a.out,
a.link,
a.mail,
.sitemap a {
        padding: 0 0 0 13px;
		background: url("icon3.gif") no-repeat 0 0;
		}


a.out  { background-position: 0 2px; }
a.out:hover  { background-position: 0 -18px; }

a.link  { background-position: -2px -38px; }
a.link:hover { background-position: -2px -58px; }

.sitemap a { background-position: 0 -32px; }
.sitemap a:hover { background-position: 0 -52px; }

a.mail { background-position: 0 -158px; }
a.mail:hover  { background-position: 0 -178px; }
*/

.listenbild a.link,
.listenbild a.link:hover,
.listenbild a.out,
.listenbild a.out:hover{
	padding: 0;
	background-image: none;
	}

#logo a,
#logo a:hover {
	text-decoration: none;
	border: 0;
	}


/* ----------------------------------------------------------------------------- unsichtbar
hr, */

.pfad dfn,
nav dfn,
.sitemap dfn,
.unsichtbar,
.sprunglinks,
a.nachoben span,
legend {
	display: block;
	height: 1px !important;
	left: -6000px !important;
	position: absolute !important;
	top: -6000px !important;
	width: 1px !important;
	}
/*
p.sprunglinks {
	height: 27px;
	left: -9999px;
	position: absolute;
	top: 0;
	width: 240px;
	z-index: 3;
	}
*/

/* Hide from both screenreaders and browsers: h5bp.com/u */
.versteckt {
	display: none !important;
	visibility: hidden;
	}

/* Ende @media not print: */
}