/*www.maetz-winterscheidt.com*/  

@charset "UTF-8"; 
/* CSS Document */

* {
	   -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	         *behavior: url(scripts/boxsizing.htc);
}

body {
	width: 100%;
	height: 100%;	
	margin: 0;
	padding: 0;
	border: 0;
	
	
	background-image: url(img/design/hg.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: center 0px;

	
	font-family: sans-serif;
	font-size: 1em;
	text-align: left;
	color: #000;

}

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
   
header,
nav,
section,
article,
aside,
footer
 {    display: block;}

img {	border: 0px;}

.alignLeft{
		float:left;
		margin-right:1em;
	}
.alignRight{
		float:right;
		margin-left:1em;
	}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 		{ font-size: 2em;    margin: 0.67em 0; line-height:1.2em;}

h1.head { font-size: 0.875em; font-weight:normal;    margin: 0.67em 0 0 2em; line-height:normal; }

h2.start { font-size:1em; font-weight:bold; margin:0;}

h2 		{ font-size: 1.5em;    margin: 0.83em 0;}

h3 		{ font-size: 1.17em;    margin: 1em 0;}

h4 		{ font-size: 1em;    margin: 1.33em 0;}

.m 	   { font-size:0.750em;} /* 12 */
.l 	   { font-size:0.813em;} /* 13 */
.xl    { font-size:0.875em;} /* 14 */
.xxl   { font-size:1.125em;} /* 18 */
.xxxl  { font-size:1.250em;} /* 20 */
.line  { line-height:1.2em;}
.line2 { line-height:1.3em;}

.center { text-align:center;}

/* ==========================================================================
   Base
   ========================================================================== */


#notenschluessel { position:absolute; left:50%; top:6em; margin:0 0 0 8em; z-index:2;}

header#head {
	width:958px;
	height:160px;
	margin:0 auto;
	padding:1em;
	color:#000;

}


.cycle-slideshow img 			{ position: absolute; top: 0; left: 0; display: none; }

header#head_two {
	width:958px;
	height:448px;
	margin:0 auto 1em auto;
   	padding:1em;
	color:#000;
	background-color:#FFF;
	 -moz-box-shadow: 0px 0px 6px 3px #999;
  -webkit-box-shadow:  0px 0px 6px 3px #999;
		  box-shadow: 0px 0px 6px 3px #999;

}

ul#bt_nav {  list-style:none; display:block; margin:0.4em 0 0 0; padding:0 1em;}




nav {
	width:980px;
	height:auto;
 	margin:0 auto;
	padding:1em;


}

nav.schatten {
	width:100%;
	height:15px;
	margin:0 auto;/* */
	padding:0;
	position: relative;
	top:0;
	text-align:center;
	
}


#main {
	width:958px;
	min-height:418px;
	height:auto;
	margin:0.5em auto;
	padding:1em;
	background-color:#fff;
	-moz-box-shadow: 0px 0px 6px 3px #999;
	-webkit-box-shadow:  0px 0px 6px 3px #999;
	box-shadow: 0px 0px 6px 3px #999;
	line-height:1em;

}


.bottom { position:relative; top:80px;} 	


footer {
	width:958px;
	height:auto;
	margin:0 auto;
	padding: 0.5em 1em 2em 1em;
	
	font-size:0.750em;
	font-weight:normal;
	text-align:center;
}

