body {
	margin:0;
	padding:0;
	font: 10pt Arial, sans-serif;
	background-color:#fcfcfc;
}

#container {
	width:1280px;
	height:800px;
	margin:0;
}

#menue {
	text-align:left;
	width:240px;
	height:800px;
	margin:0;
	padding:0px 5px 0px 5px;
	background-color:#FFFF99;
	float:left;
}

#header {
	font: bold 16pt Arial, sans-serif;
	color:white;
	text-align:center;
	width:1030px;
	height:75px;
	margin:0;
	background-color:#3366CC;
	float:left;
}

#content {
	width:1020px;
	height:725px;
	margin:0;
	padding:0px 5px 0px 5px;
	background-color:#99FF99;
	float:left;
}

img {
	max-width:100%; height:auto;
}

.text2bold {
	FONT: bold 10pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: left;
}

.text2boldred {
	FONT: bold 10pt Arial, sans-serif;
	COLOR: #FF0000;
	TEXT-ALIGN: left;
}

.text3bold {
	FONT: bold 12pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: left;
}

.text3boldcenter {
	FONT: bold 12pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}


.text3boldred {
	FONT: bold 12pt Arial, sans-serif;
	COLOR: #FF0000;
	TEXT-ALIGN: left;
}

.center {
	TEXT-ALIGN: center;
}

.center1 {
	FONT: 8pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center1bold {
	FONT: bold 8pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center2 {
	FONT: 10pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center2bold {
	FONT: bold 10pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center3 {
	FONT: 12pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center4 {
	FONT: 14pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center4red {
	FONT: 14pt Arial, sans-serif;
	COLOR: #FF0000;
	TEXT-ALIGN: center;
}

.center4bold {
	FONT: bold 14pt Arial, sans-serif;
	COLOR: #000099;
	TEXT-ALIGN: center;
}

.center4redbold {
	FONT: bold 14pt Arial, sans-serif;
	COLOR: #FF0000;
	TEXT-ALIGN: center;
}

.center8boldgreenolive {
	FONT: bold 24pt Verdana;
	COLOR: #00CC00;
	TEXT-ALIGN: center;
}

  .table {
    display: table;
  }
  .row {
    display: table-row;
  }

  .cell_top {
    display: table-cell;
    width: 30%;
	font-weight: bold;
  }

  .cell_top_red {
    display: table-cell;
    width: 30%;
	font-weight: bold;
	color:red;
  }

  .cell_left {
    display: table-cell;
    width: 30%;
  }

  .cell_right {
    display: table-cell;
    width: 30%;
    text-align:right;    
  }
  
  .cell_center {
    display: table-cell;
    width: 30%;
    text-align:center;   
  }

  .cell_left1 {
    display: table-cell;
    width: 30%;
  }

  .cell_left2 {
    display: table-cell;
    width: 30%;
  }

  .cell_left3 {
    display: table-cell;
    width: 20%;
  }

  .cell_left4 {
    display: table-cell;
    width: 20%;
  }

@media only screen and (max-width: 1024px) {
	
	#container {
		width:100%;
	}
	
	#menue {
		width:24%;
		margin:0;
		padding:0 .5% 0 .5%;
		float:left;
	}

	#header {
		width:74%;
		margin:0;
		padding:0 .5% 0 .5%;
		float:left;
	}

	#content {
		width:74%;
		margin:0;
		padding:0 .5% 0 .5%;
		float:left;
	}

}