/* Version: 03.2017 */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	text-decoration: none;

	font-weight: normal;

	word-spacing: normal;

	line-height: 17px;

	background-color: #FFF;

	/* 	background-color:#e5eff5;*/

}

.container {

    display: flex;

	flex-direction:row;

    background-color: lightgrey;	

}



.flex{

    width:100%;

	

    margin-right: 10px; 

	background-color:#2587E3;   

}



p {

	margin:0;

}



p:empty {

height: 18px;

}


.box_left {
    float: left;
    width: 48%;
}
.box_right {
    float: right;
    width: 48%;
}

div.breaker {
  clear: both;
  overflow: hidden;
}
h1{

	margin: 0px;
    line-height: 1.4;

	font-size: 28px;

	font-weight: 700;
	text-align: center;

}



h2{

	margin: 0px;

	font-size: 20px;
    line-height: 1.4;
	font-weight: normal;
	text-align: center;
	padding-bottom: 25px;

}

h3 b {

	font-weight: bold;

}

#rahmen {

	color: #000;

	padding: 0px;

	width: 720px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	background-color: #FFF;

	border: 1px solid #A7A9A4;

	box-shadow: 0px 0px 10px #999;

	-moz-box-shadow: 0px 0px 10px #999;

	-webkit-box-shadow: 0px 0px 10px #999;

	position:relative;

}

#content{

	padding: 4%;

}

#box_links{

	float: left;

	width: 48%;

}

#box_rechts{

	float: right;

	width: 48%;

}

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



img {

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */

	border:0;

}



a img { border: none;

}



/* Zusatz*/ 



a:link {

	color: #000000;

	text-decoration: none;

}

a:visited {

	color: #000000;

	text-decoration: none;

}

a:hover {

	color: #000000;

	text-decoration: underline;

}

a:active{

	color: #000000;

	text-decoration: none;

}

 

.text_gross{

	font-size: 16px;

	line-height: 20px;

}



.titel_gross{

	font-size: 26px;

	line-height: 35px;

}



.text_klein{

	font-size: 11px;

	line-height: 17px;

}



.titel_klein{

	font-size: 19px;

	line-height: 25px;

}



.farbe {

	color: #0A75BD;

}



.ausblenden {



}



ul {

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 15px;

}



li {

	padding: 0px;

}



#bild1{

	display: block;

	text-align: center;

}

	

#bild2{

	display: none;

}

.slider-wrap{

	max-width:720px;

  	width: auto;

  	height: auto;

	position:relative;

	border-top:5px solid #005193;

}

.slideshow {

  position: absolute;

  width: 100%;

  top: 0px;

  left: 0px;

  z-index: 0;

}

.slideshow li span {

  width: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  color: transparent;

  opacity: 0;

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-animation: image 24s linear infinite;

  animation: image 24s linear infinite;

}

@keyframes image {

  0% {

    opacity: 0;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  8% {

    opacity: 1;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  17% {

    opacity: 1;

  }

  25% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}

@-webkit-keyframes image {

  0% {

    opacity: 0;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

  }

  8% {

    opacity: 1;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

  }

  17% {

    opacity: 1;

  }

  25% {

    opacity: 0;

  }

  100% {

    opacity: 0;

  }

}



.slideshow li {

	margin:0;

	padding:0;

  list-style: none;

  -webkit-animation-delay: 24s;

  animation-delay: 24s;

}

.slideshow li:nth-child(1) span {}

.slideshow li:nth-child(2) span {

  -webkit-animation-delay: 6s;

  animation-delay: 6s;

}

.slideshow li:nth-child(3) span {

  -webkit-animation-delay: 12s;

  animation-delay: 12s;

}

.slideshow li:nth-child(4) span {

  -webkit-animation-delay: 18s;

  animation-delay: 18s;

}

ul.slideshow {

	margin:0;

}



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



----------------

BUTTON MIT HOVER

----------------



.button a {

	background: #87888a scroll right top ;

    color: #FFFFFF;

    text-align: center;

    text-decoration: none;

    font-weight: bold;

    width: 200px;

    height: 30px;

    cursor: pointer;

   	display: block;

    position: relative;

    padding: 12px 0 0 0;

    margin:15px 0px;

}

.button a:hover {

	background:#2d5aae;

}



und <p align="center" class="button"><a href="#" target="_blank">Jetzt bewerben</a></p>





 

 Für CSS



.buttonbox{

                text-align:center;

}



.button{

                padding:10px 20px;

                margin:0 auto;

                display:inline-block;

                background:#0169b2;

                transition:all 0.05s ease-in-out;

}



.button a{

                padding:10px 20px;

                color:#fff;

                text-decoration:none;

}

.button:hover {

                background:#06C;

                }



------



<div class="buttonbox">

<div class="button"><a class="apply" href="#" target="_blank"><strong>Hier bewerben!</strong></a></div>

</div>



 */


.refnr {}

.apply {}