@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: 14.3px; color:#525151;  font-family: 'Verdana', sans-serif; background-color:#fff;
					/*background-image:url(http://www.form-farbe.info/cms/images/bg/1.jpg);  background-repeat:repeat-x; background-position: 0px 30px; */ }


/*Header-------------------------------------------------------------------------*/

.logoheader         { margin-top: 65px;  }
.logoheaderneu         { margin-top: 65px;  }

.logobox            { margin: 0px 0px 0px 5px;  }

.bildboxheader      { margin: 0px 0px 0px 0px; }

.mailbutton         { margin: 0px 10px 0px 0px; float:right;}	

.adressbox          { background-color:#f7f7f7; margin: 20px 20px 0px 0px;  border: 1px solid #ccc;  min-width:215px; max-width:260px; padding:10px 0px 0px 10px; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px; font-size: 12.3px;}
.download           { margin: 20px 0px 0px -15px;}			
				
.headerbildnoslide  { margin: 0px auto -20px; padding-right: 0px!important; padding-left: 15px!important;}				
.headerbildnoslidekontakt   { margin: 0px auto -20px; padding-right: 0px!important; padding-left: 15px!important;}	  				
				
				
				


/*Jumbotron-------------------------------------------------------------------------*/
.jumbotronheaderbild {
  padding: 0px;
  margin: 8px 0px 0px 0px; 
  background-color: #bcc5c9; height:320px;
}


.jumbotron {
  padding: 0px;
  margin-bottom: 0px; margin-top: -20px;
/*  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;*/
 
  background-color: #eeeeee; min-height:500px;
}


								
/*Navigation---------------------------------------------------------------------*/	

.navform               { margin: 0px 0px 30px 0px;  padding:0px 0px 0px 0px; }
.containerformfarbe    {   padding:0px 0px -10px -20px!important; }
			
.navbar-wrapper .navbar        { border-radius: 0px; margin: -5px 0px 0px 0px; }
.navbar-inverse {
    background-color: #333333;
    border-color: #transparent;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;  padding-left: 25px;  padding-right: 25px; border-right: 1px solid #666; border-top: 0px solid #333;
}
.navbar-nav > li > a {
    line-height: 39px;
    padding-bottom: 10px;
    padding-top: 10px;
}
 
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #868686!important;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #fff!important;
    color: #000!important;
}

.container > .navbar-header, .container > .navbar-collapse {
    margin-left: 0; border-left: 1px solid #666;
    margin-right: 0; }

/*Rahmenfarbe-Navbar-Handy-Buttons------------------------------------------------------------------------*/
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}


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



/*SUBNAVIGATION------------------------------------------------------------------------*/

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

				
	.nav-tabs.nav-stacked > li:first-child > a {
			  -webkit-border-top-right-radius: 6px;
					  border-top-right-radius: 6px;
			  -webkit-border-top-left-radius: 6px;
					  border-top-left-radius: 6px;
			  -moz-border-radius-topright: 6px;
			  -moz-border-radius-topleft: 6px;
			}
			
			.nav-tabs.nav-stacked > li:last-child > a {
			  -webkit-border-bottom-right-radius: 6px;
					  border-bottom-right-radius: 6px;
			  -webkit-border-bottom-left-radius: 6px;
					  border-bottom-left-radius: 6px;
			  -moz-border-radius-bottomright: 6px;
			  -moz-border-radius-bottomleft: 6px;
			}


.center               { text-align:center; margin: 0px 0px 20px 0px;}

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

.printheader             { display:none!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: #ccc -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;
}				
				
/*Inhalt-------------------------------------------------------------------------*/				

