/* GENERAL */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

body{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 22px;
	line-height: 28px;
	color: #333;
}

p{
	margin: 0 0 20px;
}

.clear {
	clear: both;
}
.clear0 {
	clear: both;
	height: 0px;
}

.margin-top-0{ margin-top: 0px !important; }

.maxwidth {
	max-width: 1000px;
	margin: 0 auto;
}

h1,h2,h3,h4,h5,h6,
.wieh1{
	font-weight: 300;
}

h1, .wieh1{
	font-size: 38px;
	line-height: 46px;
	margin-bottom: 35px;
	margin-top: 30px;
}

h2{
	font-size: 30px;
	line-height: 34px;
	margin-top: 40px;
	margin-bottom: 20px;
}

section .maxwidth > h2:first-of-type{
	margin-top: 20px;
}

h3{
	font-size: 26px;
}

h4{
	font-size: 22px;
}

h5,h6{
	font-size: 20px;
}

.head-special{
	font-weight: 400;
	font-size: 38px;
	line-height: 46px;
	margin-bottom: 35px;
	margin-top: 30px;
}

a{
	text-decoration: underline;
	text-decoration-color: #76c9e0;
	color: #333;
}

a:focus, a:hover, a:active{
	color: #333;
	outline: 0;
}

strong{
	font-weight: 400;
}

img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

a img{
	cursor: pointer !important;
}

#content ul li,
.custom ul li,
ul.logo li{
	background-image: url('../images/list.png');
	background-repeat: no-repeat;
	background-position: left top 9px;
	list-style-type: none;
	padding-left: 14px;
	line-height: 26px;
	margin: 8px 0 12px 0;
	font-size: 22px
}

#content ul,
.custom ul,
#content ol,
.custom ol,
ul.logo{
	margin: 0 0 20px 0;
}

#content ul li > ul,
.custom ul li > ul,
ul.logo li > ul{
	margin-top: 20px;
}

#content ul li > ul{
	padding-left: 10px;
}

#content ul.list-inline > li{
	display: inline-block;
	margin-right: 30px;
}

#content .headlinelist li{
	background-position: left calc(50% - -1px);
	padding-left: 25px;
}

#content .headlinelist h2{
	font-size: 38px;
	line-height: 46px;
}

#content ul li > ul li,
.custom ul li > ul li{
	background-image: url('../images/list-gr.png');
}

#content ul li > ul li > ul li,
.custom ul li > ul li > ul li{
	background-image: url('../images/list.png');
}

ul.logo li,
ul.logo li > ul li > ul li,
ul.logo-only-first > li{
	background-image: url('../images/list_style_logo.png') !important;
	background-size: auto 12px;
	padding-left: 22px !important;
}

ul.logo li > ul li{
	background-image: url('../images/list_style_logo_gr.png') !important;
	background-size: auto 12px;
	padding-left: 22px !important;
}

#content ol{
	padding-left: 20px;
}


#content ul.nav-tabs li{
	padding-left: 0px;
	background-image: none;
}

.nav-tabs.nav-stacked > li > a{
	border-color: #f3f6f7;
}

.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus{
	background-color: #f3f6f7;
	border-color: #f3f6f7;
}

.page-header, legend{
	border: 0px;
}

.btn-primary{
	color: #333;
}

.btn{
	background: transparent;
	text-shadow: none;
	box-shadow: none;
	font-size: 18px;
	padding: 10px 12px;
	border-radius: 2px;
	border: 2px solid #76c9e0;
	text-decoration: none !important;
	outline: 0px;
}

a.btn:hover, a.btn:focus, a.btn:active{
	font-weight: 300;
}

.btn:hover, .btn:focus, .btn:active{
	background: #76c9e0;
	color: #fff;
	outline: 0px;
	box-shadow: none;
}

.btn-white{
	border-color: #fff;
	color: #fff;
}

.btn-white:hover, .btn-white:focus, .btn-white:active{
	background: #fff;
	color: #76c9e0;
}

.btn-green{
	border-color: #c7e79d;
}

.btn-green:hover, .btn-green:focus, .btn-green:active{
	background: #c7e79d;
	color: #fff;
}

.btn-blau{ border-color: #00c4dd; }
.btn-blau:hover, .btn-blau:focus, .btn-blau:active{ background: #00c4dd; color: #fff; }
.btn-dunkelblau{ border-color: #0093d2; }
.btn-dunkelblau:hover, .btn-dunkelblau:focus, .btn-dunkelblau:active{ background: #0093d2; color: #fff; }
.btn-gruen{ border-color: #5baf00; }
.btn-gruen:hover, .btn-gruen:focus, .btn-gruen:active{ background: #5baf00; color: #fff; }
.btn-rosa{ border-color: #ff8793; }
.btn-rosa:hover, .btn-rosa:focus, .btn-rosa:active{ background: #ff8793; color: #fff; }
.btn-lila{ border-color: #677fb5; }
.btn-lila:hover, .btn-lila:focus, .btn-lila:active{ background: #677fb5; color: #fff; }
.btn-gelb{ border-color: #ffbb00; }
.btn-gelb:hover, .btn-gelb:focus, .btn-gelb:active{ background: #ffbb00; color: #fff; }

.btn-xl{
	padding: 14px 18px;
	font-size: 20px;
}

table{
	border-top: 2px solid #F3F6F7;
	width: 100%;
}

td,th{
	padding: 8px 12px;
}

tr{
	border-bottom: 2px solid #F3F6F7;
}

th{
	border-bottom: 2px solid #76c9e0;
	font-weight: 400;
}

tr:hover{
	background-color: #f3f6f7;
}

hr{
	border-top: 1px solid #76C9E0;
}

.pull-right{
	margin-left: 20px;
}

.pull-left{
	margin-right: 20px;
}

.small{
	font-size: 13px;
	line-height: 15px;
}

/* --- Gridsystem X --- */

.custom-grid{
	width: 100%;
}

[class*="c-col-"]{
	float: left;
	display:inline-block;
	width: 100%;
}

.c-col-1{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 8.333333%;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.c-col-2{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 16.666666%;
	-ms-flex: 0 0 16.666666%;
	flex: 0 0 16.666666%;
	max-width: 16.666666%;
}

.c-col-3{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 24.999999%;
	-ms-flex: 0 0 24.999999%;
	flex: 0 0 24.999999%;
	max-width: 24.999999%;
}

.c-col-4{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.c-col-5{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.666666%;
	-ms-flex: 0 0 41.666666%;
	flex: 0 0 41.666666%;
	max-width: 41.666666%;
}

.c-col-6{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 49.999999%;
	-ms-flex: 0 0 49.999999%;
	flex: 0 0 49.999999%;
	max-width: 49.999999%;
}

.c-col-7{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.333333%;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.c-col-8{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.666666%;
	-ms-flex: 0 0 66.666666%;
	flex: 0 0 66.666666%;
}

.c-col-9{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 74.999999%;
	-ms-flex: 0 0 74.999999%;
	flex: 0 0 74.999999%;
	max-width: 74.999999%;
}

.c-col-10{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 83.333333%;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.c-col-11{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 91.666666%;
	-ms-flex: 0 0 91.666666%;
	flex: 0 0 91.666666%;
	max-width: 91.666666%;
}

.c-col-12{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}