@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@font-face {
	font-family: "Audimat";
	src: url(../fonts/AUdimat-Regular.otf);
}

body {
	font-family:Verdana, 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:100%;
	font-weight:400;
}


input[type=radio] {
	display:none;
}

input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:1px 20px 30px 10px;
    vertical-align:middle;
    background:url(../img/bullet_off.png) no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../img/bullet_on.png) no-repeat;
}


input[type=submit], .btn, .btn_h1 {
  margin-top:20px;
  background: #8d1433;
  background-image: -webkit-linear-gradient(top, #8d1433, #b5103c);
  background-image: -moz-linear-gradient(top, #8d1433, #b5103c);
  background-image: -ms-linear-gradient(top, #8d1433, #b5103c);
  background-image: -o-linear-gradient(top, #8d1433, #b5103c);
  background-image: linear-gradient(to bottom, #8d1433, #b5103c);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
  border: 0;
}

.btn_h1, .btn_h1 ~ h1 {
	display:inline;
}

.btn_h1 {
	border-radius:8px;
	padding:2px 8px;
	margin-right:7px;
}


.special {
	margin-top:10px !important;
	margin-bottom:10px !important;
}


input[type=submit]:hover, .btn:hover {
  background: #8d1433;
  background-image: -webkit-linear-gradient(top, #8d1433, #70132c);
  background-image: -moz-linear-gradient(top, #8d1433, #70132c);
  background-image: -ms-linear-gradient(top, #8d1433, #70132c);
  background-image: -o-linear-gradient(top, #8d1433, #70132c);
  background-image: linear-gradient(to bottom, #8d1433, #70132c);
  text-decoration: none;
}

label, button, input[type=submit], input[type=button] {
	cursor:pointer;
}
table {
	width:100%;
}
tr > td:first-child {
	width:2%;
}

td, th {
	text-align:left;
}

article {
	display:none;
}

#maintext {
	display:block;
}

#article_1 {
	display:block;
}

header {
	padding-top:5px;
}
header img {	
	padding-left:20px;
}

.ym-form {
	margin-left:3px;
	margin-right:3px;
}

#wrapper {
	position:relative;
	width:500px;
	margin:0 auto;
	padding:40px;
	box-shadow:0px 84px 78px #f0efea inset;
	border:3px solid #f0efea;
}

#wrapper a {
	color:#8d1433;
	text-decoration:none;
	font-size:smaller;
}

#wrapper a:hover {
	text-decoration:underline;
}


h1 {
	color: #44b8e5;
	font-weight:bold;
	font-family:"Open Sans";
	font-size:17px;
	padding-top:17px;
	text-align:center;
	text-transform:uppercase;
	background:url(../img/h1_bg.png) no-repeat;
	margin-bottom:15px;
}
.main {
	width:740px;
	margin:0 auto;
}


.kreis {
	text-decoration:none;
	color:black;
}

.kreis div {
	width:95px;
	height:80px;
	background:#e2f3fd;
	text-align:center;
	border-radius:50px;
	padding-top:15px;
	float:left;
	margin-left:10px;
	color:#333;
	font-size:12px;
}

.kreis h2 {
	color:#e4001b;
	font-weight:bold;
	font-size:20px;
	font-family:Arial;
}



@keyframes bgAnimation {
    0%   {background-color: #e2f3fd;}
    100% {background-color: #e4001b;}
}

@keyframes colorAnimation {
    0%   {color: #e4001b;}
    100% {color: #fff;}
}



#allTheLinks {
	height:100px;
	margin-bottom:15px;
}
#selectedText {
	font-size:12px;
	color:#333;
	text-align:center;
	background:url(../img/selectedText_bg.png) repeat-x 20px;
	z-index:0;
}


#selectedText span {
	background:#fff;
	z-index:1;
}

#selectedText span {
	padding-right:10px;
}

.red {
	color:#e4001b;
	font-weight:bold;
	padding-left:10px;
	padding-right:0 !important;
}


.kreis:hover span, .kreis:hover h2 {
	color:#fff;
}

/*.kreis:hover span, .kreis:hover h2 {
	animation-name: colorAnimation;
    animation-duration: 0.7s;
}*/

.kreis:hover div {
	animation-name: bgAnimation;
    animation-duration: 0.7s;
	background:#e4001b;
}


.einzeiler div {
	padding-top:25px;
	height:70px;
}