﻿@media  screen and (min-width: 1200px) {
form > div > label, legend {
	text-align: left;
}
legend.desclong {
	width: auto;
}
}
/**********************************************
smaller than 980 
***********************************************/
@media screen and (max-width: 980px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: block;
}
#smalldevice {
	display: none;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
}
/**********************************************
smaller than 800
***********************************************/
@media screen and (max-width: 800px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: none;
}
#smalldevice {
	display: block;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
form > div {
	margin: 0 0 15px 0;
}
form > div > label, legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 5px;
}
form > div > div, form > div > fieldset > div {
	width: 100%;
	float: none;
}
.formSimple select {
	max-width: 90%;
}
input[type=submit], [type=reset], [type=text], textarea {
	max-width: 100%;
}
.euroOverview {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.euroReport {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
}
/**********************************************
smaller than 640
***********************************************/
@media screen and (max-width: 640px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: none;
}
#smalldevice {
	display: block;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
form > div {
	margin: 0 0 15px 0;
}
form > div > label, legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 5px;
}
form > div > div, form > div > fieldset > div {
	width: 100%;
	float: none;
}
.formSimple select {
	max-width: 90%;
}
input[type=submit], [type=reset], [type=text], textarea {
	max-width: 100%;
}
.euroOverview {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.euroReport {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
}
/**********************************************
smaller than 560
***********************************************/
@media screen and (max-width: 560px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: none;
}
#smalldevice {
	display: block;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
form > div {
	margin: 0 0 15px 0;
}
form > div > label, legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 5px;
}
form > div > div, form > div > fieldset > div {
	width: 100%;
	float: none;
}
.formSimple select {
	max-width: 90%;
}
input[type=submit], [type=reset], [type=text], textarea {
	max-width: 100%;
}
.euroOverview {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.euroReport {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.teaser {
	margin: 100px -15px 0 0px;
	padding: 0;
	overflow: hidden;
}
.cardtext {
	float: left;
	margin-left: 10px;
}
}
/*********************************************
smaller than 480
**********************************************/
@media screen and (max-width: 480px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: none;
}
#smalldevice {
	display: block;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
form > div {
	margin: 0 0 15px 0;
}
form > div > label, legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 5px;
}
form > div > div, form > div > fieldset > div {
	width: 100%;
	float: none;
}
.formSimple select {
	max-width: 90%;
}
input[type=submit], [type=reset], [type=text], textarea {
	max-width: 100%;
}
.euroOverview {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.euroReport {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.teaser {
	margin: 100px -15px 0 0px;
	padding: 0;
	overflow: hidden;
}
.cardtext {
	float: left;
	margin-left: 10px;

}
}
/*********************************************
smaller than 320
**********************************************/
@media screen and (max-width: 320px) {
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
#outerWrapper #contentWrapper #content {
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	min-height: 360px;
	max-width: 100%;
}
#outerWrapper #topNavigation {
	min-height: 50px;
}
.titleContent {
	max-width: 100%;
}
#header {
	min-height: 100px;
}
#menuToggle {
	visibility: visible;
}
#topNavigation a {
	font-size: 90%;
	padding: 10px 8px;
}
#content h1 {
	font-size: 140%;
	margin: 0px;
	text-align: left;
}
form fieldset {
	width: 240px;
}
th {
	visibility: hidden;
}
table {
	max-width: 100%;
	display: block;
}
table td, tbody, tr {
	max-width: 100%;
	display: block;
}
.imgLeft {
	max-width: 90%;
	height: auto;
}
.imgRight {
	max-width: 90%;
	height: auto;
}
td .imgTab {
	max-width: 90%;
	height: auto;
}
.imgTabEuroGR {
	max-width: 90%;
	margin: 3px;
	height: auto;
}
.imgLeftGR {
	max-width: 90%;
	height: auto;
}
.imgRightGR {
	max-width: 90%;
	height: auto;
}
.imgMiddleGR {
	max-width: 90%;
	height: auto;
}
.imgMiddle {
	max-width: 90%;
	height: auto;
}
.imgTabGR {
	max-width: 90%;
	height: auto;
}
table.tabData th {
	display: none;
}
table.tabData td.left {
	text-align: left;
	padding: 5px;
}
table.tabData td.right {
	text-align: left;
	padding: 5px;
}
table.tabData td {
	text-align: left;
	padding: 5px;
}
table.tabData td:before {
	content: attr(data-th)":\00a0";
	font-weight: bold;
	display: inline-block;
}
table.tabGalerie {
	background-color: #F5F4E9;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
table.tabGalerie td {
	width: auto;
}
#bigdevice {
	display: none;
}
#smalldevice {
	display: block;
}
div.wrapImg {
	max-width: 100%;
}
div.slideShow {
	max-width: 100%;
}
p.ulAnimp {
	font-size: 0.9em;
	min-height: 40px;
}
form > div {
	margin: 0 0 15px 0;
}
form > div > label, legend {
	width: 100%;
	float: none;
	margin: 0 0 5px 5px;
}
form > div > div, form > div > fieldset > div {
	width: 100%;
	float: none;
}
.formSimple select {
	max-width: 90%;
}
input[type=submit], [type=reset], [type=text], textarea {
	max-width: 100%;
}
.euroOverview {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.euroReport {
	float: none;
	max-width: 100%;
	overflow: hidden;
}
.teaser {
	margin: 100px -15px 0 0px;
	padding: 0;
	overflow: hidden;
}
.cardtext {
	float: left;
	margin-left: 10px;
}
}
