/* CSS Document */
@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
BODY{
	background-color:#656565;
	margin:0px;
	padding:0px;
	color:#1d1d1b;
	font-family: PTSansRegular, Verdana, Helvetica, Arial, sans-serif;
	font-size:18px;
	line-height:24px;
}
a{
	color:#e41922;
	text-decoration:underline;
}
a:hover{
	color:#e41922;
	text-decoration:none;
}
h1{
	font-size:24px;
	line-height:24px;
	font-weight:normal;
}
h2{
	font-size:24px;
	line-height:24px;
	font-weight:normal;
} 
h2 span{
	font-size:21px;
	line-height:18px;
	font-weight:normal;
	background-image:url(../img/bg/h2-spacer.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:24px;
}
#punkt-bettcetera{
	font-size:21px;
	line-height:18px;
	font-weight:normal;
	background-image:url(../img/bg/h2-spacer-bettcetera.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:24px;
}
.page{
	position:relative;
	top:0px;
	left:0px;
	background-color:White;
	width:954px;
	text-align:left;
	border-left:3px solid #E41922;
	border-right:3px solid #E41922;
	border-bottom:3px solid #E41922;
}
.logo{
	position:relative;
	top:0px;
	left:30px;	
	padding-top:27px;
}
.navi-top{
	position:relative;
	top:0px;
	left:0px;
	height:130px;
	margin-top:30px;
	font-size:22px;
}
.navi-top a{
	color:#000000;
	text-decoration:none;
	
}
.navi-top a:hover{
	color:#E41922;
	text-decoration:none;
	
}
.navi-top-activ a{
	color:#E41922;
	text-decoration:none;
	
}
.navi-top-activ a:hover{
	color:#000000;
	text-decoration:none;
	
}
.navi-top-3{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-left:22px;
	margin-right:70px;
}
.navi-top-4{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:66px;
}
.navi-top-12{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:80px;
}
.navi-top-13{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:62px;
}
.navi-top-14{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:66px;
}
.navi-top-15{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
}
.navi-top-entries{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:37px;
}
.navi-top-pictures{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
.navi-top-pic-1{
	float:left;
	text-align:center;
	width:132px;	
}
.navi-top-pic-2{
	float:left;
	text-align:center;
	width:215px;	
}
.navi-top-pic-3{
	float:left;
	text-align:center;
	width:130px;	
}
.navi-top-pic-4{
	float:left;
	text-align:center;
	width:185px;	
}
.navi-top-pic-5{
	float:left;
	text-align:center;
	width:128px;	
}
.navi-top-pic-6{
	float:left;
	text-align:center;
	width:80px;	
	margin-left:58px;
}
.content-top{
	position:relative;
	top:0px;
	left:0px;	
	background-image:url(../img/bg/bg-content-top.gif);
	background-repeat:no-repeat;
	height:645px;
	margin-bottom:40px;
}
.content-top-subpages{
	position:relative;
	top:0px;
	left:0px;	
	margin-bottom:40px;
	margin-left:48px;
}
.content-top-text{
	position:relative;
	top:0px;
	left:0px;	
	padding-top:85px;
	margin-left:62px;
	border-bottom:3px solid #E41922;
	font-size:26px;
	line-height:30px;
	width:239px;
}
.content-top-text a{
	font-size:22px;
	color:#e41922;
	text-decoration:none;
}
.content-top-text a:hover{
	font-size:22px;
	color:#e41922;
	text-decoration:underline;
}
.content-top-picture{
	position:relative;
	top:0px;
	left:0px;
	margin-top:-174px;
	margin-left:268px;
}
.button-left{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:230px;
	margin-left:290px;
}
.button-right{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:230px;
	margin-left:772px;
}
.navi-slider{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:610px;
	margin-left:520px;
}
.navi-slider img{
	margin-right:5px;
}
.content-title{
	position:relative;
	top:0px;
	left:0px;	
	margin-left:29px;
	margin-top:-32px;
	font-size:26px;
	line-height:18px;
	font-weight:normal;
}
.content-title span{
	background-color:White;	
	padding-right:29px;
}	
.content-title-subpages{
	position:relative;
	top:0px;
	left:0px;	
	margin-left:29px;
	margin-top:-16px;
	font-size:22px;
	line-height:18px;
	font-weight:normal;
}
.content-title-subpages span{
	background-color:White;	
	padding-right:20px;
}
.line{
	position:relative;
	width:925px;
	margin-left:29px;
	border-bottom:3px solid #E41922;
}
.content{
	position:relative;
	top:0px;
	left:0px;	
	width:900px;
	margin-left:29px;
	padding-right:29px;
}
.copyright{
	position:relative;
	top:0px;
	left:0px;	
	height:32px;
	color:White;
	font-size:22px;
	background-color:#656565;
	width:954px;
	text-align:center;
	padding-top:12px;
}
.navi-bottom{
	position:relative;
	top:0px;
	left:0px;	
	height:32px;
	color:White;
	font-size:20px;
	background-color:#E41922;
	width:954px;
	padding-top:5px;
	color:White;
}
.navi-bottom a{
	color:White;
	text-decoration:none;
}
.navi-bottom a:hover{
	color:White;
	text-decoration:underline;
}
.navi-bottom-services-activ a{
	color:Black;
	text-decoration:none;
	float:left;
}
.navi-bottom-services-activ a:hover{
	color:Black;
	text-decoration:underline;
	float:left;
}
.navi-bottom-home{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-left:29px;
	margin-right:194px;
}
.navi-bottom-services{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
}
.navi-bottom-point{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	background-image:url(../img/bg/bg-point.gif);
	background-repeat:no-repeat;
	width:30px;
	height:25px;
}
.navi-bottom-contact{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-left:115px;
}
.contact{
	position:absolute;
	top:0px;
	left:645px;	
	width:172px;
	height:100px;
	background-image:url(../img/bg/bg-contact.gif);
	background-repeat:no-repeat;
	color:White;
	text-align:center;
	font-size:19px;
	padding-top:20px;
	line-height:26px;
	letter-spacing:1px;
}
.contact-bettcetera{
	position:absolute;
	top:0px;
	left:645px;	
	width:172px;
	height:100px;
	background-image:url(../img/bg/bg-contact-bettcetera.gif);
	background-repeat:no-repeat;
	color:White;
	text-align:center;
	font-size:19px;
	padding-top:20px;
	line-height:26px;
	letter-spacing:1px;
}
.facebook{
	position:absolute;
	top:40px;
	left:845px;	
	width:31px;
	height:30px;
	background-image:url(../img/bg/facebook.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.facebook:hover{
	position:absolute;
	top:40px;
	left:845px;	
	width:31px;
	height:30px;
	background-image:url(../img/bg/facebook-hover.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.twitter{
	position:absolute;
	top:40px;
	left:884px;	
	width:31px;
	height:30px;
	background-image:url(../img/bg/twitter.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.twitter:hover{
	position:absolute;
	top:40px;
	left:884px;	
	width:31px;
	height:30px;
	background-image:url(../img/bg/twitter-hover.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
}
.newsletter{
	position:absolute;
	top:700px;
	left:50px;
	width:196px;
	height:196px;
	background-image:url(../img/bg/newsletter.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;	
	z-index:1000000;
}
.newsletter:hover{
	position:absolute;
	top:700px;
	left:50px;
	width:196px;
	height:196px;
	background-image:url(../img/bg/newsletter-hover.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
		
}
.subnavi{
	margin-top:40px;
}
.subnavi-entry{
	float:left;
}
.subnavi-entry-activ{
	float:left;
}
.subnavi-entry a{
	font-size:20px;
	color:#1C1C1B;
	text-decoration:none;
}
.subnavi-entry a:hover{
	font-size:20px;
	color:#E31921;
	text-decoration:none;
}
.subnavi-entry-activ a{
	font-size:20px;
	color:#E31921;
	text-decoration:none;
}
.subnavi-entry-activ a:hover{
	font-size:20px;
	color:#1C1C1B;
	text-decoration:none;
}
.subnavi-spacer{
	float:left;
	width:18px;
	height:14px;
	background-image:url(../img/bg/bg-subnavi-spacer.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	margin-left:1px;
}
.subpages-content-left{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-top:55px;
	margin-right:20px;
	width:351px;
}
.subpages-content-right{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	width:535px;
	margin-top:55px;
}
.subpages-content-big{
	position:relative;
	top:0px;
	left:0px;
	margin-top:55px;
	width:850px;
}
.hersteller-logos{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:15px;
	margin-top:20px;
	margin-bottom:20px;
}
.hersteller-logos-wo-mt{
	position:relative;
	top:0px;
	left:0px;	
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}
.content-hersteller-logos-gesamt{
	position:relative;
	top:0px;
	left:0px;	
	width:880px;
	margin-left:49px;
	padding-right:29px;
	margin-top:-40px;
}
.subpages-button-left{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:150px;
	margin-left:30px;
}
.subpages-button-right{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:150px;
	margin-left:395px;
}
.topbild{
	position:absolute;
	top:0px;
	left:0px;
	width:535px;
	height:470px;
	background-image:url(../img/bg/bg-topbild.png);
	background-repeat:no-repeat;
}
.topbild-bettcetera{
	position:absolute;
	top:0px;
	left:0px;
	width:535px;
	height:470px;
	background-image:url(../img/bg/bg-topbild-bettcetera.png);
	background-repeat:no-repeat;
}
.topbild-startseite{
	position:absolute;
	top:4px;
	left:268px;
	width:686px;
	height:600px;
	background-image:url(../img/bg/bg-topbild-startseite.png);
	background-repeat:no-repeat;
	z-index:10000;
}
/* Gallery */
.picture-gallery{
	position:relative;
	top:0px;
	left:0px;	
	width:208px;
	height:154px;
	background-image:url(../img/bg/bg-gallery.png);
	background-repeat:no-repeat;
	float:left;
	margin-top:20px;
	padding-top:14px;
	padding-left:17px;
}
/* Formulare */
.kontakt-left{float:left;width:140px;padding-top:13px;}
.kontakt-right{float:left;width:420px;}
.textfeld{background-color:#EDEDED;border: 1px solid #656565;color: Black;height: 30px;margin-bottom: 10px; padding: 5px;width: 400px;font-size:14px;}
.textfeld-select{background-color: #EDEDED;border: 1px solid #656565;color: Black;height: 40px;margin-bottom: 10px;padding: 5px;width: 80px;font-size:14px;}
.textfeld-error{background-color: #EDEDED;border: 1px solid #E41922;color: Black;height: 30px;margin-bottom: 10px;padding: 5px;width: 400px;font-size:14px;}
.button_kontaktformular{background-color: #E41922;border: medium none;border-radius: 5px 5px 5px 5px;color: #FFFFFF;cursor: pointer;font-size: 14px;height:40px;padding: 6px;width: 200px;}
/* Scrolling Bildergalerie */
/* this makes it possible to add next button beside scrollable */
.scrollable{float:left;}
/* prev, next, prevPage and nextPage buttons */
a.browse{display:block;width:32px;height:100px;float:left;cursor:pointer;font-size:1px;}
a.right{background:url(../img/signs/gallery-right.png) no-repeat;position:absolute;top:45px;left:845px;z-index:10;}
a.left{background:url(../img/signs/gallery-left.png) no-repeat;position:absolute;top:45px;left:17px;z-index:10;} 
/* disabled navigational button */
a.disabled{visibility:hidden !important;}
/* root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable{position:relative;overflow:hidden;width:900px;height:170px;z-index:1;margin-bottom:20px;}
.scrollable .items{width:20000em;position:absolute;clear:both;}
.items div{float:left;width:900px;}
/* Startseite Slider */
.gallery_nav { position: absolute; top: 645px; left: 500px; z-index: 100; margin: 0; }
.gallery_nav li { float: left; list-style: none; margin: 0 0 0 5px; padding: 0; }
.gallery_nav a { width: 17px; height: 17px; display: block; background:url(../img/signs/bullet-off.gif) no-repeat 0 0;z-index:1000;}
.gallery_nav span { position: absolute; left: -9999px; }
.gallery_nav .on a { width: 17px; height: 17px; display: block; background:url(../img/signs/bullet-on.gif) no-repeat 0 0;}
#gallery div { position: relative;top:0px;}
#gallery_images { margin: 0; padding: 0; list-style: none; }
#gallery_images li { position: absolute; top: 0; left: 0; z-index: 50; list-style-image:none; }
############## CSS ###########################
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.cc-banner .cc-message {
  font-size: 14px;
  line-height: 1.4;
}
.cc-revoke, .cc-window {
	  z-index: 9999999;
}
.navi-bottom-services {
  margin-left: 10px;
}
.navi-bottom-contact {
  margin-left: 235px;
}
.cc-invisible { display:none; }