/* onmediaquery hacks */
html {
	font-family: 'mobile';
}
* html { /* IE6 */
	font-family: 'desktop'
}
*+html { /* IE7 */
	font-family: 'desktop'
}
 @media \0screen {
html {  /* IE8 */
	font-family: 'desktop'
}
}
/* allgemeine definitionen */
/* first for IE 4–8 */
@font-face {
  font-family: MarselisSlabWeb;
  src: url("MarselisSlabWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MarselisSlabWeb;
  src: url("MarselisSlabWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: MarselisWeb;
  src: url("MarselisWeb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MarselisWeb;
  src: url("MarselisWeb.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
  font-family: MarselisWeb-Bold;
  src: url("MarselisWeb-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MarselisWeb-Bold;
  src: url("MarselisWeb-Bold.woff") format("woff");
}




body {
	font-family: MarselisSlabWeb, serif;
	font-size:14px;
	line-height:18px;
	color:#69665d;
	margin:0;
	padding:0;
	/*overflow-x: hidden;
	overflow-y:scroll;*/
	overflow-y:scroll;
}
body.ie7  {
	overflow-y:hidden;
}
/* benötigt für onmediaquery */
body:after {
	display: none;
}

/*** CONTAINER ***/
.bg_container {
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	z-index:-1;
	overflow:hidden;
	-webkit-backface-visibility: hidden;
}

.safari .bg_container {
	z-index:1;
}

.android .bg_container {
	background-image:url(../pix/bg_content.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
}

.page_container {
	width:100%;
	min-height:200px;
	position:relative;
	overflow:hidden;
}

.ie7 .ppage_container {
	width:900px;
	margin-left:-450px;
	left:50%;
}

.header {
	width:900px;
	min-height:20px;
	position:relative;
	margin-left:-450px;
	left:50%;
	z-index:200;
	overflow:visible;
}

.logo {
	width:230px;
	height:118px;
	background-image:url(../pix/bg_logo.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:202px;
	padding-left:107px;
	margin-left:37px;
	float:left;
}

.navi {
	width:315px;
	height:235px;
	float:right;
	margin-top:145px;
	/*top:130px;
	position:absolute;
	right:0px;*/
	display:none;
	background-image:url(../pix/bg_navi.png);
	background-repeat:no-repeat;
	background-position:left top;
	
}
.mobilenav_opener {
	width:29px;
	height:29px;
	background-image:url(../pix/bg_menubutton.png);
	background-repeat:no-repeat;
	background-position:left top;
	top:245px;
	position:absolute;
	left:305px;	
}

.content_container {
	width:900px;
	position:relative;
	margin-left:-450px;
	left:50%;
	z-index:100;
	clear: both;
	top:-70px;
}

.teaser {
	position:relative;
	width:380px;
	min-height:225px;
	margin-left:220px;
	margin-bottom:-10px;
	padding-top:75px;
	display:none;
	float:left;
	left:0px;
	top:0px;
	*zoom:1;
}

.teaser_one {
	width:180px;
	position:relative;
	padding-top:20px;
	padding-left:40px;
	padding-right:30px;
	padding-bottom:10px;
	left:60px;
	*zoom:1;
}
.teaser_two {
	width:190px;
	position:relative;
	margin-top:-10px;
	padding-top:40px;
	padding-left:40px;
	padding-right:30px;
	padding-bottom:30px;
	left:140px;
	*zoom:1;
}
.teaser_three {
	width:190px;
	position:relative;
	margin-top:-20px;
	padding-top:25px;
	padding-left:40px;
	padding-right:30px;
	padding-bottom:5px;
	left:10px;
	*zoom:1;
}

.teaser_bg {
	width:100%;
	min-height:10px;
	background-color:#f6e805;
	position:absolute;
	z-index:5;
	left:0px;
	top:0px;
	*zoom:1;
}

.teaser p {
	position:relative;
	z-index:6;
}

.page {
	width:900px;
	position:relative;
	margin:0;
	padding:0;
	float:left;	
	margin-bottom:-10px;
	display:none;
	padding-bottom:50px;
	left:0px;
	top:0px;
	*zoom:1;
}

.bg_page {
	width:612px;
	height:258px;
	position:absolute;
	background-color:#f6e805;
	*zoom:1;
}

.p_top {
	z-index:11;
	left:0px;
	top:40px;
}
.ie7 .p_top, .ie8 .p_top {
	top:0px;
}
.p_middle {
	left:0px;
	top:30%;
	z-index:10;
}

.p_bottom {
	left:0px;
	bottom:0px;
	z-index:9;
}


.headline {
	float:left;
	width:260px;
	margin-right:30px;
	text-align:right;
	margin-top:96px;
	position:relative;
	z-index:20;
}
.copy {
	float:left;
	width:305px;
	margin-top:92px;
	position:relative;
	z-index:30;
}

.collapseBody {
	display:none;
	clear:both;
	max-width:100%;
}

.collapseBtn {
	width:29px;
	height:29px;
	background-image:url(../pix/bg_menubutton.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
	display:inline-block;
	padding-right:10px;	
	padding-bottom:5px;
}

.collapseBtn.selected {
	background-position:0px -120px;
}
.collapseBtn.out {
	background-position:0px -40px;
}
.collapseBtn.over {
	background-position:0px -80px;
}

.imgContainer {
	float:right;
	background-image:url(../pix/bg_foto.png);
	background-repeat:repeat;
	margin-right:-140px;
	margin-left:20px;
	margin-bottom:20px;
	padding:15px;
}

.imgContainer_wide {
	float:left;
	background-image:url(../pix/bg_foto.png);
	background-repeat:repeat;
	margin-bottom:20px;
	padding:15px;
	margin-top:4px;
}

.imgContainer_slideshow {
	float:left;
	/*background-image:url(../pix/bg_foto.png);
	background-repeat:repeat;*/
	margin-bottom:0px;
	margin-top:4px;
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*** SCHRIFTFORMATE ***/
h1 {
	font-weight: normal;
	font-size:26px;
	color:#ffffff;
	padding:0;
	margin:0;
}

h1 span {
	display:none;
}

h2 {
	font-weight: normal;
	font-size:14px;
	text-transform:uppercase;
	color:#8e897e;
	padding:0;
	margin:0;
	padding-top:5px;
	padding-left:2px;
}

h3 {
	font-weight: normal;
	font-size:21px;
	text-transform:uppercase;
	color:#ffffff;
	padding:0;
	margin:0;
	padding-top:22px;
	background-image:url(../pix/bg_headline.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:inline-block;
}

.ie7 h3 {
	display:inline;
}

h4 {
	font-family: MarselisWeb-Bold, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	padding:0;
	margin:0;
	margin-bottom:0px;
	padding-bottom:5px;
	color:#69665d;
}

.collapseHead h4 {
	/*font-family: MarselisWeb, sans-serif;*/
	font-family: MarselisWeb-Bold, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	text-transform: none;
	padding:0;
	margin:0;
	padding-bottom:0px;
	color:#69665d;
	display:inline-block;
	position:relative;
	top:-15px;
}

.ie7 .collapseHead h4 {
	display:inline;
}

p {
	font-family: MarselisWeb, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:0;
	margin:0;
	margin-bottom:0px;
	padding-bottom:15px;
	color:#69665d;
}

strong {
	font-family: MarselisWeb-Bold, sans-serif;
	font-weight:normal;
}

.teaser p {
	font-family: MarselisSlabWeb, serif;
	font-size:18px;
	color:#69665d;
	line-height:26px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	/*color: #fe9130;*/
	color: #323232;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
a:focus, a:hover, a:active {
	color: #ffffff;
	text-decoration: none;
	outline:none;
	background-color:transparent;
}
ul, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.copy ul {
	padding-left:15px;
	padding-bottom:10px;
}
.copy ul li {
	font-family: MarselisWeb, sans-serif;
	font-size:14px;
	line-height:18px;
	padding:0;
	margin:0;
	margin-bottom:0px;
	padding-bottom:5px;
	color:#69665d;
	list-style: circle;
	padding-left:0px;
}

/*** BILDER ***/
img {
	padding:0;
	margin:0;
	border:none;
}

.bg_container img {
	position:absolute;
	z-index:5;
	display:none;
}


.bg_container img.bgimgvisible {
	z-index:10;
	display:block;
}
.android .bg_container img.bgimgvisible {
	z-index:10;
	display:none;
}

.imgContainer img, .imgContainer_wide img {
	float:left;
}

.imgContainer img {
	width:160px;
	height:220px;
}

.clearleft {
	clear:left;
}



/*** NAVIGATION ***/
ul.hauptnavi {
	margin-left:60px;
	margin-top:39px;	
}

ul.hauptnavi li {
	padding-bottom:0px;
}

ul.hauptnavi li a:link, ul.hauptnavi li a:visited{
	color:#7c786e;
	text-transform:uppercase;
	font-size:15px;
	text-decoration: none;
}
ul.hauptnavi li a:focus, ul.hauptnavi li a:hover, ul.hauptnavi li a:active {
	color:#ffffff;
	text-decoration: none;
}

ul.hauptnavi li a.selected:link, ul.hauptnavi li a.selected:visited{
	color:#ffffff;
}

ul.nebennavi {
	margin-left:98px;
	margin-top:44px;
}

ul.nebennavi li {
	padding-bottom:0px;
}

ul.nebennavi li a:link, ul.nebennavi li a:visited{
	color:#7c786e;
	text-transform:uppercase;
	font-size:15px;
	text-decoration: none;
}
ul.nebennavi li a:focus, ul.nebennavi li a:hover, ul.nebennavi li a:active {
	color:#ffffff;
	text-decoration: none;
}

ul.nebennavi li a.selected:link, ul.nebennavi li a.selected:visited{
	color:#ffffff;
}

a.mobile_opennav:link, a.mobile_opennav:visited {
	display:block;
	width:29px;
	height:29px;
	text-decoration: none;
	font-weight: normal;
}

/*** FORMULAR ***/

.loading {
	width:128px;
	height:15px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-64px;
	margin-top:-21px;
	z-index:9999;
	display:none;
}

.form_container {
	background-image:url(../pix/bg_formular.png);
	background-repeat:repeat;
	width:400px;
	padding-top:28px;
	padding-bottom:30px;
	margin-left:-30px;
	position:relative;
}
.form_row {
	width:332px;
	margin-left:30px;
	margin-bottom:15px;
}

label {
	display:block;
	margin-bottom:4px;
	font-size:14px;
	line-height:18px;
	cursor: default;
	color:#323232;
	font-family: MarselisWeb, sans-serif;
}

.alert {
	color:#f6e805;
}


.form_container input[type="text"] {
	width: 100%;
	max-width:100%;
	padding-left: 4px;
	padding-right:4px;
	padding-top:5px;
	padding-bottom:5px;
	color: #69665d;
	background-color:transparent;	
	background-image:url(../pix/bg_input.png);
	background-repeat:repeat;
	height:20px;
	line-height:20px;
	border:none;
	outline:none;
	font-family: MarselisWeb, sans-serif;
	font-size:14px;
	-webkit-border-radius:0px;
}

.form_container input[type="checkbox"] {
	width:auto;
	margin-right:3px;
	outline:none;
}

.form_container textarea {
	width: 100%;
	padding:4px;
	border:0;
	color: #69665d;
	background-color:transparent;	
	background-image:url(../pix/bg_input.png);
	background-repeat:repeat;
	font-family: MarselisWeb, sans-serif;
	font-size:14px;
	line-height:18px;
	min-height:80px;
	overflow:auto;
	outline:none;
	-webkit-border-radius:0px;
}

.form_container input[type="submit"] {
	font-family: MarselisWeb, sans-serif;
	font-size:14px;
	line-height:18px;
	padding-left:22px;
	padding-right:22px;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration: none;
	font-weight: normal;
	color: #f6e805;
	background-color:#323232;
	border: none;
 	margin-bottom:0px;
	outline:none;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}
.form_container input[type="submit"]:focus, .form_container input[type="submit"]:hover {
	color: #323232;
	outline:none;
	background-color:#f6e805;
}

.form_container .submitTrenner {
	height:0px;
	border:0;
	border-top:1px dotted white;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:24px;
}

.form_container .submitcontainer {
	margin-left:30px;
	margin-bottom:0px;
	margin-top:25px;
	
}
.form_container .submitcontainer div {
	
}

.form_container p {
	margin-left:0px;
	padding-left:0px;
}

.form_container p.label {
	padding-bottom:3px;
	padding-left:0px;
	color:#323232;
}

.form_container h3 {
	
}

.form_container .radiobuttons input{
	margin-right:3px;
	vertical-align: text-top;
	padding-bottom:0px;
	margin-bottom:0px;
	outline:none;
}

.form_container .radiobuttons label{
	margin-right:10px;
	display:inline-block;
	margin-bottom:0px;
	padding-bottom:0px;
}

.form_container .checkboxes p.label {
	padding-bottom:8px;
}

.form_container .checkboxes input{
	margin-right:5px;
	vertical-align: baseline;
	margin-bottom:8px;
}

.form_container .checkboxes label{
	margin-right:10px;
}

/* simpleSlideshow */
.simpleSlideshowWrapper {
	position:relative;
	overflow:hidden;	
	width:445px;
	min-height:360px;
	margin-bottom:0px;
}

/*.shadowboxLupe {
	position:absolute;
	bottom:10px;
	right:10px;
	width:20px;
	height:20px;
	z-index:400;
	background-image:url(../img/bg_lupe.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}*/

.simpleSlideshowWrapper .s_imgContainer {
	background-color:transparent;
	background-image:url(../pix/bg_foto.png);
	background-repeat:repeat;
	padding:15px;
	float:left;
	clear:left;
}

.simpleSlideshowWrapper .s_imgContainer img {
	float:left;
}

.simpleSlideshowWrapper p {
	padding-top:10px;
	font-size:12px;
	line-height:15px;
	color:#8e897e;
	float:left;
	width:305px;
	padding-bottom:0px;
}

.simpleSlideshowNavi {
	position:absolute;
	right:15px;
	top:317px;
	text-align:right;
	height:29px;
}

.simpleSlideshowNavi a {
	width:29px;
	height:29px;
	background-image:url(../pix/bg_menubutton.png);
	background-repeat:no-repeat;
	background-position:0px -40px;
	display:inline-block;
	padding:0px;
	margin-left:10px;
}

.simpleSlideshowNavi a.back {
	background-position:0px -160px;
}
.simpleSlideshowNavi a.forward {
	background-position:0px -40px;
}

/* ende simpleslideshow */


/*** RESPONSIVE STYLES ***/
/* mobile styles */
@media (max-width: 480px) {
html {
	font-family: "mobile";
}
body:after {
	content: "mobile";
}
.page_container {
	margin-top:-150px;
}
.header {
	width:100%;
	margin-left:0px;
	left:0px;
}
.logo {
	margin-left:-69px;
	width:100%;
}
.navi {
	margin-right:-105px;
	margin-top:-40px;
	background-image:url(../pix/bg_navi.png);
	background-position:0px -250px;
}
ul.hauptnavi li, ul.nebennavi li {
	padding-bottom:5px;
}
ul.hauptnavi {
	margin-left:60px;
	margin-top:44px;	
}

ul.nebennavi {
	margin-left:98px;
	margin-top:30px;
}
.mobilenav_opener {
	left:280px;
	top:247px;
}
.content_container {
	top:-60px;
}
.teaser {
	left:50%;
	margin-left:-150px;
	width:300px;
}
.teaser_one {
	left:40px;
}
.teaser_two {
	left:80px;
}
.teaser_three {
	
}
.page {
	top:30px;
}
.headline {
	float:none;
	width:240px;
	margin: 0 auto 0;
	text-align:left;
	margin-top:85px;
}
.copy {
	float:none;
	width:240px;
	margin: 0 auto 0;
	margin-top:0px;
}
h3 {
	font-weight: normal;
	font-size:21px;
	padding-top:0px;
	background-image: none;
	background-position:-5000px top;
	padding-bottom:13px;
}
.imgContainer {
	float:left;
	margin-right:0px;
	margin-left:0px;
	padding:15px;
	margin-bottom:15px;
}
.imgContainer_wide {
	float:left;
	margin-right:0px;
	margin-left:0px;
	padding:15px;
	margin-bottom:15px;
}
.imgContainer_wide img {
	width:210px;
	height:140px;
}
.imgContainer_wide.portrait img {
	width:210px;
	height:188px;
}
.imgContainer img {
	width:210px;
	height:289px;
}
.form_container {
	width:300px;
}
.form_row {
	width:232px;
}
.form_container input[type="text"], .form_container textarea {
	font-size:16px;
}

.simpleSlideshowWrapper {
	position:relative;
	overflow:hidden;	
	width:270px;
	min-height:245px;
	margin-bottom:0px;
	left:-15px;
}

.simpleSlideshowWrapper img {
	width:240px;
	height:160px;
}
.simpleSlideshowWrapper p {
	padding-left:15px;
}

.simpleSlideshowNavi {
	right:15px;
	top:131px;
	text-align:right;
	height:29px;
	width:240px;
	z-index:5000;
}

.simpleSlideshowNavi a.back {
	float:left;
	margin-left:15px;
}
.simpleSlideshowNavi a.forward {
	float:right;
	margin-right:15px;
}

}
@media (min-width: 481px) and (max-width: 767px) {
html {
	font-family: "tablet_small";
}
body:after {
	content: "tablet_small";
}
.page_container {
	margin-top:-100px;
}
.header {
	width:100%;
	margin-left:0px;
	left:0px;
}
.logo {
	margin-left:-50px;
	width:100%;
}

.navi {
	margin-right:-50px;
	margin-top:-30px;
	background-image:url(../pix/bg_navi.png);	
	background-position:0px -250px;
}
.teaser {
	left:50%;
	margin-left:-190px;
}
.page {
	top:30px;
}
.headline {
	float:none;
	width:305px;
	margin: 0 auto 0;
	text-align:left;
	margin-top:85px;
}
.copy {
	float:none;
	width:305px;
	margin: 0 auto 0;
	margin-top:0px;
}
h3 {
	font-weight: normal;
	font-size:21px;
	padding-top:0px;
	background-image: none;
	background-position:-5000px top;
	padding-bottom:13px;
}
ul.hauptnavi li, ul.nebennavi li {
	padding-bottom:5px;
}
ul.hauptnavi {
	margin-left:60px;
	margin-top:44px;	
}

ul.nebennavi {
	margin-left:98px;
	margin-top:30px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
html {
	font-family: "tablet_portrait";
}
body:after {
	content: "tablet_portrait";
}

.page_container {
	margin-top:-100px;
}
.navi {
	background-image:url(../pix/bg_navi.png);	
	background-position:0px -250px;
	margin-top:135px;
}
ul.hauptnavi li, ul.nebennavi li {
	padding-bottom:5px;
}
ul.hauptnavi {
	margin-left:60px;
	margin-top:44px;	
}

ul.nebennavi {
	margin-left:98px;
	margin-top:30px;
}

}
@media (min-width: 1025px) {
html {
	font-family: "desktop";
}
body:after {
	content: "desktop";
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) { 
	.mobilenav_opener { 
		background-image:url(../pix/bg_menubutton@2x.png);
		background-size: 29px 300px;
	}
	
	.collapseBtn {
		background-image:url(../pix/bg_menubutton@2x.png);
		background-size: 29px 300px;
	}
	
	.simpleSlideshowNavi a {
		background-image:url(../pix/bg_menubutton@2x.png);
		background-size: 29px 300px;
	}
	
	.logo {
		background-image:url(../pix/bg_logo@2x.png);
		background-size: 337px 320px;
	}
	h3 {
		background-image:url(../pix/bg_headline@2x.png);
		background-size: 400px 10px;
	}
	.navi {
		background-image:url(../pix/bg_navi@2x.png);
		background-size: 315px 500px;
	}
}