/** STYLE RESET **/
body,img,p,div,ul,li,table,tbody,tr,th,td,fieldset,textarea,h1,h2,h3,h4,h5,h6,select,input,form,span,dl,dt,dd,a {
  background-image: none;
  background-color: transparent;
  border: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: left;
}

/** Allgemeine Klassen **/
.clear {
  background-image: none;
  background-color: transparent;
  border: none;
  clear: both;
  font-size: 0px;
  line-height: 0px;
  margin: 0;
  outline: none;
  padding: 0;
  text-align: left;
}

.page header {
	background: -moz-linear-gradient(top, #00aeef 0%, #2e3192 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aeef), color-stop(100%, #2e3192));
	background: -webkit-linear-gradient(top, #00aeef 0%, #2e3192 100%);
	background: -o-linear-gradient(top, #00aeef 0%, #2e3192 100%);
	background: -ms-linear-gradient(top, #00aeef 0%, #2e3192 100%);
	background: linear-gradient(to bottom, #00aeef 0%, #2e3192 100%);
	height: 135px;
	padding-left: 260px;
	position: fixed;
	width: 100%;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 690px) {
	.page header {	
	  background-image: none;
	  background-color: transparent;
		height: auto;
		padding-left: 0;
		position: relative;
	}
}

.page header .logo {
	left: 0;
	position: absolute;
	top: 0;
}

@media screen and (max-width: 690px) {
	
	.page header .logo {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
  }

	.page header .logo img {
    display: block;
		height: auto;
		position: relative;
		width: 100%;
	}
}

.page header .meta-navi {
	bottom: 12px;
	left: 282px;
	position: absolute;
}

@media screen and (max-width: 690px) {
	
	.page header .meta-navi{
		display: none;
	}
}

.page header ul li {
	float: left;
	margin-right: 20px;
}

.page aside {
	background: -moz-linear-gradient(left, #00aeef, #2e3192);
	background: -webkit-gradient(linear, left center, right center, from(#00aeef), to(#2e3192));
	background: -webkit-linear-gradient(left, #00aeef, #2e3192);
	background: -o-linear-gradient(left, #00aeef, #2e3192);
	background: -ms-linear-gradient(left, #00aeef, #2e3192);
	background: linear-gradient(left, #00aeef, #2e3192);
	height: 100%;
	padding: 155px 20px 20px;
	position: fixed;
	width: 240px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 690px) {
	
	.page aside {
		display: none;
	}
}

.page .main {
	padding-left: 240px;
	padding-top: 135px;
}

@media screen and (max-width: 690px) {
	
	.page .main {
		padding-left: 0;
		padding-top: 0;
	}
}

.page .main .content {
	background-color: #ffff96;
	color: #4b4b4b;
	padding: 42px 0 42px 42px;
}

@media screen and (max-width: 690px) {
	
	.page .main .content {
		padding: 20px;
	}
}

.page .main .content .column {
	float: left;
	padding-right: 42px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 1140px) {

	.page .main .content .column {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 690px) {
	
	.page .main .content .column {
		padding-right: 0;
	}
}

@media screen and (max-width: 800px) {}

h1 {
	font-family: arial, helvetica, sans serif;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 24px;
	margin-top: -5px;
}

@media screen and (max-width: 690px) {
	
	h1 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 20px;
		margin-top: -4px;
	}
}

h2 {
	font-family: arial, helvetica, sans serif;
	font-size: 20px;
	line-height: 24px;
}

@media screen and (max-width: 690px) {
	
	h2 {
		font-size: 16px;
		line-height: 18px;
	}
}

p {
	font-size: 16px;
	line-height: 18px;
}

a {
	color: #4B4B4B;
}

@media screen and (max-width: 690px) {
	
	p {
		font-size: 12px;
		line-height: 14px;
	}
}

h2, p, table {
	margin-bottom: 12px;
}

@media screen and (max-width: 690px) {

	h2, p, table {	
		margin-bottom: 10px;
	}
}

ul {
	list-style-type: none;
}

ul li {
	font-family: arial, helvetica, sans serif;
	font-size: 16px;
	line-height: 20px;
}

ul li a {
	color: #fbf500;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000000;
}

ul li ul {
	margin-left: 15px;
}

table {
	width: 100%;
}

table tr td {
	border-top: 1px solid #4b4b4b;
	border-bottom: 1px solid #4b4b4b;
	font-size: 16px;
	line-height: 18px;
}

@media screen and (max-width: 690px) {
	
	table tr td {
		font-size: 9px;
		line-height: 11px;
	}
}

table tr + tr td {
	border-bottom: 1px solid #4b4b4b;
	border-top: none;
}

table tr td {
	border-left: 1px solid #4b4b4b;
	border-right: 1px solid #4b4b4b;
	padding: 4px;
}

table tr td + td {
	border-left: none;
	border-right: 1px solid #4b4b4b;
	padding: 4px;
}

table tr td.header {
	font-weight: bold;
}