@charset "UTF-8";
/* CSS Document */
* {
	outline: none;
}
html {
	background: url(../img/andrea-fenske-vitalperspektiven-bg-top.jpg) no-repeat;
}
#logo {
	width: 353px;
	margin-top: 30px;
}
#copywrap {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0;
	padding: 0;
}
#copy {
	background: url(../img/andrea-fenske-vitalperspektiven-bg-copy.png) repeat;
	min-height: 320px;
	width: 60%;
	margin: 12% 0 95px 6%;
	float: left;
	display: block;
	-moz-box-shadow: 2px 5px 5px #d9d9d9;
	-webkit-box-shadow: 2px 5px 5px #d9d9d9;
	box-shadow: 2px 5px 5px #d9d9d9;
	border: 1px solid #f9f9f9;
	padding: 0;
	position: relative;
	overflow: hidden;
	z-index: 99;
}
#footer {
	background: url(../img/andrea-fenske-vitalperspektiven-bg.png) left bottom no-repeat;
	height: 297px;
	width: 300px;
	position: absolute;
	bottom: 0;
	margin: 0;
	z-index:0;
}
#footer img {
	position: absolute;
	bottom: 50px;
	left: 200px;
}

/*Navigation*/
#nav {
	float: left;
	margin: 12% 0 260px 2%;
}
#nav ul li,
#nav ul li ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul li ul {
	list-style: none;
	margin: 10px 0 0 40px;
	padding: 0;
}
#nav ul li a {
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #006330;
	text-decoration: none;
	padding: 10px 0 0 0;
	margin: 0;
	display: block;
}
#nav ul li a.active,
#nav ul li a:hover {
	color: #6ca515;
}
#nav ul li ul li a {
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #006330;
	text-decoration: none;
	margin: 0 0 0 -40px;
	padding: 0 0 5px 20px;
	background: url(../img/andrea-fenske-vitalperspektiven-navi.png) no-repeat;
	background-position: 0px -43px;
	display: block;
}
#nav ul li ul li a.active,
#nav ul li ul li a:hover {
	color: #6ca515;
	background-position: 0px -6px;
}
/*Content*/
#copy h1{
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #00632f;
}
#copy h2{
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #00632f;
}
#copy a {
		color: #00632f;
		text-decoration: none;
}
#copy a:hover {
		color: #82ba2c;
		text-decoration: underline;
}
#copyL,
#copyR {
	float: left;
	width: 44%;
	padding: 3%;
	position: relative;
}
#copyA {
	padding: 20px;
	position: relative;
}
#copy p, #copy ul, #copy ul li, #copy table tr td {
	font: 12px/18px Verdana, Geneva, sans-serif;
	color: #666;
}
#copy ul {
	list-style-image: url(../img/andrea-fenske-vitalperspektiven-liste.png);
	margin: 0 0 0 20px;
	padding:0;
}
#copy ul li {
	list-style-image: url(../img/andrea-fenske-vitalperspektiven-liste.png);
	margin: 0;
	padding:0;
}
#copy strong, #copy p strong {
	color: #00572a;
	font-weight: normal;
}
#copyR img,
#copyL img {
	margin: 0 3% 3% 3%;
	display: block;
	clear: both;
	position: relative;
}
#copy img,
#copyA img{
	margin: 0 3% 3% 3%;
	display: block;
	clear: both;
}
#copy #teaser {
	height: auto;
	position: relative;
}
#copy .teaseritem {
	float: left;
	width: 45%;
	margin: 0 0 20px 0;
	padding: 0 5% 0 0;
}
#copy .teaseritem h1 {
	border-bottom: 1px solid #00632f;
	padding-bottom: 5px;
}
#copy .teaseritem .back {
	display: none;
}
#copy #teaser_link {
	clear: both;
	background: #ededed;
	margin: 30px -20px -20px -20px;
	padding: 10px 20px 20px 20px;
}
/*Download*/
.link_icon { display:block; padding-left:20px; background-repeat:no-repeat; background-position:0px 2px;}
.ico_pdf { background-image:url(fico_pdf.gif); }
.ico_xls { background-image:url(fico_xls.gif); }
.ico_doc { background-image:url(fico_doc.gif); }
.ico_zip { background-image:url(fico_zip.gif); }
.ico_jpg, .ico_jpeg { background-image:url(fico_jpg.gif); }
.ico_gif, .tif { background-image:url(fico_pic.gif); }
.ico_def { background-image:url(fico_def.gif); }

.player {
	float: right;
	width: 45%;
	margin: 0 0 20px 0;
	padding: 0 5% 0 0;
}
p.grey {
	clear: both;
	background: #ededed;
	padding: 15px 0;
	margin: 30px 0 0 0;
	position: absolute;
	bottom: 0; 
	left: 0;
	width: 100%;
}
p.grey a, #copyGrey a {
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #8d8e8f !important;
}
img.imgshadow, p.imgshadow img {
	-moz-box-shadow: 1px 3px 3px #cfcfcf;
	-webkit-box-shadow: 1px 3px 3px #cfcfcf;
	box-shadow: 1px 3px 3px #cfcfcf;
}
#copyGrey {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #ededed;
	clear: both;
}
p.grey a:hover, #copyGrey a:hover {
	color: #00632f !important;
	text-decoration: none !important;
}
#copyGrey a {
	display: block;
	margin: 0 0 0 20px;
}
#copyGrey a.greyactive {
	font-family: 'Terminal Dosis Light', sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #00632f !important;
}
#copyGrey a.greyactive:hover {
	color: #8d8e8f !important;
	text-decoration: none !important;
}
.toolevent {
	cursor: pointer;
}
.toolevent .tooltip {
	display: none;
}
.toolevent:hover .tooltip {
	display: block;
	position: absolute;
	left: 0;
	background: #fefefe;
	border: 1px solid #c0c1c2;
	color: #c0c1c2;
	padding: 5px;
	width: 90%;
	margin: 0 0 0 20px;
}
.hochgestellt {
	font-size: 0.7em;
	vertical-align: top;
}
p.back {
	clear: both;
	background: #ededed;
	padding: 15px 0;
	margin: 20px 0 0 0;
	position: relative;
	bottom: 0; 
	left: 0;
	width: 100%;
	font: 12px Verdana, Geneva, sans-serif !important;
}
.back a {
	background: url(../img/andrea-fenske-vitalperspektiven-zurueck.png) 0px 3px no-repeat;
	padding-left: 20px;
	margin-left: 20px;
	font: 12px Verdana, Geneva, sans-serif !important;
}
/*Formular*/

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
form {
	width: 100%;
}
form p {
	display: block;
	clear: both;
}
input, textarea {
	width: 65%;
	float: left;
	border: 1px solid #ededed;
}
label {
	width: 30%;
	display: block;
	float: left;
}
input.submit {
	float: left;
	margin-left: 30%;
}



table, table tr, table tr td {
	vertical-align: top;
	text-align: left;
}
table tr td {
	padding-right: 20px;
}

/* Consent Manager */

#consent_manager-wrapper {
	font-family: 'Terminal Dosis Light', sans-serif;
}

#consent_manager-wrapper label span {
	display: inline-flex;
	align-items: center;
}

.consent_manager-accept-all {
	background-color: #006330 !important;
}