/*  style.css 
:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
general */
* {
 margin:0;
 padding:0;
}
body, input, textarea {
 font-family:Arial,Helvetica,sans-serif;
 color:#000;
}

body {
 background:url(images/site_bgrnd1.jpg) repeat-y center top;
 font-size:0.9em;
}


input, textarea {
 font-size:1em;
}
a {
 color:#333;
}
a:hover {
 text-decoration:none;
}
a img {
 border:none;
}

/* headline */
h1#headline {
 background:url(images/head_bgrnd.png) no-repeat;
 max-width:740px;
 height:190px;
 margin:0 auto;
}
h1#headline strong {
 display:block;
 width:1px;
 height:1px;
 overflow:hidden;
}

/* gesamt */
#gesamt {
 max-width:740px; 
 margin:0 auto;
 position:relative;
}

/* menue */
#gesamt ul.sub1 {
 position:absolute;
 top:0;
 left:32px;
 width:150px; 
 padding:20px 0 20px 0; 
 border-left:1px solid #f90;
}
#gesamt ul.sub1 li {
 list-style-type:none;
}
#gesamt ul.sub1 li a {
 display:block;
 text-decoration:none;
 padding:1px 0 1px 10px
}
#gesamt ul.sub1 li a:hover {
 background-color:#FFB74C;
}
#gesamt ul.sub1 li.kontakt {
 font-weight:bold;
 margin-bottom:35px;
}
#gesamt ul.sub1 li.small { 
 font-size:0.8em;
}

#gesamt ul.sub1 li a.sslmenueactive,
#gesamt ul.sub1 li a.sslmenueactive:hover {
 background-color:#FFF7EA;
 cursor:default;
}


/* content */
div#self-service-lite {
 max-width:518px;
 padding:0 0 50px 222px;
}

div#self-service-lite div a img {
 border-color:#fe9900;
}
div#self-service-lite div li {
 list-style-image:url(images/liste.gif);
 padding-top:5px;
}





/* ################### res ########################## */
img {
 max-width:100% ! important;
 height:auto ! important;
}

/* responsive menue */
 span#kirm-opener { /* button */
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		top:12px;
		right:5px;
		z-index:10000;
		background:url(images/kirm-sprite.png) no-repeat;
		display:none;
 }
 div#kirm { /* main menue container */
		padding:51px 0 0 0;
		background:#fff;
		}
 div#kirm ul.sub1 {
		margin:0 47px 0 0;
		list-style-type:none;
		border-top:1px dotted #4f7700;
 }
 div#kirm ul.sslmenue li {
		padding:0;
		border-bottom:1px dotted #4f7700;
 }
  div#kirm ul.sslmenue li ul li {
		padding:0;
		border-top:1px dotted #4f7700;
		border-bottom:0;
 }
 div#kirm ul.kirm-content { /* main menue list */
		padding-bottom:0;
 }
 div#kirm * a {
		display:block;
		border-bottom:0;
		padding-top:5px;
		padding-bottom:5px;
		text-decoration:none;
		margin-right:50px;
		margin-bottom:1px;
		font-weight:bold;
 }
 div#kirm ul.kirm-content a { /* 1st level */
		padding-left:20px;
 }
 div#kirm ul.kirm-content ul a { /* 2nd level */
		padding-left:30px;
 }
 div#kirm ul.sslmenue * ul {
		padding:0;
 }
 div#kirm ul.kirm-content ul ul a { /* 3rd level */
		padding-left:40px;
 }
 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(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(images/kirm-sprite.png) no-repeat 6px -200px; 
 }
 div#kirm ul li a.sslmenueactive  {
		color:#FE9900;
 }

/* ###### */
/* #### 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(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;
 } 
 
 
/* ###### */
/* ###########  ############### */
@media screen and (max-width: 550px) {
 #gesamt ul.sub1 
 {display:none;} 
 
 span#kirm-opener,
 .cd-top
 {display:block;}
 
 h1#headline {
		background:url(images/head_bgrnd-small.png) no-repeat;
		height:160px;
		margin-top:35px;
 }
 div#self-service-lite {
		padding:0 10px;
 } 
 
 
 
}