/* 	GG grid */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Source Sans Pro, Tahoma, Geneva, sans-serif;
	font-size: 0.9375em;
	color: #626262;
}

html {
	background: #f6f5f7;
}

body {
	background: #f6f5f7;
	overflow-y: scroll;
}

h1 {
	font-size: 1.4em;
	line-height: 1.9em;
}

h2 {
	font-size: 1em;
	line-height: 1.3em;
}

h3 {
	font-size: 1em;
	line-height: 1.2em;
}

a {
	color: #f29400;
	text-decoration: underline;
	font-size: 0.9375em;
	line-height: 1.5em;
}

a:hover {
	opacity: 0.8;
}

a.uncolored_link {
	color: #626262;
}

p {
	font-size: 0.9375em;
	line-height: 1.4em;
}

ul,ol {
	margin: 0 0 0.5em;
}

ul > li, ol > li {
	margin: 0 0 0.125em 1em;
	font-size: 0.9375em;
	line-height: 1.4em;
}

ul > li {
	list-style-type: disc;
}

textarea {
	resize: none;
}

q {
   quotes: "\201E" "\201C";
} 

q:before {
   content: open-quote;
}

q:after{
   content: close-quote;
}

object, embed {
	max-width: 100%;
}

.caption p, .caption a {
	text-decoration: none;
	font-size: 0.9375em;
	line-height: 1.4em;
	color: #999f9f;
	display: inline-block;
	padding-right: 0.25em;
}

.caption a:hover {
	text-decoration: underline;
	opacity: 1;
}

/* spacings */	
.pad-top-rel {
	padding-top: 1em;
}
.pad-right-rel {
	padding-right: 1em;
}
.pad-bottom-rel {
	padding-bottom: 1em;
}
.pad-left-rel {
	padding-left: 1em;
}

.spc-top-unrel {
	margin-top: 2em;
}
.spc-right-unrel {
	margin-right: 2em;
}
.spc-bottom-unrel {
	margin-bottom: 2em;
}
.spc-left-unrel {
	margin-left: 2em;
}

.spc-top-rel {
	margin-top: 1em;
}
.spc-right-rel {
	margin-right: 1em;
}
.spc-bottom-rel {
	margin-bottom: 1em;
}
.spc-left-rel {
	margin-left: 1em;
}

.gap-top-rel {
	margin-top: 0.5em;
}
.gap-right-rel {
	margin-right: 0.5em;
}
.gap-bottom-rel {
	margin-bottom: 0.5em;
}
.gap-left-rel {
	margin-left: 0.5em;
}

/* MAIN CONTAINER */
#container { 
	max-width: 64em; /* 1024px */
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 5px #bbbbbb;
	-moz-box-shadow: 0px 0px 5px 5px #bbbbbb;
	-o-box-shadow: 0px 0px 5px 5px #bbbbbb;
	-ms-box-shadow: 0px 0px 5px 5px #bbbbbb;
	box-shadow: 0px 0px 5px 5px #bbbbbb;
}

.header {
	padding: 1em;
}

.logo {
	float: left;
}

.maincontent {
	margin: 1.5em 1em;
}

.sidebar {
	margin-bottom: 1.5em;
	background: #e3e3e3;
}

.sidebar div {
	background: #999f9f;
	border-top: 0.1875em solid #f29400;
	border-bottom: 0.085em solid #fff;
}

.sidebar p {
	text-align: justify;
}

.sidebar a {
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	width: 100%;
	padding: 0.5em;
	display: block;
}

.menue_icon {
	border-left: 0.085em solid #fcd589;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	cursor: pointer;
}

.menue_icon img {
	padding: 1.1em 0.6em;
}

.arrow_img {
	margin: 0 auto;
	padding: 0.55em 0.6em 0.6em;
	display: none;
}

.menue_button_mobile {
	width: 2em;
	height: 2em;
	margin: 0.25em auto 0.5em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	display: none;
}

ul#nav {
	margin: 0 1em 0.25em;
	overflow: hidden;
}

ul#nav, ul#nav li a, .menue_button_mobile {
	background: #f7c869; /* Old browsers */
	background: -moz-linear-gradient(top, #f7c869 0%, #ef9d21 50%, #f29400 50%, #f9ac39 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c869), color-stop(50%,#ef9d21), color-stop(50%,#f29400), color-stop(100%,#f9ac39)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc04a', endColorstr='#f29400',GradientType=0 ); /* IE6-9 */
}

ul#nav li {
	border-right: 0.085em solid #fcd589;
	position: relative;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}

ul#nav li:last-child {
	border-right: none;
}

