/* fegro style.css */
/* after 
 :after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
*/
/* farben
 rot: #b0356a;
 gruen: #498f3e;
*/

/* allgemeines */
* {margin:0; padding:0;}
body {
 font-family:Arial,Helvetica,sans-serif;
 font-size:86%;
 line-height:140%;
 color:#333;
 background:#f9fbf9;
}
a {
 color:#b0356a;
 border-bottom:1px dotted #b0356a;
 text-decoration:none;
 
}
a:hover {
 text-decoration:none;
 border-bottom:1px dotted #fff;
}
a.linked-pic, a.linked-pic:hover {
 border:none;
}
a.linked-pic img {
 border:1px dotted #b0356a;
}
a.linked-pic:hover img {
 border:1px dotted #fff;
}
a img {border:none;}
.print {display:none;}
.noprint {}
p#printhead {display:none;}
p#printfoot {display:none;}


/* cookiebar */
div.cookie-message {
 background:#d2d8ce;
 padding:6px 10px;
 font-size:0.95em;
 border-bottom:2px solid #fff;
}
div.cookie-message a:hover {
 cursor:pointer;
}

p#imds { /* datenschutz link */
 max-width:1008px;
 margin:0 auto;
 text-align:right;
}
p#imds a {
 display:inline-block;
 margin:6px 22px 0 0; 
 text-decoration:none;
 font-size:0.9em;
 color:#8f8f8f;
 border:none;
}






div#wrapper { 
 max-width:1008px;
 margin:0 auto;
 background:url(images/head-bgrnd.jpg) no-repeat #f9fbf9;
 position:relative;
}

h1#head {
 text-indent:-5000px;
 height:268px;
 overflow:hidden;
}

/* ### inhalt ### */
div#inhalt { 
 background:url(images/inhalt-bgrnd.jpg) repeat-y;
 padding:9px 0 60px 0;
 height:1%;
}
div#inhalt:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
h2 {  
 clear:both;
 background:url(images/h2-bgrnd.jpg) no-repeat;
 height:55px;
 padding:18px 0 0 75px;
 margin-bottom:10px;
 color:#498f3e;
 font-size:1.4em;

}
h3 {  
 clear:both;
 background:url(images/h3-bgrnd.jpg) no-repeat;
 height:45px;
 padding:11px 0 0 75px;
 color:#498f3e;
 font-size:1.3em;
 margin-top:40px;
}
h4 {  
 clear:both;
 padding:0 0 10px 75px;
 color:#498f3e;
 font-size:1.2em;
}
p {
 padding:0 75px 5px 75px;
 height:1%;
}
p:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
img {
 padding:2px;
 border:1px solid #efefef;
 float:left;
 margin:0 20px 15px 0;
}
p.fr img {
 float:right;
 margin:0 0 15px 20px;
}
ul {
 list-style-image:url(images/bullet.jpg);
 margin:0 75px 5px 115px;
}
table {
 margin:0 0 0 75px;
}
table td {
 vertical-align:top;
 padding:7px 10px;
 border:1px dotted #498f3e;
}
.rot {
 color:#b0356a;
}
.gruen {
 color:#498f3e;
}
.clearboth {
 clear:both;
 float:none
}
.floatright {
 float:right;
 margin:0 0 15px 20px;
}
.floatnone {
 float:none ! important;
}
p.download a {
}
p.download img {
 border:none;
 margin-right:10px;
}
div.content-3-left {
 padding-left:75px;
 width:280px;
 float:left;
}

div.content-3-middle {
 float:left;
 width:280px;
}

div.content-3-right {
 padding-right;
 float:left;
 width:280px;
}
div#inhalt div.content-allg h5 {
 font-size:1em;
 padding-bottom:10px;
}
div#inhalt div.content-allg ul {
 margin-left:23px;
}
div#inhalt div.content-allg ul li {
 padding-bottom:3px;
}



/* sonder styles */
/* home */
body.home div#inhalt p {
 padding-top:15px;
 padding-bottom:15px;
}

