@charset "utf-8";


@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('webfonts/SourceSansPro-ExtraLight-webfont.eot');
    src: url('webfonts/SourceSansPro-ExtraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-ExtraLight-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-ExtraLight-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-ExtraLight-webfont.svg#SourceSansProExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansProLight';
    src: url('webfonts/SourceSansPro-Light-webfont.eot');
    src: url('webfonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro';
    src: url('webfonts/SourceSansPro-Regular-webfont.eot');
    src: url('webfonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro';
    src: url('webfonts/SourceSansPro-It-webfont.eot');
    src: url('webfonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-It-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-It-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'SourceSansPro';
    src: url('webfonts/SourceSansPro-Semibold-webfont.eot');
    src: url('webfonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'SourceSansPro';
    src: url('webfonts/SourceSansPro-SemiboldIt-webfont.eot');
    src: url('webfonts/SourceSansPro-SemiboldIt-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/SourceSansPro-SemiboldIt-webfont.woff') format('woff'),
         url('webfonts/SourceSansPro-SemiboldIt-webfont.ttf') format('truetype'),
         url('webfonts/SourceSansPro-SemiboldIt-webfont.svg#SourceSansProSemiboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}
body, html{
	margin: 0;
	padding:0;
	height: 100%;
	font-family: 'SourceSansPro',Calibri, Verdana, Geneva, Arial, sans-serif;
	font-size:15px;
	line-height: 22px;
	color: #000;
	text-decoration:none;
	/*
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	*/
}

.clear{clear: both}
a {
	color: #009FFF;
	text-decoration:none; 
	outline:0 none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	color:#000;
}
p {margin:0 0 10px 0;}
blockquote {margin:0 0 0 30px;}
h1 {
   font-family: 'SourceSansProLight',Calibri, Verdana, Geneva, Arial, sans-serif;
	color:#000;
	font-size: 32px;
	line-height: 36px;
	font-weight:normal;
	font-style:normal;
	margin:0;
	margin:0 0 20px 0;
}

h2 {
	color:#000;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	font-style:normal;
	margin:0 0 15px 0;
}
h3 {
	color:#009FFF;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	font-style:normal;
	margin:0 0 10px 0;
}
h4 {
	color:#009FFF;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	font-style:normal;
	margin:0 0 10px 0;
}
.capitels	{
	text-transform:uppercase;
}
.mittel	{
	font-size: 13px;
	line-height:16px;
}
.klein	{
	font-size: 11px;
	line-height:16px;
}
.serif {font-family:Georgia, "Times New Roman", Times, serif;}
.schwarz, .schwarz:hover, .schwarz:active, .schwarz:link, .schwarz:visited { color: #000;}
.weiss, .weiss:hover, .weiss:active, .weiss:link, .weiss:visited { color: #FFF;}
.blau, .blau:hover, .blau:active, .blau:link, .blau:visited { color:rgb(25,39,106);}
.cyan, .cyan:hover, .cyan:active, .cyan:link, .cyan:visited { color:#009FFF;}

.linebg {
  display: inline;
  background: #009FFF;
  box-shadow: 10px 0 0 #009FFF, -10px 0 0 #009FFF;
  color:#FFF;
  padding:5px 0;
  line-height:30px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin-left:10px;
}
h1.linebg {
	line-height:40px;
}
.xl{
   font-family: 'SourceSansProExtraLight',Calibri, Verdana, Geneva, Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 48px;
	line-height: 40px;
}
strong .xl, .xl strong{	font-family: 'SourceSansPro',Calibri, Verdana, Geneva, Arial, sans-serif;}

.l{
	font-size: 24px;
	line-height: 30px;
}
.m{
	font-size: 18px;
	line-height: 26px;
}
.round {
	/*clip-path: circle(50px,50px,50px);*/
	border-radius:50%;
}
.button_box{
	display:inline-block;
	background:#009FFF;
	font-weight: normal;
	font-style:normal;
	color:#FFF;
	padding:7px 14px;
}
.button_box:hover{
	color:#FFF;
	background:#000;
}

.redblock{
	display:inline-block;
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	padding:10px 15px 0 15px;
	background-color: #F00;
	color:#FFF;
}
.redblock *{color:#FFF;}

img.scalable_img {
	width:100%;
	height:auto;
}
img.scalable_img50 {
	width:50%;
	height:auto;
}
img.maxscalable_img {
	max-width:100%;
}
.shadow{
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.bild_links {
	float:left;
	margin-right:20px;
}
.icon_links {
	float:left;
	margin-right:20px;
	width: 60px;
	height: 60px;
	/*background-color: #FFF;
	width: 90px;
	height: 90px;
	padding: 5px;
	border: 8px solid #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;*/
	margin-bottom: 15px;
}
ul {
list-style-type: none;
list-style-position:outside;
margin:0;
padding:0;
}
li {
position:relative;
margin:5px 0 5px 20px;
}
#content li{clear: both;}
ul li:before { position:absolute; content: "• "; color:rgb(217,77,21); left:-20px;}

hr {color:#FFF; background-color:#FFF; height:1px; border:none;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}