/* @override 
	http://mediation-mauer.de/css/styles.css
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/* @group RESET */

body{-webkit-text-size-adjust:none;font-size:12px;line-height:1.3em;font-family:Verdana,Arial,Helvetica,sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}h1,h2,h3,h4,h5,h6{line-height:1em;margin-bottom:.5em}ol,ul{padding-left:2em}p,ul,ol{margin-bottom:.5em}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}a:hover,a:active,:focus{outline:0}body{color:black;background:white}a img{border:0}pre,code,samp,kbd,var,input[type="password"]{font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Consolas,Monaco,"Liberation Mono",Andale Mono,monospace;font-size:.9em}dt,strong,th,samp,dfn,h1,h2,h3,h4,h5,h6{font-weight:bold}blockquote,q{font-style:italic}blockquote cite,q cite{font-style:normal}acronym,abbr{cursor:help}acronym{letter-spacing:.07em}ul,ol,dl{position:relative}p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)}.clear{clear:both}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}textarea{overflow:auto}

/* @end */



html, body{
	font-family: 'Open Sans', sans-serif;
	
	min-height: 100%;
	height:100%;
	
}


.streifen {
	background:url(streifen.gif) #EEE;
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:25%;
	float:left;
}
.main {
	width:620px;
	background:#FFF;
	margin-left:100%;
	padding: 40px 20px 0 20px;
}
.wL .main {
	width:680px;
}
.wXL .main {
	width:720px;
}
.wXXL .main {
	width:760px;
}
.head {
}
.head h3 {
	color:#7d7d7d;
	font-weight: 400;
	font-size: .9em;
	line-height: 1em;
	padding: 0;
	margin: 0;
	letter-spacing: -0.02em;
}
.head h1 {
	color:#80c264;
	font-weight: 700;
	font-size:2.3em;
	line-height: 1em;
	margin: 0 0 .3em -110px;
	padding: .0em 0 .0em 110px;
	background:url(punkte_1.gif) left center no-repeat;
}





.navOpen, .navClose{
	display: none;
}

.navi {
	background:#80c264;
	margin:1px -20px 0 -20px;
	padding: 0 0 3px 20px;
}
.navi a {
	color: #f5f9fe;
	text-decoration:none;
	display:inline-block;
	padding:1px 3px 0 3px;
	border-top:3px solid #80c264;
	border-bottom:3px solid #80c264;
	font-size: 0.85em;
}
.hS .navi a{
	font-size: 0.9em;
	font-weight: 600;
}
.navi a.current {
	background:white;
	color:#777 !important;
	letter-spacing: 0 !important;
	padding:1px 6px 0 6px;
	border-bottom:3px solid #FFF;
}
.navi a:hover, .navi a:focus {
	color: #fff;
	border-bottom: 3px solid #fff;
}



.content{
	padding: 20px 0;
}






.main{
	font-size: .8em;
	color: #333;
}


strong, h2, h3, h4, h5, h6{
	font-weight: 600;
	color: #000;
	font-size: 1.2em;
}

h2{
	font-size: 1.5em;
}




a{
	color: #80c264;
}
a:hover{
	color: #7ab85f;
}


h4{
	margin-top: 1.5em;
}

li{
	margin-bottom: .2em;
}

.center{
	text-align: center;
	padding: 1em 0;
	font: italic 1.6em "Times New Roman", Times, serif;
}

.icon{
	margin-bottom: -0.15em;
	height: 1.1em;
}






.news_hl a{
	text-decoration: none;
	color: #333;
}

.news_kurz{
	margin-bottom: 2.5em;
}
.Mobil .news_kurz li{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin-bottom: 5px;
}

.newsnavi span, .newsnavi a{
	margin-right: 1em;
}
.newsnavi .curr{
	font-weight: bold;
}

.Mobil .newsnavi span, .newsnavi a{
	margin-right: 10px;
}

.Mobil .newsnavi span:last-child, .newsnavi a:last-child{
	margin-right: 0px;
}

.Mobil .newsnavi{
	text-align: center;
	position: relative;
	left: -40px;
	width: 600px;
	font-size: 21px;
	padding-bottom: 50px;
}

.Mobil .newsnavi a{
	display: inline-block;
	padding: 10px 20px;
	background: #eee;
}

.filesize{
	margin-left: 10px;
	color: #aaa;
	font-style: italic;
}

