@charset "utf-8";

html             { overflow: scrollbars-vertical!important; overflow-x:hidden!important; overflow-y: scroll!important;}

body             { padding-top: 0px; padding-bottom: 0px; font-size: 13.5px; color:#525151; font-family: 'Open Sans', sans-serif; background-color:#d7d7d7;
					/*background-image:url(http://www.bs-bs.ch/cms/images/bg/6.jpg);  background-repeat:repeat-x; background-position: 0px 0px; */ }

/*Header-------------------------------------------------------------------------*/
.container               { background-color:#transparent;  border-left:solid 0px #ebebeb; border-right:solid 0px #ebebeb;}
.content                 { margin-top: 0px; margin-bottom: 100px; background-color:#fff; padding-left: 40px!important; padding-right: 10px!important; min-width:1220px; }

.logoheader              { margin: 0px 0px 0px -20px; background-color:#FFFFFF; border:solid 0px #000; padding: 0px 10px 0px 0px; max-width:1210px;}
.logohandhelt            { display:none}
.logo                    { margin: 0px 0px 0px 0px;border:solid 0px #cccccc; }

.adresse                 { text-align:right;  font-size: 11.5px; line-height:25px;   margin: 5px 0px 0px 0px!important; padding: 0px 0px 0px 0px; min-width:300px; border:solid 0px #cccccc; float:right; }
.mailbutton              { margin: -4px 0px 0px 0px;}
.slider                  { margin: 0px -8px 0px 0px; padding: 0px 0px 0px 0px; border:solid 0px #cccccc;}
.slide_right             { display:none!important;}

.adresse-handhelt        { display:none}

			#navigationsbox            { margin: 0px 0px 50px -10px!important; border:solid 0px #cccccc;}
			.search                    {  margin: 14px 0px 0px 0px; }
			.form-control          { width:180px!important; float:right;}
			
			
			.slogan                { padding:20px 0px 0px 40px; color:#464646;  text-shadow: 1px 1px 1px #ccc;}
			
			
							
			.row                   { padding-bottom:0px!important;}
.navbar-toggle-logo { display:none}
				
/*Navigation----------hellgruen---8dda13------------dunkelgruen-038e6b-------------------------------------------*/	


.navform               { margin: 0px 0px 30px 0px;  padding:0px 0px 0px 0px;   }
.navchapuy             { margin: -51px 0px 0px 110px; position:absolute; }
			
.navbar-wrapper .navbar        { border-radius: 0px; margin: 0px 0px 0px 0px; max-width:862px; border: 0px solid #000;  }
.navbar-inverse {
    background-color: #8dda13;
    border-color: #transparent;
}



.navbar-inverse .navbar-nav > li > a {
    color: #000;
}
.navbar-nav > li > a {
    padding-bottom: 12px;
    padding-top: 12px;  padding-left: 22px;  padding-right: 22px; border-right: 0px solid #000; border-top: 0px solid #333;  
}
.navbar-nav > li > a {
    line-height: 32px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #999!important;
}
/*f0ad4e*/

.navbar-collapse {
    border-top: 0px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    max-height: 380px;
    overflow-x: visible;
    padding-left: 0px;
    padding-right: 0px;  
}




.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.search               { float:right; margin: 5px -28px 0px 0px; width:auto;}	
.form-control         { width:174px!important; margin: 0px 0px 0px 0px; background-color:#666666!important; border:solid 0px #000!important;  height:34px!important;}	
.form-control::-moz-placeholder   { color: #fff; }













.subnavigation           {  margin: 0px 0px 0px 0px!important;}
.produktenav             /*{ min-width:280px;}*/
.produktenavbar          {  margin: 2px 0px 0px 0px!important;}

.caret                   { margin:0px 0px 0px 10px;}


div.mietbedingungen { border:solid 1px #ebebeb; margin: 20px 0px 20px 0px; padding:10px 10px 20px 10px; 
     background:#fff;  /* Start*/
    transition-property: width, background;
    transition-duration: 2s, 1s;
}
div.mietbedingungen:hover {
     background:#f0f7f5; /* Ziel */
}

.dokus                   {  margin: 5px 5px 0px 0px; float:right;}



/*SEARCH------------------------------------------------------------------------*/
.search                  {  margin:-2px 25px 0px 0px!important; padding:0px 0px 0px 0px; }
.input-group             { width:300px!important; float:right;  padding:0px 0px 0px 0px; }
.btn-default             { background-color:#ebebeb; height:25px; background-position: 0px 0px!important;}
.form-control            { background-color:#; color:#000!important; height:25px;}



/*Printheader------------------------------------------------------------------------*/

.printheader             { display:none!important;}


<!--Newsanzeige---------------------------------------->


.newsboxbs              { border: 0px solid  #ccc!important; padding: 10px!important;}
.newsboxbs h1       {  margin: 10px 0px 0px 3px!important; }
.newsboxbs  img     { border: 1px solid #ccc!important;  margin: 3px 0px 0px 0px; }	

.newsvorschau                  {  margin: 5px 0px 10px 0px; }
.news-item-day                 { font-weight:normal; }
.newstitel                     {  padding: 10px 0px 0px 0px!important; }
.news-content                  {  margin: 15px 0px 20px 0px; border-bottom:solid 0px #ccc; border: 0px solid  #ccc!important;  padding: 20px 20px 20px 0px; background-color:#f2f2f3;}

.newsbild                      { float:right; margin: 0px 0px 0px 20px; }
.newsh2                        { padding: 0px 0px 10px 0px;}
.nescontent                    { min-height:150px;}
/*THEMEN-STARTSEITE-------------------------------------------------------------------------*/

#themen                    { width:99.5%; margin: 0px 0px 0px 20px;}
.inhaltthemenstart         { margin-top: 50px; align:center;}

.themenbox                { padding:0px 0px 0px 10px!important; border: 0px solid #ccc;  float:left; margin: 0px 0px 20px 0px;  }

.themen               { max-width:230px; padding:12px 12px 28px 12px!important;  }




.headerthemen            { padding:8px; margin: 0px 0px 0px 0px;  border: 1px solid #ccc; font-weight: bold;  font-size: 15.0px; max-width:234px!important; text-align:center; background-color:#f2f2f3;}
.bildthemen              { padding:0px; margin: -1px 0px 0px 0px; border: 1px solid #ccc; max-width:234px!important;}
.bildthemen    img       {  max-height:170px!important;}


.anlesethemen            { padding:20px 0px 20px 0px; margin: 0px 0px 0px 0px;}

.themenbutton              { float:right; color:#000000!important; margin: 10px 3px 0px 0px!important; }

.inhaltstext-startseite    { border: 0px solid #ccc!important; margin: 0px 0px 0px 0px; max-width:580px;}
.inhaltstext-startseite  img  { border: 1px solid #ccc!important; }


/*HR-Linie------------------------------------------------------------------------*/

.featurette-divider      { padding:0px 0px 30px 0px; margin: 0px 0px 0px 0px;}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ebebeb -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px; margin-right: 0px; margin-left: 0px;
}				


.inhalthr   { margin-top: 20px; margin-right: 50px; margin-left: 20px;}
				
/*Inhalt-------------------------------------------------------------------------*/				
.inhaltstext-startseite    { border: 0px solid #ccc;  margin: 0px 0px 0px 24px; background:#ffffff;  transition-property: width, background; transition-duration: 2s, 1s;}
.inhaltstext-startseite:hover {background:#f0f7f5; }

.contentstartseite         { margin-top: 20px!important;}

.inhaltcontent             { margin: 20px 0px 0px 0px; padding:0px 0px 0px 0px!important;}
.contenttext               { margin: 10px 0px 0px 20px; border-left:solid 0px #ccc; padding:20px; max-width:90%;}
.contentbild               { margin: 75px 0px 20px -10px; max-width:480px; }
.contentbild   img         { border: 1px solid #ccc!important; max-width:440px;/*-webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.4); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.4);*/ }

.contentbildgoogle               { margin: 75px 0px 20px 0px!important; max-width:480px; }
.contentbildgoogle   img         { border: 1px solid #ccc!important; /*-webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.4); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.4);*/ }





			.textboxformfarbe               { margin: 0px 0px 60px 0px!important; padding:0px 0px 0px 0px; background-color:#; border: 0px solid #333;}	
			.border                         { border: 1px solid #000;}
			
			
			
			.textboxformfarbe li            { list-style:disc;/* list-style:none;*/ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px!important;  /* background-image:url(../images/buttons/fon.png); background-repeat:no-repeat;  background-position: 0px 0px;*/ }
			.lieferantenbox		            { text-align:center; margin: 20px 0px 60px 45px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px; max-width:220px;}		
			.tablelieferanten     td        { padding:10px; }				
							
			.teambox		                { text-align:center; margin: 20px 0px 60px 30px!important; padding:10px 10px 10px 10px; background-color:#; border: 0px solid #333;  max-width:245px;}				
			.teambox  img                   { webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px; }
			
			iframe           	            {  padding:10px 10px 10px 10px; background-color:#fff; border: 1px solid #333; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px; }		
							
			.adressprint                { display:none!important;}
							

#unoslider      { margin: 0px 0px 30px 0px;}



/*GOOGLE-MAPS-------------------------------------------------------------------------*/	
iframe   {   margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px;  border:solid 1px #ebebeb!important;}





/*Logobox-------------------------------------------------------------------------*/	
.logobox        { width:100%; text-align:center; background-color:#FFFFFF; margin: 20px 0px 0px 0px;  padding:20px 0px 30px 0px; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;}
.logoboxtext    { width:100%; text-align:left; background-color:#ddd; margin: 30px 0px 0px 0px;  padding:10px 0px 5px 10px; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;}


/*--Footer--Sidemap----------------------------------------------------------------------------------2d2d2d-------------------------------------------*/

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px 5px; max-width:96%; min-height:30px; background-color:#fff; border-top:solid 0px #ebebeb; color:#353535; padding: 0px 0px 10px 0px;}
.lieferanten          { padding: 0px 5px 0px 5px;}

.liefertable          {margin: 0px  auto; }

				
/*--FONTS------------------------------------------------------------------------------------2d2d2d-------------------------------------------*/
				
			
h1        { font-size: 25.0px; font-family: 'Open Sans', sans-serif;    margin: 10px 0px 20px 0px;}
h2        { font-size: 25.0px; font-family: 'Open Sans', sans-serif;    margin: 10px 0px 20px 0px; border-bottom:solid 1px #ebebeb; padding:0px 0px 5px 0px;}
h3        { font-size: 18.0px; font-family: 'Open Sans', sans-serif;    margin: 10px 0px 20px 0px; border-bottom:solid 0px #ebebeb;}
h4        { font-size: 15.0px; font-family: 'Open Sans', sans-serif;    margin: 0px 0px 20px 0px; border-bottom:solid 0px #ebebeb; font-weight:bold; border-bottom:solid 1px #ebebeb; line-height:22px; padding: 0px 0px 7px 0px; }


h6        { font-size: 14px!important;  font-family: 'Open Sans', sans-serif; font-weight:bold; }
h5        { font-size: 0.9em!important;  font-family: 'Open Sans', sans-serif; }

				

/*--SYSTEM------------------------------------------------------------------------------------2d2d2d-------------------------------------------*/
.contenttext	  li  { list-style:none; margin: 1px 0px 0px -15px; padding: 0px 0px 0px 20px;  font-weight : normal; line-height:22px;  background-image:url(../images/buttons/li-orange.png); 
						background-repeat:no-repeat;  background-position: 0px 6px; }

.liststyle            { list-style:none; margin: 1px 0px 0px -15px; padding: 0px 0px 0px 20px;  font-weight : normal; line-height:22px;  background-image:url(../images/buttons/li-orange.png); 
						background-repeat:no-repeat;  background-position: 0px 11px; width:180px; }



/* T E A M  //////////////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------*/
#team                 { width:100%; margin: 0px 0px 0px 0px; border:solid 5px #000; padding: 0px 0px 0px 0px;}
.teamboxbs            { width:100%; height:auto; padding:0px 10px 10px 10px; margin: 0px 20px 0px 0px;    float:left; border-top: 1px solid #e1e1e1;}
span.name             { width:50%; height:auto; padding:0px 0px 0px 0px; margin: 15px 0px 0px 0px;   float:left; border: 0px solid #000; font-weight : bold;}
span.titel            { width:50%; height:auto; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px;  float:left; border: 0px solid #000;}
span.fon              { width:50%; height:auto; padding:0px 0px 0px 0px; margin: 16px 0px -10px 0px;    float:left; border: 0px solid #000;  border:solid 0px #B5B6B7;}
span.fax              { width:50%; height:auto; padding:0px 0px 0px 0px; margin: -5px 0px 0px 0px;    float:left; border: 0px solid #000;  border:solid 0px #B5B6B7;}
span.mail             { width:50%; height:auto; padding:0px 0px 0px 0px; margin: 10px 0px 0px 0px;   float:left; border: 0px solid #000;}
img.teambild          { float:right; padding:5px; margin: 10px 0px 0px 0px;  border:solid 1px #c3c4c4!important; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}		

#textarea              { } 
			
#teamausgabethemen  img   { width:70px; float:right; margin: 20px 0px 10px 0px; }
 

.teamsmall   { float:left; margin: 10px 10px 10px 0px; border:solid 1px #d1d1d1;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
					-webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  4px 8px 4px 8px; background-color:#fff;}

#teamausgabethemen  .fon               { width:auto; height:auto; padding:0px 0px 0px 0px; margin: 16px 0px -10px 0px; }
#teamausgabethemen   .teamboxbs        { width:100%; height:auto; padding:0px 5px 0px 5px; margin: -20px 20px 5px 0px;    float:left; border-top: 0px solid #e1e1e1;}
.mailbuttonteam                        { width:30px!important;  margin: 0px 0px 0px 0px; float:left!important; }
#teamausgabethemen  .mail              { width:100%; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; float:left;} 


	

	
.rechtsteam        { float:right; margin: 35px -10px 20px 0px; }	
	
#teamoverview     .teamsmall  { max-width:570px; padding:0px 0px 0px 20px;}	
#teamoverview	  .name       { margin: 10px 0px 0px 0px; }
#teamoverview     .teambox    { border-bottom: 0px solid #ccc;}


.ansprechpartner   { float:left; margin: 15px 0px -5px 0px; border:solid 1px #d1d1d1; width:216px;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight:bold;
					-webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  4px 8px 4px 8px; background-color:#d9d9d9;}
					
#teamausgabethemen  .fax { display:none;}

.produktid   { float:right;  font-size: 9px; }
					
/* M E N U  //////////////////CA6C02////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------*/					
li.active a   { color:#000!important; background-color:#fec90c!important; }						
li.active a:hover   { color:#fff!important;}


.dropdown-menu > li > a { background-color:#fff!important; }
.dropdown-menu > li > a:hover { color:#9d0404!important;background-color:#eee!important; }

.active              {  margin: 0px 0px 0px 0px;  background-color:#fff!important; }

.navigation li.active a  { color:#CA6C02!important; background-color:#fff!important;   margin: 0px 0px 0px 0px; border-left: 1px solid #ccc!important; border-right: 1px solid #ccc!important;}


.subnavigation  li a               { color:#525151!important; background-color:#c5c5c5!important;   margin: 0px 0px 0px 0px!important; border-left: 0px solid #000!important; border-right: 0px solid #000!important;}
.subnavigation  li a:hover         { color:#fff!important; background-color:#ccc!important;   margin: 0px 0px 0px 0px; border-left: 0px solid #fff!important; border-right: 0px solid #fff!important;} 
.subnavigation  li.active a        { color:#000!important; background-color:#fec90c!important;   margin: 0px 0px 0px 0px; border-left: 0px solid #fff!important; border-right: 0px solid #fff!important;}





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




#menu_1  a:link       { /*padding: 10px 27px 10px 26px!important; background-image:url(../images/logo/header-logo-1-white.png); background-repeat:no-repeat;  background-position: 16px 12px; min-width:90px; height:30px;*/}
#menu_1  a:visited    { /*background-image:url(../images/logo/header-logo-1-white.png)!important; background-repeat:no-repeat;*/  background-color:#666666;}
#menu_1  a:active     { /*background-image:url(../images/logo/header-logo-1-white.png)!important; background-repeat:no-repeat;*/  background-color:#666666;}
#menu_1  a:hover      { /*background-image:url(../images/logo/header-logo-1-white.png); background-repeat:no-repeat; */}






/*Login*/
.maillogin       { width:93%; margin: 10px 0px 10px 0px!important;}
.passlogin       { width:90%; margin: 0px 0px 10px 0px!important;}
.loginbox               { border:solid 1px #d1d1d1; margin: 20px 0px 20px 0px;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2); 
						box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2); padding: 10px;  background-color:#;}


	
.form-search      { float:right; margin: 12px 5px 0px 0px;}	
.formsize         { width:120px!important; margin: 0px 0px 0px 0px; background-color:#666666!important; border:solid 1px #000!important; color:#CCCCCC!important; height:15px!important;}	

#systeme-titel   { background-color:#d9d8d8; text-indent:12px; line-height:32px; font-weight:bold; padding: 0px 0px 2px 0px; border:solid 0px #ccc; font-size: 1.2em!important;}
#systeme-titel p  { margin: -30px 0px 0px 25px; }
 	
span.mail        { margin: 20px 0px 0px 0px;}
	.shadow   { -webkit-box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2);}
	.borderround   { webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
    
	.slidebild     { border:solid 1px #d1d1d1; margin: 0px 0px 0px 0px;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2);}
	

	
.big  li     { list-style:none;  background-image:url(../images/buttons/li-orange.png); margin: 1px 0px 0px -15px; padding: 0px 0px 0px 20px; 
					background-repeat:no-repeat;  background-position: 0px 2px; }
.big   { border-bottom:solid 0px #d1d1d1; padding: 0px 0px 20px 0px;}

.rechts      { float:right; margin: 5px -40px 20px 0px; }
.rechtsimg   { float:right;  border:1px solid #bdbcbc; overflow:hidden; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
               width:240px; display:block;  margin: 38px 0px 5px 0px; padding: 8px; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); }					


.inhaltsbilder  img  {  border:1px solid #ccc; margin: 20px 16px 0px 0px; padding: 8px; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); 
						box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}


/*--Google-Map---------------------------------------------------*/
.googlemap           {  width:98%;  border:solid 1px #d1d1d1; padding: 6px 6px 2px 6px; margin: 10px 0px 0px 0px!important;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
						-webkit-box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 2px 1px rgba(176, 176, 176, 0.2);float:right; }
.googletext          { border-bottom:solid 0px #d1d1d1; padding: 0px 40px 20px 0px;}	
.google              { margin: 0px 0px 0px 20px;}
.boxright            { float:left;}
	
.de       { padding:  0px 0px 0px 0px; margin: 0px 0px 0px 0px;}     
.en       { padding:  0px 0px 0px 0px; margin: 0px 0px 0px 0px;}  


.mask   {min-width:140px!important;}
#ei-slider  h2     { border-bottom:solid 0px #ccc;}
  
hr.headerbilder    { margin: 0px 0px 10px 20px;  width:75%; border-top:1px solid #005580; }


/*Higslide-images----------------------------------------------------------------------------------------------------------------*/

a.highslide:link     {   border:1px solid #bdbcbc; overflow:hidden; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
                         display:block; float:left; margin: 0px 15px 20px 0px; padding: 8px; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); }	
a.highslide:visited  {  border:1px solid #bdbcbc; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	
a.highslide:active   {  border:1px solid #bdbcbc; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	
a.highslide:hover    {  border:1px solid #bdbcbc; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;  background-color: #dddcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;   
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	



.highslide img   	 {width:100%!important; height:auto; bottom:0px!important; }					
.higslidebilder      { margin: 0px 0px 80px 0px; }

#menuakt       li.active a  { color:#0873ba!important; background-color:#abaaaa!important;}
#menuaktfirst  ul.active a { color:#fff; background-color:#abaaaa!important;}
													

a.highslideprodukte:link     {   border:1px solid #bdbcbc; overflow:hidden; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  
                         display:block; float:left; margin: 20px 15px 10px 0px; padding: 8px; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); }	
a.highslideprodukte:visited  {  border:1px solid #bdbcbc; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	
a.highslideprodukte:active   {  border:1px solid #bdbcbc; filter:alpha(opacity=90);  opacity: 0.9; -moz-opacity:0.9;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	
a.highslideprodukte:hover    {  border:1px solid #bdbcbc; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0;  background-color: #dddcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;   
						/*width:136px; height:103px;*/ display:block; float:left; color:transparent!important; -webkit-box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5); box-shadow:  1px 1px 3px 1px rgba(176, 176, 176, 0.5);}	
.highslideprodukte img   	 {width:136px!important; height:120px; }



	
a.team:link       {   color : #;  display:block; padding: 8px 0px 8px 15px;  background-color:#F6F5F5;  }
a.team:visited    {   color : #;  display:block; padding: 8px 0px 8px 15px;  }	
a.team:active     {   color : #;  display:block; padding: 8px 0px 8px 15px;   }	
a.team:hover      {   color : #fff!important;  display:block; text-decoration:none; padding: 8px 0px 8px 15px; background-color:#0873ba;  }	

a.newsletter:link       {   color : #525151;  display:block; padding: 8px 0px 8px 15px;  background-color:#F6F5F5; font-weight:bold;  }
a.newsletter:visited    {   color : #525151;  display:block; padding: 8px 0px 8px 15px;  font-weight:bold;}	
a.newsletter:active     {   color : #525151;  display:block; padding: 8px 0px 8px 15px;  font-weight:bold; }	
a.newsletter:hover      {   color : #fff!important;  display:block; text-decoration:none; padding: 8px 0px 8px 15px; background-color:#0873ba; font-weight:bold; }	

a.archiv:link       {   color : #525151; width:20px;   padding: 8px 0px 8px 15px;  background-color:#F6F5F5; font-weight:bold;  }
a.archiv:visited    {   color : #525151;   padding: 8px 0px 8px 15px;  font-weight:bold;}	
a.archiv:active     {   color : #525151;   padding: 8px 0px 8px 15px;  font-weight:bold; }	
a.archiv:hover      {   color : #fff!important;  text-decoration:none; padding: 8px 0px 8px 15px; background-color:#0873ba; font-weight:bold; }	








/*a:link       {   color : #ca6c02; }
a:visited    {   color : #ca6c02;    }	
a:active     {   color : #ca6c02;    }	
a:hover      {   color : #000;  text-decoration:none;  }	
*/

a.impressum:link       {   color : #ccc;  padding: 0px;   }
a.impressum:visited    {   color : #ccc;  padding: 0px;  }	
a.impressum:active     {   color : #ccc;   padding: 0px;   }	
a.impressum:hover      {   color : #ccc!important;  text-decoration:none; padding: 0px;  }	

			
.textfound      { color : #ca6c02;}
.items  li a    { color : #999; list-style-type:circle!important;  background-image:url()!important;}
.items    li    { list-style-type:circle!important;  background-image:url()!important;}


/*.accordion-heading    { width:50px!important; float:left;  margin: 40px 0px 0px 0px;}*/




/*--PRODUKTE----------------------------------------------------------------------------------------------------------*/	


.borderbottom            { border:solid 1px #ebebeb; float:left;  margin: 0px 0px 10px 0px; max-width:850px; min-height:250px;}
.textproduktovervieuw    { min-height:150px;}

.themenbuttonprodukte    { float:left; color:#000000!important; margin: 10px 3px 5px 0px!important; }

div.demobox {
     background:#ffffff;  /* Start*/
    transition-property: width, background;
    transition-duration: 2s, 1s;
}
div.demobox:hover {
     background:#f0f7f5; /* Ziel */
}

div.demoboxthemen { border:solid 1px #ebebeb;
     background:#ffffff;  /* Start*/
    transition-property: width, background;
    transition-duration: 2s, 1s;
}
div.demoboxthemen:hover {
     background:#f0f7f5; /* Ziel */
}



.mailbuttoninteresse     {  margin: -3px 10px 0px 6px;}
 .produkteinzeln       {  margin: 0px 0px 0px 0px!important;  width:95%!important; border:solid 0px #ebebeb; padding: 0px 8px 8px 15px;}
.produktenav                { margin: 45px 0px 0px 0px;} 
.textboxenprodukteansicht   { margin: 10px 0px 0px 5px;} 

.inhaltprodukte          { margin: 40px 0px 0px 10px;}
.inhaltprodukte    h2    { padding: 0px 0px 10px 0px;}

.produkteover-startseite  { max-width:605px; /*margin-top: 37px*/}


.databaseausgabe         {margin: 0px 0px 0px -35px;}
.verkauft                { font-size: 15.5px; color:#CC0000;}

.beschreibungsbox       { border:solid 1px #d1d1d1; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:  8px 8px 8px 8px; float:right;  max-width:240px;   margin: 43px 0px 0px 15px;
					-webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);}
					
.beschreibung       { border:solid 0px #d1d1d1; webkit-border-bottom-right-radius:20px;  -moz-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; padding:  14px; background-color:#eda721;}
.beschreibung   li   { list-style:none; margin: 1px 0px 0px -25px; padding: 0px 0px 0px 20px;  font-weight : normal; line-height:18px;  background-image:url(../images/buttons/li-quadrat.png); 
						background-repeat:no-repeat;  background-position: 0px 2px; color:#000; }					
					
/*--Produkte-Anzeige-------------*/					

.pdf-anzeige     { width:100%; border:solid 0px #f0eeee; float:left;  margin: 10px 0px 10px 0px;}					
.pdf             { margin: -3px 5px 0px 5px;}
.hr        { border-top:solid 1px #000;}





								
#adresse               { width:250px;   margin: 0px 0px 40px 10px; padding: 0px 0px 0px 0px; border:solid 0px #e20000;  background-color: #transparent;/* font-size: 0.9em;*/ float:left;}
#adresse  img           { width:40px;  margin: 5px 0px 0px 0px;}
spanadresseweb           { padding: 0px 10px 0px 0px; }												
.adressetext           {  margin: 0px 0px 0px 0px; } 	


.suchen    { float:right; margin: 0px -10px 0px 0px;}
.suchenbg   { background-color:#666!important; color:#FFFFFF!important;}
#imaginary_container{
    margin-top:0; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}




@media (min-width: 100px) and (max-width: 221px){


}



@media (min-width: 222px) and (max-width: 321px){
body                     { overflow-x:hidden!important; background-color:#fff; background-image:url(http://www.chapuy-ag.ch/cms/images/bg/bg-black.gif);  background-repeat:repeat-x; background-position: 0px -17px; }
.content                 {  min-width:222px; }
.adresse                 {   margin: 5px 0px 0px -10px!important; padding: 0px 10px 0px 0px;  border:solid 1px #cccccc; float:right; }

.contenttext               { margin: 30px 0px 0px 10px; border-left:solid 0px #ccc; padding:20px; max-width:90%;}
.contentbild               { margin: 20px 0px 0px 14px!important;}
.contentbild   img         { border: 1px solid #ccc!important; max-width:98%;}
.inhaltstext-startseite        { width:78%; border: 0px solid #000;}
.inhaltthemenstart             {  margin: 0px 10px 0px 0px!important}
.themenbox                     {  font-size: 11.0px;}

.textproduktovervieuw    { width:100%;}

.logo-hand-helt                {  margin: 5px 0px 0px -10px; width:100px;} 

.slider                        { margin:63px auto 0px auto; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:90%!important;}
.newsboxbs                     {  margin: 0px 0px 0px 0px;}

.headerthemen            { padding:4px;  font-weight : normal;  font-size: 10.0px;}
.box1                     { margin-top: -80px }
.box2                     { margin-top: -80px }
.box3                     { margin-top: -20px }
.box4                     { margin-top: -20px }

.search                    { display:none;}
.logoheader                { display:none;}

.adresse-handhelt          {font-size: 13.0px;  min-width:220px; float:left; margin: 10px 0px 0px 0px!important; text-align:center; display:block!important;}



.navbar-inverse { 
    background-color: #555555;
    border-color: #transparent; 
}


.navbar-toggle-logo { display:block!important;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px; margin-left: 20px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 5px 5px;
    position: relative; height:51px; 
}

.navbar-header         {  margin: 0px 7% 0px 0px!important; height:59px!important; padding-left: 10px;}
.navbar                { width:770px!important;   margin: 5px 0px 0px -60px!important;  height:59px!important; }
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px; margin-left: 0px;
    margin-top: 8px;
    padding: 7px 7px;
     
}

.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px; 
}
.navbar-collapse { background-color:#999999; overflow-x:hidden!important; width:770px!important;  }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}

#banner             { display:none;}




.mailbuttonadresse    { float:right; margin: 0px 0px 0px 0px;}
.mailbutton           { float:left; margin: 20px 0px 0px 0px;}




.spanadresse        {  border:solid 1px #d1d1d1; -webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  8px 8px 8px 8px; 
 webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#fff;  margin: 0px 0px 20px 0px; }
 

.textboxstart        {   margin: 10px 10px 0px 0px;  width:100%!important;}


.textboxpatente       {  width:100%!important;   margin: 20px 0px 20px 0px!important;  padding-right: 0px; border:solid 1px #e20000;  }


#adresse               {   width:95%;   margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border:solid 0px #e20000;  background-color: #transparent;/* font-size: 0.9em;*/ float:left;}
 .produkteinzeln       {  margin: 0px 0px 0px 0px!important;  width:100%!important; float:left;}

.naviprodukte            { width:90%; margin: 0px 50px 0px 0px;}
.navigationprodukte      { width:90%; margin: 0px 50px 0px 0px;}
.navigation              { width:90%; margin: 0px 50px 0px 0px;}



#unoslider      { margin: 0px 0px 120px -15px; float:left;}

.lieferantenbox		            { margin: -80px 0px 60px 25px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:220px!important;}
.textboxformfarbe               { margin: 0px 0px 60px 20px!important; padding:0px 0px 0px 0px; background-color:#; border: 0px solid #333;}
.teambox		                { margin: -80px 0px 60px 0px!important;  max-width:245px;}
#teamausgabethemen  .fon        { width:100%;}

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}
.footer    img        {  width:100%; height:auto; }

h2        { font-size: 18.0px;  margin: 10px 0px 20px 0px; padding: 0px 0px 5px 0px; }
.jahre   { display:none;}
.suchen   { margin: 50px 0px 0px 0px;}

.overviewhandy   {  font-size: 10.5px;}
h6        { font-size: 10.5px!important;  }

}


@media (min-width: 322px) and (max-width: 365px){
body                     { overflow-x:hidden!important; background-color:#fff; }
.content                 {  min-width:322px; }
.adresse                 {   margin: 5px 0px 0px -10px!important; padding: 0px 10px 0px 0px;  border:solid 1px #cccccc; float:right; }

.contenttext               { margin: 30px 0px 0px 10px; border-left:solid 0px #ccc; padding:20px; max-width:90%;}
.contentbild               { margin: 20px 0px 0px 14px!important;}
.contentbild   img         { border: 1px solid #ccc!important; max-width:98%;}
.inhaltstext-startseite        { width:78%; border: 0px solid #000;}
.inhaltthemenstart             {  margin: 0px 0px 0px 0px!important}
.themenbox                     {  font-size: 11.0px;}
.logo-hand-helt                {  margin: 5px 0px 0px -10px; width:140px;} 

.textproduktovervieuw    { max-width:260px; }

.slider                        { margin:63px auto 0px auto; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:90%!important;}
.newsboxbs                     {  margin: 0px 0px 0px 0px;}

.headerthemen            { padding:4px;  font-weight : bold;  font-size: 11.0px;}
.box1                     { margin-top: -80px }
.box2                     { margin-top: -80px }
.box3                     { margin-top: -20px }
.box4                     { margin-top: -20px }

.search                    { display:none;}
.logoheader                { display:none;}

.adresse-handhelt          {font-size: 13.0px;  min-width:220px; float:left; margin: 10px 0px 0px 0px!important; text-align:center; display:block!important;}



.navbar-inverse { 
    background-color: #555555;
    border-color: #transparent; 
}


.navbar-toggle-logo { display:block!important;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px; margin-left: 20px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 5px 5px;
    position: relative; height:51px; 
}

.navbar-header         {  margin: 0px 7% 0px 0px!important; height:59px!important; padding-left: 10px;}
.navbar                { width:365px!important;  margin: 5px 0px 0px -60px!important;  height:59px!important; }
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px; margin-left: 0px;
    margin-top: 8px;
    padding: 7px 7px;
     
}

.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px; 
}
.navbar-collapse { background-color:#999999; overflow-x:hidden!important; width:770px!important;  }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}


.sidemapfooter           { display:none!important;}



#banner             { display:none;}




.mailbuttonadresse    { float:right; margin: 0px 0px 0px 0px;}
.mailbutton           { float:left; margin: 20px 0px 0px 0px;}




.spanadresse        {  border:solid 1px #d1d1d1; -webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  8px 8px 8px 8px; 
 webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#fff;  margin: 0px 0px 20px 0px; }
 

.textboxstart        {   margin: 10px 10px 0px 0px;  width:100%!important;}


.textboxpatente       {  width:100%!important;   margin: 20px 0px 20px 0px!important;  padding-right: 0px; border:solid 1px #e20000;  }


#adresse               {   width:95%;   margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border:solid 0px #e20000;  background-color: #transparent;/* font-size: 0.9em;*/ float:left;}
 .produkteinzeln       {  margin: 0px 0px 0px 0px!important;  width:100%!important; float:left;}

.naviprodukte            { width:90%; margin: 0px 50px 0px 0px;}
.navigationprodukte      { width:90%; margin: 0px 50px 0px 0px;}
.navigation              { width:90%; margin: 0px 50px 0px 0px;}



#unoslider      { margin: 0px 0px 120px -15px; float:left;}

.lieferantenbox		            { margin: -80px 0px 60px 25px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:220px!important;}
.textboxformfarbe               { margin: 0px 0px 60px 20px!important; padding:0px 0px 0px 0px; background-color:#; border: 0px solid #333;}
.teambox		                { margin: -80px 0px 60px 0px!important;  max-width:245px;}
#teamausgabethemen  .fon        { width:100%;}

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}
.footer    img        {  width:100%; height:auto; }

h2        { font-size: 18.0px;  margin: 10px 0px 20px 0px; padding: 0px 0px 5px 0px; }
.jahre   { display:none;}
.suchen   { margin: 50px 0px 0px 0px;}

.overviewhandy   {  font-size: 10.5px;}
h6        { font-size: 10.5px!important;  }
}




@media (min-width: 366px) and (max-width: 480px) {
body                     { overflow-x:hidden!important; background-color:#fff; background-image:url(http://www.chapuy-ag.ch/cms/images/bg/bg-black.gif);  background-repeat:repeat-x; background-position: 0px -17px; }
.content                 {  min-width:366px; }
.adresse                 {   margin: 5px 0px 0px -10px!important; padding: 0px 10px 0px 0px;  border:solid 1px #cccccc; float:right; }

.contenttext               { margin: 30px 0px 0px 10px; border-left:solid 0px #ccc; padding:20px; max-width:90%;}
.contentbild               { margin: 20px 0px 0px 14px!important;}
.contentbild   img         { border: 1px solid #ccc!important; max-width:98%;}
.inhaltstext-startseite        { width:85%; border: 0px solid #000;}
.inhaltthemenstart             {  margin: 0px 0px 0px 0px!important}
.logo-hand-helt                {  margin: 2px 0px 0px -10px; width:150px;} 

.textproduktovervieuw    { width:95%; }
.slider                        { margin:63px auto 0px auto; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:90%!important;}
.newsboxbs                     {  margin: 0px 0px 0px 0px;}

.headerthemen            { padding:4px;  font-weight : normal;  font-size: 12.0px;}
.box1                     { margin-top: -70px }
.box2                     { margin-top: -70px }
.box3                     { margin-top: -20px }
.box4                     { margin-top: -20px }

.search                    { display:none;}
.logoheader                { display:none;}

.adresse-handhelt          {font-size: 13.0px;  min-width:220px; float:left; margin: 10px 0px 0px 0px!important; text-align:center; display:block!important;}



.navbar-inverse { 
    background-color: #555555;
    border-color: #transparent; 
}


.navbar-toggle-logo { display:block!important;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px; margin-left: 20px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 5px 5px;
    position: relative; height:51px; 
}

.navbar-header         {  margin: 0px 7% 0px 0px!important; height:59px!important; padding-left: 10px;}
.navbar                { width:480px!important;  margin: 5px 0px 0px -60px!important;  height:59px!important; }
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px; margin-left: 0px;
    margin-top: 8px;
    padding: 7px 7px;
     
}

.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px; 
}
.navbar-collapse { background-color:#999999; overflow-x:hidden!important; width:770px!important;  }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}
.sidemapfooter           { display:none!important;}



#banner             { display:none;}




.mailbuttonadresse    { float:right; margin: 0px 0px 0px 0px;}
.mailbutton           { float:left; margin: 20px 0px 0px 0px;}




.spanadresse        {  border:solid 1px #d1d1d1; -webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  8px 8px 8px 8px; 
 webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#fff;  margin: 0px 0px 20px 0px; }
 

.textboxstart        {   margin: 10px 10px 0px 0px;  width:100%!important;}


.textboxpatente       {  width:100%!important;   margin: 20px 0px 20px 0px!important;  padding-right: 0px; border:solid 1px #e20000;  }


#adresse               {   width:95%;   margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border:solid 0px #e20000;  background-color: #transparent;/* font-size: 0.9em;*/ float:left;}
 .produkteinzeln       {  margin: 0px 0px 0px 0px!important;  width:100%!important; float:left;}

.naviprodukte            { width:90%; margin: 0px 50px 0px 0px;}
.navigationprodukte      { width:90%; margin: 0px 50px 0px 0px;}
.navigation              { width:90%; margin: 0px 50px 0px 0px;}



#unoslider      { margin: 0px 0px 120px -15px; float:left;}

.lieferantenbox		            { margin: -80px 0px 60px 25px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:220px!important;}
.textboxformfarbe               { margin: 0px 0px 60px 20px!important; padding:0px 0px 0px 0px; background-color:#; border: 0px solid #333;}
.teambox		                { margin: -80px 0px 60px 0px!important;  max-width:245px;}
#teamausgabethemen  .fon        { width:100%;}

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}
.footer    img        {  width:100%; height:auto; }

h2        { font-size: 18.0px;  margin: 10px 0px 20px 0px; padding: 0px 0px 5px 0px; }

.jahre   { display:none;}
.suchen   { margin: 50px 0px 0px 0px;}

.overviewhandy   {  font-size: 10.5px;}
h6        { font-size: 10.5px!important;  }
}
 



 
 
 	   

@media (min-width: 481px) and (max-width: 767px)  {
body                     { overflow-x:hidden!important; background-color:#fff;  }
.content                 {  min-width:481px;  }
.adresse                 {   margin: 5px 0px 0px -10px!important; padding: 0px 10px 0px 0px;  border:solid 1px #cccccc; float:right; } 

.contenttext               { margin: 30px 0px 0px 10px; border-left:solid 0px #ccc; padding:20px; max-width:90%;}
.contentbild               { margin: 20px 0px 0px 14px!important;}
.contentbild   img         { border: 1px solid #ccc!important; max-width:98%;}
.inhaltstext-startseite        { width:85%; border: 0px solid #000;}
.inhaltthemenstart             {  margin: -50px 0px 0px 30px!important}
.box1                     { margin-top: -50px }
.box2                     { margin-top: -50px }
.box3                     { margin-top: -20px }
.box4                     { margin-top: -20px }

.textproduktovervieuw    { max-width:90%!important; }

.slider                        { margin:63px auto 0px auto; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:95%!important;}
.newsboxbs                     {  margin: 0px 0px 0px 0px;}

.headerthemen            { padding:4px;  font-weight : normal;  font-size: 12.0px;}

.search                    { display:none;}
.logoheader                { display:none;}

.adresse-handhelt          {font-size: 13.0px;  min-width:220px; float:left; margin: 10px 0px 0px 0px!important; text-align:center; display:block!important;}



.navbar-inverse { 
    background-color: #555555; width:770px!important;
    border-color: #transparent; 
}


.navbar-toggle-logo { display:block!important;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px; margin-left: 20px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 5px 5px;
    position: relative; height:51px; 
}

.navbar-header         {   height:59px!important; padding-left: 10px;  min-width:767!important;   }
.navbar                {  width:767!important;  margin: 5px 0px 0px -60px!important; height:59px!important; }
.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff!important;
    border-radius: 4px!important;
    float: left;
    margin-bottom: 8px;
    margin-right: 10px; margin-left: 0px;
    margin-top: 8px;
    padding: 7px 7px;
     
}

.navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px; 
}
.navbar-collapse { background-color:#999999; overflow-x:hidden!important; width:770px!important;  }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #000;
}

.sidemapfooter           { display:none!important;}



#banner             { display:none;}




.mailbuttonadresse    { float:right; margin: 0px 0px 0px 0px;}
.mailbutton           { float:left; margin: 20px 0px 0px 0px;}




.spanadresse        {  border:solid 1px #d1d1d1; -webkit-box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2); box-shadow:  1px 2px 3px 1px rgba(176, 176, 176, 0.2);  padding:  8px 8px 8px 8px; 
 webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#fff;  margin: 0px 0px 20px 0px; }
 

.textboxstart        {   margin: 10px 10px 0px 0px;  width:100%!important;}


.textboxpatente       {  width:100%!important;   margin: 20px 0px 20px 0px!important;  padding-right: 0px; border:solid 1px #e20000;  }


#adresse               {   width:95%;   margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border:solid 0px #e20000;  background-color: #transparent;/* font-size: 0.9em;*/ float:left;}
 .produkteinzeln       {  margin: 0px 0px 0px 0px!important;  width:100%!important; float:left;}

.naviprodukte            { width:90%; margin: 0px 50px 0px 0px;}
.navigationprodukte      { width:90%; margin: 0px 50px 0px 0px;}
.navigation              { width:90%; margin: 0px 50px 0px 0px;}



#unoslider      { margin: 0px 0px 120px -15px; float:left;}

.lieferantenbox		            { margin: -80px 0px 60px 25px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:220px!important;}
.textboxformfarbe               { margin: 0px 0px 60px 20px!important; padding:0px 0px 0px 0px; background-color:#; border: 0px solid #333;}
.teambox		                { margin: -80px 0px 60px 0px!important;  max-width:245px;}
#teamausgabethemen  .fon        { width:100%;}

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}
.footer    img        {  width:100%; height:auto; }

h2        { font-size: 20.0px;  margin: 10px 0px 20px 0px; padding: 0px 0px 5px 0px; }
.jahre   { display:none;}

.suchen   { margin: 50px 0px 0px 0px;}
}
 


















@media  (min-width: 768px) and (max-width: 1019px) {
body                     { background-color:#fff;}
.content                 {  min-width:768px; }

.navbar                  { margin: 25px 0px 0px -53px!important; width:724px;}
.slider                  { margin: 54px 0px 80px 10px; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:96%;}

.jahre                   { width:100px; margin: -20px -5px 0px 0px;}


.navbar-nav > li > a {
    padding-bottom: 12px;
    padding-top: 12px;  padding-left: 15px;  padding-right: 15px; border-right: 0px solid #000; border-top: 0px solid #333;  
}

.adresse                 {   margin: 5px 0px 0px -10px!important; padding: 0px 10px 0px 0px;  border:solid 0px #cccccc; float:right; }


.themenbox                     { min-width:165px;  max-width:182px;}
#themen                    { margin: 0px 0px 20px 0px;}

.contenttext               { margin: 50px 0px 0px 10px; border-left:solid 0px #ccc;}
.news-content                  {  margin: 15px 0px 20px -40px; border-bottom:solid 0px #ccc;}
.contentbild               { margin: 20px 0px 0px 14px!important;}
.contentbild   img         { border: 1px solid #ccc!important; max-width:98%;}

.anlesetextnews                {  margin: 0px 0px 0px 0px!important;  border: 0px solid #333;}
.newsboxbs  h1                 {  margin: 0px 0px 0px 0px!important; }
.inhaltthemenstart             {  margin: -30px 0px 0px 30px!important}
.newsboxbs                     {  margin: 0px 0px 0px 25px;}




.headerthemen            { padding:4px;  font-weight : bold;  font-size: 14.0px;}
.inhaltstext-startseite    { margin: 0px 0px 20px 30px!important;}



.startinhalt               {  border:solid 0px #cccccc; margin:0px 0px 0px -16px!important; }

hr                         {  }
.news-content  hr     { margin-left: 0px; } 

.search                    { display:none;}
.logoheader                { }
















.imgstartseite                  { margin: -5px 0px 0px -20px;}

h1                       { }
.slogan                  { padding: 25px 0px 0px 0px; margin: 15px 0px 0px 430px!important;}


#img-right-inhalt   img     { margin: 20px 0px 0px 0px;}
.img-responsive    /*{ float:left;  margin: 0px 0px 20px 0px!important; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;}*/
#img-right-inhalt   img      { margin: 0px 0px 0px 0px!important}

		/*	.navbar-header {float: none;}
			.navbar-toggle {display: block;}
			.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
			.navbar-collapse.collapse {display: none!important;}
			.navbar-nav {float: none!important; margin: 7.5px -15px;}
			.navbar-nav>li {float: none;}
			.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}*/
 
.lieferantenbox		            { margin: -80px 0px 60px 20px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:210px!important;} 
.teambox		                { margin: -60px 0px 60px 0px!important;  max-width:245px;}
#teamausgabethemen  .fon        { width:100%;}


.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}

}					
					
			
	
	
					
					
@media (min-width: 1020px) and (max-width: 1200px) {

.content                 {  min-width:1040px; }
.logoheader              { margin: 0px 0px 0px -20px!important; background-color:#FFFFFF; border:solid 0px #000; padding: 0px 10px 0px 0px; max-width:1000px!important;}
.navbar                  { width:965px; margin: 40px 0px 20px 0px!important;}
.slider                  { margin: 40px 0px 0px -3px; padding: 0px 0px 0px 10px; border:solid 0px #cccccc; width:975px;}
.jahre                   { margin: -20px -8px 0px 0px;}

.inhaltstext-startseite        { max-width:700px; border: 0px solid #ccc;  margin: 0px 0px 0px 0px;}

.themenbox                     { max-width:245px;}

.news-content                  {  margin: 15px 0px 20px -50px; border-bottom:solid 0px #ccc;}
.nescontent                    { min-height:100px;}
.anlesetextnews                {  margin: 0px 0px 0px 0px;  border: 0px solid #333; max-width:250px;}
.newsbox                       { margin: 0px 0px 0px 0px!important;  border:solid 1px #ccc; position:absolut; position:static;}	

.inhaltthemenstart             {  margin: 50px 0px 0px -30px!important}

.navbar                {  margin: 20px 0px 0px 0px!important; }


.headerthemen            { padding:4px;  font-weight : bold;  font-size: 12.0px;}

.contentbild   img         { max-width:340px;}
.demobox                {max-width:93%;}









#img-right-inhalt   img      { margin: 20px 40px 0px 0px!important}




 
.navbar .nav > li > a { }	
.search               { }

.schlagwort         { margin: 10px 0px 40px 0px;}
.schlagwort-leer     { margin: -40px 0px 40px 0px;}
.ex1              { margin: -60px 0px 40px 0px;}

.textboxstart        {  width:60%;   }	
.wrapper        { margin: -84px 0px 0px 0px!important; }

.textboxpatente       {  width:65%!important;   margin: 0px 0px 20px 0px;  padding-right: 10px;  border:solid 0px #e20000; }
.textboxpatentelast   {  width:60%!important;   margin: 0px 0px 20px 0px!important;  padding-right: 10px; }
.textboxprodukte      { width:60%!important;   margin: 0px 0px 20px 20px;  padding-right: 10px;  border:solid 0px #e20000; }




  .row {
    margin-left: 0px;
    *zoom: 1;
  }



.imgrightteam              { margin: 0px 20px 0px 40px!important; float:right;} 
.lieferantenbox		            { margin: 20px 0px 60px 20px!important; padding:10px 10px 10px 10px; background-color:#fff; border: 0px solid #333; width:210px!important;} 
.teambox		                { margin: 20px 0px 60px 0px!important;  }	

.produktenav             { min-width:235px; font-size:0.9em;}

.footer               { text-align:center;  bottom:0px;   margin: 10px 0px 0px -16px; width:95%; min-height:30px; background-color:#fff; border-top:solid 1px #d5d5d5; color:#353535; padding: 0px 0px 10px 0px;}




}