/****************************************************
#####################################################
##-------------------------------------------------##
##                CORPORAT                         ##
##-------------------------------------------------##
## Copyright = globbersthemes.com- 2012            ##
## Date      = DECEMBRE 2012                       ##
## Author    = globbers                            ##
## Websites  = http://www.globbersthemes.com       ##
## version (joomla)                                ##
##                                                 ##
#####################################################
****************************************************/
* { margin: 0; padding: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {} 
body, html{
}

.zusammenarbeit600 {

text-align: center;
display: none;

}

#right600,
#submenu600 {
display: none;

} 

html {

} 

body{
margin:0;
padding:0;
text-align:center;

font-size:13px;
color:#560700;
font-family:  Tahoma, Arial, Helvetica, sans-serif;font-weight:normal;
height:100%;
background:#efefef;
} 
#wrap {
width: 100%;
margin: 0 auto;
float: left;
position:relative;
background: #f9f9f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f9f9f9 0%, #cccccc 50%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#cccccc), color-stop(100%,#f9f9f9));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#cccccc 50%,#f9f9f9 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#cccccc 50%,#f9f9f9 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#cccccc 50%,#f9f9f9 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#cccccc 50%,#f9f9f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cccccc',GradientType=0 );

}  
/*texte*/
p {
font-size: 100%; 

}

h1 {
font-size: 200%;
margin: 10px 0;
}

h2 {
font-size: 150%;
margin: 10px 0;
}

h3 {
font-size: 125%; 
margin: 10px 0;
}

h4, h5, h6 {
font-size: 100%; 

}

a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#560700;

}

a:hover {
color:#010101;

}

ul {
margin:0;
padding-left:20px;
margin-top: 15px;

}

li {
list-style-type:none;
background:transparent;
margin-top: 12px;
margin-left: 1px;

}

img {
border:0;
margin: 0px ;
padding:0;

}

img.caption {
text-align: left;

}

.highlight{
background:#010101;
padding: 0px 2px 0px 2px;
color:#fff;

}

.button {
background:#010101;
border:none;
color:#fff;
font-weight:bold;
padding:4px;

}

.inputbox {
color:#000;
background:#efede9;
border:none;
padding:4px;
font-weight:normal;

}

html body.gradient div#wrap header#header div.pagewidth div#header-bottom div#com-icons {
	display: none;
	float: none;
z-index: 6;
position: fixed;
top: 38px;
right: 63px;
}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page table.kontakt-schmal {
	display: none;
}

label {
text-align:left;

}

fieldset {
margin:0px 5px 5px 5px;
padding:10px;
border:none; 

}

.clr {clear:both; }

/**************************/
#header {
float:left;
width:100%;
height:160px;
background: url(../images/header1.png) 0 0 repeat-x;
position:relative;

}
#header .pagewidth {
width: 900px;
margin: 0 auto;
position: relative;
height: 140px;
text-align: center;
}
#wrap .pagewidth {
width: 900px;
margin: 0 auto;
position: none;
height: auto;

overflow:hidden;
}
.pagewidth{
width:900px;
text-align:left;
margin:0 auto;

}
#ft .pagewidth {
text-align:center
}
#sitename {
float: left;
width: auto;
height: auto;
margin-top: 14px;
margin-left: -0px;
}

#sitename a {
display:block;
}

#subscribe {
float:right;
width:220px;
height:20px;
background:transparent;
margin-top:35px;
margin-right:32px;

}

#subscribe p {
font-size:14px;
text-transform:capitalize;
color:#66a0b3;
background: url(../images/bg-sub.png) 0 0 no-repeat;
text-align:left;
padding-left:20px;
}

#subscribe p a {
color:#fff;

}

#subscribe p a:hover {
color:#000;

}
#header-top {
float: left;
width: 250px;
position: relative;
margin-left: 4px;
}

/* HEADER MENU */
#header-top-right {
float: right;
position: relative;
width: auto;
margin-right: 4px;
text-align: right;

}
#header-top-right .custom p {
	margin:0;
}
#header-top-right span {
color: #fff;
font-size: 12px;
text-align: right;
display: block;
padding-top: 10px;
font-weight: bold;
}
#header-top-right span a{
color: #fff;
font-size: 12px;
text-align: right;
font-weight: bold;
text-decoration: none;
}

#header-top-right ul {

}
#header-top-right ul li {
display: inline-block;
border-right: 1px solid #fff;
padding: 0 10px 0 10px;

}
#header-top-right ul li+li {
border-right: 0;
padding-right: 0;
}
#header-top-right ul li a {
font-size:10px;
color: #fff;
}
#header-top-right ul li a:hover,   #header-top-right ul li.active a {
text-decoration: underline;
}
/* --------- */              
    
#header-bottom {
width: 900px;
height: auto;
background: transparent;
position: relative;
float: left;
margin-top: 10px;
}


/*****AB HIER MAL WEBMEX****/ 



div.tablet {
display: none;
}

div.screen {
display: inline;
}

@media screen and (max-width: 1100px) {

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop h2,
html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop h2 a {
font-weight: bold !important;
}

div.pagewidth #main-full div.apDivContainer div.apDiv{

box-shadow: none;

}

html body.gradient div#wrap header#header.nav-down div.pagewidth div#header-top div#sitename {
float: left;
width: auto;
height: auto;
margin-top: -125px;
margin-left: -3px;
}

html body.gradient div#wrap header#header.navup {
float: left;
width: 100%;
height: auto;
margin-top: -16px;
;margin-left: -3px;
height: 84px;
animation: fadein .5s;
border-bottom: 2px solid white;
z-index: 5;
}

html body.gradient div#wrap div.pagewidth div#main div#k2Container.itemView div.itemBody div#hmpBottom h2 {
	font-size: 110%;
}

html body.gradient div#wrap div.pagewidth div#main {
	width: 97%;
}

html body.gradient div#wrap header#header.nav-down {

animation: fadeout 1s;
z-index: 999;
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-top-right div.custom {
	display: none;
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-top div#sitename {
	margin-top: -120px;
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-top div#sitename a img {
	
	max-height:55px; ;
	width: auto;
	
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-bottom div#topmenu div#navi.navigation.responsive {
	top: 95px;
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-bottom div#icon {
	top: 32px;
	
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-top-right {
	
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-top-right ul.nav.menu {
	margin-top: 10px;
margin-right: -2px;
}

html body.gradient div#wrap header#header.navup div.pagewidth div#header-bottom div#com-icons {
	display: inline;
	float: none;
z-index: 6;
position: fixed;
top: 38px;
right: 63px;
}

html body.gradient div#wrap header#header.nav-down div.pagewidth div#header-bottom div#com-icons {
	display: none;
}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page table.kontakt-schmal {
	display: block;
}

