@charset "UTF-8";
/*
CONTENT-CSS
 */

@media all {

/* --- GLOBALE SEITENEINSTELLUNGEN ---------------------------------------------------------- */	

html, body {
	font-family: 'PT Sans Caption', "sweden_sansregular", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 13px; festgelegt auf 15px im w3.css */
	font-weight: normal;
	color: #006275;
	background: #fdfdfd;
	height:100%;
	font-size:15px;
	line-height: 1.5em;
}

.druck {
	display: none;
}

#preload {
	display: none;
}

.korrekturhinweis {
	color:#e2007a !important;
}

.scrolldownstart {
	position:absolute;
	bottom:0px;
	left:50%;
	font-size:75px;
	margin-left:-27px;
	opacity:0.8;
}

@media screen and (max-width: 450px) { 
	
	.scrolldownstart {
		font-size:60px;
		margin-left:-21px;
	}
	
}


/* --- ÜBERSCHRIFTEN ------------------------------------------------------------------------ */


h1, h2, h3, h4, h5, h6 {
	font-family: "sweden_sansregular", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 0.1em 0;
}

h1 {
	margin-bottom: 1.2em;
	line-height: 1.2em;
	font-size: 21px;
	color: #006275;
}

h2 {
	margin-bottom: 0.7em;
	margin-top: 1.5em;
	line-height: 1.4em;
	font-size: 16px;
	color: #006275;
}

h3 {
	margin-bottom: 0.7em;
	margin-top: 1.5em;
	color: #444;
	font-size: 13px;
	color: #006275;
}

h1 br {
	line-height: 1.2em;
}

h2 br {
	line-height: 1.4em;
}

h3 br {
	line-height: 1.7em;
}


/* --- TEXTAUSZEICHNUNG --------------------------------------------------------------------- */

.hyphens {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

p {
	line-height: 1.5em;
	margin: 0 0 1em 0;
}

p.bu {
	line-height: 1.3em;
	font-size:13px;
	padding:5px 7px 0px 16px;
	color:#777777;
	font-style: italic;
	margin: 0 0 1em 0;
}

a.bu, a.bu:focus, a.bu:hover, a.bu:active {
	color:#555555;
	text-decoration:none;
}

p.bu img {
	float:left;
	width:13px;
	height:14px;
	margin:0px 0px 0px 0px;
	border-radius:0px;
	margin-left:-13px;
	padding-left:1px;
}

span.bu-bu {
	font-size: 11px;
}

strong, b {
	font-weight: bold;
	color: #555;
}

em, i {
	font-style: italic;
}

hr {
	color: #f8f8f8;
	height: 0px;
	background: transparent;
	margin: 0.1em 0 1.5em 0px;
	padding: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #ef7e9c solid;
}

div.linie {
	border-bottom: 1px #cecece solid;
	height:32px;
	clear:both;
}

div.abstand {
	height:1px;
	clear:both;
	margin-bottom:12px;
}

span.socialicons {
	clear:none;
	display:inline;
}

i.socialicon {
	margin-top:-0.17em;
	margin-left:0.14em;
}

p.adresse {
	font-size:18px;
}

p.impressum {
	font-size:11px;
	padding-right:12px;
}


/* --- LISTEN ------------------------------------------------------------------------------- */


ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
	padding:0;
}

ul li {
	list-style-type: none;
	list-style-image: url("../bilder/_standards/listenpunkt.gif");
}

ul ul li {
	list-style-type: none;
}

ol li {
	list-style-type: none;
}

ol ol li {
	list-style-type: none;
}

li {
	margin-left: 0.8em;
	line-height: 1.5em;
	padding-bottom: 8px;
}

dt {
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 1em 0.8em;
}

li.keinpunkt {
	list-style-type: none;
	list-style-image: none;
}


/* --- LINKS -------------------------------------------------------------------------------- */

a {
	color: #71acca;
	font-weight: normal;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #007a8c;
	text-decoration: underline;
}

a.link-intern {
	background: transparent url("../bilder/_standards/link_intern.gif") no-repeat scroll left center;
	padding-left: 11px;
}

a.link-extern {
	background: transparent url("../bilder/_standards/link_extern.gif") no-repeat scroll left center;
	padding-left: 12px;
}

a.link-mail {
	/*background: transparent url("../bilder/_standards/link_mail.gif") no-repeat scroll left center;
	padding-left: 14px;*/
}

a.mail-big {
	font-size: 21px;
}


/* --- BILDER ------------------------------------------------------------------------------- */

.textpic-bu-left {
	float: left;
	display: inline;
	overflow:hidden;
	margin-right: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 240px;
}

