@charset "UTF-8";
/* CSS Document */

/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('../fonts/pt-sans-narrow-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v8-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-narrow-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url('../fonts/pt-sans-narrow-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v8-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


img { border: none; }
form {margin:0px; padding:0px;}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color: #3e4345;
	font-family:'PT Sans', verdana, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	font-size:17px;
	background-color:#e8e8e8;
	background-attachment: fixed;
    background-image: url("../media/hg_test_01.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
	height:100%;
	background-size: cover;
	}
	
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/* for understanding browsers */	
#site-rahmen {
	position:relative;
	margin:0;
	padding:0;
	display:block;
	max-width:1300px;
	padding-left:0px;
	font-size:1em;
	line-height: 1.3em;
}

#soften.active {position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 400; background-color: rgba(0,0,0,0.78);}

#spalte_1 {  padding-top:24px; height:30px; position: relative; z-index: 420;}
#spalte_1 img {width: 32%; height: auto;}
#spalte_2 {width:65%; display:inline; float:left;  margin-left:6%;} /* inhalt 602 px + 4 px fr projekte box margin || inhalt 602 px = 198 px * 3 + 2* 4 px fr projekte box margin*/
#spalte_3 {width:19%; display:inline; float:left; font-size:1.2em; margin-left:10%; z-index: 460; position: relative;}

#top_menu { width:176px; float:left; height:49px; padding-top:5px;}
#strich_tm { width:176px; height:2px; line-height:2px; font-size:2px; background-color:#7c8281; margin-bottom:3px;}

#strich_sf { /*width:602px;*/ height:2px; line-height:2px; font-size:2px; background-color:#3e4345; margin-bottom:3px; margin-top:31px;}
#strich_sf_1 { /*width:175px;*/ height:2px; line-height:2px; font-size:2px; background-color:#3e4345; margin-bottom:3px; margin-top:31px;}

/* ### INHALT ###################################################################### */
.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

h1 {font-size:1.250em; font-weight:bold; font-family:'PT Sans Narrow', sans-serif;}

h4 {}
h5 {}


.pt14_bold {font-size:1.167em; font-weight:bold; font-family:'PT Sans Narrow', sans-serif;}
.pt14 {font-size:1.167em;font-family:'PT Sans Narrow', sans-serif;}

#content_box {}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}




.textunten {position:absolute; bottom:10px;}

/*Allgemeines*/
p {margin-bottom:14px;}
.klein {font-size:0.938em;}
.gross {font-size:1.125em; font-weight:bold;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}