#topmenu .navigation ul {
width: 100%;
margin-top: 0px;
padding: 0;
}




html body.gradient div#wrap div#right600 div.module div div div div.custom div#hmpSocial,
html body.gradient div#wrap div#right600 div.module div div div div.custom div#hmpSocial ul {

border: none;
margin-left: 0%;
margin-top: 0;
}

/*Hauptcontainer um links und rechts*/
html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer {
margin-top: 10px;
margin-bottom: 0px;
width: 100%;
height: 100%;
position: relative;
float:left;
}

/*Text-Absatz links und rechts*/
div.pagewidth #main-full div.apDivContainer div.apDiv .p4apDiv{
margin-top:15px;
padding-left:0px;
}


div.pagewidth #main-full div.apDivContainer{
margin: 0;
width: 100%;
min-height: 200px;
height: auto;
position: relative;
float:left;

}

html body.gradient div#wrap {
overflow-x: hidden;
padding-bottom: 50px;
}

html body.gradient,
div.pagewidth #main-full {

text-align: left;

}

html body.gradient div.pagewidth,
html body.gradient div#wrap div.pagewidth div#main-full {
	
	width: 100%;
}

html body.gradient div#wrap footer#ft span {
	font-size: 8px;
}

html body.gradient div#wrap div#hmpFooter {
	max-width: 95%;
text-align: center;
display: block;
width: auto;
}



html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.links {
	

margin-left: 10px;
box shadow: none;

}

html body.gradient div#wrap div#hmpFooter div.left,
html body.gradient div#wrap div#hmpFooter div.right,
html body.gradient div#wrap div#hmpFooter div.left {
	
width: 98%;	
height: auto;
margin-bottom: 10px;
margin-top: 0px;

padding: 3px;
text-align: left;


}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.links {
height: auto;
width: 40%;
	float: left;
box-shadow: none;
	}
	
	html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.rechts {
height: auto;
width: 40%;
float: right;
margin-bottom: 10px;
margin-right: 10px;
box-shadow: none;

	
	}
	
	html body.gradient div#wrap div.pagewidth div#main-full article.item-page table.kontakt-breit {
		display: none;
	}
	

html body.gradient div#wrap footer#ft {
text-align: center;

}

#ft-600 span {

display: inline !important;
float:left;
visibility: visible;
color: #333333;
font-weight: normal;
font-size: 10px !important;
text-align: center;
line-height:30px;
width: 100%;
}

#ft {

display: none !important;

}

#ft-600 {

display: inline !important;

}


html body.gradient div#wrap footer#ft span {
line-height: 1em;
font-size: 10px !important;
}

#wrap .pagewidth {
width: 100%;
margin: 0px;
position: relative;

margin-top: 140px;



}

html body.gradient div#wrap div.scroll {
overflow-x: scroll;
}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop {
width: 97%;
font-size: 1.0em;
margin: 10px;10px;10px;10px;

}


div.pagewidth #main-full div.apDivContainer div.apDiv .p4apDiv,
html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.links p.p4apDiv,
html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.rechts p.p4apDiv{
margin-top:0px;
padding-left:0px;
}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.links,
html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.apDivContainer div.apDiv.rechts {
padding: 5px;
}

.navigation ul li {
	border: none !important;
	
}

div#hmpFooter > div {
float: left;
width: 240px;
margin-right: 16px;
padding: 3px;
font-size: 11px;
border: 3px #fff solid;
background-color: #efefef;
border-width: 3px;
box-shadow: 0 1px 3px rgba(100, 101, 91, 0.3);
-moz-box-shadow: 0 1px 2px rgba(100, 101, 91, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(100, 101, 91, 0.3);
color: #333333;
height: 80px;
line-height: 16px;
text-align: justify;
vertical-align: top;
}


#seomenu-unten {
  position: relative;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
	ul#regionen, ul#branchen, ul#funktionen {
max-width: 50%;
  width: auto !important;
  position: absolute;
  display: none;
  bottom: 0px !important;
  left: 100px !important;

     -moz-top:    -438px;
}


ul#regionen li, ul#branchen li, ul#funktionen li{
	margin: 10px 0;
}
ul#branchen {
  margin: 10px 0;
  left: auto !important;

     

}

ul#regionen {
	 left: auto !important;
}
ul#funktionen {

  margin: 10px 0;
 left: auto !important;
}
@-moz-document url-prefix() {
ul#regionen {
top: auto;
}
ul#branchen {
top: auto;
}
ul#funktionen {
 top:    auto;

}
}


.item-595:hover  > #regionen , .item-596:hover > #branchen , .item-597:hover > #funktionen{display:block;}

.item-597:hover::after > #funktionen{display:block;}

.item-595, .item-596, .item-597{
	  padding: 0;
  margin: 0 0 10px;
  display: none;
    font-size: 12px;
}




html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop h2 {
	font-size: 14px;
	font-weight: bold;
}


html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop h3 {
font-size: 14px;	
	
}


html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop p {
	font-size: 12px;
	text-align: left;
}


.article.item-page .frontTop p{
	  margin: 20px 0 15px;
	  color:#560700;
	  font-weight: normal;
	    font-size: 10px;
}


  #topmenu .navigation.responsive {
  
  margin-left: auto;
  margin-right: 1em;
  
   }
  
  #topmenu .navigation.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  #topmenu .navigation.responsive a {
    float: none;
    display: block;
    text-align: right;
  }
  
    #topmenu .navigation.responsive {
    float: none;
	background:#560700;
 position: fixed;
    top: 159px;
    right: -15px;
    width: 110%;
	z-index: 5;
border: white 0px solid;

  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
    
  }


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
  
    
  #topmenu .navigation.responsive ul {

text-align: right;
margin-left: auto;
margin-right: 0em;
position: relative;
height: auto;
overflow: hidden;

}
  
  #topmenu .navigation.responsive ul li{

margin:0;
padding:0;
list-style: none;
display: inline;  

}

 #topmenu .navigation.responsive ul li a{
padding: -10px -10px -10px -10px ;
margin:0;display: block;
font-weight: normal;
font-size:16px;
text-transform:capitalize;
height:23px;
background:#560700;
color:#fff;
float:none;
line-height: 1em;
padding-top: 2px;
padding-bottom: 2px;

}

div#hmpFooter {
width: 830px;
text-align: none !important;
margin: 0 auto 40px;
display: block;
height: 110px;
}

 #topmenu .navigation.responsive ul li a:hover {