.ft_generic{
	background: url(../img/ft/page_white.png) left center no-repeat;
}
.ft_pdf{
	background: url(../img/ft/page_white_acrobat.png) left center no-repeat;
}
.ft_img{
	background: url(../img/ft/picture.png) left center no-repeat;
}
.ft_excel{
	background: url(../img/ft/page_white_excel.png) left center no-repeat;
}
.ft_powerpoint{
	background: url(../img/ft/page_white_powerpoint.png) left center no-repeat;
}
.ft_word{
	background: url(../img/ft/page_white_word.png) left center no-repeat;
}
.ft_text{
	background: url(../img/ft/page_white_text.png) left center no-repeat;
}
.ft_compressed{
	background: url(../img/ft/page_white_zip.png) left center no-repeat;
}
.ft_generic,
.ft_pdf,
.ft_img,
.ft_excel,
.ft_powerpoint,
.ft_word,
.ft_text,
.ft_compressed{
	padding:1px 0 1px 19px;
}




.dseimp {
	display: none;
}
.Mobil .dseimp {
	display: block;
}
.Mobil .impdse {
	display: none;
}
.impdse {
	position: fixed;
	bottom: 15px;
}
.impdse a {
	text-decoration: none;
	font-size: .7em;
	line-height: 1em;
	color: #fff;
	background: #cbcbcb;
	display: inline-block;
	padding: 2px 6px;
	margin-bottom: .3em;
}
.impdse a:hover {
	background: #80c264;
}




.Mobil{
	background: #bbb;
}

.Mobil .streifen {
	background:url(streifen.gif) #EEE;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 130px !important;
	height: 130px !important;
	width: 130px !important;
	float: none;
}
.Mobil>.h{
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	height: 200px;
}
.Mobil .main {
	width:600px !important;
	background: none;
	margin: 0;
	padding: 0;
}
.Mobil .head{
	height: 80px;
	padding: 20px;
}
.Mobil .head h3 {
	font-size: 18px;
	line-height: 1em;
	margin: 10px 0 5px 120px;
	letter-spacing: -0.02em;
}
.Mobil .head h1 {
	font-size: 44px;
	line-height: 1em;
	margin: 0 0 0 35px;
	padding: .0em 0 .0em 80px;
	background:url(punkte_1.gif) left center no-repeat;
	letter-spacing: 0.01em;
}
.Mobil .navi {
	display: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 600px;
}
.Mobil .navi a {
	display: block;
	font-size: 30px;
	line-height: 2em;
	padding: 0 0 0 35px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	background: #fff;
	color: #333;
}
.Mobil .navi a.current, .Mobil .navi a:hover, .Mobil .navi a:focus {
	background: #eee;
	color: #222 !important;
}
.wS .navOpen, .wS .navClose,
.wM .navOpen, .wM .navClose,
.wL .navOpen, .wL .navClose,
.wXL .navOpen, .wXL .navClose {
	display: none !important;
}
.wS .navi, .wM .navi, .wL .navi, .wXL .navi {
	display: block !important;
}

.Mobil .navOpen, .Mobil .navClose{
	font-size: 30px;
	line-height: 2em;
	padding: 0 0 0 35px;
	border: none;
	background: #80c264;
	color: #fff;
	cursor: pointer;
}

.Mobil .navOpen{
	display: block;
	padding: 0 0 0 240px;
}

.Mobil .content{
	background: #fff;
	margin: 0 !important;
	width: 520px;
	padding: 40px;
	-moz-box-shadow: inset -20px 40px 20px -40px #aaa;
	-webkit-box-shadow: inset -20px 40px 20px -40px #aaa;
	box-shadow: inset -20px 40px 20px -40px #aaa;
	font-size: 22px;
	line-height: 1.3em;
}

.Mobil .disclaimer{
	font-size: 11px !important;
	line-height: 1.0em !important;
	column-count: 2 !important;
}













#kontaktform input, #kontaktform textarea{
	background:#FFF;
	border:1px solid #999;
	font-size: 1em;
	padding: 0.1em 0.2em;
	margin-bottom: .5em;
}
#kontaktform input.formfehler, #kontaktform textarea.formfehler, #kontaktform select.formfehler{
	background:#FC9;
	border:1px solid #C60;
}
#kontaktform #send{
	padding:0 1em;
}
.kontaktformok{
	padding:0 3px;
	background:#CF9;
	margin-bottom:0.5em;
}
.kontaktformfehler{
	padding:0 3px;
	background:#FC9;
	margin-bottom:0.5em;
}






iframe{
	border: none;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.Mobil iframe{
	margin-left: -40px;
	width: 600px !important;
}