.text_block { margin-bottom:4px; /*background-image:url(../media/grau_trans.png); background-repeat:repeat-y; background-position:0px 0px;*/ background-color:#fff; padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:35px; clear:both;}

* html .text_block { /*nur IE6*/
background-image:none;
background-color:#747879;
}

.text_block a:link {text-decoration:underline;}
.text_block a:visited {text-decoration:underline;}
.text_block a:hover {text-decoration:underline;}
.text_block a:active {text-decoration:underline;}

.text_links {width:48%; margin-right: 2%; display:inline; float:left;}
.text_rechts {width:48%;  display:inline; float:right;}

/*abverkauf*/
.abverkauf_block { /*width:602px;*/ margin-bottom:4px; background-image:url(grau_trans.png); background-repeat:repeat-y; background-position:0px 0px; padding-top:0px; padding-left:0px; padding-bottom:12px; clear:both;}
* html .abverkauf_block { /*nur IE6*/
background-image:none;
background-color:#747879;
}

.abv_links {width:198px; display:inline; float:left; margin-right:0px;}
.abv_rechts {width:381px; display:inline; float:left; padding-top:4px; padding-left:8px; padding-right:15px; padding-bottom:0px;}

.abv_rechts a:link {text-decoration:underline;}
.abv_rechts a:visited {text-decoration:underline;}
.abv_rechts a:hover {text-decoration:underline;}
.abv_rechts a:active {text-decoration:underline;}


.abv_mehr {margin-top:4px;}
.abv_mehr a:link {display:block; height:14px; padding-left:4px; padding-top:2px; line-height:12px; width:194px; overflow:hidden;}
.abv_mehr a:visited {display:block; height:14px; padding-left:4px; padding-top:2px; line-height:12px; width:194px; overflow:hidden;}
.abv_mehr a:hover {display:block; height:14px; padding-left:4px; padding-top:2px; line-height:12px; width:194px; overflow:hidden; color:#FFF;}
.abv_mehr a:active {display:block; height:14px; padding-left:4px; padding-top:2px; line-height:12px; width:194px; overflow:hidden;}

/*news*/
.news_block { /*width:602px;*/ margin-bottom:4px; padding-top:0px; padding-left:0px; clear:both;}
.news_rechts {width:381px; display:inline; float:left; padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:15px; background-image:url(../media/grau_trans.png); background-repeat:repeat-y; background-position:0px 0px; min-height:103px;}
* html .news_rechts { /*nur IE6*/
background-image:none;
background-color:#747879;
}


.news_rechts a:link {text-decoration:underline;}
.news_rechts a:visited {text-decoration:underline;}
.news_rechts a:hover {text-decoration:underline;}
.news_rechts a:active {text-decoration:underline;}

/*monitore*/
.monitor_rechts {width:377px; display:inline; float:left; padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:15px; background-image:url(../media/grau_trans.png); background-repeat:repeat-y; background-position:0px 0px; min-height:103px; margin-left:4px;}

* html .monitor_rechts { /*nur IE6*/
background-image:none;
background-color:#747879;
}

.monitor_rechts a:link {text-decoration:underline;}
.monitor_rechts a:visited {text-decoration:underline;}
.monitor_rechts a:hover {text-decoration:underline;}
.monitor_rechts a:active {text-decoration:underline;}

/*partner*/
.partner {margin-bottom:3px;}
.partner_links {display:inline; float:left; width:320px;}
.partner_rechts {display:inline; float:right; width:230px;}
.partner_logo {width:90px; display:inline; float:left; margin-right:15px;}

.partner_links a:link {text-decoration:none; color:#FFF;}
.partner_links a:visited {text-decoration:none; color:#FFF;}
.partner_links a:hover {text-decoration:none; color:#FFF;}
.partner_links a:active {text-decoration:none; color:#FFF;}

.partner_rechts a:link {text-decoration:none; color:#FFF;}
.partner_rechts a:visited {text-decoration:none; color:#FFF;}
.partner_rechts a:hover {text-decoration:none; color:#FFF;}
.partner_rechts a:active {text-decoration:none; color:#FFF;}

.altjung {margin-top:4px;}
.altjung a:link {display:block; height:16px; padding-left:0px; padding-top:0px; margin-bottom:4px; line-height:14px; width:198px; overflow:hidden;}
.altjung a:visited {display:block; height:16px; padding-left:0px; padding-top:0px; margin-bottom:4px; line-height:14px; width:198px; overflow:hidden;}
.altjung a:hover {display:block; height:16px; padding-left:0px; padding-top:0px; margin-bottom:4px; line-height:14px; width:198px; overflow:hidden; color:#FFF;}
.altjung a:active {display:block; height:16px; padding-left:0px; padding-top:0px; margin-bottom:4px; line-height:14px; width:198px; overflow:hidden;}

.pfeilpunkte {vertical-align:top; margin-right:4px;}

.zurueck_block {margin-top:20px; }

.zurueck {margin-top:4px;}
.zurueck a {text-align: left; margin-left: auto;}
.zurueck a:link {display:block; height:15px; padding-top:1px; padding-left:15px; margin-bottom:4px; line-height:12px; width:183px; overflow:hidden; background:url(../media/pfeil_zurueck.png) no-repeat 5px center #fff;}
.zurueck a:visited {display:block; height:15px; padding-top:1px; padding-left:15px; margin-bottom:4px; line-height:12px; width:183px; overflow:hidden;}
.zurueck a:hover {display:block; height:15px; padding-top:1px; padding-left:15px; margin-bottom:4px; line-height:12px; width:183px; overflow:hidden; color:#3E4345;}
.zurueck a:active {display:block; height:15px; padding-top:1px; padding-left:15px; margin-bottom:4px; line-height:12px; width:183px; overflow:hidden;}



ul {list-style-position:outside; list-style-type:disc; padding-left:17px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:20px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}


.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; paddding:0; display:block; text-indent: -1000em;}
.abstand_3px {font-size:3px; line-height:3px; height:3px; background-color:transparent; clear:both;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}
.abstand_20px {font-size:20px; line-height:20px; height:20px; background-color:transparent; clear:both;}
.abstand_25px {font-size:25px; line-height:25px; height:25px; background-color:transparent; clear:both;}




/*Tabellen*/
#content_box table {}
#content_box td {}
#content_box td.last {}
#content_box td.last_klein {}
#content_box td.klein {}
#content_box td.preis {}
#content_box td.ueberschrift {}
#content_box td.plain {}
#content_box td.plainunten {}


/*Freunde*/
.freunde_liste {}
.freunde_liste a:link {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px;   overflow:hidden; text-decoration:none;}
.freunde_liste a:visited {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px;   overflow:hidden; text-decoration:none;}
.freunde_liste a:hover {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px;   overflow:hidden; text-decoration:none;}
.freunde_liste a:active {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px; overflow:hidden; text-decoration:none;}

/*Filtern nach*/
.filtern_liste {}
.filtern_liste a:link {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px;   overflow:hidden; text-decoration:none;}
.filtern_liste a:visited {display:block;  padding-left:4px; padding-top:2px; margin-bottom:4px; overflow:hidden; text-decoration:none;}
.filtern_liste a:hover {display:block; padding-left:4px; padding-top:2px; margin-bottom:4px; overflow:hidden; text-decoration:none;}
.filtern_liste a:active {display:block;; padding-left:4px; padding-top:2px; margin-bottom:4px; overflow:hidden; text-decoration:none;}



/*lageplan*/
.lageplan_rechts { float:right; }

/*Team*/

#team_detail {margin-bottom:3px; margin-top:2px;}
#team_detail_1 {width:32.8%; margin-right: 0.5%; display:inline; float:left; }
#team_detail_1 img {width: 100%; height: auto;}
#team_detail_2 {width:66.7%; box-sizing: border-box; display:inline; float:left; background-color:#fff; padding-top:20px; padding-left:15px; padding-right:15px; padding-bottom:35px;}

* html #team_detail_2 { /*nur IE6*/
background-image:none;
background-color:#747879;
}

#team_detail_2 a:link {text-decoration:underline;}
#team_detail_2 a:visited {text-decoration:underline;}
#team_detail_2 a:hover {text-decoration:underline;}
#team_detail_2 a:active {text-decoration:underline;}

.farbbalken16 {display:block; height:14px; padding-left:4px; padding-top:2px; margin-bottom:4px; line-height:12px; width:194px; overflow:hidden;}
.farbbalken16 a:link {}
.farbbalken16 a:visited {}
.farbbalken16 a:hover {}
.farbbalken16 a:active {}

.graubalken16 {display:block; height:14px; padding-left:4px; padding-top:2px; background-color:#3d4445; margin-bottom:4px; line-height:12px;}
.graubalken {display:block; height:14px; padding-left:8px; padding-top:2px; background-color:#3d4445; margin-bottom:4px; line-height:12px; width:594px;}
.graubalken_400 {width:384px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; font-weight:bold; background-color:#3d4445;}
.graubalken_198 {width:182px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; font-weight:bold; background-color:#3d4445;}

.farbbalken {width:586px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; font-weight:bold; clear:both;}
.farbbalken_400 {width:384px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; font-weight:bold;}
.farbbalken_198 {width:182px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; font-weight:bold;}

.hellgraubalken {clear:both; width:586px; height:14px; margin-bottom:4px; padding-top:2px; padding-left:8px; padding-right:8px; overflow:hidden; line-height:12px; background-color:#c0c2c2; color:#485152;}


.weissbalken16 {display:block; height:14px; padding-left:15px; padding-top:2px; background-color:#fff; margin-bottom:4px; line-height:12px;}
.bold_14px { font-size:1.167em; font-weight:bold;}
.weissbalken {display:block;  padding-left:15px; padding-top:2px; background-color:#fff; margin-bottom:4px; font-family:'PT Sans Narrow', sans-serif; font-weight:bold; text-transform:uppercase; color:#485256;}

.weissbalken_400 {width:377px; display:block; height:14px; padding-left:15px; padding-top:2px; background-color:#fff; margin-bottom:4px; line-height:12px; font-family:'PT Sans Narrow', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#485256;}

.weissbalken_198 {width:175px; display:block; height:14px; padding-left:15px; padding-top:2px; background-color:#fff; margin-bottom:4px; line-height:12px; font-family:'PT Sans Narrow', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#485256;}


.balken_download {display:block; height:16px; background-color:#fff; margin-bottom:4px; line-height:12px;}
.balken_download a { display:block; width:183px; padding-left:15px; height:14px; padding-top:2px; background:url(../media/pfeil_grau.png) 5px 6px no-repeat; color:#3e4345;}
.balken_download a:hover {background:url(../media/pfeil_grau_h.png) 4px 6px no-repeat; color:#3e4345;}
/*Projekte bersicht*/

#superfeature {/*width:602px;*/ }
#superfeature_video {/*width:602px;*/ overflow:hidden;}
#superfeature_start {/*width:602px;*/}
#superfeature img {width: 100%; height: auto;}
.projekt_bild_gross {/*width:602px;*/ margin-top:20px;}
.projekt_bild_gross img {width: 100%; height: auto;}

.sf_titel { padding-top:2px; padding-bottom: 2px; background-color:#fff; margin-bottom:25px; padding-left:8px; padding-right:8px;  color:#485256;}

.strich_content { /*width:602px;*/ height:2px; line-height:2px; font-size:2px; background-color:#3e4345; margin-bottom:3px; margin-top:20px; }
#detail_ue { margin-bottom:20px; width:32.8%; min-width: 100px; font-size:1.25em;  font-family:'PT Sans Narrow', sans-serif; font-weight:bold; text-transform:uppercase; background-color:#fff; line-height:1; padding-left:15px; float:left; color:#485256; box-sizing: border-box;}

.pk {width:32.8%; display:inline; float:left; margin-right:0.5%; margin-bottom:4px; overflow:hidden; position:relative; aspect-ratio: 16/9.35;}
.pkbild {}
.pkbild img {width:100%; height: auto;}
.pktext1 {position:absolute; left:0px; height:14px; width:100%; color:#485256; /*top:77px;*/ background-color: rgba(206, 206, 206, 0.7); padding-top:2px; padding-left:3px; padding-right:2px; padding-bottom: 5px; }
.pktext2 {position:absolute; left:0px; height:14px; width:100%; color:#485256; /*top:95px;*/ background-color: rgba(206, 206, 206, 0.7); padding-top:2px; padding-left:3px; padding-right:2px;  padding-bottom: 5px;}

#pagination {/*width:602px;*/ text-align:right; margin-top:20px; clear:both;}

.pagin {background-color:#fff; height:16px; padding-left:4px; padding-top:0px; margin-bottom:4px; line-height:14px;}

#team_block {display:block; position:relative;}
#stern {position:absolute; }

/* ### SPALTE 3 NAVI ###################################################################### */
.subm a:link {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm a:visited {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm a:hover {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm a:active {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}

.subm_aktiv a:link {display:block; padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm_aktiv a:visited {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm_aktiv a:hover {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm_aktiv a:active {display:block;  padding-left:25px; font-weight:bold; padding-top:2px; margin-bottom:4px;}

.submenu {margin-bottom:14px; font-size:0.875em;}

.submenu2 {margin-bottom:14px;}

.subm2 a:link {display:block; padding-left:31px; font-weight:normal; padding-top:2px; margin-bottom:4px;}
.subm2 a:visited {display:block;  padding-left:31px; font-weight:normal; padding-top:2px; margin-bottom:4px;}
.subm2 a:hover {display:block; padding-left:31px; font-weight:normal; padding-top:2px; margin-bottom:4px;}
.subm2 a:active {display:block;  padding-left:31px; font-weight:normal; padding-top:2px; margin-bottom:4px;}

.subm2_aktiv a:link {display:block;  padding-left:31px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm2_aktiv a:visited {display:block;  padding-left:31px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm2_aktiv a:hover {display:block;  padding-left:31px; font-weight:bold; padding-top:2px; margin-bottom:4px;}
.subm2_aktiv a:active {display:block;  padding-left:31px; font-weight:bold; padding-top:2px; margin-bottom:4px;}



#navi_4 {margin-top:20px;}
#navi_3 {margin-top:76px;}
#navi_2 {margin-top:20px;}

.hauptm {/*height:16px; overflow:hidden;*/ margin-bottom:4px; /*width:175px;*/ text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif;  font-weight:bold; color:#485256; background-color:#fff; text-transform:uppercase;}
.hauptm_20 {margin-top:20px; /*height:16px; overflow:hidden;*/ margin-bottom:4px; /*width:175px;*/ text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif;  font-weight:bold; color:#485256; background-color:#fff;  text-transform:uppercase;}
.hauptm_aktiv {/*height:16px; overflow:hidden;*/ margin-bottom:4px; text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif;  font-weight:bold; color:#485256; background-color:#fff;  text-transform:uppercase;}
.hauptm_aktiv_20 {margin-top:20px; /*height:16px; overflow:hidden;*/ margin-bottom:4px; text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif;  font-weight:bold; color:#485256; background-color:#fff;  text-transform:uppercase;}

.hauptm a, .hauptm_20 a { display:block; /*height:16px; width:150px;*/ padding-left:25px; padding-top: 1px; padding-bottom: 1px;}

.hauptm_aktiv a, .hauptm_aktiv_20 a { display:block; /*height:16px; width:150px;*/ padding-left:25px;}

#agb {height:16px; width:56px; background-color:#fff; text-align:center; margin-right:3px; display:inline; float:left; color:#7c8281; font-family:'PT Sans Narrow', sans-serif; font-size:14px; font-weight:bold;}
#imp {height:16px; width:116px; background-color:#fff; text-align:center; display:inline; float:left; color:#7c8281; font-family:'PT Sans Narrow', sans-serif; font-size:14px; font-weight:bold;}

#agb a {display:block; height:14px; width:56px; padding-top:2px;}
#imp a {display:block; height:14px; width:116px; padding-top:2px;}

#brs {height:16px; overflow:hidden; margin-bottom:4px; width:175px; text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif; font-size:16px; font-weight:bold; color:#485256; background:url(../media/logo_klein_menu.svg) no-repeat left;}

#concepts { overflow:hidden; margin-bottom:4px;  text-decoration:none; display:block; font-family:'PT Sans Narrow', sans-serif;  font-weight:bold; color:#485256; background:url(../media/logo_klein_menu.svg) no-repeat left;}

#brs a { display:block; height:16px; width:167px; margin-left:17px; padding-left:8px; background-color:#fff; color:#485256;}
#brs a:hover { display:block; height:16px; width:150px; margin-left:17px; padding-left:8px; background-color:#009ee0;}

#concepts a { display:block;  margin-left:20px; padding-left:7px; background-color:#fff; color:#485256;}
#concepts a:hover { display:block;  margin-left:20px; padding-left:7px; background-color:#8bb010;}

#login {height:17px; width:48px; background-color:#3d4445; margin-bottom:3px; padding-top:3px; text-align:center; margin-right:0px; display:inline; float:left;}

#logo_re {height:50px; margin-bottom:14px; }


/* ### Header ###################################################################### */
#header {height:17px; width:602px; background-color:#3d4445; margin-bottom:4px; padding-top:3px; text-align:center; line-height:12px;}

#header a:link {text-decoration:none;}
#header a:visited {text-decoration:none;}
#header a:hover {text-decoration:none;}
#header a:active {text-decoration:none;}







/* ### FOOTER ###################################################################### */
#footer { margin-left:6%; width:65%; margin-top:20px;}
#footer1 {  background-color:#fff; margin-bottom:5px; padding: 3px 2px; color:#485256; text-align: center;}
#footer2 {  background-color:#fff; margin-bottom:5px; padding: 3px 2px;  color:#485256; text-align: center; text-transform: uppercase;}

#footer .pt_narrow { font-family:'PT Sans Narrow', sans-serif; font-weight:bold; font-size:1.125em;}
#footer a {color:#485256;}

/*Kontakt*/
#kontakt_links {width:48%; margin-right: 2%; display:inline; float:left;}
#kontakt_rechts {width:48%; display:inline; float:right;}

.lines-button {display:block; position:absolute; top:10px; height:34px; width:40px; right:12px; z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:none; padding:0px; text-align:center; cursor:pointer; z-index: 450;}

@media screen and (min-width:991px) {
	.lines-button {display:none;}
}

.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #464646 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:5px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    /*width: 2rem;*/
}
.lines:before, .lines:after {
    background: #464646 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:5px;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    /*width: 2rem;*/
}
.lines:before {
    top:11px;

}
.lines:after {
    top:-12px;
}

.close .lines, .close .lines:before, .close .lines:after  { background: #fff none repeat scroll 0 0;}

.lines-button.close {
    /*-webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);*/
}
.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:30px;
    width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    /*width:48px;
    width: 3rem;*/
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}



/* 
--------- X-FORM ------------ 
*/

.formblock {margin-bottom:8px; color:#FFF;}

.form_warning {color:#c71521;}
.answertext {text-align:center;}


#rex-xform label.text { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-right:5px;
   display:inline;
}

#rex-xform label.text2 { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 75px; /* Breite.*/
  text-align:left;
   margin-right:5px;
   display:inline;
}

#rex-xform label.textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-left:0px;
   display:inline;
}

#rex-xform input {border:#959798 1px solid; width:200px; height:16px; background-color:#959798; color:#FFF;}
#rex-xform input.checkbox {margin-left:80px; width:20px; background-color:#959798;}
#rex-xform textarea {border:#959798 1px solid; width:200px; height:180px; margin-left:0px; background-color:#959798; color:#FFF;}
.formularue { padding-left:80px;} /* insgesamt Breite*/
#rex-xform legend {text-align:right; font-weight:bold; height:35px; width:130px;}
#rex-xform fieldset {}

#rex-xform input.captcha {clear:both;  margin-left:0px; margin-top:10px;}
#rex-xform p.formcaptcha {margin-left:81px;}
.as-label {display:block; margin-left:0px;}
#rex-xform input.submit {border:#959798 1px solid; background-color:#959798; cursor:pointer; padding:0; margin:0; text-align:center; margin-left:80px; width:70px; height:20px; color:#FFF;}
#rex-xform input.submit2 {border:#959798 1px solid; background-color:#959798; cursor:pointer; padding:0; margin:0; text-align:center; margin-left:80px; width:80px; height:20px; color:#FFF;}



@media (min-width:991px) {
	#navi_box {display: block !important;}
}


@media (max-width:1300px) {
	#spalte_3 {width: 24%; margin-left: 5%;}
}

@media (max-width:990px) {
	#kontakt_links, #kontakt_rechts, .text_links, .text_rechts {width: 100%;}
	#navi_box {display: none;}
	#spalte_2 {display: block; width: 88%; float: none;}
	#spalte_3 {position: absolute; display: block; float: none; top:85px; right: 0; width: 220px;}
	#strich_sf_1 {margin-top: 0;}
	.subm a {color:white !important;}
	.hauptm_aktiv a {color:white !important;}
	.subm_aktiv a {color:white !important;}
	#spalte_1 img {width: 315px;}
	#footer {width: 88%;}
}


@media (max-width:780px) {
	#team_detail_2 {width: 100%;}
	#team_detail_1 {max-width: 235px; width: 100%;}
}


@media (max-width:640px) {
	.pk {width: 49.5%;}
	
}

@media (max-width:580px) {
	.pk {width: 100%; margin-right: 0;}
	.pktext1 {bottom : 34px !important;}
	.pktext2 {bottom : 12px !important;}
}


@media (max-width:380px) {
	#spalte_1 img {width: 265px;}
}


#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}