color:#550700;
background:#d3d4d6;

}

 #topmenu .navigation.responsive ul li {
border-right:1px solid #550700;
height:30px;
line-height: 2px;
}

 #topmenu .navigation.responsive ul li.active a {
color:#560700;
background:#d3d4d6;

}

#header {
float:left;
width:100%;
height:150px;
background: url(../images/header1.png) 0 0 repeat-x;
position:fixed;
z-index: 0;
background-size: auto 150px;

}


html, body {
    
}

html body.gradient div#wrap div.pagewidth div#main {
	float: none;
}


html body.gradient div#wrap header#header div.pagewidth div#header-top {
width: 60%;
}

#sitename {
text-align: left;
padding-left: 10px;
}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop h3 span {
display: inline-block;
}

#header-top-right span {
color: #fff;
font-size: 10px !important;
text-align: right;
display: block;
padding-top: 0px;
font-weight: bold;
}
#header-top-right span a{
color: #fff;
font-size: 10px !important;
text-align: right;
font-weight: bold;
text-decoration: none;
}

html body.gradient div#wrap div.pagewidth div#main article.item-page h1 {
font-size: 120%;
}


html body.gradient div#wrap div.pagewidth div#main article.item-page p {
font-size: 100%;
}

#wrap {}

html body.gradient div#wrap div.pagewidth div#main-full article.item-page div.frontTop img {
	
	width: 94vw;
	max-width: 400px;
	height: 80%;
}

html body.gradient div#wrap div.pagewidth div#main article.item-page p img {

max-width: 100%;
height: auto;

}
#right {
display: none;
}


.zusammenarbeit600 {

text-align: center;
display: block;


}

/**************MOD RIGHT************/


#right600 {
float: left;
width: 210px;
background: transparent;
padding: 0;
margin-top: 30px;
text-align: center;
display: block;
left: 25%;
width: 100%;


} 

#right600 div.module,
#right600 div.module_menu  {
width:100%;
background:transparent url(../images/rah_neu.png) left repeat-y;
margin-bottom:8px;
float:left;

}

html body.gradient div#wrap div#right600 div.module div div div div.custom div.hmpSideCont form#chronoform_Kontakt.Chronoform.hasValidation input{
display: inline !important;
float: none;}

html body.gradient div#wrap div#right600 div.module div div div div.custom div.hmpSideCont form#chronoform_Kontakt.Chronoform.hasValidation {
width: 100%;
}

#right600 div.module div,
#right600 div.module_menu div,
#right600 div.module_text div  {
width:auto;
background:transparent url(../images/rah_neu3.png) top left no-repeat;

}

#right600 div.module div div,
#right600 div.module_menu div div {
width:auto;
background:transparent url(../images/rah_neu2.png) bottom left no-repeat;

}

#right600 div.module h3,
#right600 div.module_menu h3 {
background: none repeat scroll 0 0 #99210b;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin: 0;
padding-left: 20px;
text-align: left;

}

#right600 div.module div div div,
#right600 div.module_menu div div div {
margin: 0px 0 10px 0px;
background:transparent ;
width: auto;

}

#right600 div.module ul,
#right600 div.module_menu ul {
margin:0px;
padding:0;
display: inline-flex;

margin-top: -7%;
border: 1px white solid

}

#right600 div.module ul.nav li,
#right600 div.module_menu ul.nav li {
height: auto;
line-height: 30px;
margin: 0;
padding: 0 0 0 10px;
margin-bottom: 0px;
width: auto;
padding-right: 20px;
}

#right600 div.module ul.nav li a, #right div.module_menu ul.nav li a {
display: block;  
}

#right600 div.module ul.nav li.current, #right div.module ul.nav li:hover,
#right600 div.module_menu ul.nav li.current, #right div.module_menu ul.nav li:hover {
background: #ffffff80;
border-radius: 5px;
}

#right600 div.module ul.nav li a:hover, #right div.module ul.nav li.current a {
color: #550700;  
background: white;
border-radius: 5px;
}

#hmpSocial li {
float: left;
margin-right: 10px;
}
div#right600 .hmpSide, div#right .hmpSideCont {
float: left !important;
width: 180px !important;
margin-right: 0 !important;
padding: 5px 10px !important;
font-size: 11px !important;
border: 3px #ececec solid !important;
background-color: #efefef !important;
border-width: 3px !important;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.2) !important;
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
color: #333333 !important;
height: auto !important;
line-height: 16px !important;
text-align: left !important;
vertical-align: top !important;
margin-top: 20px !important;
}

div#right600 .hmpSide h3, div#right .hmpSideCont h3 {
font-size: 110%;
background: none;
color: #333333;
height: auto;
line-height: 16px;
text-align: left;
padding: 0;
font-weight: bold;
margin: 0 0 5px;
}
div#right .hmpSide p {
margin:0;
}


/**************MOD RIGHT************/


#submenu600 {
float: left;
width: 100%;
background: transparent;
padding: 0;
margin-top: -5px;
text-align: left;
margin-left: -3px;
display: block;

} 

#submenu600 div.module,
#submenu600 div.module_menu  {
width:100%;
background:transparent url(../images/rah_neu.png) left repeat-y;
margin-bottom:8px;
float:left;
line-height: 25px;

}

#submenu600 div.module div,
#submenu600 div.module_menu div,
#submenu600 div.module_text div  {
width:auto;
background:transparent url(../images/rah_neu3.png) top left no-repeat;

}

#submenu600 div.module div div,
#submenu600 div.module_menu div div {
width:auto;
background:transparent url(../images/rah_neu2.png) bottom left no-repeat;

}

#submenu600 div.module h3,
#submenu600 div.module_menu h3 {
background: none repeat scroll 0 0 #99210b;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin: 0;
padding-left: 20px;
text-align: left;

}

#submenu600 div.module div div div,
#submenu600 div.module_menu div div div {
margin: 0px 0 10px 0px;
background:transparent ;


}

#submenu600 div.module ul,
#submenu600 div.module_menu ul {
margin:0px;
padding:0;
display: block;
margin-top: 0%;
border: 2px white solid

}

#submenu600 div.module ul.nav li,
#submenu600 div.module_menu ul.nav li {
height: auto;
line-height: auto;
margin: 0px;
padding: 0 0 0 0px;

;min-width: 1%;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
color: #560700 !important;
text-align: center;

}

#submenu600 div.module ul.nav li a, #submenu600 div.module_menu ul.nav li a {
display: block;  
}

