html,
body,
div,
span,
applet,
object,
iframe,
h2,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}

h1 {
  margin: 10px;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 200%;
  background: transparent;
}

@media screen and (max-width: 1199px) {
  h1,
  h2,
  h3 {
    max-width: 100%;
  }
}

h3 {
  margin: 10px;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 140%;
  background: transparent;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

html,
body {
  height: 100%;
}

html {
  min-width: 980px;
}

@media screen and (max-width: 991px) {
  html {
    max-width: 100%;
    min-width: 100%;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 320px) {
  html {
    min-width: 305px;
    max-width: 320px;
  }
}

body {
  font: 100%/1em Arial, Helvetica, sans-serif;
  color: #393939;
  background: url("images/bg.gif") repeat scroll 0 0 transparent;
}

@media screen and (max-width: 1199px) {
  img {
    max-width: 100%;
  }
}

.clear {
  clear: both;
}

ul#mainlevel-nav {
  list-style: none;
  display: list-item;
  padding: 22px 0px 0px 0px;
  margin: 0px 0px 0px 8px;
}

ul#mainlevel-nav li {
  display: block;
  float: left;
  background: url(images/topmenu_separator.gif) no-repeat right 2px;
  color: #ffffff !important;
  font: bold 12px Arial;
  text-decoration: none;
  padding: 0px 30px 0px 23px;
}

#mainlevel-nav a {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#mainlevel-nav a:visited {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: none;
}

#mainlevel-nav a:hover {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: underline;
}

.module_s6 {
  background: url(images/search_bg.gif) repeat-x 0 0;
}

.module_s6 div {
  background: url(images/search_right.gif) no-repeat top right;
}

.module_s6 div div {
  background: url(images/search_left.gif) no-repeat 0 0;
  height: 64px;
}

.module_s7 {
  background: url(images/search_bg_gross.png) repeat-x 0 0;
}

.module_s7 div {
  background: url(images/search_right_gross.png) no-repeat top right;
}

.module_s7 div div {
  background: url(images/search_left_gross.png) no-repeat 0 0;
  height: 258px;
}

#fes {
  padding: 26px 0 0 0px;
  width: 100%;
  text-align: center;
}

#fes a {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#fes a:visited {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: none;
}

#fes a:hover {
  color: #ffffff;
  font: bold 15px Arial;
  text-decoration: underline;
}

#pathway {
  background: #ffffff;
  margin: 0px 0px 17px 0px;
  height: 35px;
}

/* GP */

.top_header {
  background: url(images/top_bg.gif) repeat-x center top;
}

@media screen and (max-width: 1199px) {
  .top_header {
    background: #90BA03;
  }
}

.top_header_slider {
  width: 1200px;
  margin: auto;
}

@media screen and (max-width: 1199px) {
  .top_header_slider {
    width: 100%;
    margin: 0;
  }
}

.top_header_menu {
  height: 51px;
  width: 1200px;
  margin: auto;
}

.top_header_menu_list {
	float: left;
}


