/* dosis-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* dosis-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dosis-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {font-size: 62.5%;}

body {
/*	background-image: url('');
	background-repeat: repeat-x;
	background-position: 50% 0px;
	background-attachment: fixed; */
	background-color: #B7C7E8;
  	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
	line-height: 18px;
	margin: 0 auto;
	padding: 0;
	height:100%;
	}
	
* {margin:0; padding:0;}


h1, h2, h3, h4, h5  {font-family:'Dosis', sans-serif; margin: 10px 0; letter-spacing: 1px; }
h1 {font-size: 2.1em; font-weight: 600; line-height: 26px;}
h2 {font-size: 1.8em; font-weight: 600; line-height: 22px;text-align: center;}
h3 {font-size: 1.2em; }
h4 {font-size: 1.0em; }
h5 {font-size: 0.8em; }

blockquote {font-family:'Dosis', sans-serif; margin: 30px 10px; letter-spacing: 1px; font-size: 2.0em; font-weight: 600; line-height: 40px; text-align:center;}

.clr {clear:both;}
.left {float:left;}
.right {float: right;}

img {border: 3px solid #fff;}
img.left {margin: 5px 10px 5px 0;}
img.right {margin: 5px 0 5px 10px;}
img.center {display: block; margin: 0 auto;}

img[src$=".png"], img[src$=".gif"] {
    border:none;
}
table {margin: 10px auto; background-color: #eee;  width:400px;}
ul {margin-left:30px;}

#container { margin:0 auto; width:980px; border: 1px solid #ddd;  background-color: #1E367C;}

#header {

	background-color: #eee;
	margin: 40px auto 5px;
	padding: 20px;
	width:900px;
	height:120px;
	text-align: center;
	border-radius: 12px 12px 0 0;
	}
#header	h1{margin-top: 14px; font-size: 3.6em; font-weight: 600; line-height: 50px;}
#header h1, #header h2 {vertical-align:middle;}	/* nur für IE7 */
#logo img { float:left; margin-left: 20px; border: none; max-height: 130px;}

	
.box01, .box02, .box03 {
	width: 29.4%;
	margin-left: 20px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	border: 1px solid #eee;
	background-color: #fff;
	text-align: center;
	border-radius: 12px;
	}


.button {
  background-color: #0077ef;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 89%;
}
.button a {color: white; text-decoration: none;}

#content { margin: 10px auto; background-color: #eee;  width:940px;}
#content  p { margin: 0px;}

#centercolumn { margin-right: 280px; padding: 25px; min-height: 400px; background-color: #fff;}
#sidebar-right { float: right; margin-top: 290px; width: 240px; padding: 10px;}
#sidebar-right2 { float: right; margin-top: 10px; width: 240px; padding: 10px;}


#footer {
	clear: both;
	background-color: #eee;
	margin: 10px auto; 
	padding: 20px;
	width:900px;
	text-align: center;
	font-size: 0.8em; 
	border-radius: 0 0 12px 12px;
	}