#submenu600 div.module ul.nav li.current, #submenu600 div.module ul.nav li:hover,
#submenu600 div.module ul.nav li a:hover, #submenu600 div.module ul.nav li.current a,
#submenu600 div.module_menu ul.nav li.current, #submenu600 div.module_menu ul.nav li:hover {
background: #ffffff;
border-radius: 0px;
font-weight: normal;
color: #560700 !important;
text-align: center;
text-decoration: underline;
}



#hmpSocial li {
float: left;
margin-right: 10px;
}
div#submenu600 .hmpSide, div#right .hmpSideCont {
float: left !important;
width: 180px !important;
margin-right: 0 !important;
padding: 5px 10px !important;
font-size: 11px !important;
border: 3px #ececec solid !important;
background-color: #efefef !important;
border-width: 3px !important;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.2) !important;
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
color: #333333 !important;
height: auto !important;
line-height: 16px !important;
text-align: left !important;
vertical-align: top !important;
margin-top: 20px !important;
}

div#submenu600 .hmpSide h3, div#right .hmpSideCont h3 {
font-size: 110%;
background: none;
color: #333333;
height: auto;
line-height: 16px;
text-align: left;
padding: 0;
font-weight: bold;
margin: 0 0 5px;
}
div#right .hmpSide p {
margin:0;
}



.frontTop {
	
	width: 80%;
	height: 80%;
} 

#sitename img {
	width: 200px;
	height: auto;
	
	
	}
	
#header-top-right {
		
	float: none;
   	z-index: 5;
	position: absolute;
	overflow: hidden;
	top: -145px;
    left: 10px;
	text-align: right;
	font-size: 8px;
width: 95%;
	}

html body.gradient div#wrap header#header div.pagewidth div#header-top-right div.custom p {
padding-top: 70px;

}
	
	#nav-menu {
		
	
    top: 60px;
    left: 40px;
	text-align: left;
	font-size: 8px;
	}
	
	#header-top-right ul{
		
	text-align: right;
	font-size: 8px;
	margin-left: -20px;
	}
	
	#header-top-right ul li{
		
	text-align: left;
	font-size: 8px;
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block;
	border-right: 1px solid #fff;
	padding: 0 5px 0 0px;

	}

#header-top-right .custom p {
		
	text-align: left;
	font-size: 8px;
	}
	
	#header-top-right span {
		
	text-align: left;
	font-size: 8px;
	}
	
#header-top-right span a {

font-size:8px;
text-transform:capitalize;
background:transparent;
color:white;

}

  #topmenu .nav menu nav-pills a:not(:first-child) {display: none;}
  #icon {
    float: none;
   	z-index: 6;
	position: fixed;
    top: 100px;
    right: 10px;
  }
  
    #icon a{
padding: 0px 0px 0 0px ;
margin:0;
display: right;
font-weight: normal;  
font-size:14px;
text-transform:capitalize;
text-align: right;
height:0px;
background:transparent;
color:white;

}


  
  
  #topmenu .navigation ul li a{
padding: 7px 20px 0 20px ;
margin:0;display: none;
font-weight: normal;  
font-size:14px;
text-transform:capitalize;
height:24px;
background:transparent;
color:#fff;

}
}



#topmenu {

}

#topmenu .navigation ul {
width: 100%;
margin-top: -27px;
padding: 0;
}

.navigation ul li {

margin:0;
padding: 0;
list-style: none;
background: none;
display: inline-block;  
background: #99210B;
}



.navigation ul li.item-477 {
border-right: 0;
}





.navigation ul li a {
padding: 7px 18px 0 20px ;
margin:0;display: block;
font-weight: normal;  
font-size:14px;
text-transform:capitalize;
height:24px;
background:transparent;
color:#fff;

}


.navigation ul li a:hover {
color:#550700;
background:#d3d4d6;

}

.navigation ul li {
border-right:1px solid #550700;
height:30px;
line-height: 16px;
}

.navigation ul li.active a {
color:#560700;
background:#d3d4d6;

}


/*
.navigation ul li.active ul li a {
color:#7aadbe !important;
background:none !important;

}

.navigation ul li.active ul li a:hover {
color:#fff !important;
background:none !important;

}

+/



/***********************/
#search {
float:left;
width:211px;
height:25px;
background: url(../images/search.png) 0 0 no-repeat;
margin:7px 0 0 10px;padding:0;

}

#search .inputbox  {
background:transparent;
margin-top:0px;
text-align:left
;color:#fff !important; 

}

/***************************/
#sub-box {
float:left;
width:940px;
height:40px;
background:#efede9;
margin-top:0;

}

#hightlight {
float:left;
width:700px;
height:50px;
background:transparent;

}




#hightlight-t{
float:left;
text-align:left;
font-size:12px;
margin-left:17px;
margin-top:5px;
padding-top:9px;
width:77px;
height:25px;
background:transparent;
color:#999999;

}

#hightlight-b {
float:left;
text-align:left;
font-size:12px;
width:550px;
height:50px;
background:transparent;

}

ul#news {
float:left;
width:540px;
padding:10px 0 0 0 ;
margin:0;
background:transparent;
color:#9f9f9e;

}

ul#news li {
list-style-type:none; 
color:#9f9f9e;

}

ul#news li a { 
color:#9f9f9e; 

}

ul#news li a:hover { 
color:#000;

}


.frontTop {
float: left;
width: 830px;
position: relative;
margin: -30px 35px;
}

.frontTop img{
float: left;
}
.frontTop h1, .frontTop h2 {
float: right;
width: 310px;
font-weight: 300;
text-transform: uppercase;
margin-top: 120px;
}

.frontTop h2 {
padding: 0px;
margin: 0px;
line-height: 24px;
font-weight: 300 !important;
color: #560700 !important;
border-bottom: 0 !important;
width: 100%;
margin-top: 20px;
}
.frontTop span{
margin-top: 10px;
display: block;
}
.frontTop p{
float: right;
display: block;
width: 100%;
font-size: 18px;
line-height: 24px;
color: #560700;
margin-bottom: 40px;
}
p.pEins {
float: left;
width: 310px;
}
/**********************/
#social-links {
float:left;
width:150px;
height:30px;
margin-left:55px;
margin-top:6px;

}

#facebook,#google,#twitter {
float:left;
margin-left:13px;

}

/**********************/
#slideshow {
float:left;
width:940px;
height:301px;
background:transparent ;
border:0px solid #eeeeee;
margin-top:70px;box-shadow: 1px 1px 10px #dddddd;
position:relative;

}

#titleslide {
position:absolute;
top:-30px;
left:0px;
background: url(../images/titleslide.png) 0 0 no-repeat;
width:196px;
height:54px;
z-index:9;

}