.textpic-bu-right {
	float: right;
	display: inline;
	overflow:hidden;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 240px;
}

.textpic-bu-right-hoch {
	float: right;
	display: inline;
	overflow:hidden;
	margin-left: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	width: 160px;
}

.textpic-bu-left strong, .textpic-bu-right strong, .textpic-bu-right-hoch strong {
	display: block;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 12px 1.3em 6px 1.3em;
	background: none;
	font-size:11px;
	font-weight: normal;
	color: #777;
}

.textpic-bu-left strong img, .textpic-bu-right strong img, .textpic-bu-right-hoch strong img {
	margin-top:-12px;
	margin-right:4px;
	width:auto;
}



/* ------------- SIDEMENU ---------------- */

 
#sidenav {
	z-index: 1000;
	display:block;
	width:auto;
	height:auto;
} 

.sidenav-hauptbox {
	-webkit-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	background-color: #d0e7f1;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	float: left;
	-webkit-transition: -webkit-transform .25s ease;
	-ms-transition: -ms-transform .25s ease;
	-o-transition: -o-transform .25s ease;
	transition: transform .25s ease;
	width: 400px; 
}

.sidenav-content {
	min-height: 200px;
	height: 100%;
	position: relative;
	background-color: #006275; 
	margin-top:60px;
}
  
.sidenav-content a {
	display: block;
	margin: 0 0 12px; 
}

.sidenav-header {
	padding: 60px 0px 50px 40px;
	width: 100%;
	background-color: #d0e7f1;
	position: relative;
	float: left; 
}

.sidenav-header h2 {
	margin: 0;
	font-size: 40px; 
}
	
.sidenav-footer {
	position: relative;
	background-color: #006275;
	float: left;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 14px 0px 0px 40px; 
}

.sidenav-footer-kontaktbox {
	font-size: 16px;
	margin-bottom: 2em;
	display: inline-block;
	width: 100%; 
}
	
.sidenav-footer-kontaktbox .icon {
	color: #fff; 
}
  
.sidenav-footer-kontaktbox {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px; 
}

.sidenav-footer-kontaktbox a {
	margin-right: 1em;
	margin-bottom: 0.5em;
	display: block;
	float: left;
	color: #fff; 
}

.sidenav-hauptbox a:focus, .sidenav-hauptbox a:hover, .sidenav-hauptbox a:active, .sidenav-content a:focus, .sidenav-content a:hover, .sidenav-content a:active, .sidenav-footer-kontaktbox a:focus, .sidenav-footer-kontaktbox a:hover, .sidenav-footer-kontaktbox a:active {
	text-decoration: none;
	text-shadow: 0 0 7px #ffffff;
}

.sidenav-footer-kontaktbox p {
	margin-right: 1em;
	margin-bottom: 0.5em;
	display: block;
	float: left;
	color: #71acca; 
}
  

/* Sidemenu HAMBURGER-BUTTON */

input#sidenav-button {
	display: none; 
	cursor: none;
}

input.open:checked ~ .sidenav-hauptbox {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0); 
}

input.open:checked ~ label.close {
	display: block; 
}
  
input.open:checked ~ label span {
	background-color: #71acca;
	-webkit-transition: -webkit-transform .2s ease .2s, top .2s ease;
	-ms-transition: -ms-transform .2s ease .2s, top .2s ease;
	-o-transition: -o-transform .2s ease .2s, top .2s ease;
	transition: transform .2s ease .2s, top .2s ease; 
}
	
input.open:checked ~ label span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg); 
}
  
input.open:checked ~ label span:nth-of-type(2) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg); 
}
  
input.open:checked ~ label span:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}

label.close {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	top: 0;
	left: 0; 
}

label.open {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 190px;
	height: 89px;
	cursor: pointer;
	margin: 0;
	padding-left:24px;
	
	-webkit-transition: width 0.3s;
	-ms-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
	
}

input.open:checked ~ label.open {
	width: 385px;
	height: 89px;
	background-color:#d0e7f1;
	border-bottom:1px solid #fdfdfd;
}

label.open span {
	display: block;
	width: 52px;
	height: 4px;
	background-color: #71acca;
	position: absolute;
	border-radius: 2px;
	left: 114px;
	-webkit-transition: -webkit-transform .2s ease, top .2s ease .2s;
	-ms-transition: -ms-transform .2s ease, top .2s ease .2s;
	-o-transition: -o-transform .2s ease, top .2s ease .2s;
	transition: transform .2s ease, top .2s ease .2s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg); 
}

label.open span:nth-of-type(1) {
	top: 30px; 
}
	  