@media screen and (max-width: 1199px) {
  .top_header_menu {
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  .top_header_menu {
    height: 120px;
  }
}

@media screen and (max-width: 420px) {
  .top_header_menu {
    height: 130px;
  }
}

.top_header_menu_list {
  float: left;
}

@media screen and (max-width: 1199px) {
  .top_header_menu_list {
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  .top_header_menu_list {
    width: 30%;
    float: left;
  }
}

.top_header_app {
  float: left;
  padding-top: 6px;
  margin-left: 140px;
}

@media screen and (max-width: 1199px) {
  .top_header_app {
    width: 100%;
    margin: 0;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 520px) {
  .top_header_app {
    width: 70%;
    float: left;
  }
}

#header {
  width: 100%;
  height: 230px;
}
#header.header__lesson,.c1.column.column__lesson{
			height: 126px;
}

.c1.column {
  width: 50%;
  height: 230px;
  float: left;
}

@media screen and (max-width: 1199px) {
  .c1.column {
    margin: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    height: 280px;
  }
}

@media screen and (max-width: 420px) {
  .c1.column {
    height: 250px;
  }
}

@media screen ana (max-width: 360px) {
  .c1.column {
    height: auto;
    padding-bottom: 10px;
  }
}

.logon {
  margin: 40px 0 0 25px;
}

.herunterladen {
  width: 100%;
  height: 52px;
  margin: 0 0 0 0;
  text-align: center;
}

.header_bottom {
  width: 50%;
  float: left;
}

@media screen and (max-width: 1199px) {
  .header_bottom {
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .module_s7 div div,
  .module_s7 div {
    background: none;
  }
}

@media screen and (max-width: 420px) {
  .module_s7 div div,
  .module_s7 div {
    height: 195px;
  }
}

@media screen and (max-width: 360px) {
  .module_s7 div div,
  .module_s7 div {
    height: auto;
  }
}

.main_container {
  width: 1200px;
  margin: auto;
}

.tatle__table{
	padding: 10px;
}
.container__table{
	padding: 10px;
}


@media screen and (max-width: 1199px) {
  .main_container {
    width: 100%;
    margin: 0;
  }
}

.main_container_inside {
  width: 1150px;
  margin: 25px;
}

@media screen and (max-width: 1199px) {
  .main_container_inside {
    width: 98%;
    margin: 0 auto;
  }
}

.container_inside {
  float: left;
  width: 720px;
}

.container_inside_lessons{
	float:left;
	width:290px;
}
.lesson_banner{
	width:90%;
	margin:10px;
	text-align: center;
}


@media screen and (max-width: 1199px) {
  .container_inside {
    width: 100%;
  }
}

.container {
  background: #fff;
  border: 1px solid green;
}
.container.container_lesson{
	padding: 25px;
}

.block_left {
  width: 90%;
  margin: 20px;
}

@media screen and (max-width: 1199px) {
  .block_left {
    width: 100%;
  }

  .block_left p {
    max-width: 98%;
  }
}

@media screen and (max-width: 991px) {
  .block_left p {
    max-width: 95%;
  }
}

@media screen and (max-width: 800px) {
  .block_left {
    margin: 10px;
  }
}

@media screen and (max-width: 480px) {
  .block_left p {
    font-size: 80%;
    text-align: justify;
  }
}

@media screen and (max-width: 420px) {
  .block_left {
    margin: 5px;
  }
}

.icon_R {
  float: left;
  width: 60px;
  text-align: center;
  padding: 8px;
}

@media screen and (max-width: 420px) {
  .icon_R {
    width: 40px;
    padding: 8px;
  }
}

.block_right {
  float: right;
  width: 390px;
}
.block_right_lesson{
	float:right;
	width:820px;
}
.block_right_lesson_2{
	width:100%;
	margin:20px;
	font:big/1.5 Tahoma;
}
.block_in_first.block_in_right{
	margin-top: 0;
}
.block_in_right{
	margin-top: 15px;
}
.lesson_form1{
	float:left;
	width:100px;
}
.lesson_form2{
	float:left;
	width:700px;
}
.lesson_form2 textarea{
	width: 340px;
}
.lesson_form1 input,.lesson_form2 input{
	width: 340px;
}

@media screen and (max-width: 1199px) {
  .block_right {
    width: 100%;
  }
}

.block_right_container {
  background: #fff;
  border: 1px solid green;
  text-align: center;
}

.block_right_container div {
  width: 100%;
}

.block_right_container img {
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .block_right_container {
    padding: 30px 0;
  }

  .block_right_container img {
    width: 300px;
    margin: 0 auto;
  }
}

.screenshots {
  position: relative;
  text-align: center;
}

@media screen and (max-width: 772px) {
  ul#mainlevel-nav li {
    padding: 0px 13px 0px 13px;
  }
}

@media screen and (max-width: 520px) {
  ul#mainlevel-nav li {
    float: none;
    background: none;
  }
}

@media screen and (max-width: 772px) {
  ul#mainlevel-nav li a {
    font-size: 12px;
  }
}

@media screen and (max-width: 772px) {
  ul#mainlevel-nav li a:hover {
    font-size: 12px;
  }
}