#faded {
float:left;
width:940px;
height:301px;
overflow:hidden;
margin:0px 0 0 0px;
background:transparent;
padding:0px 0 1px 1px;z-index:1 ;

}

#faded .contenu li {
list-style-type:none;
z-index:2;

}

#faded .contenu {
float:left;
width:661px;
height:296px;
overflow:hidden;
margin:0 !important;
padding:0 !important;
z-index:2;

}
#faded img {
width:661px;
height:296px;
margin:0 ;
padding:0;
z-index:4; 

}

#faded ul.pagination {
float:left;
width:273px;
padding: 0;
margin: 1px 0 0 5px;
height:301px;
list-style-type:none;
background:transparent ;
border-left:1px solid #eeeeee; 

}

#faded ul.pagination li {
width:273px;
height:57px;
background:transparent;
list-style-type:none;
display:block;
text-align:left;
padding: 0;
margin:2px 1px 2px -1px;
border-bottom:1px solid #eeeeee;

}

#faded ul.pagination li a {
display:block;
padding-left:50px;
font-size:13px;
font-weight:normal;
line-height:57px;
color:#642424;
text-decoration:none;
width:261px;
height:56px;
list-style-type:none;
background: url(../images/slide-normal.jpg) 0px 0 repeat-x;
text-transform:capitalize;
font-weight:bold;

}

#faded ul.pagination li.current a, 
#faded ul.pagination li a:hover {
background: url(../images/slide-hover.jpg) 0px 17px no-repeat;
color:#000;
width:261px;
height:50px;
z-index:100;
list-style-type:none;
padding-left:50px;
position:relative;

}

/*************************/
#wrapper-box {
float:left;
width:975px;
background:transparent;
margin-top:-50px;

}

.box {
float:left;
width:213px;
background:#fafafa ;
border:1px solid #eeeeee;
margin-right:27px;
color:#317b94;

}

.box img{
margin:0 0 5px 0;

}

.box .moduletable,
.box-f .moduletable,
.box-f .moduletable_menu,
.box .moduletable_menu {
background:transparent;
text-align:left;
font-weight:normal;
width:88%;
margin-left:20px;
font-size:12px;
padding-bottom:10px;

}

.box .moduletable h3,
.box-f .moduletable h3,
.box-f .moduletable_menu h3,
.box .moduletable_menu h3 {
width:100%;
height:24px;
font-size:14px;
text-transform:capitalize;
background: none; 0px 0 no-repeat;
margin-left:-20px;
margin-top:-20px;
padding-left:50px;
padding-top:30px;

}

.box .moduletable a,
.box-f .moduletable a,
.box-f .moduletable_menu a,
.box .moduletable_menu a {
color:#317b94;

}

.box .moduletable a:hover,
.box-f .moduletable a:hover,
.box-f .moduletable_menu a:hover,
.box .moduletable_menu a:hover {
color:#000;

}

/*************************/
#main {
width: 600px;
float: right;
margin: 0 40px 0 0;
padding: 10px 0 0;

}

.navigation ul li a.fb {
height: 30px !important;
margin: 0;
padding: 0;
text-align: center;
}

.navigation ul li a.fb:hover {
background: none !important;
}


#main-full {
width: 900px;
text-align: center;
margin: 0;
}  

#main img,#main-full img {
border:0px solid #eeeeee;
margin: 0 0px 0px 0px;
padding:5px;

}


/*********JOOMLA STYLE***********/
ul.actions  {
background:transparent;
margin:0;

}

ul.actions  li{
list-style:none;
float:right;

}

.article-info {

}

dt.article-info-term {
display:none;

}

dl.article-info dd{
margin:0;
font-size:12px;

}

.items-leading {
width:100%;
font-weight:normal;

}

.items-row {
width:100%;
font-weight:normal;

}

/***titre frontpage*****/
.items-leading h2,.items-leading h2 a {
font-size:20px;
font-weight:bold;
background:transparent;
color:#000;
border-bottom:1px solid #eeeeee;
padding-bottom:10px;
font-variant: small-caps;

} 

.items-leading h2 a:hover {
color:#eeeeee;

} 

.items-row  h2,.items-row  h2 a{
font-size:20px;
font-weight:bold;
background:transparent;
color:#000;
border-bottom:1px solid #eeeeee;
padding-bottom:10px;
font-variant: small-caps;

}

.items-row  h2 a:hover {
color:#eeeeee;

}

/*****separation des articles******/
.item-separator {
height:20px;
width:100%;
display:block;

}

.item-page {
width:100%;
font-weight:normal;

}

.item-page h2 {} 
.item-page h3 {margin-bottom: 0;} 
.item-page p{
	margin-bottom: 15px;
}
article.item-page h1 {
	font-size: 150%;
}
article.item-page h3 {
	font-size: medium;
}
article.item-page p {
	font-size: medium;
	color: #333;
}
article.item-page .frontTop p{
	  margin: 20px 0 15px;
	  color:#560700;
	  font-weight: normal;
	    font-size: 18px;
}
article.item-page .apDivContainer p{
	  font-weight: normal;
	    font-size: 11px;
}
/****read more*****/
.readmore a {
float:right;
font-weight: normal;
padding:5px ;
margin-right:15px;
color:#fff;
margin-top:8px;
font-weight:bold;
background:#307a93 ;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;

}

.readmore a:hover {
color:#fff;
background:#eeeeee ;

}

/************************/
/* COLONNES article
/************************/
/************************/
div.cols-1 .item {
width: 100%; 

}

/* div.cols-2 .item {
width: 44%;

}
div.cols-3 .item {
width:28%;

}
div.cols-4 .item {
width: 20%;

}

div.items-row .item {
float: left; 

} 

div.item {
padding: 0 18px;
margin-bottom:25px;

} */

/************************/
/*****CATEGORY***********/
/************************/

.categories-list {

}

.categories-list li {
list-style:none;

}

.item-title {
font-size:20px;
font-weight:bold;
background:transparent;
color:#000;
border-bottom:1px solid #eeeeee;
padding-bottom:10px;
font-variant: small-caps;

}

ul#archive-items li {
list-style:none;

}

/* ++++++++++++++  items more  ++++++++++++++ */
.items-more{
padding-top:10px;

}

.items-more h3{
font-weight:normal;
margin:0;
padding:5px 5px 5px 5px;
font-size:1.4em

}

.items-more ol{
line-height:1.3em;
margin:0 0 0 20px;
padding:2px 0 5px 2px;

}

.items-more ol li{
padding:2px;

}

.items-more ol li a {
display:inline;
margin:0;
font-weight:normal;
padding:5px;

}