/* einbruchhemmung */
div#einbruchhemmung {
 padding-left:75px;
 height:1%;
}
div#einbruchhemmung:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
div#einbruchhemmung img {
 float:left;
}
div#einbruchhemmung p {
 padding:0;
 margin-top:15px;
 height:4.5em;
 float:left;
}
div#einbruchhemmung p strong {
 display:block;
 height:20px;
 line-height:15px;
 padding-left:55px;
}
p.fr {
 padding-top:25px;
}
/* farben */
ul.farben-trendboard {
 margin:5px 75px 0 75px;
 padding-bottom:25px;
 height:1%;
}
ul.farben-trendboard:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
ul.farben-trendboard li {
 list-style-image:none;
 list-style-type:none;
 height:146px;
 padding:3px 0 3px 260px;
 margin-bottom:5px;
 border-bottom:1px dotted #ccc;
}
ul.farben-trendboard li span {
 display:block;
 padding:15px 0;
}
ul.farben-trendboard li span b {
 display:block;
 font-size:1.2em;
}
ul.farben {
 margin:25px 0 0 75px;
 padding-bottom:25px;
 height:1%;
}
ul.farben:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
ul.farben li {
 width:244px;
 height:184px;
 padding:3px;
 list-style-image:none;
 list-style-type:none;
 float:left;
 margin:0 10px 10px 0;
 border:1px dotted #ccc;
}
ul.farben li span {
 display:block;
 background-image:url(images/menue-bgrnd.png);
 padding:2px 5px;
 line-height:110%;
 font-size:0.9em;
}
ul.farben li span b {
 display:block;
 font-size:1.2em;
 padding:2px 0 4px 0;
}

/* referenzen */
p.ref-descr {
 padding:15px 0 10px 75px;
}
ul.referenzen {
 margin-left:75px;
 height:1%;
}
ul.referenzen:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
ul.referenzen li {
 float:left;
 list-style-type:none;
 list-style-image:none;
 margin:0 5px 5px 0;
}
ul.referenzen li img {
 float:none;
 display:block;
 margin:0 0 2px 0;
}

/* kontakt */
div#kontakt {
 font-style:normal;
 padding:25px 35px 25px 75px;
 max-width:435px;
 line-height:140%;
 float:left;
}
address {
 font-style:normal;
}
address strong {
 display:block;
 font-size:1.4em;
 padding-bottom:5px;
}
address b {
 display:block;
 padding:3px 0 8px 0;
 font-size:1.1em;
}
div#kontakt p#openat {
 padding:25px 0 25px 0;
}

div#map {
 max-width:425px;
 float:left;
 padding:25px 0 45px 0;
}
div#map h4 {
 margin-bottom:5px;
 font-size:1.4em;
 border-bottom:1px solid #498f3e;
 padding:0 0 5px 0;
}
 
#dsco {
 clear:both;
 padding-top:250px;
}
 

/* ### sub menue ### */
ul#submenue {
 list-style-type:none;
 list-style-image:none;
 height:1%;
 padding:0 0 20px 58px;
 margin-left:0;
 display:none;
}
body.produkte ul#submenue {
 display:block;
}
ul#submenue:after {content:" "; display:block; height:0; clear:both; visibility:hidden; }
ul#submenue li {
 float:left;
 margin-right:20px;
}
ul#submenue li a {
 color:#498f3e;
 text-decoration:none;
 border-color:#498f3e;
}
ul#submenue li a:hover {
 color:#b0356a;
 border-color:#fff;
}
ul#submenue li.aktiv a,
ul#submenue li.aktiv a:hover {
 color:#b0356a;
 cursor:default;
 border-bottom:1px dotted #fff;
}




/* ### menue ### */
ul#menue {
 position:absolute;
 top:28px;
 right:21px;
 list-style-type:none;
 list-style-image:none;
 margin:0;
}
ul#menue li a {
 display:block;
 width:360px;
 height:33px;
 line-height:33px;
 padding:0 0 0 20px;
 border-bottom:1px dotted #498f3e;
 color:#498f3e;
 text-decoration:none;
 background-image:url(images/menue-bgrnd.png);
 margin-left:10px;
 margin-bottom:2px;
}
ul#menue li a:hover {
 color:#b0356a;
 background-image:url(images/menue-bgrnd-2.png);
}
ul#menue li.aktiv a,
ul#menue li.aktiv a:hover {
 background-image:url(images/menue-bgrnd-2.png);
 color:#b0356a;
 border-bottom:1px dotted #b0356a;
 font-weight:bold;
 cursor:default;
}

