/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('http://mcats.de/schriften/nunito-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('http://mcats.de/schriften/nunito-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://mcats.de/schriften/nunito-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://mcats.de/schriften/nunito-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://mcats.de/schriften/nunito-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://mcats.de/schriften/nunito-v25-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('http://mcats.de/schriften/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('http://mcats.de/schriften/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('http://mcats.de/schriften/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('http://mcats.de/schriften/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('http://mcats.de/schriften/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('http://mcats.de/schriften/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

body	{	background-color:#202048; 	font-family:"Nunito","Lucida Sans Unicode",sans-serif; 	color:#ffffff;	}
.blanko	{	background-color:#D1D1D1; 	font-family:"Nunito","Lucida Sans Unicode",sans-serif; 	color:#000000;	}

/* Menuebuttons*/
dl {padding:0; margin:0px 0px; font-weight: normal;}
dt {display:none;}
dd {float:left; margin:0px; padding:2px; text-align:center;}
dd span {float:right; border-bottom:1px solid #fcecd9; cursor:pointer;}
dd span.mid2	{border-top:1px solid #fcecd9; padding:0 5px; background:#202048;}

dd .single {height:1.5em;}

dd a:link, dd a:visited {text-decoration:none; color:#f5f883; float:right;}
dd a:hover span.mid2 {background:#3844B8; color:#ffffff;}
dd a:active {text-decoration:none; color:#ffffff;}
dd a:active span.mid2 {background:#3844B8; color:#f8fe35;}

.imgright	{float: right;	margin: 5px;	margin-top: 10px;	text-align: center;	color: ##dcd4d0;		}
.imgleft	{float: left;	margin: 10px;	margin-top: 10px;	text-align: center;	color: ##dcd4d0;		}
.image100	{	margin: 0px;	max-width:100%;	height:auto;	position: relative;	display:block;	}
.image100 img{ width:100% !important;		height:auto !important;	display:block;}


/* nur fuer Bildschirmbreite bis 499 */
@media screen and (max-width:499px)	{
body, td	{	margin: 0px;	font-size:11px;	}
#all {width: 100%; border: 0px solid #ffffff; background-color: #000333; background-image:url(http://mcats.de/grafik/bgl.jpg); background-attachment: fixed; padding:0px; }
#menue 		{width: 100%; border: 0px solid #000000;	background-color: #202048;	padding:0px;	text-align:left; }
.image-resize	{	margin: 0px;	max-width:80%;	height:auto;	position: relative;	display:block;	}
.image-resize img{ width:100% !important;		height:auto !important;	display:block;}
.image-resize2	{	margin: 0px;	max-width:100%;	height:auto;	position: relative;	display:block;	}
.image-resize2 img{ width:100% !important;		height:auto !important;	display:block;}
#box1	{width: 95%; margin-left: 0px; border: 1px solid #3844B8; background-color: #202048;	padding:1px; text-align: right;}
#box2	{width: 95%; margin-left: 0px;	border: 1px solid #3844B8; background-color: #202048;	padding:1px; text-align: right;}
#box1l	{width: 95%; margin-left: 0px; border: 1px solid #3844B8; background-color: #202048;	padding:1px; text-align: left;}
#box2l	{width: 95%; margin-left: 0px;	border: 1px solid #3844B8; background-color: #202048;	padding:1px; text-align: left;}
#box3	{width: 145px; height: 150px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
#box4	{width: 145px; height: 180px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
table  { width: 100%; }
h1 { font-size:18px; font-weight: bold; color:#E8D450; font-family:"Comfortaa",Arial,sans-serif; }
h1b { font-size:18px; font-weight: bold; color:#000040; font-family:"Nunito","Lucida Sans Unicode",Arial,sans-serif; }
h2 { font-size:15px; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",Arial,sans-serif; }
h3 { font-size:15px; font-weight: bold; color:white; font-family:"Nunito","Lucida Sans Unicode",Arial,sans-serif; }
h4 { font-size:14px; font-weight: normal; color:white; font-family:"Nunito","Lucida Sans Unicode",Arial,sans-serif; }
h5 { font-size:14px; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",Arial,sans-serif; }
}

/* nur fuer Bildschirmbreite 500 bis 1023 */
@media screen and (min-width:500px) and (max-width:1023px) {
body, td	{	margin: 1px;	font-size:13px;	}
#all {width: 98%; border: 0px solid #f5f883; background-color: #000333; background-image:url(http://mcats.de/grafik/bgl.jpg); background-attachment: fixed; padding:1%;}
#menue 		{width: 100%; border: 0px solid #000000;	padding:0px;	text-align:left; }
.image-resize	{	margin: 0px;	max-width:50%;	height:auto;	position: relative;	display:block;	}
.image-resize img{ width:100% !important;		height:auto !important;	display:block;}
.image-resize2	{	margin: 0px;	max-width:80%;	height:auto;	position: relative;	display:block;	}
.image-resize2 img{ width:100% !important;		height:auto !important;	display:block;}
#box1	{width: 48%; margin-left: 0px; float:left;	border: 2px solid #3844B8; background-color: #202048;	padding:2px; text-align: right;}
#box2	{width: 48%; margin-left: 50%; border: 2px solid #3844B8; background-color: #202048;	padding:2px; text-align: right;}
#box1l	{width: 90%; border: 3px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
#box2l	{width: 90%; margin-left: 0px;	border: 3px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
#box3	{width: 145px; height: 150px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
#box4	{width: 145px; height: 180px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
table  { width: 95%; }
h1 { font-size:18px; font-weight: bold; color:#E8D450; font-family:"Comfortaa",sans-serif; }
h1b { font-size:18px; font-weight: bold; color:#000040; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h2 { font-size:15px; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h3 { font-size:15px; font-weight: bold; color:white; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h4 { font-size:14px; font-weight: normal; color:white; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h5 { font-size:14px; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
}

/* nur fuer Bildschirmbreite ab 1024 */
@media screen and (min-width:1024px)	{
body, td	{	margin: 3px;	font-size:15px;	}
#all {width: 1000px; border: 1px solid #000000; background-color: #000333; background-image:url(http://mcats.de/grafik/bgl.jpg); background-attachment: fixed; padding:5px;}
#menue 		{width: 800px; 	border: 0px solid #000000; 	padding:5px;}
#box1	{width: 450px;	margin-left: 10px; float:left;	border: 5px solid #3844B8; background-color: #202048;	padding:5px; text-align: right;}
#box2	{width: 450px;  margin-left: 490px;		border: 5px solid #3844B8; background-color: #202048;	padding:5px; text-align: right;}
#box1l	{width: 450px;	margin-left: 10px; float:left;	border: 5px solid #3844B8; background-color: #202048;	padding:5px; text-align: left;}
#box2l	{width: 450px;  margin-left: 490px;		border: 5px solid #3844B8; background-color: #202048;	padding:5px; text-align: left;}
#box3	{width: 192px; height: 192px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
#box4	{width: 192px; height: 220px; float:left; border: 1px solid #3844B8; background-color: #202048;	padding:3px; text-align: left;}
table  { width: 85%; }
h1 { font-size:180%; font-weight: bold; color:#E8D450; font-family:"Comfortaa", sans-serif; }
h1b { font-size:180%; font-weight: bold; color:#000040; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h2 { font-size:160%; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h3 { font-size:140%; font-weight: bold; color:white; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h4 { font-size:130%; font-weight: normal; color:white; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
h5 { font-size:120%; font-weight: bold; color:#E8D450; font-family:"Nunito","Lucida Sans Unicode",sans-serif; }
}


/* Links*/
a:link, a:visited {font-weight: bold; color: #ffffb4; text-decoration: underline;}
a:hover {background:#3844B8; text-decoration: none;	color: #ffffff;}
a:active {background:#3844B8; text-decoration: none;	color: #ffffff;}
#blanko {   color:#000000;}

/* Tabelle*/
.100 {width: 100%;}
.tabledark  { border-width:4px; border-color:blue; border-style:ridge; background:#3844B8; }
.tablelight { border-width:6px; border-color:blue; border-style:double; background:#3844B8; }
.light   { border-width:1px; border-color:blue; border-style:solid; background:white; }
.dark    { border-width:1px; border-color:blue; border-style:normal; background:#3844B8; FONT-WEIGHT: bold; COLOR: white;}
.blank   { border-width:1px; border-color:blue; border-style:solid; }
.headback { background-color:#3844B8; }
.databack { background-color:#000091; }
.textback { background-color:#202048; }
.headblanko { background-color:#808080; }
.textblanko { background-color:#E9E9E9; }