<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* von Johannes
*
* Stand: 05.02.2013
*
*/
/* DEFAULT
------------------------------------------------------------------------------------------------*/
  *{margin:0px;padding:0px;font-family:'lato',sans-serif;border:0 none;outline:0 none;list-style-type:none;text-decoration:none; color: #fff; }
  html,body{background: none transparent; height:100%;overflow-x: hidden;}
  body {background-color: #000; }

	.row {margin-left:0;}
	.no-margin {margin:0 !important;}
  .first {float:left; margin-left:0 !important;}
  .last {float:right !important;}

  [class*="span"]:first-child {margin-left:0;}

  #haupt_inhalt {background:none transparent; position:relative;}
  #haupt_inhalt .text {float:left; height:auto; margin-bottom:2.2%; min-height:100%; }
  #haupt_inhalt .text a.link {color:#0088CC}
  #haupt_inhalt .text.span6 .inner, .text .inner {float:left; height:auto; padding:5% 10%; width:80%;}
  #haupt_inhalt .text.span12 .inner, .text .inner {float:left; height:auto; padding:2.5% 5%; width:90%;}
  .span12 {max-width:1180px; width:100%;}

  .wrapper{min-height:100%;position:relative; margin:0 auto; width: 1000px; }
  h1{font-size:32px; line-height:42px; font-family:'Open Sans', sans-serif; margin:0 0 15px 0; text-transform:none; }
  h2{float:left; font:800 24px/38px 'Open Sans', sans-serif; margin-bottom:10px; width:100%;}
  h3{font-size:14px; line-height:16px; margin-bottom:5px;}
  h4{font-size:12px; font-weight: bold; margin-top: 16px; }
  h5{font-size:10px;}
  h6{font-size:8px;}
  table {margin-bottom:15px;}
  table tr td img {float:left; margin:0 10px 10px 0;}
  .body_id6 h2 {font-size: 14px; color: #FFF; margin-top: 20px; }
  .body_id6 h3 {font-size: 13px; margin: 0; }
  .body_id6 h4 {font-weight: normal; font-style: italic; margin-top: 3px; }
  ul,li,p,td,tr{font:400 14px/22px 'Open Sans', sans-serif; }
  a {/*text-shadow:1px 1px #000;*/ color:#fff;font-weight:800; text-decoration:underline;}
  a:hover {color:#0663B3;  }
  .sr{-ms-transform:skew(345deg);-moz-transform:skewX(345deg);-o-transform:skewX(345deg);-webkit-transform:skewX(345deg);transform:skewX(345deg); /* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.2679491924311227, M21=0, M22=1, SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=-0.2679491924311227, M21=0, M22=1, SizingMethod='auto expand'); opacity: .9; }
  .sl{-ms-transform:skew(15deg);-moz-transform:skewX(15deg);-o-transform: skewX(15deg);-webkit-transform:skewX(15deg);transform:skewX(15deg); /* IE8+ - must be on one line, unfortunately */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.26794919243112264, M21=0, M22=1, SizingMethod='auto expand')"; /* IE6 and 7 */ filter: progid:DXImageTransform.Microsoft.Matrix( M11=1, M12=0.26794919243112264, M21=0, M22=1, SizingMethod='auto expand'); opacity: 1; }
  .bg { height: 100%; position: fixed; width: 100%; z-index: -1; top: 0; left: 0; }
  .super_bg { background: none #000; height: 100%;left:0; /* left: 50%; margin-left: -1280px; */position:fixed /*absolute*/; top: 0; width: 100%; z-index: -1; }
  .bg_28{background: none repeat scroll 0 0 #282828; }
  .left { float: left; }
  .text-left{text-align:left;}
  .text-right{text-align:right;}
  .listenpunkt.no_margin { margin-right: 0; }
  .hide { display: none; }
  .absolute_bg { display: block; margin: 0 auto; width: 2560px; }
  .clear {clear: both; float: left; height: 1px; width: 100%; }
  .text a:hover {text-decoration: underline; }
  .container {display:block; height:auto; margin:0 auto; min-height:100%; max-width:1180px; width:100%;}
  /*#logo {background: url('images/bg_logo.png') no-repeat top left scroll transparent; float: right; padding:0 6px; width:300px; margin-right:0px;}*/
  #logo {float: right; padding:0 6px; width:300px; margin-right:0px;}
  #head,
  #content {float: left; width: 100%; }
  #content {margin-top: 90px; /*margin-bottom: 220px;*/}
  #download {background:url('images/nav_bg.png') repeat 0 0 scroll transparent; float:right; padding:2.5% 0;}
  .bild.span6 {float:right;}
  .hintergrund {background: url('images/nav_bg.png') repeat 0 0 scroll transparent;}

  .pdf {background:url(images/pdfIcon.png) no-repeat 0 50% transparent; float:left; margin:2px 0; padding:2px 0 2px 25px;}

	.bottom {/*background: url('images/nav_bg.png') repeat 0 0 scroll transparent;*/ bottom:0; float:left; height:auto; position:absolute; width:100%;}

  .text table h1 {font-size:20px; line-height:20px; margin:0;}
  .text table img {margin-bottom:25px;}

  .body_id7 .text table p {height:100%; float:left; margin-bottom:25px; display:block;}

  #footer {background: url('images/bg_add-footer.png') top left no-repeat transparent; bottom: 110px; font-size: 12px; height:30px; line-height:30px; padding: 0 7px 0 14px; position:fixed; /*position: absolute;*/ right: -252px; width:265px; z-index: 999; cursor: pointer; }
  #footer a {margin-left: 10px; color:#fff;}
  #footer a:hover {text-decoration: underline; }
  #footer:hover img {transform: rotate(180deg); transition: all 0.6s ease-in-out 0s; }


  /* MAINNAVI
  ----------------------------------------------------------------------------------------*/
  #mainnavi {margin-top:32px; width:100%; max-width:860px; float:left; margin-left:0px; position:relative;}
  #mainnavi li {float: left; padding: 0; margin:0 5px 0 0; position:relative; }
  #mainnavi li a {background:#0663b3; font-family: 'lato', sans-serif; font-size:14px; color: #FFF; padding: 3px 8px; text-decoration:none; font-weight:400;}
  /*#mainnavi li a {background: url("images/nav_bg.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: inline-block; font-family: 'lato',sans-serif; font-size:1em; height:1em; line-height:1em; margin-bottom:4px; padding: 5px 25px; text-transform:uppercase;}*/

	#mainnavi li a:hover,
  #mainnavi li.current a { background:#fff; color:#0663b3; text-decoration:none;}

  #mainnavi li.current ul {position:absolute; margin:6px 0 0 0; width:500px;}
  #mainnavi li.current ul li {float:left; margin:0 5px 0 0;}

  #mainnavi li.current ul li a:hover,
  #mainnavi li.current ul li.active a {background:#fff; color:#0663b3;}

  #mainnavi li.navid7.current ul {right:0;}
  #mainnavi li.navid7.current ul li {float:right; margin:0 0 0 5px;}



  /* jQUERY Plugin SCROLLBAR */
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: none #9F9F9F; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 5px; }
  .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: none #9F9F9F; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; height: 5px; margin-top: 7px; }
  .mCSB_scrollTools .mCSB_draggerRail {width: 5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
  .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {height: 5px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }



	/* ANGEPASSTE HÖHEN TEXT
	----------------------------------------------------------------------------------------*/

	.body_id88 #haupt_inhalt .text {float:left; height:100%; min-height:470px;}


  .bild {margin:0 0 5% 0;}
  .bild a {border:solid 2px #fff; float:left;
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	}
  .bild a img {float:left; width:100%;}




  #chg_backstretch {background:url('images/nav_bg.png') repeat 0 0 scroll transparent;float: left; max-height: 77px; margin-bottom:0; padding:1% 5%; width:90%;}
  .chg_bStretch {float: left; margin-right: 10px; height: 75px; border: 1px solid #333; opacity: 0.5; cursor: pointer; width: 111px; }
  .chg_bStretch.no_margin {margin-right: 0; }
  .chg_bStretch.active {}



  .text ul {display:list-item; float:left; margin:0 0 15px 0;}
  .text ul li {float:left; margin:0 0 0 15px; padding:0 0 0 10px; display:list-item; list-style-type:disc; min-height:auto; width:100%;}


  .text.span12 ul {display:block; float:left; margin-left:0; width:100%;}
  .text.span12 ul li {display:block; float:left; margin-bottom:20px; min-height:140px; width:45%;}
  .text.span12 ul li img {display:block; float:left; margin:12px 15px 25px 0; max-width:120px;}


	/* KONTAKTFORMULAR
	----------------------------------------------------------------------------------------*/
/*
	.formgen {background:url('images/nav_bg.png') repeat 0 0 scroll transparent; float:left; margin:0; padding:1% 5%; position:relative; width:90%;}
	.formgen form {padding:2% 4%;}
  .formgen input.formtext {width:68%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;	}
  .formgen input.formerror, .formgen textarea.formerror {width:68%; background:#ffdbdb; border-color:#c00;}
  .formgen textarea {width:98%; height:120px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
  .formsubmit {background:#0663b3; color:#fff; font:400 14px/30px 'Open Sans', Sans-Serif; height:30px; padding:0 25px; text-transform:lowercase; margin:10px 0 0 0;}
  .forminfo {background:#e55050; border:solid 2px #fff; color:#fff; font-weight:700; line-height:20px; padding:10px 0; position:absolute; top:110px; width:48.7179%;}
  .forminfo p {color:#fff; margin:0; padding:0 10px;}
*/


	/* KONTAKTFORMULAR
	----------------------------------------------------------------------------------------*/

	.formgen {background:url('images/nav_bg.png') repeat 0 0 scroll transparent; float:left; margin:0 0 25px 0; padding:2% 4%; position:relative; width:92%;}
	.formgen form {/*padding:2% 4%;*/}
	.formgen label {font-weight:700;}
  .formgen input.formtext {width:85%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;	}
  .formgen input.formerror {width:85%; border:solid 2px #cd0000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
  .formgen textarea {width:94%; height:230px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding:1%;}
  .formgen textarea.formerror {border:solid 2px #cd0000; width:94%;}
	.formsubmit {background:#0663b3; color:#fff; font:400 14px/30px 'Open Sans', Sans-Serif; height:30px; padding:0 25px; text-transform:lowercase; margin:10px 0 0 100px;}
  .formgen label.formerror {color:#cd0000;}
  .forminfo {background:#cd0000; border:solid 2px #fff; float:left; color:#fff; font-weight:700; line-height:20px; margin-bottom:1px; padding:10px 0; position:relative; width:99.65%; height:40px !important;}
  .forminfo p {color:#fff; margin:0; padding:0 10px;}

	.formgen .span6 {width:515px;}
	.formgen .kontakt-links {}
	.formgen .kontakt-rechts {padding:0 0 0 70px; float:left; width:470px;}
  .formgen .formblock {float:right;}




	/* DOWNLOAD ICON ZERTIFKAT
	----------------------------------------------------------------------------------------*/
  .link_icon {background:url('images/zertifkat_icon.png') no-repeat 0 50% transparent; color:#fff; display:block; float:left; font-weight:400; height:40px; line-height:40px; margin:2.5% 10%; padding:0 0 0 50px; width:80%;}
  .link_icon:hover {color:#fff;}


	/* BILDERFGALERIE
	----------------------------------------------------------------------------------------*/
  #galerie {/*background:url('images/nav_bg.png') repeat scroll 0 0 transparent; float:left;  padding:2%; margin:-10px 0 0 2.4%; max-width:580px; float:left; width:100%;*/}
  #galerie a {display:inline-block; margin:1.5% 0 0 2%; width:31.25%; }
  #galerie a {
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	}
  #galerie a img {border:solid 2px #fff; width:98.5%;}



	/* Teaser
	----------------------------------------------------------------------------------------*/
	/*.teaser {position:relative; border:solid 2px #fff; width:369px; margin-top:20px;
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	}*/

	.teaser {position:relative; border:solid 2px #fff; /*width:100%;*/ margin-top:20px;
		-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	}
	.teaser .overlay {background: url('images/nav_bg.png') repeat 0 0 scroll transparent; bottom:0; display:block; left:0; padding:2% 5%; position:absolute; width:90%;}




  .body_id1 #haupt_inhalt .text {/*height:292px;*/}



  #map_canvas {border:solid 3px #fff;}



.stoerer {
    position: fixed;
    top: 300px;
    left: 0;
    max-width: 270px;
    z-index: 97;
}

.rasta_stoerer {display:block; height:120px; left:0; padding: 5px 10px 10px 0; position:fixed; top:59%; width:110px; z-index:97;}
.rasta_stoerer span {background:none repeat scroll 0 0 #0663B3; color:#fff; float:left; padding:1px 1px 1px 10px; width:90%; font-size:10px;}
.rasta_stoerer img {
	-webkit-box-shadow: -2px 0px 3px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -2px 0px 3px rgba(50, 50, 50, 0.5);
	box-shadow:         -2px 0px 3px rgba(50, 50, 50, 0.5);
}

.rasta_stoerer:hover img {
	-webkit-box-shadow: -2px 0px 10px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    -2px 0px 10px rgba(50, 50, 50, 0.5);
	box-shadow:         -2px 0px 10px rgba(50, 50, 50, 0.5);
}






/* TABLET + MOBILE */
@media only screen and ( max-width: 1024px ) {



}

/* TABLET - QUER */
@media only screen and ( max-width: 1024px ) {

  .formgen .span6 { width: 50%; }
  .formgen .kontakt-rechts { margin: 0; padding: 0; width: 50%; }

}

/* TABLE - HOCH */
@media only screen and ( max-width: 768px ) {
  .container {overflow:hidden;}

  #logo {float:left; text-align:center; width:100%; background-repeat: repeat}

	#mainnavi {}
  #mainnavi li {display:block; margin:0 0 5px 0; width:100%;}
  #mainnavi li a {display:block; padding:5px; width:100%; text-transform:uppercase;}

  #mainnavi li.current ul {position:static;}

  #content {float:left; margin-top:25px;}


	.flex-video iframe,
	.flex-video object,
	.flex-video embed {height:auto; margin:0; width: 100%; min-height:300px;}


  .text .inner {padding:2%;}
  .text.span12 ul {display:block; float:left; margin-left:0; width:100%;}
  .text.span12 ul li {display:block; float:left; margin-bottom:15px; min-height:110px; width:100%;}
  .text.span12 ul li img {display:block; float:left; margin:12px 15px 15px 0; max-width:120px;}

  .text.span6 ul {display:block; float:left; margin-left:0; width:100%;}
  .text.span6 ul li {display:block; float:left; margin-bottom:15px; min-height:110px; width:100%;}
  .text.span6 ul li img {display:block; float:left; margin:12px 15px 15px 0; max-width:100%;}


	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float:left;}


  .bottom {display:none;}

  .teaser { clear: both; }
}



/* MOBILE - QUER */
@media only screen and ( max-width: 480px ) {
  .container {overflow:hidden;}

  .formgen .span6 { width: 100%; }
  .formgen .kontakt-rechts { margin: 0; padding: 0; width: 100%; }

  #logo {float:left; text-align:center; width:100%;}

	#mainnavi {}
  #mainnavi li {display:block; margin:0 0 5px 0; width:100%;}
  #mainnavi li a {display:block; padding:5px 5%; width:100%; text-transform:uppercase;}

  #mainnavi li.current ul {position:static;}



	.flex-video iframe,
	.flex-video object,
	.flex-video embed {height:auto; margin:0; width: 100%; min-height:230px; }

  .text {margin-bottom:25px;}

  #content {float:left; margin-top:25px;}
  .text .inner {padding:2% 5%;}
  .bottom {display:none;}



  .text.span12 ul {display:block; float:left; margin-left:0; width:100%;}
  .text.span12 ul li {display:block; float:left; margin-bottom:15px; min-height:110px; width:100%;}
  .text.span12 ul li img {display:block; float:left; margin:12px 15px 15px 0; max-width:120px;}

  .text.span6 ul {display:block; float:left; margin-left:0; width:100%;}
  .text.span6 ul li {display:block; float:left; margin-bottom:15px; min-height:110px; width:100%;}
  .text.span6 ul li img {display:block; float:left; margin:12px 15px 15px 0; max-width:100%;}


  #galerie {width:100%;}


  .link_icon {height:auto; line-height:20px !important;}



}

/* MOBILE - HOCH */
@media only screen and ( max-width: 320px ) {

  #mainnavi li {display:block; width:100%;}

}</pre></body></html>