/* home link */
a#home {
 display:block;
 width:139px;
 height:18px;
 padding:108px 0 0 115px;
 position:absolute;
 top:27px;
 left:20px;
 text-decoration:none;
}
a#home b {
 display:none;
}
a#home:hover b {
 display:block;
}
a#home, a#home:hover {
 border:none;
}

/* ### inhalt footer ### */
p#inhalt-footer {
 padding-top:25px;
 height:135px;
 background:url(images/inhalt-footer.jpg) no-repeat;
 position:relative; 
 font-size:0.9em;
 clear:both;
 float:none;
}
p#inhalt-footer a#rehau,
p#inhalt-footer a#rehau:hover {
 display:block;
 width:123px;
 height:58px;
 position:absolute;
 top:7px;
 right:30px;
 text-decoration:none;
 border:none;
}
.nowrap {
 white-space: nowrap;
 padding:0 5px;
}


/* ################### res ########################## */
div#wrapper img {
 max-width:100% ! important;
 height:auto ! important;
}


/* responsive menue */
 span#kirm-opener { /* button */
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		top:12px;
		right:5px;
		z-index:10000;
		background:url(images/kirm-sprite.png) no-repeat;
		display:none;
 }
 div#kirm { /* main menue container */
		padding:51px 0 45px 0;
		}
 div#kirm ul.kirm-content { /* main menue list */
		padding-bottom:0;
		margin:0 50px 0 0;
		border-top:1px dotted #498f3e;
 }
 div#kirm ul li {
		padding:0;
		border-bottom:1px dotted #498f3e;
		list-style-type:none;
		list-style-image:none;
 }
 div#kirm * a {
		display:block;
		border-bottom:0;
		padding-top:7px;
		padding-bottom:7px;
		text-decoration:none;
		margin-bottom:1px;
 }
 div#kirm ul.kirm-content a { /* 1st level */
		padding-left:20px;
 }
 div#kirm ul.kirm-content ul { /* 2nd level */
		border-top:1px dotted #498f3e;
  margin:0 0 25px 0;
		padding-left:20px;
 }
 div#kirm ul.sslmenue * ul {
		padding:0;
 }
 div#kirm ul.kirm-content ul ul a { /* 3rd level */
		padding-left:40px;
 }
 div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue { /* arrow open */
		display:inline-block;
		width:18px;
		height:10px;
		background:url(images/kirm-sprite.png) no-repeat 6px -100px; 
 }
 div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue-open { /* arrow close */
		background:url(images/kirm-sprite.png) no-repeat 6px -200px; 
 }
 div#kirm ul li.aktiv a  {
		color:#498f3e;
 }
 div#kirm ul li.aktiv li a  {
		color:#b0356a;
 }
 div#kirm ul li.aktiv li.aktiv a  {
		color:#498f3e;
 }
 
 
 
/* ###### */
/* #### to top ####  */
 .cd-top {
		display: inline-block;
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background:url(images/totop.png) no-repeat;
		visibility: hidden;
		opacity: 0;
		border:none;
/*		display:none; */
 }
 .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		transition: opacity .3s 0s, visibility 0s 0s;
 }
 .cd-top.cd-is-visible {
		visibility: visible;
		opacity: 1;
 }
 .cd-top.cd-fade-out {
		opacity: .5;
 }
 .no-touch .cd-top:hover {
		background-color: #e86256;
		opacity: 1;
 }
 
  
 

/* ########################## */ 