ul#nav li a {
	padding: 0.5em 0 0.5em 0.5em;
	color:#fff;
	width: 100%;
	display: block;
	text-decoration: none;
	opacity: 1;
	font-size: 1.1em;
}

ul#nav li:hover a, ul#nav li.selected a, menue_button_mobile:hover {
	background: #fcd589; /* Old browsers */
	background: -moz-linear-gradient(top, #fcd589 0%, #edac4b 50%, #efa42d 50%, #fdce79 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcd589), color-stop(50%,#edac4b), color-stop(50%,#efa42d), color-stop(100%,#fdce79)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcd589 0%,#edac4b 50%,#efa42d 50%,#fdce79 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcd589 0%,#edac4b 50%,#efa42d 50%,#fdce79 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fcd589 0%,#edac4b 50%,#efa42d 50%,#fdce79 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fcd589 0%,#edac4b 50%,#efa42d 50%,#fdce79 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb244', endColorstr='#f2d17d',GradientType=0 ); /* IE6-9 */
}

ul#nav li ul.sub_nav {	
	display: none;
	margin: 0;
	padding: 0;
	/* enable gpu-acceleration for webkit (otherwise css-transtion flickers in Safari) */
	-webkit-transform: translateZ(0);
	/* transition for toggling menues */
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

ul.sub_nav, ul#nav li ul.sub_nav {
	width: 100%;
	background: #efefef;
}

ul.sub_nav li, ul#nav li ul.sub_nav li {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	border-right: none;
}

/* Standard-Style für gewählten Menüpunkt oder Mouseover */
ul.sub_nav li:hover a, ul.sub_nav li.selected a, 
ul#nav li:hover ul.sub_nav li:hover a,
ul#nav li.selected:hover ul.sub_nav li:hover a,
ul#nav li.selected ul.sub_nav li.selected a,
ul#nav li.selected:hover ul.sub_nav li.selected a{
	background: #feedd7; /* !important*/
	color: #f29400;
	transition: background 0.3s ease 0s;
	-webkit-transition: background 0.3s ease 0s;
	-moz-transition: background 0.3s ease 0s;
	-ms-transition: background 0.3s ease 0s;
	-o-transition: background 0.3s ease 0s;
	transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-ms-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
}

ul.sub_nav li:last-child {
	border-bottom: 0.085em solid #999f9f;
}

ul#nav li ul.sub_nav li:last-child {
	border-bottom: none;
}

/* Standard-Style für nicht gewählten Menüpunkt */
ul.sub_nav li a, 
ul#nav li ul.sub_nav li a, 
ul#nav li:hover ul.sub_nav li a, 
ul#nav li.selected ul.sub_nav li a, 
ul#nav li.selected:hover ul.sub_nav li a { 
	border-bottom: 1px dashed #999f9f;
	filter: none;
	background: #efefef;
	text-decoration: none;
	color: #626262;
	display: block;
	font-size: 0.9375em;
	line-height: 1.4em;
	white-space: normal;
}


ul.sub_nav li:last-child a, ul#nav li ul.sub_nav li:last-child a, ul#nav li:hover ul.sub_nav li:last-child a {
	border-bottom: none;
}

.nav_news {
	background: #feedd7;
	margin-bottom: 0.5em;
}

.nav_news div {
	background: #e3e3e3;
	border-top: 0.1875em solid #f29400;
	border-bottom: 0.125em solid #fff;
	padding: 0 0.5em;
}

.nav_news p {
	padding: 0.5em 0;
	line-height: 1em;
}

.nav_news li {
	list-style-type: none;
	margin-left: 0;
}

.nav_news li a { 
	color: #626262;
	padding: 0.125em 0.5em 0.125em 1.25em;
	display: inline-block;
	font-size: 0.9375em;
	line-height: 1.4em;
	text-indent: -0.375em;
	text-decoration: none;
}

.nav_news li a:before { 
	content: "\00BB";
	display: inline-block;
	padding-right: 0.25em;
}

.nav_news li a:hover {
	color: #f29400;
	opacity: 1;
}

.centered_block {
	text-align: center;
}

.span_6.banner {
	background-color: #e3e3e3;
	margin-bottom: 0.5em;
}

.banner ul a {
	color: #999f9f;
}

.banner_content {
	background: #fff;
	padding: 1.5em 1.5em 0;
}

.banner_content_border {
	margin: 0.25em;
}

.banner_img {
	margin: 0 auto;
}

.banner_info_apps_top {
	margin-top: 0.5em;
}

.banner_info_apps_bottom {
	margin-bottom: 0.5em;
}

.banner_title_rechenkerne {
	color: #f29400;
	font-size: 1.2em;
	line-height: 1.7em;
}

