body { 						height: 100%; text-align: center; font-family: "Helvetica Neue",Helvetica, Georgia, "Times New Roman", serif; font-size: 17px; margin: 0; border: 0; 
							color: #303030; background-color: #ffffff; }
							
/* allgemeine Struktur */
a,
a:visited { 					color: #303030; text-decoration: none; }
a:hover { 					text-decoration: underline; }

#positioner {				margin: 0 5% 28px 5%; text-align: left; background-color: #ffffff; overflow: hidden; }

/* Header & Navi */
#top-navi {					text-align: center; line-height: 35px; margin: 0 2vw; font-size: 12px; }
#top-navi  a,
#top-navi  a:visited,
#top-navi  a:hover {			text-decoration: none; color: #817d70; margin: 0 5px; }
#top-navi  a.kontakt:hover,
#top-navi  a.kontakt.akt {	color: #000000; }
#top-navi  a.vita:hover,
#top-navi  a.vita.akt {		color: #000000; }
#top-navi  a.blog:hover,
#top-navi  a.blog.akt {		color: #000000; }
#top-navi  a.netzwerk:hover,
#top-navi  a.netzwerk.akt {	color: #000000; }
#top-navi  a.impressum:hover,
#top-navi  a.impressum.akt {	color: #000000; }

.logo_container {			width: 100%; text-align: center; margin: 0; }
#logo {						margin: 15px 0; width: 80%; }
#navi {						border-top: 1px solid #e4e3df; margin: 17px 2vw 0 2vw; }
#navi hr {					height: 0; padding: 1px 0 0 0; border-top: 1px solid #e4e3df; border-bottom: 1px solid #e4e3df; border-left: none; border-right: none; margin: 1px 0; }
#navi .inner {				background-color: #b6b4ab; text-align: center; }
#navi .inner img {			margin: 10px 10px; }
#navi .inner a:first-child img {  margin-left: 7px; }
#navi .inner a:last-child img {  	margin-right: 0px; }

/* keyvisual */
#keyvisual {					position: relative; margin: 0 2vw 15px 2vw; overflow: hidden; }
#keyvisual img.key {			right: 0; top: 0; width: 100%; }
#keyvisual img.maennle_desktop { position: absolute; bottom: 20px; left: 20px; display: none; }
img.maennle_mobile {			display: block; margin: 0 auto 0 auto; width: 20vw; }
/* keyvisual Farbstreifen */
.blue .line1 {				background-color: #a5d7d2; }
.blue .line2 {				background-color: #a5d7d2; }
.blue .line3 {				background-color: #a5d7d2; }
.red .line1 {				background-color: #a5d7d2; }
.red .line2 {				background-color: #a5d7d2; }
.red .line3 {				background-color: #a5d7d2; }
.green .line1 {				background-color: #a5d7d2; }
.green .line2 {				background-color: #a5d7d2; }
.green .line3 {				background-color: #a5d7d2; }
.orange .line1 {				background-color: #a5d7d2; }
.orange .line2 {				background-color: #a5d7d2; }
.orange .line3 {				background-color: #a5d7d2; }
.orange_yellow .line1 {			background-color: #a5d7d2; }
.orange_yellow .line2 {			background-color: #a5d7d2; }
.orange_yellow .line3 {			background-color: #a5d7d2; }

/* Content Blöcke */
#content {					margin: 30px 2vw 40px 2vw; color: #303030; }
#content .col_main {			 }
#content .col_marginal {		color: #817d70; padding: 0 0 20px 0; margin-top: 30px; }
#content .col_marginal a:visited,
#content .col_marginal a {	color: #817d70; }
#content .col_marginal h3 {	text-transform: uppercase; font-size: 22px; font-weight: normal; margin: 16px 0 0 0; }
#content .col_marginal h4 {	text-transform: uppercase; font-size: 15px; font-weight: normal; margin: 43px 0 22px 0; }
#content .col_marginal h5 {	font-size: 15px; margin: 11px 0 0 0; }
#content .col_marginal hr,
#content .col_marginal p {	margin: 0 0 0 0; }

#content h1 {				font-size: 25px; margin: 15px 0 21px 0; font-weight: normal; }
#content h2 {				font-size: 15px; text-transform: uppercase; margin: 14px 0 21px 0; font-weight: normal; }
#content .col_main h3 {		font-size: 15px; margin: 0 0 0 0; font-weight: bold; line-height: 22px; }
#content p {					font-size: 15px; margin: 0 0 27px 0; line-height: 22px; }
#content ul {					font-size: 15px; margin: 0 0 27px 0; line-height: 22px; }
#content p img{				margin: 10px 0; }
#content p.quotation {		font-size: 17px; font-style: italic; margin: 0 0 17px 0; }
#content p.gloss {			font-size: 12px; }
#content p.intro {			font-size: 17px; }

#content .col_main hr:last-child { display: none; }

#content hr {				padding: 0; border-top: 0; border-bottom: 1px solid #a7a499; border-left: 0; border-right: 0; margin-top: 18px; }
#content hr.double {			padding: 2px 0 0 0; border-top: 1px solid #a7a499; border-bottom: 4px solid #a7a499; border-left: 0; border-right: 0; margin-top: 18px; }

#content .anregungen h5 {	font-size: 11px; line-height: 15px; }
#content .anregungen p {		font-size: 12px; line-height: 15px; }
#content .anregungen img {	margin: 10px 0 0 0; border: 1px solid #817c6f; }
#content .anregungen hr {	margin-top: 33px; }

a.toplink,
a.toplink:hover,
a.toplink:visited {			text-decoration: none; font-size: 15px; color: #a7a499; margin: 0; float: right; position: relative; top: -25px; right: 2vw; }

/* Formular */
#content form { 				margin: 0 0 27px 0; }
#content label {				line-height: 24px; display: block; width: 110px; font-size: 15px; float: left; margin: 0; }
#content input {				width: 100%; height: 22px; border: 1px solid #a7a499; background-color: #e4e3df; border-radius: 2px; margin: 0 0 19px 0; }
#content textarea {			width: 100%; height: 80px; border: 1px solid #a7a499; background-color: #e4e3df; border-radius: 2px; margin: 0 0 19px 0; resize: vertical; }
#content a.reset {			float: right; }
#content a.send {			float: right; }
#content input.invalid,
#content textarea.invalid {	border: 1px solid #ff0000; }

iframe.map {					width: 100%; height: 160px; border: 1px solid #a7a499; }

/* Footer */
#footer {					margin: 0; text-align: left; background-color: #b6b4ab; overflow: hidden; color: #fffef7; padding: 40px 0 45px 0; border-left: 5vw solid #b6b4ab; border-right: 5vw solid #b6b4ab; }
#footer h3 {					margin: 0 0 0 2vw; line-height: 22px; font-size: 22pxpx; color: #fffef7; font-weight: normal; text-transform: uppercase; }
#footer h3 a:visited,
#footer h3 a {				color: #fffef7; }
#footer p {					margin: 0 0 0 2vw; line-height: 22px; font-size: 15px; color: #fffef7; }
#footer .maennle {			margin: 28px 0 0 2vw; }
#footer p a:visited,
#footer p a{					color: #fffef7; }
#footer .col_2,
#footer .col_3 {				margin-top: 40px; }
#footer .col_2 a,
#footer .col_3 a {			/*text-transform: uppercase;*/ }
#footer .lower {				text-transform: none; }
#subfooter {					margin: 0 0 30px 0; text-align: left; overflow: hidden; }
#subfooter p {				margin: 0 0 0 2vw; line-height: 42px; font-size: 12px; color: #736f62; }

							
							
/* Basics */
div.clean {					clear: both; }
br.clean {					clear: both; }
.left{						float: left; }
.right{						float: right; }
a img{						border: none; }
*:focus { 					outline: none; }
strong {						font-weight: bold; }
.italic {					font-style: italic; }
.nobr {						white-space: nowrap; }

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

.mobile-small {				display: inline; clear: both; }
.mobile {					display: inline; }
div.mobile { 				display: block; }
.desktop {					display: none; }
.desktop-small {			display: none; }