/* Self!Service lite - Template 13 - style.css */
/* Free Download: www.cms-self-service-lite.at > Download > Templates */
/* general */
* {
 margin:0;
 padding:0;
}
body, input, textarea {
 font-family:Calibri,Arial,sans-serif;
 color:#333;
}
input, textarea {
 font-size:1em;
}
a {
 color:#333;
}
a:hover {
 text-decoration:none;
}
a img {
 border:none;
}
img {
 max-width:100% ! important;
 height:auto ! important;
}

/* head */
div#head {
 border-bottom:1px solid #fff;
 background-image:url(ssl-images/bg1.jpg);
 background-repeat: repeat-x;
 background-size:auto 100%;
 position:relative;
 height:302px;
 min-height:120px ! important;
}
/* head content */
div#head-content {
 max-width:950px;
 height:100%;
 margin:0 auto;
 position:relative;
}
div#head img.headlogo {
 max-height:85% ! important;
 width:auto;
 position:absolute;
 top:8%;
 left:0;
}
/* name of site, name of company */
div#head-content h1 {
 font-size:2.2em;
 line-height:1.2em;
 padding-top:30px;
}
/* description of the site, description of the company */
div#head-content h2 {
 font-size:1.4em;
 line-height:1em;
}

/* search form */
div#head-content form.ssl_searchform {
 position:absolute;
 top:18px;
 right:8px;
}
form.ssl_searchform fieldset input.sslsearchinput {
 display:inline-block;
 border-color:#ccc;
 height:20px;
 width:130px;
 padding:0 3px;
 border-radius:4px 0 0 4px;
 position:absolute;
 right:29px;
 top:0;
}
form.ssl_searchform fieldset input.sslsearchbutton {
 text-indent:-5000px;
 width:28px;
 height:22px;
 font-size:0;
 background:url(ssl-images/ssl-suche_button.png) no-repeat 4px 2px #fff;
 color:transparent;
 border-color:#ccc;
 padding:0;
 position:absolute;
 right:0;
 top:0;
 border-radius:0 4px 4px 0;
}
form.ssl_searchform fieldset input.sslsearchbutton:hover {
 background:url(ssl-images/ssl-suche_button.png) no-repeat 4px -22px #fff;
 cursor:pointer;
}
/* social bar */
div#ssl-social-bar {
 position:absolute;
 top:55px;
 right:0;
}

/* main wrapper */
div#main-wrapper {
 background:#ffff99;
 padding:50px 0 60px 0;
 box-shadow: inset 0 0 8px #999;
}
/* main container */
div#main {
 max-width:950px;
 margin:0 auto;
 position:relative;
 
}
div#main:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}



/* menue */
div#menue {
 border:1px solid #fff;
 box-shadow: 0 0 7px #ccc;
 padding:5px 0;
 width:180px;
 position:absolute;
 top:0;
 left:0;
}
ul.sub1 {
 list-style-type:none;
}
ul.sslmenue {
 list-style-type:none;
}
ul.sslmenue li a {
 display:block;
 font-weight:bold;
 text-decoration:none;
 padding:5px 5px 5px 10px;
 border-bottom:1px solid #ccc;
}
ul.sslmenue li a:hover {
 text-decoration:underline;
}
ul.sslmenue li a em {
	background:transparent;
	font-style:normal;
}
ul.sslmenue li:last-child a {
 border:none;
}
ul.sslmenue li a.sslmenueactive,
ul.sslmenue li a.sslmenueactive:hover {
 cursor:default;
 text-decoration:none;
}
ul.sslmenue li li a {
 font-weight:normal;
 padding:2px 0 2px 20px;
 border:none;
 border-top:1px solid #fff;
}
ul.sslmenue li li li a {
 padding-left:30px;
}
ul.sslmenue li li li li a {
 padding-left:40px;
}
ul.sslmenue li li li li li a {
 padding-left:50px;
}


/* content */
div#content-wrapper {
 max-width:720px;
 padding:10px 8px 0 220px;
}
div#self-service-lite {}


/* google map */
div#map_canvas { width:98% ! important; }

/* wetter widget */
div#awtd1417094046951 { width:95% ! important; }


/* kontakt */
div#self-service-lite .contactform {}
div#self-service-lite table.sslformtab {
 width:96%;
}
div#self-service-lite table.sslformtab td.sslformtableft  {
 text-align:left;
 padding:0 0 0 0;
}
div#self-service-lite table.sslformtab td.sslformtableft,
div#self-service-lite table.sslformtab td.sslformtabright {
 display:block;
}
div#self-service-lite table.sslformtab td.sslformtabright input,
div#self-service-lite table.sslformtab td.sslformtabright textarea {
 width:95% ! important;
 padding:3px 5px;
 color:#000;
 transition: background 0.4s;
}
div#self-service-lite table.sslformtab td.sslformtabright input.sslformbutton {
 width:auto ! important;
 padding:10px 20px;
 float:left;
 margin-left:0;
}





