@media all {
	@font-face {
	  font-family: "ComicNeue-Regular";
	  src: url("../fonts/Comic_Neue/ComicNeue-Regular.ttf") format("truetype");
	}
	@font-face {
	  font-family: "ComicNeue-Bold";
	  src: url("../fonts/Comic_Neue/ComicNeue-Bold.ttf") format("truetype");
	}
	@font-face {
	  font-family: "ComicNeue-Italic";
	  src: url("../fonts/Comic_Neue/ComicNeue-Italic.ttf") format("truetype");
	}
	@font-face {
	  font-family: "ComicNeue-BoldItalic";
	  src: url("../fonts/Comic_Neue/ComicNeue-BoldItalic.ttf") format("truetype");
	}
	* {
		border:0;
		padding:0;
		margin:0;
		font-size:12pt;
		font-family: arial;
		text-decoration:none;
		color:black;
	}
	a:hover, a:visited, a:link, a:active, a:focus, :focus {
		text-decoration:none;
		outline:0;
		outline-style:none;
		outline-width:0;
	}
	a:link, a:active, a:visited {
		color:rgb(199, 83, 14);
		font-family: "ComicNeue-Bold", arial;
		font-weight:bold;
	}
	a:hover {
		color:red;
	}
	a.green:link, a.green:active, a.green:visited {
		padding: 5px;
		margin: 0 3px;
		border-radius: 5px;
		font-style: italic;
		background: rgb(204, 255, 0);
		font-weight:normal;
		color: black;
	}
	a.green:hover {
		background:rgb(240, 217, 51);
	}
	.top {
		vertical-align:top;
	}
	.bottom {
		vertical-align:bottom;
	}
	.auto {
		margin:0 auto;
	}

	div.table {
		clear: both;
	}
	p {
		padding:5px 0;
		text-align:justify;
	}
	ul {
		padding-left:20px;
	}
	li {
		margin-left:10px;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
		max-width: 100%;
	}
	table.edit {
		margin:0 auto;
	}
	table.edit th {
		text-align:right;
	}
	table.edit th, table.edit td {
		padding:3px;
	}
	img, .maxwidth100p {
		max-width: 100%;
	}
	select {
		display:  inline-block;
    max-width: 50%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
	}
	.boxradius5, input[type="button"] {
		/*padding:0 3px;*/
		padding:3px 10px;
		border-radius:5px;
		margin: 2px;
	}
	.boxradius10 {
		border-radius:10px;
	}
	.photo, .float_left, .float_right, .micro {
		padding:10px;
		border-radius:5px;
		box-shadow:0 0 10px #787878;
	}
	.photo, .micro {
		margin:15px;
	}
	.direct-menu {
		text-align: center;
		line-height: 40px;
	}
	.direct-menu input[type="button"] {
		padding: 5px;
		margin: 0 3px;
	}
	.float_left {
		float:left;
		margin:0px 10px 10px 0;
	}
	.float_right {
		float:right;
		margin:0px 0 10px 10px;
	}
}

@media all and (max-width: 990px) {
	div.desktop {
		position: absolute;
		left: -1px;
		top: -1px;
		width: 0;
		height: 0;
		z-index: -1;
		overflow: hidden;
	}
	input[type="button"] {
		display:inline-block;
	}
}

@media all and (min-width: 991px) {

	a.buttonTop {
		margin-left:95px;
	}

	.flexbox1 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
	}
	.flexbox2 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
		text-align: center;
	}
	/* SLIDER START */
	.slider-container {
			position: relative;
			overflow: hidden;
			background-color: #fff;
	}
	.slider {
			display: flex;
			align-content: center;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: center;
	}
	.slider div {
		text-align:center;
	}

	.slider img {
			/*width: 100%;*/
			width:auto;
			max-width:none;
	}
	.slider-button {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			background-color: rgba(255, 255, 255, 0.7);
			border: none;
			cursor: pointer;
			padding: 10px;
			font-size: 18px;
			z-index:+1;
	}
	.slider-button1 {
			left: 10px;
	}
	.slider-button2 {
			right: 10px;
	}
	/* SLIDER END */

		.desktop-band {
			position:relative;
			margin:0 auto;
			width:1000px;
		}

		#mainContainer {
			position:relative;
			margin:0 auto;
			width:1000px;
		}
		#contentBox {
			position:relative;
			width:1000px;
			margin:0 auto;
			min-height:500px;
		}
		#content {
			top:0;
			background:rgb(250,250,250);
			min-height:500px;
			margin:0 20px;
			padding: 10px;
			position: relative;
		}

		#band {
			position:relative;
			width:100%;
			height:143px;
		}
		#menu {
			position:relative;
			margin:0 auto;
			width:1000px;
		}
		#submenu {
			position:absolute;
			top:111px;
			height:26px;
			left:50px;
			right:20px;
		}

		#submenu div {
			display:inline;
			height:25px;
		}
		#submenu div img {
			height:21px;
		}
		#submenu div a {
			position:absolute;
			color:black;
			font-size:14px;
		}
		#submenuLeft {
			position:absolute;
			top:0;
			left:0;
			width:156px;
			height:25px;
			background:url('../img/site/research.png') left top no-repeat;
		}
		#submenuMiddle {
			position:absolute;
			top:0;
			left:220px;
			width:550px;
		}
		#submenuRight {
			position:absolute;
			top:0;
			left:820px;
			width:100px;
		}
		#kws {
			margin-left:25px;
			margin-right:5px;
			width: 116px;
			height: 25px;
			padding: 3px 10px 0 0;
			background:transparent;
			border: none;
			color: black;
		}

		#contentShadowLeft, #contentShadowRight {
			position:absolute;
			top:0;
			bottom:85px;
			width:20px;
			background-repeat:repeat-y;
		}
		#contentBottomLeft, #contentBottomRight {
			position:absolute;
			height:85px;
			bottom:0;
			width:20px;
			background-repeat:no-repeat;
		}
		#contentBottomLeft {
			left:0;
			background:url('../img/site/contentBottomLeft.png');
		}
		#contentBottomRight {
			right:0;
			background:url('../img/site/contentBottomRight.png');
		}
		#contentShadowLeft {
			left:0;
			background:url('../img/site/contentShadowLeft.png');
		}
		#contentShadowRight {
			right:0;
			background:url('../img/site/contentShadowRight.png');
		}
		#bottom {
			position: relative;
		}
		.bottomBackground {
			position: absolute;
			top: 0;
			left: 0;
			width:1000px;
			background:url('../img/site/bottom5.png');
			background-repeat:no-repeat;
			padding-left:160px;
			height:137px;
		}
		.bottomInfos {
			position: relative;
			width:780px;
			height:68px;
			padding:3px 10px;
			overflow:auto;
			margin-left: 150px;
		}
		.bottomlinksleft {
			position: relative;
	    display: inline-flex;
	    width: 550px;
	    flex-wrap: nowrap;
	    flex-direction: row;
	    justify-content: space-evenly;
	    align-items: center;
			margin-left: 150px;
		}
		.bottomlinksright {
			position: relative;
	    display: inline-block;
		}
		/*
		#bottomMenu {
			margin-top:2px;
			left:0px;
			height:16px;
		}
		#bottomMenu img {
			vertical-align:top;
			display:inline-block;
		}
		#bottomMenu span {
			padding-left:5px;
			padding-top:3px;
		}
		#bottomMenu a:link, #bottomMenu a:active, #bottomMenu a:visited, #bottomMenu a:hover {
			color:black;
			font-weight:bold;
			display:inline-block;
		}
		*/
}