/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  background: url(../images/hp_baumann/bg_logo.png) no-repeat bottom center;
  text-align: justify;
}

h1{
	font-size: 14pt;
	margin-top: 14px;
	margin-bottom: 7px;
	color: #E4003A;
}
h2{
	font-size: 14pt;
	margin-top: 14px;
	margin-bottom: 7px;
	color: #0069B4;
}
h3{
	font-size: 14pt;
	margin-top: 14px;
	margin-bottom: 7px;
	color: #E4003A;
}
h4{
	font-size: 14pt;
	margin-top: 14px;
	margin-bottom: 7px;
	color: #0069B4;
}
h5{
	font-size: 12pt;
	margin-top: 12px;
	margin-bottom: 6px;
	color: #E4003A;
}
h6{
	font-size:10pt;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #0069B4;
}
a{
	color:#E4003A;
	font-weight:bold;
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}


.container {width:900px;margin: 0 auto;padding:0;}
#menu {}
.shaddow {
    border:1px solid #58585a; 
    -webkit-box-shadow: 6px 6px 6px rgba(88, 88, 90, 0.5);
    -moz-box-shadow: 6px 6px 6px rgba(88, 88, 90, 0.5);
    box-shadow: 6px 6px 6px rgba(88, 88, 90, 0.5);

    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
}
.ctop {padding-top: 1px;}
	#logo {width: 900px;text-align:right;margin-right: 10px;}
		#logo p {padding:0;margin:0;}
		#logo img {padding:0;margin:0;max-width: 435px;}
.cbottom {}
	#header {width: 899px;margin-left: 0;margin-right: 0;}
		#header p {padding:0;margin:0;}
	#submenu {width: 899px;margin-left: 1px;margin-right: 10px;height:57px;  display: none;}
	#content {width: 870px; color: #58585a; font-size: 13px; padding: 15px; line-height:20px;}

#impress {text-align: right; font-size: 80%; color: #58585a;padding-right: 10px;margin-bottom: 150px;}
	#impress ul {}
	#impress li {list-style-type:none; display: inline-block;}
	#impress a {display: block; text-decoration: none; color: #58585a; padding-left: 20px;font-weight:normal;}
	#impress a:hover {color: #bfc1c2;}
	
	
	#user1 img{
		max-width: 870px;
	}



#menu #gruemenu,
#menu #gruemenu ul,
#menu #gruemenu ul li,
#menu #gruemenu ul li a
{font-family: sans-serif; font-size: 14px;font-weight:normal;}
#menu #gruemenu { height: 24px; width: auto;  background:transparent;}
#menu #gruemenu > ul { box-shadow: none; padding:0; margin:0}
#menu #gruemenu > ul > li a {background:none}
#menu #gruemenu > ul > li > a { padding: 20px 6px;	padding-bottom: 15px; border: none; text-decoration: none; letter-spacing: 1px;text-transform:none;color:#0069B4;}
#menu #gruemenu > ul > li:hover > a,
#menu #gruemenu > ul > li > a:hover,
#menu #gruemenu > ul > li.active > a { background: none; color:#E4003A;}
#menu #gruemenu > ul > li.has-sub > a {}
#menu #gruemenu > ul > li.has-sub > a::after {border:none;display:none !important;}
#menu #gruemenu > ul > li.has-sub.active > a::after,
#menu #gruemenu > ul > li.has-sub:hover > a {}
#menu #gruemenu:after,
#menu #gruemenu > ul:after {display: none;}
#menu #gruemenu ul ul { position:absolute;left: 0;top: 28px;background:#58585a;border-top:1px solid #fff;padding:10px;font-size: 14px!important;}
#menu #gruemenu ul ul li a { text-decoration: none; padding: 6px 15px; width: auto; box-shadow: none;color:#fff;}
#menu #gruemenu > ul > li > ul::after { display: none;}
#menu #gruemenu ul ul li.has-sub > a::after {display:none;}  

/* Mobile Menu */
#navigation-toggle, .sidr, #sidr-close { display: none }
.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:320px;overflow-x:auto;overflow-y:auto; font-size:16px;background:#333;color:#fff;}
.sidr .sidr-inner{padding:0}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.right{left:auto;right:-320px}
.sidr.left{left:-320px;right:auto;}
.sidr p{font-size:16px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}
.sidr>p{margin-left:15px;margin-right:15px}
.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}
.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{ background:#333;line-height:48px}
.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}
.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:14px}.sidr ul li ul li:last-child{border-bottom:none}
.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{background:#333;line-height:40px}
.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{}
.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}
a.sidr-class-toggle-sidr-close {color:#fff; text-decoration:none; display:block; text-align:right; padding:10px 20px;}
a.sidr-class-toggle-sidr-close:before {font-size:20px; font-weight:bold; color: #fff; margin: 0; text-decoration:none; content:"x"; background:#222222; padding:2px 10px; border-radius:50% }
.sidr-class-current > a{ background:#222}

span.ux-menu-arrow{ display: none;}
#submenu ul.ux-menu {
    height: 57px;
    padding-left: 10px;
}
#submenu ul.ux-menu ul.ux-menu-sub{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
}
#submenu ul.ux-menu a {
    background: none;
    border: none;
    color: #58585a;
    display: block;
    font-size: 16px;
    line-height: 37px;
	padding-top: 10px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 5px;
    position: relative;
    text-decoration: none;
}
#submenu ul.ux-menu  ul.ux-menu-sub a {
    padding: 6px 10px;
	color: #fff;
	line-height: 12px;
	font-size: 12px;
}