.textcontent               { margin: 15px 0px 30px 0px; border: 0px solid #666; }
.textboxcenter1            {  margin: 26px 0px 10px 0px; }
.textboxcenter2            {  margin: 0px 0px 0px 0px; }


.iframe           	            {  padding: 8px 8px 4px 8px; background-color:#fff; border: 1px solid #ccc!important; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px; margin: -20px 0px 14px 0px; }		
						
		.adressprint                { display:none!important;}
						
		.navbar-collapse {
			border-top: 1px solid rgba(0, 0, 0, 0);
			box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
			max-height: 380px;
			overflow-x: visible;
			padding-left: 0px;
			padding-right: 0px;
		}

/*SYSTEM-------------------------------------------------------------------------*/	
h1        { font-family: 'Sniglet', cursive;  font-size: 45px;}
h2        { font-size: 1.7em!important; line-height:24px;   margin: 0px 0px 10px 0px; border-bottom:solid 1px #ccc; padding:  0px 0px 8px 0px;}
h3        { font-size: 1.4em!important; line-height:24px; color:#;  margin: 0px 0px 10px 0px; border-bottom:solid 0px #ccc; padding:  0px 0px 8px 0px;}
h6        { font-size: 1.2em!important; font-weight:bold!important; margin: 0px 0px 10px 0px;}
h5        { font-size: 0.9em!important; font-weight:bold!important; color:#000;}
h5en      { font-size: 0.9em!important; font-weight:normal!important;  color:#666;   }


/*NEWS-------------------------------------------------------------------------*/	
.newsanzeige a:link            { color : #f26522; }	
.newsanzeige a:visited         { color : #f26522; }	
.newsanzeige a:aktiv           { color : #f26522; }	
.newsanzeige a:hover           { color : #f26522; }		

.newsbox               { border:solid 1px #d1d1d1; margin: 16px 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; min-width:195px; background-color:#f6f5f5;}
					
.newsbox   li          { list-style:none; margin: 1px 0px 0px -38px!important; padding: 0px 0px 0px 0px;  font-weight : normal; line-height:18px;  }	
						
						

.news-liste               {  margin: 0px 0px 0px 0px!important;}

/*MOUSE-OVER-BOXEN-------------------------------------------------------------------------*/
div.demoboxnews { 
    background: none repeat scroll 0 0 #ccc; border:solid 1px #b1b0b0;
    transition-duration: 2s, 2s;
    transition-property: width, background;
	}
	
div.demoboxnews:hover {
     background:#666; color:#FFFFFF; /* dfdfdeZiel */
}


div.demoboxthemen { 
    background: none repeat scroll 0 0 #fff; border:solid 1px #dedcdc;
    transition-duration: 2s, 2s;
    transition-property: width, background;
	}
	
div.demoboxthemen:hover {
     background:#666; color:#FFFFFF; /* dfdfdeZiel */
}

div.demoboxthemenimmosuche {
     background:#f3f2f2;  /* Start*/ border:solid 1px #ccc;
    transition-property: width, background;
    transition-duration: 2s, 1s;
}
div.demoboxthemenimmosuche:hover {
     background:#ccc; /* Ziel */
}


/*THEMEN-STARTSEITE-------------------------------------------------------------------------*/

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

.themenbox                {  padding:3px!important; border: 1px solid #ccc;  float:left; margin: 0px 10px 20px 10px; max-width:206px!important;
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); }

.themen               { max-width:210px!important; padding:8px 8px 28px 8px!important;  }



 
.headerthemen            { padding: 0px 0px 8px 0px; margin: 0px 0px 0px 0px;  border: 0px solid #ccc; font-weight: bold;  font-size: 14.0px; max-width:177px!important; text-align:left; background-color:#;}
.bildthemen              { padding:0px; margin: 0px 0px 0px 0px; border: 0px solid #ccc;  webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.bildthemen    img       { webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

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

.themenbutton              { float:right; color:#fff!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; }



				
.img-responsive    {  margin: 0px 0px 0px 0px!important; /* webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;*/}

.text                  { padding: 0px 0px 20px 0px;}

.dokumente    {  border: 1px solid #ccc; }


/* T E A M  //////////////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------*/			
						
.team                 {  margin-left: -10px;  }
.teamboxbs            { width:100%; height:auto; padding:5px 15px 15px 15px; margin: 0px 0px 10px 0px;    float:left; border-top: 1px solid #e1e1e1; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;}

span.name             { width:100%; line-height:30px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;   float:left; border: 0px solid #000; font-weight : normal; font-size: 1.2em!important;}

span.titel            { width:100%; height:auto; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px;  float:left; border: 0px solid #000; font-weight : bold;}

span.beschreibung     { width:70%; height:auto; padding:0px 0px 0px 0px; margin: 5px 0px 0px 0px;  float:left; border: 0px solid #000; font-weight : normal; }

span.fon              { width:100%; height:auto; padding:0px 0px 0px 0px; margin: 6px 0px 0px 0px;    float:left; border: 0px solid #000;  border:solid 0px #B5B6B7;}
span.fax              { min-width:250px; height:auto; padding:0px 0px 0px 0px; margin: 2px 0px 0px 0px;    float:left; border: 0px solid #000;  border:solid 0px #B5B6B7;}

span.mail             { width:100%; height:auto; padding:0px 0px 10px 0px; margin: 30px 0px 20px 0px;   float:left; border: 0px solid #000;  border-bottom: 1px solid #ddd!important;}

.teambild          { float:right; margin: 10px 0px 0px 0px;  border:solid 1px #c3c4c4!important; webkit-border-radius: 4px!important; -moz-border-radius: 4px; border-radius: 4px;  padding:  4px; background-color:#FFFFFF; }		

.beschrieb     {   }


					
/* M E N U  //////////////////CA6C02////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------*/					
.menu li.active a   { color:#CA6C02!important; background-color:#f3f3f3!important; }						
li.active a:hover   { color:#fff!important;}

.navigation li.active a  { color:#CA6C02!important; background-color:#ccc!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:#ebebeb!important;   margin: 0px 0px 0px 0px; border-left: 0px solid #fff!important; border-right: 0px solid #fff!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:#CA6C02!important; background-color:#ccc!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:#;}




/*--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;}
	



	
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; }	



					
/*--Produkte-Anzeige-------------*/					

.pdf-anzeige     { width:100%; border:solid 0px #f0eeee; float:left;  margin: 10px 0px 0px 0px;}					
.pdf             { margin: 0px 5px 0px 0px;}
.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; }