footer a { text-decoration:none; color:#464646; margin-right:1em; line-height:1.8em;}
footer a:hover { text-decoration:underline;}


hr { width:96%; float:left;  
-moz-box-shadow: 0px 1px 4px 0px #999;
-webkit-box-shadow:  0px 1px 4px 0px #999;
box-shadow: 0px 1px 4px 0px #999;
 margin-bottom:1em;
}

.main_aside		{ width:228px; border:1px solid #c1c1c1; margin-bottom:1em;  }
.kopf_aside		{ height:44px; background-color:#4c4c4c; color:#fff; text-transform:uppercase; font-weight:bold; padding:0.8em 0 0 0.5em;}
.content_aside	{ background-color:#cacaca;color:#464446; color:#464646;padding:0.5em;}
.trenner 		{ border-top:1px dotted #464646; margin:0.8em 0;}
.abstand { line-height:1.25em; margin-bottom:0.5em;}




/* ==========================================================================
   buttons
   ========================================================================== */
	
	.bt_gelb_2zeilig {  width:210px; height:60px;
	background: rgb(248,255,232); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%, rgba(251,236,193,1) 33%, rgba(253,198,30,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(251,236,193,1)), color-stop(100%,rgba(253,198,30,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(251,236,193,1) 33%,rgba(253,198,30,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(251,236,193,1) 33%,rgba(253,198,30,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(251,236,193,1) 33%,rgba(253,198,30,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(248,255,232,1) 0%,rgba(251,236,193,1) 33%,rgba(253,198,30,1) 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#fdc61e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	
	   -moz-border-radius:8px;
	-webkit-border-radius:8px;
			border-radius:8px;
	
	   -moz-box-shadow: 2px 2px 5px 0px #666;
	-webkit-box-shadow: 2px 2px 5px 0px #666;
			box-shadow: 2px 2px 5px 0px #666;

	margin: 0 0 1em 0;
	padding: 0.6em 0 0 1.5em;
	
	}
	
	.bt_grau_2zeilig { width:210px; height:60px; 
	background: rgb(248,255,232); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%, rgba(244,244,244,1) 33%, rgba(201,201,201,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(244,244,244,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
	
	   -moz-border-radius:8px;
	-webkit-border-radius:8px;
			border-radius:8px;
	
	   -moz-box-shadow: 2px 2px 5px 0px #666;
	-webkit-box-shadow: 2px 2px 5px 0px #666;
			box-shadow: 2px 2px 5px 0px #666;
	
	 margin: 0 0 1em 0;
	padding: 0.6em 0 0 1.5em;
	}

	.bt_grau { width:210px; height:40px;
	background: rgb(248,255,232); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%, rgba(244,244,244,1) 33%, rgba(201,201,201,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(244,244,244,1)), color-stop(100%,rgba(201,201,201,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(201,201,201,1) 100%); /* W3C */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
	
	   -moz-border-radius:6px;
	-webkit-border-radius:6px;
			border-radius:6px;
	
	   -moz-box-shadow: 2px 2px 5px 0px #666;
	-webkit-box-shadow: 2px 2px 5px 0px #666;
	        box-shadow: 2px 2px 5px 0px #666;
	
	 margin: 0 0 1em 0;
	padding: 0.6em 0 0 1.5em;
	
	}

.bt_weiss { width:210px; height:40px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%, rgba(244,244,244,1) 33%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,255,232,1)), color-stop(33%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(255,255,255,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(248,255,232,1) 0%,rgba(244,244,244,1) 33%,rgba255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	-moz-box-shadow: 2px 2px 5px 0px #666;
	-webkit-box-shadow: 2px 2px 5px 0px #666;
	box-shadow: 2px 2px 5px 0px #666;

	margin: 0 0 1em 0;
	padding: 0.6em 0 0 1.5em;

}


/* ==========================================================================
   row
   ========================================================================== */


	.columns{width:100%	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div {
		float:left;
		vertical-align:top;
	}
	
	.row1		{width:22%;}
	.row2		{width:32%;}
	.row3		{width:50%;}
	.row5		{width:65%;}
	.row4		{width:76%;}
	.row6 		{ } 

	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	
	.row4 + .row1,
	{
		float: right;
		margin-right:0;
	}
	
	.row5 + .row1,
	{
		float: right;
		margin-right:0;
	}
	
	.row3 + .row3,
	{
		float: right;
		margin-right:0;
	}
	
	.row6 + .row6,
	{
		float: right;
		margin-right:0;
	}
	
	.content1	{ width:436px; height:160px;}
	.content1_2 { min-height:38px; height: auto; background-color:#ddb22c; border: 1px solid #ccc; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-bottom:none; padding:0.6em 0 0 1.5em;}
	.content1_3 { min-height:122px; height: auto; background-color:#ebebeb; border: 1px solid #ccc; border-bottom-left-radius:0.8em; border-bottom-right-radius:0.8em; border-top:none; font-size:0.750em; padding:0.7em 1.5em;}
	
	.content2	{ width:224px; height:160px;}
	.content2_2	{ min-height:38px; height: auto; background-color:#ddb22c; border: 1px solid #ccc; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-bottom:none; font-size:1em; font-weight:bold; padding:0.6em 0 0 1.5em;}
	.content2_3 { min-height:122px; height: auto; background-color:#ebebeb; border: 1px solid #ccc; border-bottom-left-radius:0.8em; border-bottom-right-radius:0.8em; border-top:none; font-size:0.750em; padding:0.7em 1.5em;}
	
	.content3	{ width:326px; height:160px;}
	.content3_2 { min-height:38px; height: auto; background-color:#ddb22c; border: 1px solid #ccc; border-top-left-radius:0.8em; border-top-right-radius:0.8em; border-bottom:none; font-size:1em; font-weight:bold; padding:0.6em 0 0 1.5em;}
	.content3_3 { min-height:122px; height: auto; background-color:#ebebeb; border: 1px solid #ccc; border-bottom-left-radius:0.8em; border-bottom-right-radius:0.8em; border-top:none; font-size:0.750em; padding:0.9em 1.5em;}
	
	
/* ==========================================================================
   Menu
   ========================================================================== */

nav#main-nav {width: 958px; height:74px; margin:0 auto; border: 6px solid #fff;
		
	background: rgb(0,35,83); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,35,83,1) 0%, rgba(32,124,202,1) 0%, rgba(0,102,172,1) 31%, rgba(0,35,83,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,35,83,1)), color-stop(0%,rgba(32,124,202,1)), color-stop(31%,rgba(0,102,172,1)), color-stop(100%,rgba(0,35,83,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,35,83,1) 0%,rgba(32,124,202,1) 0%,rgba(0,102,172,1) 31%,rgba(0,35,83,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,35,83,1) 0%,rgba(32,124,202,1) 0%,rgba(0,102,172,1) 31%,rgba(0,35,83,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,35,83,1) 0%,rgba(32,124,202,1) 0%,rgba(0,102,172,1) 31%,rgba(0,35,83,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,35,83,1) 0%,rgba(32,124,202,1) 0%,rgba(0,102,172,1) 31%,rgba(0,35,83,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002353', endColorstr='#002353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

#main-nav ul { float:left; position:absolute; margin:0 auto; padding:0.5em 0 0 2.5em; list-style: none;}

#main-nav  li { float: left;  position: relative; padding: 0 1em; height:20px;/* border-right:1px solid #fff;*/}
.nav_trenner { color:#FFF;}	

#main-nav a {
	
    display:block;	
	color:#fff;
	text-decoration: none;
	
	border-bottom:25px solid transparent;
}

#main-nav a:hover {/*background-color:transparent;background: #fff;background: #fff;*/ text-decoration:underline;}

#main-nav ul ul {
	
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	
	left: 0;
	width: 188px;
	z-index: 99999;

}
#main-nav ul ul ul {
	left: 100%;
	top: 0;
}

#main-nav ul ul li {border:0;}

#main-nav ul ul a {
	

	/*background:rgba(68,68,68,0.95);*/
	font-weight: normal;
	height: auto;
	border:0;
	
	padding:10px 10px;
	width: 168px;
	color: #fff;
}

#main-nav ul ul.sub-menu { background: #444; background:rgba(68,68,68,0.95); border-radius: 0.5em; list-style: none; margin: 0;  min-width: 10em; /*width:auto;*/  padding: 0.75em 0.5em;}/*margin:0; padding:0.5em 0 0 0;*/


#main-nav ul ul li { height: auto; /*max-height: 35px; min-height:35px;*/ border-bottom: solid 1px #555; margin:0; padding:0;  }

#main-nav ul ul li:hover > a,
#main-nav ul ul :hover > a,
#main-nav ul ul a:focus {
	/*background: #efefef; */ text-decoration:none; color: #d3c800; 
	
}
#main-nav ul ul li:hover > a,
#main-nav ul ul a:focus {
/*background:rgba(68,68,68,0.95);background: #444;
	color: #fff;  */
	
	
}
#main-nav ul li:hover > ul {
	display: block; 
}
#main-nav .current-menu-item > a,
#main-nav .current-menu-ancestor > a,
#main-nav .current_page_item > a,
#main-nav .current_page_ancestor > a {
			
}

#main-nav ul ul.sub-menu:before { content: ''; position: absolute; border-bottom: solid 0.5em #444; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; left: 1em; }

/* ==========================================================================
   Forms
   ========================================================================== */

form { margin-left:1em;}	
form input, form textarea
				 		{-moz-box-shadow: 5px 5px 5px #888;
						-webkit-box-shadow: 5px 5px 5px #888;
						box-shadow: 5px 5px 5px #888;
}

form textarea {width:250px;}

form input[type="text"]    { width:200px; }
form input[type="email"]   { width:200px;}
form input[type="tel"]   { width:200px;}
form input[type="checkbox"]   { width: auto;}

form input[type="submit"]  {  width: auto;}
form input[type="reset"]   {  width: auto;}	

.row_text { width:80px; float:left;}
.row_input { float:left;}
	


/* ==========================================================================
   Links
   ========================================================================== */
   
  	a{ font-weight:bold; text-decoration:none; color:#005799;}
	a:hover   { font-weight:bold; text-decoration: underline; color:#005799;}
	
	.main_aside a{  text-decoration:none; color:#555043;}
	.main_aside a:hover   {  text-decoration: underline; color:#555043;}
	
	#bt_nav a { text-decoration:none; color:#555043; font-weight:500; font-size:1.1em;}
	#u_bt_nav a { text-decoration:none; color:#555043; font-weight:500; font-size:1.1em;}
	
		
	a.weiter  { font-weight:bold; text-decoration:none; color:#005799;}
	a.weiter:hover   { font-weight:bold; text-decoration: underline; color:#005799;}

	.screen { display:none;}
	.screen2{ display:none;}
	.screen3{ display:none;}

/* ==========================================================================
   Unterseite
   ========================================================================== */
	.u_content 	{ width:676px; font-size:0.875em; line-height: 1.250em; margin:1em 0; padding:0.3em;}
	
	.u_main_aside		{ width:235px; border:1px solid #c1c1c1; margin:0 0 1em -0.5em;   }
	
	.u_bt		{ background-color:#eaeaea}
	
	#u_bt_nav	{ list-style:none; display:block; margin:0 0 0 0.7em; padding:0; }
	
	.u_main_aside a{  text-decoration:none; color:#555043;}
	.u_main_aside a:hover   {  text-decoration: underline; color:#555043;}
	


	
	
	
/* ==========================================================================
   @media screen
   ========================================================================== */

@media screen and (max-width:980px) { 
	
	body {font-size: 0.9em;}
	img	{ max-width:100%; height:auto; padding:0; }
	.img_min { width:10%;  }
	
	
	header#head	{ width:98%; height:auto;}
	header#head_two	{ width:98%; height:auto; }
	header#head_two > .row4	{ width:100%; padding:0 0 0 1em; }
	
	.bt_gelb_2zeilig	{ max-width: 100%; }
	.bt_grau_2zeilig	{ max-width: 100%; }
	.bt_grau			{ max-width: 100%; }

	nav		{ width:98%;}
	#main	{ width:98%; height:auto;}
	footer	{ width:98%;}
	nav:after { display:none; }
		
	}

	@media screen and (max-width:940px) { 
	
	ul#bt_nav { padding:0.7em 0 0 1.5em;}
	#main .columns .row1 { width:100%;}
	#main .columns .row4 { width:100%;}
	.row6 {margin-right:1em;}
}

@media screen and (max-width:939px) { 
#main .row4		{ width:98%;}
#main .columns .row4 .columns .row1		{ width:34%;}
#main .columns .row4 .columns .row5		{ width:65%;}
#main .columns .row4 .columns .row3		{width:50%;}

.content1	{ width:98%;}	
.content2	{ width:98%;}	
.content3	{ width:98%;}

#main .row1		{ width:30%;}

.u_content 	{ width:98%;}

#main-nav ul { padding:0.5em 0 0 0;}
}

@media screen and (max-width:910px) { 
#notenschluessel  { display:none;}
}

@media screen and (max-width:828px) {
	header#head .row1	{ width:100%; height:auto;}
	h1.head { width:100%; margin: 0.67em 0; }
	.bottom	{ position: inherit;} /*top:0; left:-80%;*/
	ul#bt_nav { font-size: 0.8em;}
}

@media screen and (max-width:800px) { 
form .row3		{width:100%; padding-bottom:1.5em; }
	
form textarea {max-width:100%; height:auto;}

form input[type="text"]    { max-width:100%; height:auto; }
form input[type="email"]   { max-width:100%; height:auto;}
.row_text { float:left;}
.row_input { float:left; }

footer { text-align: left;}
footer br { display:none;}
}
 
@media screen and (max-width: 768px) {
.nav_trenner { display:none;}	
nav#main-nav {width:98%; min-height:110px;}
#main-nav ul li{width:30%; margin-bottom:1em;}
}

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

	header#head_two .row4		{width:100%;}
	header#head_two .row1	{width:100%; padding:1em 0 0 0;}
		
	ul#bt_nav { width:100%; height:auto; margin:0; padding:0 1em 0 0;font-size: 0.9em;}
 	ul#bt_nav li {   margin: 0em 0.5em; padding:0;  }
	
	.bt_gelb_2zeilig	{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	.bt_grau_2zeilig	{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	.bt_grau			{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	#bt_nav br { display:none;}

	#main .row4		{ width:98%;}
	#main .columns .row4 .columns .row1		{ width:98%;}
	#main .columns .row4 .columns .row5		{ width:98%;}/*padding-bottom:1em;*/
	#main .columns .row4 .columns .row3		{width:49%;}
		
	.content1	{ width:98%;}	
	.content2	{ width:98%;}	
	.content3	{ width:98%;}

	#main .row1		{ width:60%;}
	
	.screen { display: block;}
	
	.row6 {margin-right:2em;}
	
	#u_bt_nav		{ width:90%; }
	
	.u_main_aside .bt_gelb_2zeilig	{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	.u_main_aside .bt_grau_2zeilig	{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	.u_main_aside .bt_grau			{ max-width:  none;  width:100%;  height:auto; padding: 0.5em 0.5em;}
	.u_main_aside #u_bt_nav br { display:none;}
}	

@media screen and (max-width:639px) {
#main .row4		{ width:98%;}
#main .columns .row4 .columns .row1		{ width:98%;}
#main .columns .row4 .columns .row5		{ width:98%;}
#main .columns .row4 .columns .row3		{width:98%;}/*padding-bottom:1em;*/
#main .row1		{ width:90%;}
.screen2{ display: block;}
}		
	
@media screen and (max-width:625px) { 
/*#main-nav ul li { margin:0; padding:0 0.5em;}*/	
}	

/*@media screen and (max-width:588px) { 
nav#main-nav {width:100%; min-height:101px;}
#main-nav ul li{ margin: 0 0 0.5em 0;}	
}*/	

@media screen and (max-width:499px) { 
body {font-size: 0.9em;}
.screen3{ display: block;}
}

@media screen and (max-width:494px) { 
/*nav#main-nav {width:100%; min-height:90px;}
#main-nav ul ul li {  margin: 0 0 0.5em 0;}*/
}

@media screen and (max-width:437px) {
.nav_trenner { display:none;}	
nav#main-nav {width:98%; min-height:250px;}
#main-nav ul li{width:100%; margin-bottom:1em;}
}

@media screen and (max-width:430px) {
.screen3{ min-height:1em; height:auto;}
}

@media screen and (max-width:332px) { 
.row_input { padding-bottom:0.8em;}
}