/* social bar unten */
div#self-service-lite div#ssl-social-bar {
 position:relative;
 padding:0 0 20px 0;
 display:none;
}

/* user login */

form.ssl_user_login table td input {
 border:1px solid #999999;
 padding-left:3px;
 width:200px;
 border-radius:4px;
}

/* sidebar */
div#sidebar {
 border-top:1px solid #fff;
 border-bottom:1px solid #fff;
 padding:20px 0;
}

div#sidebar div#self-service-lite-sidebar {
 margin:0 auto;
}

/* footer */
div#footer {
 clear:both;
 float:none;
 zoom:1;/* autoclear IE */
 padding:15px 0 25px 0;
}
div#footer:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul#footer-content {
 list-style-type:none;
 margin:0 auto;
 max-width:950px;
}
ul#footer-content li {
 float:left;
 padding-right:5px;
}


/* #### to top ####  */
 .cd-top {
		display: inline-block;
		height: 40px;
		width: 40px;
		position: fixed;
		bottom: 10px;
		right: 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background:url(ssl-images/totop.png) no-repeat;
		visibility: hidden;
		opacity: 0;
		display:none;
 }
 .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
		transition: opacity .3s 0s, visibility 0s 0s;
 }
 .cd-top.cd-is-visible {
		visibility: visible;
		opacity: 1;
 }
 .cd-top.cd-fade-out {
		opacity: .5;
 }
 .no-touch .cd-top:hover {
		background-color: #e86256;
		opacity: 1;
 }


/* ########################### responsive ############################################ */

/* ###### responsive menue ########## */
span#kirm-opener { /* button */
 display:block;
 width:220px;
 height:220px;
 /* orginal war hier fuer menue button  */
  /* width:40px;  */
  /* height:40px;  */  
  position:absolute;
 top:10px;
 right:10px;
 z-index:1000;
 background:url(ssl-images/kirm-sprite.png) no-repeat;
display:none;
}
div#kirm { /* main menue container */
 }
div#kirm ul {
margin:0;
list-style-type:noone;
}
div#kirm ul.kirm-content { /* main menue list */
 border-top:48px solid #fff;
 border-right:48px solid #fff;
 border-bottom:20px solid #fff;
}
div#kirm * a {
 display:block;
 border-top:1px solid #666;
 border-bottom:0;
 padding-top:6px;
 padding-bottom:6px;
 text-decoration:none;
 background:#fff;
}
div#kirm ul.kirm-content a { /* 1st level */
 padding-left:10px;
}
div#kirm ul.kirm-content ul a { /* 2nd level */
 padding-left:20px;
}
div#kirm ul.kirm-content ul ul a { /* 3rd level */
 padding-left:30px;
}
div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue { /* arrow open */
 display:inline-block;
 width:18px;
 height:10px;
 background:url(ssl-images/kirm-sprite.png) no-repeat 6px -100px; 
}
div#kirm ul.kirm-content li a.kirm-content-sub span.kirm-has-submenue-open { /* arrow close */
 background:url(ssl-images/kirm-sprite.png) no-repeat 6px -200px; 
}
div#kirm ul li a.sslmenueactive  {
 background:#B2D1B2;
}
 
/* search form im responsive menue */
ul.kirm-content li.search_menue form.ssl_searchform {
 position:absolute;
 top:13px;
 left:10px;
}
ul.kirm-content li.search_menue form.ssl_searchform fieldset input.sslsearchinput {
 position:absolute;
 left:0;
 top:0;
}
ul.kirm-content li.search_menue form.ssl_searchform fieldset input.sslsearchbutton {
 position:absolute;
 left:138px;
 top:0;
}








/* #### resp breite #### */
@media screen and (max-width: 972px) {
 div#sidebar {
  padding-left:10px;
		padding-right:10px;
 }
 ul#footer-content {
  padding-left:10px;
		padding-right:10px;
 } 
 
}


@media screen and (max-width: 660px) {
 span#kirm-opener,
 div#self-service-lite div#ssl-social-bar,
 .cd-top 
 {display:block;}
 
 #menue {display:none;}
 div#head-content div#ssl-social-bar,
 div#head-content form.ssl_searchform 
 {display:none;}
 
 div#main-wrapper {
  padding-top:20px;
 }
 div#content-wrapper {
  padding:5px 10px 0 10px;
 }
 

 
}







/* Verhindert, dass das Google-Translate-Element angezeigt wird */
#gtx-trans, 
[id^="gtx-trans"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}