.banner_info_rechenkerne {
	margin: 0 0 1em;
	font-size: 1.2em;
	line-height: 1.7em;
}

.nav_breadcrumb {
	background: #fff;
	padding: 0.125em 0.5em;
}

.nav_breadcrumb p {
	color: #999f9f; 
}

.icons_rechenkerne .span_1 {
	margin-bottom: 0;
}

.inline_row .content_box {
	padding: 0 0.5em;
}

.article {
	margin-bottom: 1em;
}

.article p {
	margin: 0 0 0.5em;
	text-align: justify;
}

.article h2 {
	color:  #f29400;
	padding: 0.5em 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.article h3 {
	margin-bottom: 0.5em;
}

.article img {
	margin-bottom: 0.5em;
}

.article li {
	text-align: justify;
}

.article.simple_list li {
	list-style-type: none;
}

.article.repositioning_headline {
	margin-bottom: 0;
}

.article.repositioning_headline h2 {
	margin-bottom: 0;
}

.article.colored_headline h2 {
	background-color: #999f9f;
	color: #fff;
	font-size: 0.9375em;
	line-height: 1.4em;
	border-top: 0.1875em solid #f29400;
	font-weight: normal;
	padding: 0.375em 0.5em;
}

form .float_row .col {
	margin: 0.25em 0;
}

form p {
	margin: 0 0 0.5em;
}

p.footnote {
	text-indent: -0.7em;
	padding-left: 1em;
	margin-top: 0;
}

.invalid {
	background-color: #fcd589;
  	border-color: #999f9f #e3e3e3 #e3e3e3 #cdcdcd;
  	border-style: solid;
  	border-width: 1px;
}

select.invalid option {
    background-color: #fff;
}

.error ul li {
	background: url("img/error_icon.png") no-repeat;
	font-weight: normal;
	list-style-type: none;
	padding: 0 0 0 1.875em;
	background-position: 0 0.05em;
	margin: 0 0 0.125em 0;
}

.bestellformular {
	margin-bottom: 1em;
}

.bestellformular p.footnote {
	margin-top: 1.5em;
}

.kontaktformular {
	max-width: 35em;
	margin-bottom: 1em;
} 

.kontaktformular input, .kontaktformular select, .kontaktformular textarea,
.bestellformular input, .bestellformular select, .bestellformular textarea{
	width: 100%; 
}

.bestellformular .span_4, .bestellformular .span_5 {
	padding-right: 3em;
}

.kontaktformular .error {
	font-weight: bold;
	margin-top: 0.5em;
}

.beratersuche {
	margin-bottom: 1em;
}

.beratersuche form p {
	display: inline-block;
	margin: 0 1em 1em 0;
}

.beratersuche form input {
	width: 5em;
	margin: 0 1em 1em 0;
}

.ergebnisse_beratersuche {
	margin-bottom: 1em;
}

.ergebnisse_beratersuche h3 {
	padding: 0.25em 0 1em 0;
	font-weight: bold;
}

.ergebnisse_beratersuche .beratername {
	color: #f29400;
	padding: 0.5em 0 0.125em;
}

.ergebnisse_beratersuche img {
	border: 0.085em solid #e3e3e3;
}

.ergebnisse_beratersuche table {
	width: 100%;
}

.ergebnisse_beratersuche table tbody tr td {
	vertical-align: top;
	padding: 0 0.25em 0.25em 0.25em;
}

.ergebnisse_beratersuche table tbody tr td:first-child {
	width: 9.375em; /* 150px*/
}

.ergebnisse_beratersuche table tbody tr td table tbody tr td:first-child {
	width: 2em;
	padding: 0;
}

.ergebnisse_beratersuche .zur_suche {
	margin: 0.5em 0 1em; 
	text-align: right;
}

.website_break_border {
	border-bottom: 0.085em solid #e3e3e3;
	margin-bottom: 1em;
}

.description {
	padding: 0 0.5em 1em 1.5em;
}

.description h1 {
	padding: 0.125em 0 0.25em 0;
}

.description p br {
	margin-bottom: 0.5em;
}

.empty_space_top {
	margin-top: 0.5em;
}

.footer {
	padding: 1em;
	background-color: #e3e3e3;
	font-size: 0.875em;
}

.footer a {
	color: #6f6f6f;
	text-decoration: underline;
}

.footer a:first-child {
	padding-right: 0.25em;
}

.footer p {
	color: #6f6f6f;
}

.footer .span_1 {
	text-align: right;
}

.footer .span_5 {
	white-space: nowrap;
}

.footer .span_1, .footer .span_5 {
	margin: 0;
}

.span_1_extended {
	width: 23%;
}

.span_5_reduced {
	width: 77%;
}

.btn-analyse {
	display:inline-block;
	width: auto;
	background: rgb(152,180,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(152,180,224,1) 0%, rgba(113,150,212,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(152,180,224,1)), color-stop(100%,rgba(113,150,212,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(152,180,224,1) 0%,rgba(113,150,212,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b4e0', endColorstr='#7196d4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #7599D5;
	border-radius: 5px;
	padding: 9px 15px;
	font-weight: bold;
	color: #FFFFFF;
	box-shadow: 0 0 6px rgba(0,0,0,0.24);
	text-decoration:none;
}
.btn-analyse:hover,
.btn-analyse:focus {
	background: rgb(87,131,204);
	background: -moz-linear-gradient(top,  rgba(87,131,204,1) 0%, rgba(112,147,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,131,204,1)), color-stop(100%,rgba(112,147,204,1)));
	background: -webkit-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(87,131,204,1) 0%,rgba(112,147,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5783cc', endColorstr='#7093cc',GradientType=0 );
	border: 1px solid #5783CC;
	color: #FFFFFF;
    transition: background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
	text-decoration:none;
}
.btn-analyse > img {
	margin: -3px 10px 0 0;}

.bottom-folder-navigator {
	text-align:right;
}
.bottom-folder-navigator > a {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	text-align:center;
	vertical-align:middle;
	border:1px solid #E3E3E3;
	border-left:0;
	text-decoration:none;
	font-size:2em;
}
.bottom-folder-navigator > a:first-child {
	border-left:1px solid #E3E3E3;
}
.bottom-folder-navigator > a.zurueck {
	background: url('img/arrow_list-uebersicht_02.png') 50% 50% no-repeat;
}
.bottom-folder-navigator > a.weiter {
	background: url('img/arrow_list-uebersicht_01.png') 50% 50% no-repeat;
}

.box_fin_beduerfnisse {
	box-shadow: 0 0 6px rgba(0,0,0,0.24);
	border-bottom: 4px solid #7196d4;
	text-align: center;
	height: 29em;
	padding-top: 2em;
	margin-bottom: 1em;
}	

.box_fin_beduerfnisse img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.box_fin_beduerfnisse ul {
	color: #7196d4;
	padding-left: 0em;
	margin: 0 auto;
	display: inline-block;
}

.box_fin_beduerfnisse ul li {
	background: url("img/checked.png") no-repeat;
	color: #7196d4;
	list-style-type: none;
	padding-left: 1.5em;
	background-position: 0 2px;
	text-align: left;
}

.box_fin_beduerfnisse p.blue {
	color: #7196d4;
}

.teaser {
	text-align:center;
	padding:0 1em;
}
.teaser h3 {
	color:#F29400;
	font-size:1.4em;
}

.flash-error {
	margin: 2em 0;
	display: inline-block;
	vertical-align: middle;
}

/* ---------- MEDIA QUERIES ---------- */

/* size 4: display width from 0px to 320px */
@media screen and (min-width: 0) and (max-width: 20em) {

	.maincontent {
		margin: 1em 0.5em;
	}

	#container { 
		padding: 0;
	}
		
	h1 {
		line-height: 1.4em;
	}
	
	h2 {
		line-height: 1.2em;
	}	
		
	.menue_border {
		border-top: 0.1875em solid #f29400;
	}
		
	.menue_button_mobile {
		display: inherit;
	}
	
	ul#nav {
		border-left: none;
		border-right: none;
		margin: 0 0em 0.25em;
	}
	
	ul#nav li { 
		text-align: left;
		border-right: none;
	}
	
	ul#nav li.selected:hover a, ul#nav li.selected a {
		background: -moz-linear-gradient(top, #fcdba1 0%, #f7bd60 50%, #f2b252 50%, #fcd589 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdba1), color-stop(50%,#f7bd60), color-stop(50%,#f2b252), color-stop(100%,#fcd589)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* W3C */
	}

	ul#nav li:hover a, ul#nav li a {
		background: #f7c869; /* Old browsers */
		background: -moz-linear-gradient(top, #f7c869 0%, #ef9d21 50%, #f29400 50%, #f9ac39 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c869), color-stop(50%,#ef9d21), color-stop(50%,#f29400), color-stop(100%,#f9ac39)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc04a', endColorstr='#f29400',GradientType=0 ); /* IE6-9 */
	}
		
	ul#nav li a, ul#nav li ul.sub_nav li a  {
		padding: 0.75em 0 0.75em 0.5em;
	}
		
		
	form p {
		margin: 0.5em 0 0;
	}
		
	.bestellformular .span_4, .bestellformular .span_5 {
		padding-right: 0;
	}
	
	.banner_info_top {
		margin-top: 0;
	}

	.banner_info_bottom {
		margin-bottom: 0.5em;
	}
	
	.header h2 {
		display: none;
	}
	
	.banner {
		border: none;
	}
	
	.banner_content {
		padding: 0.5em 0.5em 0;
	}
	
	.footer, .footer .span_1, .footer .span_5 {
		text-align: center;
		white-space: normal;
	}
	
	.span_1_extended {
		display: none !important;
	}
	
	.span_5_reduced {
		width: 100%;
	}
	
	.menue_icon {
		display: inline;
	}

	.description {
		padding: 0.5em;
	}
	
	.empty_form_label {
		display: none !important;
	}
}


/* size 3: display width from +321px to 479px */
@media screen and (min-width: 20.0625em) and (max-width: 30em) {

	.maincontent {
		margin: 1em 0.5em;
	}

	#container { 
		padding: 0;
	}
		
	h1 {
		line-height: 1.4em;
	}
	
	h2 {
		line-height: 1.2em;
	}
	
	.menue_border {
		border-top: 0.1875em solid #f29400;
	}

	.menue_button_mobile {
		display: inherit;
	}

	ul#nav {
		border-left: none;
		border-right: none;
		margin: 0 0em 0.25em;
	}
	
	ul#nav .span_1 {
		width: 100%;
	}
		
	ul#nav li {
		text-align: left;
		border-right: none;
	}
		
	ul#nav li.selected:hover a, ul#nav li.selected a {
		background: -moz-linear-gradient(top, #fcdba1 0%, #f7bd60 50%, #f2b252 50%, #fcd589 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdba1), color-stop(50%,#f7bd60), color-stop(50%,#f2b252), color-stop(100%,#fcd589)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fcdba1 0%,#f7bd60 50%,#f2b252 50%,#fcd589 100%); /* W3C */
	}

	ul#nav li:hover a, ul#nav li a {
		background: #f7c869; /* Old browsers */
		background: -moz-linear-gradient(top, #f7c869 0%, #ef9d21 50%, #f29400 50%, #f9ac39 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c869), color-stop(50%,#ef9d21), color-stop(50%,#f29400), color-stop(100%,#f9ac39)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f7c869 0%,#ef9d21 50%,#f29400 50%,#f9ac39 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc04a', endColorstr='#f29400',GradientType=0 ); /* IE6-9 */
	}
	
		
	ul#nav li a, ul#nav li ul.sub_nav li a  {
		padding: 0.75em 0 0.75em 0.5em;
	}
	
	.banner_info_top {
		margin-top: 0;
	}

	.banner_info_bottom {
		margin-bottom: 0.5em;
	}
	
	.header h2 {
		display: none;
	}
		
	.icons_rechenkerne .span_1 {
		width: 100%;
	}
	
	form p {
		margin: 0.5em 0 0;
	}
	
	.bestellformular .span_4, .bestellformular .span_5 {
		padding-right: 0;
	}
	
	.banner {
		border: none;
	}
	
	.banner_content {
		padding: 1em 1em 0;
	}
	
	.footer, .footer .span_1, .footer .span_5 {
		text-align: center;
		white-space: normal;
	}
	
	.span_1_extended {
		display: none !important;
	}
	
	.span_5_reduced {
		width: 100%;
	}

	.menue_icon {
		display: inline;
	}
	
	.description {
		padding: 0.5em;
	}
	
	.empty_form_label {
		display: none !important;
	}
}

/* size 2: display width from +481px to 768px */
@media screen and (min-width: 30.0625em) and (max-width: 48em) {
	
	.banner_info_top {
		margin-top: 0;
	}

	.banner_info_bottom {
		margin-bottom: 0.5em;
	}
	
	.banner .span_2 {
		width: 66.666666%;
	}
	
	.footer, .footer .span_1, .footer .span_5 {
		text-align: center;
		white-space: normal;
	}
	
	ul#nav {
		border-left: none;
		border-right: none;
	}
	
	ul#nav li:nth-child(3) {
		border-right: none;
	}	
		
	form p {
		margin: 0.5em 0 0;
	}
	
	.bestellformular .span_4, .bestellformular .span_5 {
		padding-right: 0;
	}

	
	.banner {
		border: none;
	}
	
	.span_1_extended {
		width: 35%;
	}
	
	.span_5_reduced {
		width: 65%;
	}
	
	.empty_form_label {
		display: none !important;
	}
}