.items-more ol li a:hover,
.items-more ol li a:active,
.items-more ol li a:focus {
font-weight:normal;
padding:2px 5px 5px 5px;
text-decoration:none

} 

/* Pagination ---*/

.counter {
text-align:center;
padding:10px 0;

}

ul.page {
float: left;
width: 100%;
padding:10px 0;
text-align:center;

}

ul.page li {
background: none;
display: inline;
margin: 0;
padding: 6px;
margin:0 3px;
overflow: hidden;
/* border:1px solid #e7e7e7; */

}

ul.page li span {
padding: 6px; 
line-height: 20px;

}

ul.page a {
background:#000;
color:#fff;
line-height: 20px;
padding:6px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius: 5px;

}

ul.page a:hover, ul.page a:active, ul.page a:focus {
color: #fff;
text-decoration: none;
background:#722d0d;

} 

/* ++++++++++++++  nav entre article  ++++++++++++++ */
ul.pagenav {
position:relative;
margin-top:25px;

}

ul.pagenav li {
list-style: none;
padding: 7px;
background:#f8c60d;
color:#fff;

}

ul.pagenav li a {
list-style: none;
padding: 7px;
color:#fff;

}

ul.pagenav li:hover, ul.pagenav li:focus {
background:#722d0d;
color:#fff;

}

ul.pagenav li a:hover, ul.pagenav li a:focus { 
text-decoration:none;
color:#fff;

}

ul.pagenav li.pagenav-prev {
float: left;

}

ul.pagenav li.pagenav-next { 
float:right;

}

/*****************************/
/**************MOD RIGHT************/


#right {
float: left;
width: 210px;
background: transparent;
padding: 0;
margin-top: 30px;
text-align: left;
margin-left: 30px;

} 

#right div.module,
#right div.module_menu  {
width:auto;
background:transparent url(../images/rah_neu.png) left repeat-y;
margin-bottom:8px;
float:left;

}

#right div.module div,
#right div.module_menu div,
#right div.module_text div  {
width:auto;
background:transparent url(../images/rah_neu3.png) top left no-repeat;

}

#right div.module div div,
#right div.module_menu div div {
width:auto;
background:transparent url(../images/rah_neu2.png) bottom left no-repeat;

}

#right div.module h3,
#right div.module_menu h3 {
background: none repeat scroll 0 0 #99210b;
color: #FFFFFF;
font-size: 14px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin: 0;
padding-left: 20px;
text-align: left;

}

#right div.module div div div,
#right div.module_menu div div div {
margin: 0px 0 10px 0px;
background:transparent ;
width:210px;

}

#right div.module ul,
#right div.module_menu ul {
margin:0px;
padding:0;

}

#right div.module ul.nav li,
#right div.module_menu ul.nav li {
height: auto;
line-height: 30px;
margin: 0;
padding: 0 0 0 20px;
margin-bottom: 0px;
width: 180px;
padding-right: 20px;
}

#right div.module ul.nav li a, #right div.module_menu ul.nav li a {
display: block;  
}

#right div.module ul.nav li.current, #right div.module ul.nav li:hover,
#right div.module_menu ul.nav li.current, #right div.module_menu ul.nav li:hover {
background: url(../images/button_menu_left.png) no-repeat 30px center transparent;  
}

#right div.module ul.nav li a:hover, #right div.module ul.nav li.current a {
color: #550700;  
}

#hmpSocial li {
float: left;
margin-right: 10px;
}
div#right .hmpSide, div#right .hmpSideCont {
float: left !important;
width: 180px !important;
margin-right: 0 !important;
padding: 5px 10px !important;
font-size: 11px !important;
border: 3px #ececec solid !important;
background-color: #efefef !important;
border-width: 3px !important;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.2) !important;
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2) !important;
color: #333333 !important;
height: auto !important;
line-height: 16px !important;
text-align: left !important;
vertical-align: top !important;
margin-top: 20px !important;
}

div#right .hmpSide h3, div#right .hmpSideCont h3 {
font-size: 110%;
background: none;
color: #333333;
height: auto;
line-height: 16px;
text-align: left;
padding: 0;
font-weight: bold;
margin: 0 0 5px;
}
div#right .hmpSide p {
margin:0;
}
/***************************/
.module.startFooter {
width: 900px;
margin: 0 auto;
position: relative;
}
div#hmpFooter {

text-align: left;
/*margin: auto auto 40px;*/
display: inline-block;
height: auto;
}
div#hmpFooter > div {
float: left;
width: 240px;
margin-right: 16px;
padding: 10px;
font-size: 11px;
border: 3px #fff solid;
background-color: #efefef;
border-width: 3px;
box-shadow: 0 1px 3px rgba(100, 101, 91, 0.3);
-moz-box-shadow: 0 1px 2px rgba(100, 101, 91, 0.3);
-webkit-box-shadow: 0 1px 3px rgba(100, 101, 91, 0.3);
color: #333333;
height: 80px;
line-height: 16px;
text-align: justify;
vertical-align: top;
}
div#hmpFooter h4 {
	margin:0;
}
div#hmpFooter p {
margin-top: 5px;
}
div#hmpFooter .left{
}
div#hmpFooter .right{
float: right;
margin-right: 0%;
}


#ft {
float: left;
width: 100%;
height: auto;
background: #efefef;
visibility: visible;
bottom:0;
left:0;
height: 30px;
margin-top: 0px;
border-top: 1px solid #fefefe;
position: relative;
}

#ft span {

float:left;
visibility: visible;
color: #333333;
font-weight: normal;
font-size: 12px;
line-height:30px;
width: 100%;
}

#ft span a, #ft span a:visited{
padding:0 !important;
border:none !important;
color:#fff;
font-weight:bold;
} 

#ft span a:hover{
color:#fff;
} 

#ft2 {
float: left;
width: 100%;
height: auto;
background: #efefef;
visibility: visible;
bottom:0;
left:0;
height: 20px;
margin-top: 0px;
}
#ft2 ul {
  text-align: center;
  width: 220px;
  margin: 0 auto;
  position: relative;
}
#ft2 li{
text-align: center;
font-size: 12px;
float:left;
margin: 0;
}
#ft2 li.liMiddle {
  border-left: 1px solid;
  border-right: 1px solid;
  padding: 0 10px;
  margin: 0 10px !important;
}

#top {
float:left;
width:30px;
height:30px;
margin-top:10px;
padding:0 !important;
border:none !important;
background:transparent;

}

.top_button {
padding:0 !important;
border:none !important;

}

