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

@font-face {
	font-family:'Asap-Regular';
	src: url('Asap-Regular.eot');
	src: url('Asap-Regular.eot?#iefix') format('eot'),
		url('Asap-Regular.woff') format('woff'),
		url('Asap-Regular.ttf') format('truetype'),
		url('Asap-Regular.svg#Asap-Regular') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2219;
}

@font-face {
	font-family:'Asap-Regular';
	src: url('Asap-Bold.eot');
	src: url('Asap-Bold.eot?#iefix') format('eot'),
		url('Asap-Bold.woff') format('woff'),
		url('Asap-Bold.ttf') format('truetype'),
		url('Asap-Bold.svg#Asap-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2219;
}

@font-face {
	font-family:'Asap-Regular';
	src: url('Asap-Italic.eot');
	src: url('Asap-Italic.eot?#iefix') format('eot'),
		url('Asap-Italic.woff') format('woff'),
		url('Asap-Italic.ttf') format('truetype'),
		url('Asap-Italic.svg#Asap-Italic') format('svg');
	font-weight: 500;
	font-style:italic;
	font-stretch: normal;
	unicode-range: U+0020-2219;
}

@font-face {
	font-family:'Asap-Regular';
	src: url('Asap-BoldItalic.eot');
	src: url('Asap-BoldItalic.eot?#iefix') format('eot'),
		url('Asap-BoldItalic.woff') format('woff'),
		url('Asap-BoldItalic.ttf') format('truetype'),
		url('Asap-BoldItalic.svg#Asap-BoldItalic') format('svg');
	font-weight: 700;
	font-style:italic;
	font-stretch: normal;
	unicode-range: U+0020-2219;
}

main h1, main h2, main h3, main h4 {font-family:'Asap-Regular','Din-Medium','Arial',Verdana,sans-serif !important ; width:80% !important; }

main, .asap {font-family:'Asap-Regular','Din-Medium','Arial',Verdana,sans-serif !important ;  }

main.asap.wolke a, main.asap.wolke a:link, main a:link, main.asap.wolke a:visited, main a:visited ,
.asap a, .asap a:link, .asap a:visited, main.asap.wolke a.br, main.asap.wolke a:link.br , main.asap.wolke a:visited.br, 
main.asap.wolke a, main.asap.wolke a:link , main.asap.wolke a:visited,
html body main.asap.wolke div#m1.wolke p a,html body main.asap.wolke div#m1.wolke p a:link, html body main.asap.wolke div#m1.wolke p a:visited
#inhalts #inhalt a:link, main a:link, #inhalts #inhalt a:visited, main a:visited,#inhalts #inhalt a, main a ,
a.br, a:link.br, a:visited.br
{color:#663300 !important;}

main table.h2x tr td, main table.h2x tr th {text-align: center;}
main table.h2x tr th {text-shadow: none;}
main p {margin-bottom:3px; margin-top: 3px;}


#m1 ul {padding-left:20px;}
#m1 blockquote {padding-left:0px;margin:5px;}
#m1 blockquote table tr td ul {padding-left:22px;}
#m1 blockquote table {font-size:1.3em;}
#m1 blockquote table tr td ul li {margin-top:3px;}

.cols{ display:inherit;}
.colx {width:auto; padding-right:0px;}
.wolke { background-color:silver; background-image:none;}
.cent {margin: 5px auto; text-align:center;}
.kleiner {font-size: 0.9em;}
.bll {display: block;  }

a.bll {padding:0.9em 0.5em; background-image:linear-gradient(#e5edff,#a5c5ff);color:#005394;font-family:'Asap-Regular';text-shadow:2px 4px 5px white;}
a:link.bll, a:visited.bll {color:#630; background-image:linear-gradient(#cf6,#a5c5ff);}
a:hover.bll, a:active.bll {background-image:linear-gradient(#a5c5ff,#cf6 );text-shadow:2px 5px 4px silver   ;color:#300;} 

.h2x {background-image:linear-gradient(#e5edff,#a5c5ff);color:#005394;font-family:'Asap-Regular';font-size:2em;letter-spacing:0.1em;text-shadow:2px 4px 5px white;}
.img8 {max-width:340px; height:auto;}

.img9 {min-width:240px; max-width:80%; height:auto;}

a h3 {display:block; border-color:#630;border-style:groove;border-width:6px;
	 }
table tr td a, main ul li a {display:block; padding:0.1em 0.5em;}
a:link h3, a:visited h3 ,  table tr td a:link, table tr td a:visited 
, main ul li a:link, main ul li a:visited  {color:#630; background-image:linear-gradient(#cf6,#a5c5ff);}
a:active h3, a:hover h3 {background-image:linear-gradient(#a5c5ff,#cf6 );text-shadow:2px 5px 4px silver   ;color:#300;border-style:ridge;}
table tr td a:active, table tr td a:hover, main ul li a:active, main ul li a:hover {background-image:linear-gradient(#a5c5ff,#cf6 );text-shadow:2px 5px 4px silver   ;color:#300;}
a h3.h2x {font-size:1.7em;}
/* #e5edff */


  @media  screen and (min-width:560px)  and (-webkit-max-device-pixel-ratio: 1),
          screen and (min-width:560px) and (-moz-max-device-pixel-ratio: 1),
		  screen and (min-width:560px) and (max--moz-device-pixel-ratio: 1),
          screen and (min-width:560px) and (max-device-pixel-ratio: 1) ,
		  screen and (min-width:560px) and (max-resolution:96dpi) 
		  
		  {
		  .cols {         display: -webkit-box;
		   display: -moz-box;
		   display: -ms-flexbox;
		   display: -webkit-flex;
		  display: flex; 
	-webkit-box-flex-flow: row wrap;
	-moz-box-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;			  

		  } 
	.colx 	{min-width:220px; width:25%; padding-right:10px;}		
	.wolke { background-image:url(IMG_0397_xxxx.jpg); background-repeat:repeat; background-attachment:fixed;}  
	main > div#m1, #m1 , #m1.wolke {background-color:none !important; color:#003 !important;}
	.img8 {max-width:800px; height:auto;}
	.img9 {max-width:80%; height:auto;}

#m1 blockquote table {font-size:1em;}
		  }