label.open span:nth-of-type(2), input.open:checked ~ label span:nth-of-type(1), input.open:checked ~ label span:nth-of-type(2), input.open:checked ~ label span:nth-of-type(3) {
	top: 41px;
}
	  
label.open span:nth-of-type(3) {
	top: 52px; 
}
	  
.stream label.open span {
	background-color: #fff; 
}
	  
img#sidenav-logo {
	height:75px;
	width:75px;
	margin-top:6px;
}


/* ------------- HAUPTMENU ---------------- */


.hauptmenu ul {
	display: inline;
	float: left;
	margin: 0;
	padding: 0px 0px 0px 7px;
	background: transparent;
}

.hauptmenu ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.hauptmenu ul li a {
	border-radius:4px;
	color: #d6d6d6;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 11px;
	font-weight: normal;
	margin: 6px 6px 6px 6px;
	padding: 3px 7px 5px 8px;
	text-decoration: none;
} 

/* ------------- HOVER HAUPTMENU ---------------- */  

/*rollover*/

.hauptmenu ul li a:hover {
	text-decoration: none;
	color: #fdfdfd;
}

.hauptmenu ul li:hover {
	background: #147d7d;
}

/*angewählt*/

.hauptmenu ul li.active {
	background: transparent url("../bilder/_standards/menumarker_gruen.gif") no-repeat scroll center bottom;
}

.hauptmenu ul li.active a {
	color: #fdfdfd;
	text-decoration: none;
	font-weight:bold;
	font-size: 15px;
}


/* ------------- FOOTERMENU ---------------- */

.footermenu ul li a {
	font-size:14px;
	color: #a9cf3c;
	color: #999;
}

.footermenu ul li:hover {
	background: transparent;
}

.footermenu ul li.active:hover {
	background: transparent url("../bilder/_standards/menumarker_gruen.gif") no-repeat scroll center bottom;
}

.footermenu ul li a:hover {
	text-decoration: none;
	color: #a9cf3c;
}

.footermenu ul li.active a {
	font-size:15px;
	color: #999;
}

/* ------------- SUBMENU (ergänzt footermenu) ---------------- */

div.submenu {
	margin-left:-8px;
}

div.submenu p {
	margin-left:8px;
}

.submenu ul li a {
	font-size:13px;
	margin: 4px 1px 4px;
}

.submenu ul li.active a {
	font-size:13px;
}

.submenu ul {
	padding: 0px;
}



/* --- FORMULAR ----------------------------------------------------------------------------- */

legend {
font-size: 116.67%;
  color: #444;
  letter-spacing: 0.03em;
  padding-left:20px;
  margin-bottom:5px;
}

li.error a {color:red !important; font-size:12px;}

#captcha {
float:left;
width:330px;
padding-left:93px;
margin-top:14px;
margin-right:150px;
}

#captcha p {
padding-bottom:5px;
}

#captcha img {
	display:block;
	padding-bottom: 9px;
    padding-top: 4px;
}

input, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
    color: #444;
  }

.input {
float:left;
margin-top:10px;
}

.label {
float:left;
width:75px;
text-align:right;
margin-top:10px;
padding-left:10px;
padding-right:10px;
padding-top:1px;
line-height:1.45em;
}


/* --- TABELLEN ----------------------------------------------------------------------------- */

table {
	width: auto;
	border-collapse: collapse;
	margin-bottom: 17px;
	border-top: 2px #c1c1be solid;
	border-bottom: 2px #c1c1be solid;
	margin-top:1.5em;
}

table caption {
	/*font-variant: small-caps;*/
}

table.full {
	width: 100%;
}

table.fixed {
	table-layout: fixed;
}

th, td {
	padding: 0.2em;
}

thead th {
	color: #444444;
	border-bottom: 2px #c1c1be solid;
}

tbody th {
	background: #e0e0e0;
	color: #444444;
}

tbody th[scope="row"], tbody th.sub {
	background: #f0f0f0;
}

tbody th {
	border-bottom: 1px solid #fff;
	text-align: left;
}

tbody td {
	border-bottom: 1px solid #eee;
}

tbody tr:hover th[scope="row"], tbody tr:hover tbody th.sub {
	/*background: #f0e8e8;*/
}

tbody tr:hover td {
	/*background: #fff8f8;*/
}

.tabelle_pur {
	width: 260px;
	border: none;
}

.tabelle_pur tbody tr:hover th[scope="row"], .tabelle_pur tbody tr:hover tbody th.sub {
	background: none;
}

.tabelle_pur tbody tr:hover td {
	background: none;
}

.tabelle_pur tbody td {
	border: none;
}


/* --- WEITERES ----------------------------------------------------------------------------- */


}