/* Version: 01.07.2015 */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	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;}

#titelbox {
    position: absolute;
    left: 30px;
    bottom: 15px;
    width: 83%;
    background: rgba(0,0,0,0.65);
    padding-right: 2%;
    padding-left: 2%;
    color: #fff;
    padding: 8px;
}


h1{
	margin: 0px;
	line-height: 30px;
	font-size: 25px;
	font-weight: normal;
}
h2{
	margin: 0px;
	line-height: 23px;
	font-size: 18px;
	font-weight: normal;	
}
#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;
}
#rahmen2 {
	position:relative;
	padding: 0px;
	width:510px;
	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;
	font-size: 0.8rem;
}
#rahmen3 {
	position:relative;
	padding: 0px;
	width:525px;
	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;
	font-size: 0.8rem;
}
#rahmenNormal {
	position:relative;
	padding: 0px;
	width:720px;
	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;
}

.logo {
	
}

.header_bild {
  width: 94.0%;

}

::selection {
        background: #00528f; 
        color:#ffffff;
}

::-moz-selection {
        background: #00528f;
        color:#ffffff;
}
#rahmen_top {
	padding: 0px;
}
#rahmen_bottom {
	padding: 0px;
}
#content{ padding: 30px; }
#content2{ 
   padding: 1rem 4% 1rem 6%;
 }

.content2{ 
   padding: 1rem 4% 1rem 6%;
 }

#headerbild{ 
padding:0 0 0 30px;
position:relative;
}

#box_r{
	float:right;
	width:51.5%;
	font-size: 0.75rem;
}
#box_l{
	float:left;
	width:44%;	
font-size: 0.75rem;
	
}
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;
}
/*--Flex--*/
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /*align-items: flex-start;*/
  flex-direction: row;
  flex-wrap: wrap;
}
.left {
  margin: 0;
  padding: 0;
  width: 49%;
}
.right {
 margin: 0;
  padding: 0;
  width: 49%;
}
ul {
    margin-left:0.5rem;
    padding-left:0;
    margin-top:0px;
    list-style-type: disc;
}
li {
    margin: auto;
    padding-top: 0.25rem;
    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;		
}

.transNurBG
{
		position:absolute;
		top:14.25rem;
		left:6%;
		width: 79%;	
                background: rgba(0,0,0,0.65);
                border: 0px solid #BFC1BD;
               
                color: #fff;
padding:0.5rem 2%;
}


.transNurBG2
{
position: absolute;
top: 265px;
left: 27px;
width: 79%;
background: rgba(0,0,0,0.65);
border: 0px solid #BFC1BD;
padding-right: 2%;
padding-left: 2%;
color: #fff;
padding: 20px;
}

.transNurBG3 {
    position: absolute;
    top: 282px;
    left: 29px;
    width: 83%;
    background: rgba(0,0,0,0.65);
    border: 0px solid #BFC1BD;
    padding-right: 2%;
    padding-left: 2%;
    color: #fff;
    padding: 8px;
}

.transNurBG3_1 {
    position: absolute;
    top: 287px;
    left: 29px;
    width: 83%;
    background: rgba(0,0,0,0.65);
    border: 0px solid #BFC1BD;
    padding-right: 2%;
    padding-left: 2%;
    color: #fff;
    padding: 8px;
}

.transNurBG4
{
		position:absolute;
		top:14.25rem;
		left:6%;
		width: 85.5%;	
                background: rgba(0,0,0,0.65);
                border: 0px solid #BFC1BD;
               
                color: #fff;
padding:0.5rem 2%;
}

.transNurBG5
{
		position:absolute;
		top:16.95rem;
		left:6%;
		width: 84.5%;	
                background: rgba(0,0,0,0.65);
                border: 0px solid #BFC1BD;
               
                color: #fff;
padding:0.25rem 2% 0.75rem 2%;
}

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

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


.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;
}

.trans6
{
				position:absolute;
				top:250px;
				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;
}

.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: 0;
}

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;">
 */

.apply {}