#apDiv1 {
position: absolute;
width:340px;
height:216px;
z-index:1;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
text-align: justify;
color: #333;
background-color: #d9dadb;
padding-right: 20px;
padding-left: 23px;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-top-color: #03C;
border-right-color: #03C;
border-bottom-color: #03C;
border-left-color: #03C;
vertical-align: top;
line-height: 16px;
-moz-box-shadow: 10px 10px 5px #646567;
-webkit-box-shadow: 10px 10px 5px #646567;
box-shadow: 10px 10px 20px #646567;
top: 600px;
left: 20%;
}
#apDiv2 {
position: absolute;
top:600px;
right:17%;
width:340px;
height:216px;
z-index:1;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
text-align: justify;
color: #333;
background-color: #d9dadb;
padding-right: 20px;
padding-left: 24px;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 0px;
border-top-color: #03C;
border-right-color: #03C;
border-bottom-color: #03C;
border-left-color: #03C;
vertical-align: top;
line-height: 16px;
-moz-box-shadow: 10px 10px 5px #646567;
-webkit-box-shadow: 10px 10px 5px #646567;
box-shadow: 10px 10px 20px #646567;
}
#apDiv1_kontakt {
position:absolute;
left:460px;
top:180px;
width:600px;
height:60px;
z-index:1;
}
#apDiv1_kontakt strong {
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;
color: #550700;
text-align: center;
vertical-align: middle;
}
#apDiv2_kontakt {
position:absolute;
left:0px;
top:100px;
width:280px;
height:160px;
z-index:2;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
line-height: 20px;
color: #550700;
text-align: left;
vertical-align: top;
}
#apDiv3_kontakt {
position:absolute;
left:464px;
top:280px;
width:260px;
height:20px;
z-index:2;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #550700;
}
#apDiv4_kontakt {
position:absolute;
left:464px;
top:305px;
width:260px;
height:50px;
z-index:3;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
color: #333;
line-height: 14px;
}
#apDiv5_kontakt {
position:absolute;
left:774px;
top:280px;
width:290px;
height:20px;
z-index:4;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #550700;
}
#apDiv6_kontakt {
position:absolute;
left:774px;
top:305px;
width:290px;
height:50px;
z-index:5;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
line-height: 14px;
color: #333;
}
#apDiv7_kontakt {
position:absolute;
left:774px;
top:370px;
width:290px;
height:20px;
z-index:6;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #550700;
}
#apDiv8_kontakt {
position:absolute;
left:774px;
top:395px;
width:290px;
height:20px;
z-index:7;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
color: #333;
}
#apDiv9_kontakt {
position:absolute;
left:460px;
top:430px;
width:295px;
height:160px;
z-index:8;
}
#apDiv10_kontakt {
position:absolute;
left:770px;
top:430px;
width:290px;
height:157px;
z-index:9;
color: #FFF;
font-family: Tahoma, Geneva, sans-serif;
text-align: center;
vertical-align: bottom;
}
#apDiv11_kontakt {
position:absolute;
left:464px;
top:370px;
width:290px;
height:50px;
z-index:3;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
color: #333;
line-height: 14px;
}
.ccms_form_element {
clear: none; 
margin-right: 30px;
float:left;
margin-bottom: 0;
/*padding: 0 0 0 5px;*/
padding-top:0;
padding-bottom:0;
position: relative;
/*CHROME-Hack*/
(-bracket-:hack;
margin-right:15px;
);
}
#chronoform_Kontakt .ccms_form_element label:first-child,
#chronoform_Kontakt .cfdiv_radio label:first-child,
#chronoform_Kontakt .cfdiv_checkbox label:first-child,
#chronoform_Kontakt .cfdiv_checkboxgroup label:first-child{
font-weight: normal;
font-family: Tahoma;
font-size: 12px;
color: #550700;
}
.label_right {
margin-left: 0 !important;
}
/*#akzeptiert1_container_div {
position: relative;
top: 20px;
width:250px;
}*/
#akzeptiert1_container_div{
width:250px;
/*background-color:#FFC;*/
padding-top:23px;
}
#akzeptiertContainerLabel{
padding-top:9px;
}
#akzeptiertContainerPflichtfelder{
padding-top:15px;
color:#666;
/*padding-left:15px;*/
}
form.Chronoform div.ccms_form_element.cfdiv_textarea textarea{
width:565px;
}
/* CHRONOFORM_KONTAKT ZENTRIEREN/AUSRICHTEN */
form#chronoform_Kontakt.Chronoform{
width:620px;
margin-left:0px;
}
/* CHRONOFORM_KONTAKTUNTERNEHMEN ZENTRIEREN/AUSRICHTEN */
form#chronoform_KontaktUnternehmen.Chronoform {
margin-left: 0;
width: 620px;
}
/* CHRONOFORM-FOOTER NICHT ANZEIGEN */
.chronoform { display:none; }

/* STARTSEITE Doppelbild */
/*Resets*/
div.pagewidth #main-full div.apDivContainer,
div.pagewidth #main-full div.apDivContainer *{
/*don't change*/
padding:0;
margin:0;
}

div.pagewidth #main-full div.apDivContainer p.floatClear{
/*don't change*/
font-size:1px;
line-height:1px;
height:1px;
float:none;
clear:both;
background:none;
border:none;
}

/*Hauptcontainer um links und rechts*/
div.pagewidth #main-full div.apDivContainer{
margin: 0;
width: 100%;
height: 280px;
position: relative;
float:left;
}

/*Globale Einstellungen für beide Bildcontainer, links und rechts*/
div.pagewidth #main-full div.apDivContainer div.apDiv{
padding:18px 20px 0px 20px;
border: 3px solid #FFFFFF;
/*max-width:45%;*/
width: 332px;
font-size:11px;
border:3px #fff solid;
background-color: #D9DADB;
border-width: 3px;
box-shadow: 10px 10px 20px #646567;
color: #333333;
height: 198px;
line-height: 16px;
text-align: justify;
vertical-align: top;
}

/* Linker Bildcontainer */
div.pagewidth #main-full div.apDivContainer div.apDiv.links{
margin-left:30px;
/*Falls separat geändert werden soll*/
/*padding:18px 20px 0px 20px;*/
/*don't change*/
float:left;
}

/* Rechter Bildcontainer */
div.pagewidth #main-full div.apDivContainer div.apDiv.rechts{
margin-right:30px;
/*Falls separat geändert werden soll*/
/*padding:18px 20px 0px 20px;*/
/*don't change*/
float:right;
}

/*Text-Absatz links und rechts*/
div.pagewidth #main-full div.apDivContainer div.apDiv .p4apDiv{
margin-top:15px;
padding-left:15px;
}