/* ###########  ############### */
@media screen and (max-width: 1000px) { 
 div#wrapper { 
		max-width:1008px;
		margin:20px auto;
		background:url(images/head-bgrnd.jpg) no-repeat #f9fbf9;
		position:relative;
		
		background:url(images/head-bgrnd.jpg) no-repeat #f9fbf9 -18px 0;
 }
 div#inhalt { 
		 background:url(images/inhalt-bgrnd.jpg) repeat-y -18px 0;
 }
 ul#submenue {
		padding: 0 0 20px 40px;
 }
 h2 {
 padding-left:40px;
	background:url(images/h2-bgrnd.jpg) no-repeat -18px 0;
 
 }
 h3 {  
		background:url(images/h3-bgrnd.jpg) no-repeat -18px 0;
  padding-left:40px;
 }
 p#inhalt-footer {
		background:url(images/inhalt-footer.jpg) no-repeat -18px 0;
 }





}

/* ###########  ############### */
@media screen and (max-width: 979px) { 
 ul#menue {
		right:0;		
 } 
 div.content-3-right {
		padding-left:75px;
		padding-top:25px;
 } 
 div#map {
 padding:25px 0 45px 75px;
}
 
}

/* ########### menue ############### */
@media screen and (max-width: 700px) { 
 #menue,
 #submenue,
 body.produkte ul#submenue,
 a#home,
 #imds
 {display:none;}
 
 span#kirm-opener
 {display:block;}
 
 
 
 
 div.content-3-left {
		width:auto;
		clear:left;
 } 
 div.content-3-middle {
		padding-left:75px;
		padding-top:25px;
		width:auto;
		clear:left;
 }

}



/* ###########  ############### */
@media screen and (max-width: 550px) { 
 body {
  background:#fff;
 }
 div#wrapper {
		background:url(images/weiss700x150.gif) no-repeat 0 252px, url(images/head-bgrnd.jpg) no-repeat #fff -18px 0;
		margin-top:0;
 }
 div#inhalt {  
		background-image:none ! important;
 }
 p {
  padding:0 15px 5px 17px ! important;
 }
 ul.referenzen {
  margin-left:15px;
}
 h2 {
 padding:0 0 20px 17px;
 margin:0;
	background-image:none;
 height:auto;
 }
 h3 {  
		background-image:none;
  padding-left:17px;
 }
	h4 {
		clear: both;
		padding: 0 0 10px 15px;
		color: #498f3e;
		font-size: 1.2em;
	}
 p#inhalt-footer {
		background-image:none;
		border-top:1px dotted #498f3e;
		padding-top:15px ! important;
 }
 ul {
  margin-left:37px;
 }
 table {
  margin-left:17px;
 }
 
 div#einbruchhemmung {
		padding-left:17px;
 }
 ul.farben {
 margin:25px 0 0 17px;
}
ul.farben li {
 width:200px;
}
 
 div#kontakt {
  padding-left:15px;
 }
 div#map {
  padding-left:15px;
  width:95%;
 }
 div#map iframe {
  width:95%;
 }
div#kontakt p#openat {
 padding:25px 0 25px 0 ! important; 
}


 div.content-3-left {
		padding-left:15px;
		width:auto;
 }
 
 div.content-3-middle {
		padding-left:15px;
		width:auto;
 }
 
 div.content-3-right {
		padding-left:15px;
		width:auto;
 }

}

/* ###########  ############### */
@media screen and (max-width: 430px) {
 body.home div#inhalt img {
  display:none;
 }
 table tr {
  display:block;
  margin-bottom:10px;
 }
 table td {
  display:block;
  border:none;
  padding:0 0 0 0;
 }
 table td:first-child {
  font-weight:bold;
 }
 p.fr img {
  float:left;
  margin:0 15px 15px 0;
 }


}

/* ###########  ############### */
@media screen and (max-width: 330px) {
 div#wrapper {
		background:url(images/weiss700x150.gif) no-repeat 0 120px, url(images/weiss700x150.gif) no-repeat 200px 0, url(images/head-bgrnd.jpg) no-repeat #fff -58px -29px;
		margin-top:5px;
 }
 h1#head {
  height:140px;
		border-bottom:1px dotted #498f3e;
		margin-bottom:15px;
 }
 div#kontakt {
		padding:25px 0 25px 17px;
 }
 div#kontakt p {
  margin-left:17px;
 }
 div#kontakt p#openat {
		padding:25px 0 25px 0 ! important;
		margin:0;
 }


}