#content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
#content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
#content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:420px}
#content .contact .contact-form #contact-form textarea#jform_contact_message{width:420px;}

#content .contact h2{font-size: 80%;}
#content .contact h3{display:none;}
#content .contact dl dd{margin: 0;}
#content .contact dl.contact-position {margin:0;}

#content .contact dl.dl-horizontal {margin-bottom:20px;}
div.contact-miscinfo {margin-bottom:40px;}


.cup {
  display: inline-block;
  height: 35px;
  width: 35px;
  position: fixed;
  bottom: 35px;
  right: 35px;
    
    border-radius: 4px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(33, 33, 33, 0.6) url(../images/hp_baumann/arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cup.cup-iv, .cup.cup-fo, .no-touch .cup:hover {
  transition: opacity .3s 0s, visibility 0s 0s;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
}
.cup.cup-iv { opacity: 1; visibility: visible; }
.cup.cup-fo { opacity: .5; }
.no-touch .cup:hover { opacity: 1; background-color: red; }



.form-horizontal .control-label{text-align: left;}
.dl-horizontal dt {
    display: none;}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}

@media (max-width: 1919px) {
  
}
@media (max-width: 1279px) {
  
}
@media (max-width: 1135px) {
  
}
@media (max-width: 1079px) {
  
}
@media (max-width: 1023px) {
  
}
@media (max-width: 959px) {
  
}
@media (max-width: 939px) {
    .container {width:800px;}
        #logo {width: 800px;}
        #header {width: 799px;}
        #submenu {width: 799px;}
        #content {width: 770px;}
        #user1 img{
			max-width: 770px;
		}
	#menu #gruemenu > ul > li > a {
    	padding: 10px 7px !important;
    }
}
@media (max-width: 859px) {
    .container {width:700px;}
        #logo {width: 700px;}
        #header {width: 699px;}
        #submenu {width: 699px;}
        #content {width: 670px;}
        #user1 img{
			max-width: 670px;
		}
}
@media (max-width: 799px) {
  
}
@media (max-width: 767px) {
  
}
@media (max-width: 719px) {
    .container {width:600px;}
        #logo {width: 600px;}
        #header {width: 599px;}
        #submenu {width: 599px; display:none;}
        #content, #user1 img {width: 570px;}
    
    .cup { right: 20px; bottom: 20px; }
}
@media (max-width: 639px) {
    .container {width:500px;}
        #logo {width: 500px;}
        #header {width: 499px;}
        #submenu {width: 499px;}
        #content, #user1 img {width: 470px;}
}
@media (max-width: 539px) {
    .container {width:400px;}
        #logo {width: 400px;}
		  #logo img {max-width: 396px;}
        #header {width: 399px;}
        #submenu {width: 399px;}
        #content, #user1 img {width: 370px;}
            #content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
            #content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
            #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:340px}
            #content .contact .contact-form #contact-form textarea#jform_contact_message{width:340px;}
}

@media (max-width: 479px) {
    .container {width:400px;}
        #logo, #header, #menu {width: 400px;}
		  #logo img {max-width: 396px;}
        #content, #user1 img {width: 370px;}
            #content .contact .contact-form #contact-form input#jform_contact_name{width:250px}
            #content .contact .contact-form #contact-form input#jform_contact_email{width:250px}
            #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:340px}
            #content .contact .contact-form #contact-form textarea#jform_contact_message{width:340px;}
}
@media (max-width: 459px) {
    .container {width:300px;}
        #logo, #header, #menu {width: 300px;}
		  #logo img {max-width: 296px;}
        #content, #user1 img {width: 270px;}
            #content .contact .contact-form #contact-form input#jform_contact_name{width:240px}
            #content .contact .contact-form #contact-form input#jform_contact_email{width:240px}
            #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:240px}
            #content .contact .contact-form #contact-form textarea#jform_contact_message{width:240px;}
            #content .contact .contact-form #contact-form div#jform_captcha{width:240px;}
    
    #menu {margin-top: 60px;}
}

@media (max-width: 399px) {
  
}
@media (max-width: 383px) {
  
}
@media (max-width: 319px) {
    .container {width:240px;margin: 0 auto;}
        #logo {width: 240px;text-align:right;margin-right: 10px;}
		  #logo img {max-width: 236px;}
        #header {width: 239px;margin-left: 1px;margin-right: 10px;}
        #submenu {width: 239px;margin-left: 1px;margin-right: 10px;height:57px;}
        #content, #user1 img {width: 230px; color: #58585a; font-size: 13px; padding: 5px; padding-right: 5px;line-height:20px;}
            #content .contact .contact-form #contact-form input#jform_contact_name{width:200px}
            #content .contact .contact-form #contact-form input#jform_contact_email{width:200px}
            #content .contact .contact-form #contact-form input#jform_contact_emailmsg{width:200px}
            #content .contact .contact-form #contact-form textarea#jform_contact_message{width:200px;}
            #content .contact .contact-form #contact-form div#jform_captcha{width:200px;}
}
@media (max-width: 239px) {
  
}