.copyright {
  width: 100%;
  height: 60px;
  margin-top: 40px;
  border-top: 1px solid #D3D3D3;
  background: none repeat scroll 0 0 #F2F2F2;
}

@media screen and (max-width: 680px) {
  .copyright {
    margin-top: 20px;
  }
}

.copyright_container {
  width: 640px;
  margin: auto;
}

@media screen and (max-width: 680px) {
  .copyright_container {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .copyright_container {
    width: 60%;
  }
}

@media screen and (max-width: 360px) {
  .copyright_container {
    width: 80%;
  }
}

.copyright_text {
  margin-top: 20px;
}
.name_file{
	display: none;
}


/*THEMA*/
.container__thema{
	padding-top: 10px;
}
.table__thema{
	width: 100%;
}
.link__form{
	float: left;
}
.link__form2{
	padding-top: 6px;
}
.no_link_form{
	float: right;
}

/* MEDIA */
@media screen and (max-width: 1260px) {
	.container_inside_lessons{
		width: 28%;
		margin-left: 2%;
	}
	.block_right_lesson {
		width: 68%;
		margin-left: 2%;
		float: left;
	}
	.block_right_lesson_2{
		float: left;
		margin: 0;
	}
	.block_in_right{
		width: 100%;
		float:left;
	}
	.main_container {
		width: 100%;
		margin: 0;
	}
	.table__thema{
		width: 95%;
		margin: 0 auto;
	}
	.link__form,.link__form2{
		margin-left: 20px;
	}
}
@media screen and (max-width: 1240px) {
	.block_right_lesson{
		margin-left: 1%;
	}
}

@media screen and (max-width: 1199px) {
	.main_container_inside {
		width: 100%;
		margin: 0 auto;
	}
	.block_left{
		margin: 0;
	}
	.top_header_app {
		width: 100%;
		margin: 0;
		text-align: center;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.top_header_menu {
		width: 100%;
	}
	.container_inside {
		width: 100%;
	}
	.block_right_container {
		padding: 30px 0;
	}

	.block_right_container img {
		width: 300px;
		margin: 0 auto;
	}
	.top_header_slider {
		width: 100%;
		margin: 0;
	}
	.top_header_menu_list {
		width: 100%;
	}
	.top_header {
		background: #90BA03;
	}
	.top_header.top_header_lesson{
		margin-bottom: 100px;
	}
	.block_right{
		width: 100%;
		float: left;
	}
	.block_left {
		width: 100%;
	}
	.header_bottom {
		width: 100%;
	}
	.module_s7 div div,
	.module_s7 div {
		background: none;
	}
	.block_left p {
		max-width: 98%;
	}
	.c1.column {
		margin: 0;
		width: 100%;
		background: #fff;
		text-align: center;
		height: 280px;
	}
	.c1.column.column__lesson{
		height: 100px;
	}
	img {
		max-width: 100%;
	}
}


@media screen and (max-width: 1050px) {
	.block_right_lesson {
		margin-left: 1%;
		width: 67%;
	}
}

@media screen and (max-width: 1030px) {
	.container_inside_lessons{
		margin-left: 1%;
	}
}

@media screen and (max-width: 1016px) {
	.container_inside_lessons{
		margin-left: 0;
	}
}

@media screen and (max-width: 1000px) {
	.container_inside_lessons{
		width: 25%;
	}
}

@media screen and (max-width: 991px) {
	html {
		max-width: 100%;
		min-width: 100%;
		overflow-x: hidden;
	}
	.container{
		border:0;
	}
	.container_inside_lessons{
		width: 100%;
		text-align: center;
	}
	.lesson_banner{
		width: 100%;
	}
	.block_left p {
		max-width: 95%;
	}
	.block_in_right p{
		width: 96%;
		padding-left: 1%;
	}
	.lesson_form1,.lesson_form2{
		width: 100%;
		padding-left: 15px;
		text-align: center;
	}
	.title__form_lesson{
		text-align: center;
	}
	.block_right_lesson {
		margin: 0;
		width: 100%;
	}
	.main_container{
		float: left;
	}
	.container.container_lesson{
		width: 100%;
		padding: 0;
	}
	.lesson_banner{
		margin: 0;
		margin-top: 20px;
		width: 100%;
	}
	.block_right_lesson{
		margin: 0;
		width: 100%;
	}
	.title__form_lesson hr{
		width: 50%;
	}
	.lesson_form1, .lesson_form2 {
		padding-left: 0px;
	}
}
@media screen and (max-width: 940px) {
	.container__table table th:nth-child(5){
		display: none;
	}
	.container__table table td:nth-child(5){
		display: none;
	}
}
@media screen and (max-width: 800px) {
	.container__table table th:nth-child(3){
		display: none;
	}
	.container__table table td:nth-child(3){
		display: none;
	}
}

@media screen and (max-width: 772px)  {
	ul#mainlevel-nav li {
		padding: 0px 13px 0px 13px;
	}
	ul#mainlevel-nav li a {
		font-size: 12px;
	}
	ul#mainlevel-nav li a:hover {
		font-size: 12px;
	}
}

