/* Version: 01.07.2015 */

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto[wdth,wght].woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url('https://fonts.pwrk.dev/ofl/roboto/Roboto-Italic[wdth,wght].woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
}

body {
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	word-spacing: normal;
	line-height: 17px;
	background-color:#f4f4f4;
/* 	background-color:#e5eff5;*/
}
p{
margin:0px;	
}
.block{ display:block;}
.bold {font-weight:bold; } 
.kursiv{font-style: italic;}

h1{
	margin: 0px;
	line-height: 30px;
	font-size: 25px;
	font-weight: normal;
}
h2{
	margin: 0px;
	line-height: 23px;
	font-size: 18px;
	font-weight: normal;	
}

#logo img{
width:40%;
}

#rahmen {
	position:relative;
	padding: 0px;
	width:472px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFF;
	border: 1px solid #cccccc;
	box-shadow: -0.5px 2px 8px #999;
}
::selection {
        background: #00528f; 
        color:#ffffff;
}

::-moz-selection {
        background: #00528f;
        color:#ffffff;
}
#rahmen_top {
	padding: 0px;
}
#rahmen_bottom {
	padding: 0px;
}
#content{ padding: 30px; }

#box_r{
	float:right;
	width:48%;
	
}
#box_l{
	float:left;
	width:48%;	
	
}
img {
	max-width: 100%;
	height: auto;
	width: auto9; 
}
img, a img {
                  border: none;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active{
	text-decoration: none;
	color: #000000;
}
.titel_gross{
	font-size: 26px;
	line-height: 35px;
}
.titel_klein{
	font-size: 19px;
	line-height: 25px;
}
.text_gross{
	font-size: 16px;
	line-height: 20px;
}
.text_klein{
	font-size: 11px;
	line-height: 17px;
}

.farbe_1{
	color: #0a79c1;
}
.farbe_2{
	color: #fff;
}
ul {
    margin-left:9px;
    padding-left:9px;
    margin-top:0px;
    list-style-type: disc;
}
li {
    margin: auto;
    padding-bottom: 1rem;
    color:#000;
}
li span {color: black;}

.clear{clear:both;font-size:0px;line-height:0px;}

.bild1{
	display:block;	
}
.bild2{
	display:none;
}
.aus
{
		display:none;
}
.btn
{
	border-radius: 8px;
	width:150px;	
	height:30px;
	background-color:#72ba01;
	color:#fff;
	padding-top:10px;
	font-size:13px;
	text-align:center;
}
.linie
{
height:1px;
width:100%;
background-color:#000;
}
.txt_left
{
text-align:left;	
}
.pad_left
{
padding-left:10px;	
}
.versalien
{
	text-transform: uppercase;		
}
.trans
{
				position:absolute;
				top:220px;
				left:30px;
				width:80%;	
				filter:alpha(opacity:60);
                KHTMLOpacity: 0.65;
                MozOpacity: 0.65;
                opacity: 0.65;
                background: #000;
                border: 0px solid #BFC1BD;
                padding-right: 2%;
                padding-left: 2%;
                color: #fff;
padding:20px;
}

.trans_2{
position: absolute;
top: 285px;
left: 24px;
width: 80%;
filter: alpha(opacity:60);
KHTMLOpacity: 0.65;
MozOpacity: 0.65;
opacity: 0.65;
background: #000;
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}


.trans_3{
position: absolute;
top: 298px;
left: 24px;
width: 85%;
filter: alpha(opacity:60);
KHTMLOpacity: 0.65;
MozOpacity: 0.65;
opacity: 0.65;
background: #000;
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}

.trans_4{
position: absolute;
top: 292px;
left: 24px;
width: 85%;
filter: alpha(opacity:60);
KHTMLOpacity: 0.65;
MozOpacity: 0.65;
opacity: 0.65;
background: #000;
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}

.trans_5{
position: absolute;
top: 262px;
left: 24px;
width: 86%;
filter: alpha(opacity:60);
KHTMLOpacity: 0.65;
MozOpacity: 0.65;
opacity: 0.65;
background: #000;
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}

.trans_6{
position: absolute;
top: 303px;
left: 24px;
width: 85%;
filter: alpha(opacity:60);
KHTMLOpacity: 0.65;
MozOpacity: 0.65;
opacity: 0.65;
background: #000;
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}

.trans_NEW{
position: absolute;
top: 275px;
left: 24px;
width: 85%;
background: rgba(0,0,0,0.65);
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;
}

.trans_26{position: absolute;
top: 282px;
left: 24px;
width: 85%;
background-color: rgba(0,0,0, 0.5);
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;}

.trans_27{position: absolute;
bottom: 0.5rem;
left:25px;
width: 85%;
background-color: rgba(0,0,0, 0.5);
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 10px;}


.refnr {}

/* <span class="capital" style="float: left; width: 43px; height: 20px; line-height: 47px; background: transparent; font-size: 38px; margin-top: -5px; margin-right: -32px; margin-bottom: 5px; background-color: transparent;">I</span>

ul li { 
background: url(bp.jpg) no-repeat 2px 5px; padding-left:8px;
}

oder wie folgt

ul {
	margin-left:5px;
	padding-left:5px;
	margin-top:0px;
	list-style-type:disc;
}
li {
	margin: 6px;
	padding-bottom: 1rem;
}

ul.bs {
   list-style-image: url(bs.jpg);
}
ul.pfeil {
   list-style-image: url(bp.jpg);
}

und dann <ul class="pfeil"> 

<span class="aus_r" style="position: absolute; bottom: 380px; right: 0;">
 */

.paddingHeader{
position:relative;
padding-left: 1.55rem;
}

.apply {}