/*Text-Absatz links*/
div.pagewidth #main-full div.apDivContainer div.apDiv.links .p4apDiv{
}

/*Text-Absatz rechts*/
div.pagewidth #main-full div.apDivContainer div.apDiv.rechts .p4apDiv{
}

/*Bild links und rechts. Es ist günstig, wenn IMG-Tag kein width und height
enthält. Ansonsten hier width und height explizit angeben in Pixeln.*/
div.pagewidth #main-full div.apDivContainer div.apDiv .img4apDiv{
max-width:100%;
}

/*Nur Bild links. Es ist günstig, wenn IMG-Tag kein width und height
enthält. Ansonsten ggf. hier width und height explizit angeben in Pixeln,
falls abweichend vom rechten Bild.*/
div.pagewidth #main-full div.apDivContainer div.apDiv.links .img4apDiv{
}

/*Nur Bild rechts. Es ist günstig, wenn IMG-Tag kein width und height
enthält.
Ansonsten ggf. hier width und height explizit angeben in Pixeln, falls abweichend
vom linken Bild.*/
div.pagewidth #main-full div.apDivContainer div.apDiv.rechts .img4apDiv{
}
/* ENDE - STARTSEITE Doppelbild */

ul#regionen {
font-size: 11px;
width: 200px;
}

.hmpRegFooter {
width: 900px;
margin: 0 auto;
}
.hmpSideCont form input {
width: 100px;
display:inline-block;
}
.hmpSideCont form label {
width: 60px;
display:inline-block;
font-size: 11px;
margin-right: 10px;
}

.hmpSideCont form input[type="submit"] {
width: 160px !important;
margin: 10px !important;
display: block !important;
float: left;
}
span.highlightSuccess {
color: #9f0000;
font-weight: bold;
}

ul#branchen {

}
ul#funktionen {

}
.item-533:hover > #regionen , .item-535:hover > #branchen , .item-536:hover > #funktionen{display:block;}

#right div.module ul#regionen.nav li,
#right div.module ul#branchen.nav li,
#right div.module ul#funktionen.nav li {
height: auto;
line-height: 25px;
margin: 0;
padding: 0 0 0 10px;
margin-bottom: 0px;
width: 180px;
}

#right div.module ul#regionen.nav li.current, #right div.module ul#regionen.nav li:hover,
#right div.module ul#branchen.nav li.current, #right div.module ul#branchen.nav li:hover,
#right div.module ul#funktionen.nav li.current, #right div.module ul#funktionen.nav li:hover {background:none;}



#ft-600 span {

float:left;
display: none;
visibility: visible;
color: #333333;
font-weight: normal;
font-size: 10px !important;
text-align: center;
line-height:30px;
width: 100%;
}



@media screen and (max-width: 500px) {
	
	div.tablet {
display: inline;
}

div.screen {
display: none;
}
	
#submenu600 div.module ul,
#submenu600 div.module_menu ul {
margin:0px;
padding:0;
display: block;
line-height: 30px;
margin-top: 0%;
border: 2px white solid
width: 100%;

}
}


span.highlightSuccess {
color: #9f0000;
font-weight: bold;
padding-top: 10px;
display: block;
}
ul#regionen, ul#branchen, ul#funktionen {
font-size: 11px;
width: 200px;
position: absolute;
display: none;
background: #fff;
bottom: 30px;
z-index: 999 !important;
border: #ddd 1px solid;
padding:0 10px 0;
bottom: 25px !important;
}
ul#regionen li, ul#branchen li, ul#funktionen li{
	margin: 10px 0;
}
ul#branchen {
 /*left: 180px;*/
  }
ul#funktionen {
	/*left: 275px;*/
}
.item-595:hover > #regionen , .item-596:hover > #branchen , .item-597:hover > #funktionen{display:block;}
.item-595, .item-596, .item-597{
  padding: 0 10px 10px;
  margin: 0px 10px 5px;
  display: inline-block;
}

#seomenu-unten .item-596 {
	  margin: 0 10px;
  padding: 0 10px;
  border-left: 1px solid;
  border-right: 1px solid;
}

.bottom-menu {
	margin: 10px 0 0 0;
	width: 100%;
       bottom: 0px;
    position: relative;
    float: left;

}
}
span.bottom-menu-heading {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
  font-size: 14px;
}
#right div.module ul#regionen.nav li,
#right div.module ul#branchen.nav li,
#right div.module ul#funktionen.nav li {
height: auto;
line-height: 25px;
margin: 0;
padding: 0 0 0 10px;
margin-bottom: 0px;
width: 180px;
}

#right div.module ul#regionen.nav li.current, #right div.module ul#regionen.nav li:hover,
#right div.module ul#branchen.nav li.current, #right div.module ul#branchen.nav li:hover,
#right div.module ul#funktionen.nav li.current, #right div.module ul#funktionen.nav li:hover {background:none;}

#seomenu-unten {
position: relative;
  padding: 0;
  margin: 0 auto;
  text-align: center;}
#datenschutzerklaerung, #datenschutzerklrung_akzeptiert, #datenschutz_rueckruf {
	opacity: 1!important;
}

#right .chronopage input {
    font-size: 12px !important;
	padding: 3px;
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 12px !important;
    width: 100%;
}
#hmpCta .chronoforms {
	margin: 20px 0;
}
#hmpCta .mainfield label {
    display: inline-block;
}
#hmpCta .mainfield input {
    display: inline-block;
    width: 70%;
    float: right;
    font-size: 12px;
    padding: 5px;
}
.modulehmpSide .ui.form .field>label {
    font-size: 11px;
    margin: 0 0 3px;	
}
.modulehmpSide .ui.button,
#hmpCta .ui.button,
.item-page .ui.button {
    background-color: #99210B;
    color: #ffffff !important;
    font-weight: normal;    
}
.modulehmpSide .ui.button:hover,
#hmpCta .ui.button:hover,
.item-page .ui.button:hover {
    background-color: #560701 !important;
}
#main .G3-body.chronoforms {
    position: relative;
    float: left;
    width: 100%;
}
#main .ui.message .list:not(.ui) li:before {
    position: relative;
    content: '';
    left: initial;
    height: auto;
    vertical-align: initial;
}
#main .ui.message .list:not(.ui) li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.modulehmpSide .chronoforms .ui.message {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    margin: 0;
}
.modulehmpSide .chronoforms .list.header li:before {
    display: none;
}
.modulehmpSide .chronoforms .list.header li {
    margin: 0;
}
.modulehmpSide .chronoforms .ui.message {
    margin: 0;
}