@media screen and (max-width: 680px) {
  .copyright_text {
    margin-top: 10px;
  }
  	.copyright_container {
		width: 50%;
	}
	.copyright {
		margin-top: 20px;
	}
	.container__table table th:nth-child(4){
		display: none;
	}
	.container__table table td:nth-child(4){
		display: none;
	}

}
@media screen and (max-width: 580px) {
	.container__table table th:nth-child(2){
		display: none;
	}
	.container__table table td:nth-child(2){
		display: none;
	}
}
@media screen and (max-width: 520px) {
	ul#mainlevel-nav li {
		float: none;
		background: none;
	}
	.top_header_app {
		width: 70%;
		float: left;
	}
	.top_header_menu {
		height: 120px;
	}
	.top_header_menu_list {
		width: 30%;
		float: left;
	}
	.container__table table th:first-child{
		width: 60%;
		padding: 5px;
	}
	.container__table table td:first-child{
		width: 60%;
		padding: 5px;
	}
	.container__table table th:last-child{
		width: 40%;
		padding: 5px;
	}
	.container__table table td:last-child{
		width: 40%;
		padding: 5px;
	}
	.table__thema{
		width: 100%;
		float: left;
	}
}



@media screen and (max-width: 500px) {
		.lesson_form2 textarea{
		width: 240px !important;
	}
	.lesson_form2 input,.lesson_form1 input{
		width: 240px;
	}

  textarea {
    width: 100% !important;
  }
}
@media screen and (max-width: 480px) {
	.copyright_container {
		width: 60%;
	}
	.block_left p {
		font-size: 80%;
		text-align: justify;
	}
	.c1.column.column__lesson{
		height: 130px;
	}
	.module_s6 div div{
		background: rgb(128, 152, 46);
		height: 45px;
	}
}

@media screen and (max-width: 420px) {
	.top_header_menu {
		height: 130px;
	}
	.icon_R {
		width: 40px;
		padding: 8px;
	}
	.module_s7 div div,
	.module_s7 div {
		height: 195px;
	}
	.top_header_menu {
		height: 130px;
	}
	.c1.column {
		height: 250px;
	}
	.container__table table th:first-child{
		display: none;
	}
	.container__table table td:first-child{
		display: none;
	}
	.container__table table th:last-child{
			text-align: center;
	}
	.container__table table td:last-child{
			text-align: center;
	}
	.name_file{
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 360px) {
	.c1.column {
		height: auto;
		padding-bottom: 10px;
	}
	.module_s7 div div,
	.module_s7 div {
		height: auto;
	}
	.copyright_container {
		width: 80%;
	}
	.block_in_right {
		padding: 0;
	}
	.table__thema {
		border: 0 !important;
	}
	.table__thema tr{
		width: 100% !important;
	}
	.table__thema td{
		width: 50% !important;
		padding-right: 0 !important;
	}
	.table__thema textarea{
		width: 96% !important;
	}
	.table__thema input{
		width: 96% !important;
	}
}

@media screen and (max-width: 320px) {
	html {
		min-width: 305px;
		max-width: 320px;
	}
}