@charset "utf-8";

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

/* CSS Document 1-spaltig */

body {background-color:#F6F5F1;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#0066ff;}

header {background-color:#63adff;
	clear:left;
	color:#ffffff;
	height: 40px;
  line-height: 40px;
	text-align:left;
  max-width:1024px;
	margin: 0px auto;
  border-bottom:5px solid #F6F5F1;}
	
#hilfscontainer {margin:0px auto;
	 max-width:1024px;}

aside {float:left;
	text-align:center;
	width:100%;}

nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}
  
main {background-color:#F6F5F1;
	color: #000000;
	float:left;
	width:100%;}
	
article {background-color:#ffffff;
  border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;}

footer {background-color:#63adff;
	clear:left;
	color:#ffffff;
	height: 50px;
 	text-align:left;
  max-width:1024px;
	margin: 0px auto;
  border-bottom:5px solid #F6F5F1;}

img {max-width:100%; height:auto;}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;}

ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#63adff;
    display:block;
	border-radius:10px;}

/* ul li a:visited {color: white;} */

ul li a:hover, ul li .current {color:black;
    background-color: silver;}
    
/* Select und Optionen Felder */   
.sel {
font-family: Verdana,Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 13px;
border: 1px solid #FFFFFF;
background-color: #63adff;
height: 50px;
width: 150px;
padding: 2px;
}

.o1 {
color: #000000;
font-size: 14px;
font-family: Verdana,Arial, Helvetica, sans-serif;
background-color: #CCFFCC;
padding: 2px;
}

.login {
color: #000000;
font-size: 14px;
border: 1px solid #000000;
font-family: Verdana,Arial, Helvetica, sans-serif;
background-color: #CCFFCC;
width: 250px;
padding: 2px;
}

option:hover {background: url(http://an-zeige.de/gc/hover.gif);}
 
table {
border-collapse: collapse;
} 

/* Button */
a.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

a.btn:hover {color:black;
  background: #c0c0c0;
  text-decoration: none;
}

.btn-style {
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #63adff;
  width: 320px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
}

.btn-style:hover {
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  background: #c0c0c0;
  width: 320px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
}

.btn-visit {
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  background: #c0c0c0;
  width: 320px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
} 
  
  .button {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 53px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
} 

  .input {
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;}
  
  .input:hover {color:black;
  background: #c0c0c0;
  text-decoration: none;}
    
  .normal {background-color: silver; color: black;}
	.text_decoration_none:link {text-decoration:none;}
  
  .awh0 {color: #ffffff; font-size: 2px;	font-style:arial;}
  .awh1 {color: #ffffff; font-size: 10px;	font-style:arial;}
  .awh2 {color: #ffffff; font-size: 11px;	font-style:arial;}
  .awh3 {color: #ffffff; font-size: 12px;	font-style:arial;}
  .awh4 {color: #ffffff; font-size: 13px;	font-style:arial;}
  .awh5 {color: #ffffff; font-size: 14px;	font-style:arial;}
  .awh5fett {color: #ffffff; font-size: 14px;	font-style:arial; font-weight: bold;}
  .awh6 {color: #ffffff; font-size: 16px;	font-style:arial;}
  .awhu6 {color: #ffffff; font-size: 16px;	font-style:arial; text-decoration: underline;}
  .awh7 {color: #ffffff; font-size: 18px;	font-style:arial;}
  .awh8 {color: #ffffff; font-size: 20px;	font-style:arial;}
  .awhu8 {color: #ffffff; font-size: 20px;	font-style:arial; text-decoration: underline;}
  .awh9 {color: #ffffff; font-size: 24px;	font-style:arial;}
  
  .ash1 {color: #000000; font-size: 10px;	font-style:arial;}
  .ash2 {color: #000000; font-size: 11px;	font-style:arial;}
  .ash3 {color: #000000; font-size: 12px;	font-style:arial;}
  .ash4 {color: #000000; font-size: 13px;	font-style:arial;}
  .ash4fett {color: #000000; font-size: 13px;	font-style:arial; font-weight: bold;}
  .ashu4fett {color: #000000; font-size: 13px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ash5 {color: #000000; font-size: 14px;	font-style:arial;}
  .ash5fett {color: #000000; font-size: 14px;	font-style:arial; font-weight: bold;}
  .ashu5 {color: #000000; font-size: 14px;	font-style:arial; text-decoration: underline;}
  .ashu5fett {color: #000000; font-size: 14px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ash6 {color: #000000; font-size: 16px;	font-style:arial;}
  .ash6fett {color: #000000; font-size: 16px;	font-style:arial; font-weight: bold;}
  .ashu6fett {color: #000000; font-size: 16px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ashu6 {color: #000000; font-size: 16px;	font-style:arial; text-decoration: underline;}
  .ash7 {color: #000000; font-size: 18px;	font-style:arial;}
  .ashu7 {color: #000000; font-size: 18px;	font-style:arial; text-decoration: underline;}
  .ash8 {color: #000000; font-size: 20px;	font-style:arial;}
  .ashu8 {color: #000000; font-size: 20px;	font-style:arial; text-decoration: underline;}
  .ash9 {color: #000000; font-size: 24px;	font-style:arial;}
  .ashu9 {color: #000000; font-size: 24px;	font-style:arial; text-decoration: underline;}
  
  .arh4 {color: #FF0033; font-size: 13px;	font-style:arial;}
  .arh6 {color: #FF0033; font-size: 16px;	font-style:arial;}
  
  .abh1 {color: #0000FF; font-size: 10px;	font-style:arial;}
  .abh2 {color: #0000FF; font-size: 11px;	font-style:arial;}
  .abh2fett {color: #0000FF; font-size: 11px;	font-style:arial; font-weight: bold;}
  .abh3 {color: #0000FF; font-size: 12px;	font-style:arial;}
  .abh3fett {color: #0000FF; font-size: 12px;	font-style:arial; font-weight: bold;}
  .abh4 {color: #0000FF; font-size: 13px;	font-style:arial;}
  .abh4fett {color: #0000FF; font-size: 13px;	font-style:arial; font-weight: bold;}
  .abhu4fett {color: #0000FF; font-size: 13px;	font-style:arial; font-weight: bold; text-decoration: underline;}
  .abh5 {color: #0000FF; font-size: 14px;	font-style:arial;}
  .abh5fett {color: #0000FF; font-size: 14px;	font-style:arial; font-weight: bold;}
  .abh6 {color: #0000FF; font-size: 16px;	font-style:arial;}
  .abh7 {color: #0000FF; font-size: 18px;	font-style:arial;}
  .abh7fett {color: #0000FF; font-size: 18px;	font-style:arial; font-weight: bold;}
  .abh8 {color: #0000FF; font-size: 20px;	font-style:arial;}
  .abh9 {color: #0000FF; font-size: 24px;	font-style:arial;}
  
  .cwh1 {color: #ffffff; font-size: 10px;	font-style:calibri;}
  .cwh2 {color: #ffffff; font-size: 11px;	font-style:calibri;}
  .cwh3 {color: #ffffff; font-size: 12px;	font-style:calibri;}
  .cwh4 {color: #ffffff; font-size: 13px;	font-style:calibri;}
  .cwh5 {color: #ffffff; font-size: 14px;	font-style:calibri;}
  
  .csh1 {color: #000000; font-size: 10px;	font-style:calibri;}
  .csh2 {color: #000000; font-size: 11px;	font-style:calibri;}
  .cshu2 {color: #000000; font-size: 11px;	font-style:calibri; text-decoration: underline;}
  .csh3 {color: #000000; font-size: 12px;	font-style:calibri;}
  .cshu3 {color: #000000; font-size: 12px;	font-style:calibri; text-decoration: underline;}
  .csh4 {color: #000000; font-size: 13px;	font-style:calibri;}
  .csh5 {color: #000000; font-size: 14px;	font-style:calibri;}
  .cshu5 {color: #000000; font-size: 14px;	font-style:calibri; text-decoration: underline;}
  .csh8 {color: #000000; font-size: 20px;	font-style:calibri;}
   
  .cbh1 {color: #0000FF; font-size: 10px;	font-style:calibri;}
  .cbh2 {color: #0000FF; font-size: 11px;	font-style:calibri;}
  .cbh2fett {color: #0000FF; font-size: 11px;	font-style:calibri; font-weight: bold;}
  .cbh3 {color: #0000FF; font-size: 12px;	font-style:calibri;}
  .cbh4 {color: #0000FF; font-size: 13px;	font-style:calibri;} 
  .cbh5 {color: #0000FF; font-size: 14px;	font-style:calibri;}
 
  }
  
@media screen and (min-device-width: 1024px) {

/* CSS Document 2-spaltig */

body {background-color:#F6F5F1;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#0066ff;}

header {background-color:#63adff;
	clear:left;
	color:#ffffff;
	height: 40px;
  line-height: 40px;
	text-align:left;
  max-width:1024px;
	margin: 0px auto;
  border-bottom:5px solid #F6F5F1;}
	
#hilfscontainer {margin:0px auto;
	 max-width:1024px;}

aside {float:left;
	text-align:center;
	width:25%;}

nav {margin:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	text-align:center;}
  
main {background-color:#F6F5F1;
	color: #000000;
	float:left;
	width:75%;}
  
main1 {background-color:#F6F5F1;
  color: #000000;
	float:left;
	width:100%;}
	
main h1 {font-size: xx-large;
 	margin-bottom: 10px;
	margin-top: 0px;}		

article {background-color:#ffffff;
  border: 1px solid grey;
	border-radius:10px;
	margin:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;}

footer {background-color:#880000;
	clear:left;
	color:#ffffff;
	height: 77px;
  text-align:left;
  max-width:1024px;
	margin: 0px auto;}

img {max-width:100%; height:auto;}

ul {margin:0; 
    padding:0;
    width:100%;
    list-style-type:none;
	font-size:large;}
  
ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	margin-bottom:10px;
    background-color:#63adff;
    display:block;
	border-radius:10px;}

/* ul li a:visited {color: white;} */

ul li a:hover, ul li .current {color:black;
    background-color: silver;}

/* Test Menu Marken */

#menu ul {margin:0; 
    padding:10px;
    font-size:12px;}

#menu ul li a {text-decoration:none;
    color:#ffffff; 
    padding:10.5px 11px;
	  margin-bottom:10px;
    background-color:#63adff;
    display:inline;
	border-radius:10px;}

/* ul li a:visited {color: white;} */

#menu ul li a:hover, ul li .current {color:black;
    background-color: silver;}
  
/* Select und Optionen Felder */   
.sel {
font-family: Verdana,Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
border: 1px solid #FFFFFF;
background-color: #63adff;
height: 50px;
width: 150px;
padding: 2px;
}

.o1 {
color: #000000;
font-size: 14px;
font-family: Verdana,Arial, Helvetica, sans-serif;
background-color: #CCFFCC;
padding: 2px;
}

.login {
color: #000000;
font-size: 14px;
border: 1px solid #000000;
font-family: Verdana,Arial, Helvetica, sans-serif;
background-color: #CCFFCC;
width: 250px;
padding: 2px;
}

option:hover {background: url(http://an-zeige.de/gc/hover.gif);} 

table {border-collapse: collapse;} 

/* Button */
a.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

a.btn:hover {color:black;
  background: #c0c0c0;
  text-decoration: none;
}

.btn-style {
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #63adff;
  width: 220px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
}

.btn-style:hover {
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  background: #c0c0c0;
  width: 220px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
}

.btn-visit {
  border-radius: 10px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  background: #c0c0c0;
  width: 220px;
  height: 46px;
  padding: 8px;
  text-decoration: none;
}

.button {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 53px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
} 

  .input {
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold; 
  background: #63adff;
  padding: 5px 20px 5px 20px;
  text-decoration: none;}
  
  .input:hover {color:black;
  background: #c0c0c0;
  text-decoration: none;}
  
  .normal {background-color: silver; color: black;}
  .text_decoration_none:link {text-decoration:none;}
  
  .awh0 {color: #ffffff; font-size: 2px;	font-style:arial;}
  .awh1 {color: #ffffff; font-size: 10px;	font-style:arial;}
  .awh2 {color: #ffffff; font-size: 11px;	font-style:arial;}
  .awh3 {color: #ffffff; font-size: 12px;	font-style:arial;}
  .awh4 {color: #ffffff; font-size: 13px;	font-style:arial;}
  .awh5 {color: #ffffff; font-size: 14px;	font-style:arial;}
  .awh5fett {color: #ffffff; font-size: 14px;	font-style:arial; font-weight: bold;}
  .awh6 {color: #ffffff; font-size: 16px;	font-style:arial;}
  .awhu6 {color: #ffffff; font-size: 16px;	font-style:arial; text-decoration: underline;}
  .awh7 {color: #ffffff; font-size: 18px;	font-style:arial;}
  .awh8 {color: #ffffff; font-size: 20px;	font-style:arial;}
  .awhu8 {color: #ffffff; font-size: 20px;	font-style:arial; text-decoration: underline;}
  .awh9 {color: #ffffff; font-size: 24px;	font-style:arial;}
  
  .ash1 {color: #000000; font-size: 10px;	font-style:arial;}
  .ash2 {color: #000000; font-size: 11px;	font-style:arial;}
  .ash3 {color: #000000; font-size: 12px;	font-style:arial;}
  .ash4 {color: #000000; font-size: 13px;	font-style:arial;}
  .ash4fett {color: #000000; font-size: 13px;	font-style:arial; font-weight: bold;}
  .ashu4fett {color: #000000; font-size: 13px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ash5 {color: #000000; font-size: 14px;	font-style:arial;}
  .ash5fett {color: #000000; font-size: 14px;	font-style:arial; font-weight: bold;}
  .ashu5 {color: #000000; font-size: 14px;	font-style:arial; text-decoration: underline;}
  .ashu5fett {color: #000000; font-size: 14px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ash6 {color: #000000; font-size: 16px;	font-style:arial;}
  .ash6fett {color: #000000; font-size: 16px;	font-style:arial; font-weight: bold;}
  .ashu6fett {color: #000000; font-size: 16px;	font-style:arial; text-decoration: underline; font-weight: bold;}
  .ashu6 {color: #000000; font-size: 16px;	font-style:arial; text-decoration: underline;}
  .ash7 {color: #000000; font-size: 18px;	font-style:arial;}
  .ashu7 {color: #000000; font-size: 18px;	font-style:arial; text-decoration: underline;}
  .ash8 {color: #000000; font-size: 20px;	font-style:arial;}
  .ashu8 {color: #000000; font-size: 20px;	font-style:arial; text-decoration: underline;}
  .ash9 {color: #000000; font-size: 24px;	font-style:arial;}
  .ashu9 {color: #000000; font-size: 24px;	font-style:arial; text-decoration: underline;}
  
  .arh4 {color: #FF0033; font-size: 13px;	font-style:arial;}
  .arh6 {color: #FF0033; font-size: 16px;	font-style:arial;}
  
  .abh1 {color: #0000FF; font-size: 10px;	font-style:arial;}
  .abh2 {color: #0000FF; font-size: 11px;	font-style:arial;}
  .abh2fett {color: #0000FF; font-size: 11px;	font-style:arial; font-weight: bold;}
  .abh3 {color: #0000FF; font-size: 12px;	font-style:arial;}
  .abh3fett {color: #0000FF; font-size: 12px;	font-style:arial; font-weight: bold;}
  .abh4 {color: #0000FF; font-size: 13px;	font-style:arial;}
  .abh4fett {color: #0000FF; font-size: 13px;	font-style:arial; font-weight: bold;}
  .abhu4fett {color: #0000FF; font-size: 13px;	font-style:arial; font-weight: bold; text-decoration: underline;}
  .abh5 {color: #0000FF; font-size: 14px;	font-style:arial;}
  .abh5fett {color: #0000FF; font-size: 14px;	font-style:arial; font-weight: bold;}
  .abh6 {color: #0000FF; font-size: 16px;	font-style:arial;}
  .abh7 {color: #0000FF; font-size: 18px;	font-style:arial;}
  .abh7fett {color: #0000FF; font-size: 18px;	font-style:arial; font-weight: bold;}
  .abh8 {color: #0000FF; font-size: 20px;	font-style:arial;}
  .abh9 {color: #0000FF; font-size: 24px;	font-style:arial;}
  
  .cwh1 {color: #ffffff; font-size: 10px;	font-style:calibri;}
  .cwh2 {color: #ffffff; font-size: 11px;	font-style:calibri;}
  .cwh3 {color: #ffffff; font-size: 12px;	font-style:calibri;}
  .cwh4 {color: #ffffff; font-size: 13px;	font-style:calibri;}
  .cwh5 {color: #ffffff; font-size: 14px;	font-style:calibri;}
  
  .csh1 {color: #000000; font-size: 10px;	font-style:calibri;}
  .csh2 {color: #000000; font-size: 11px;	font-style:calibri;}
  .cshu2 {color: #000000; font-size: 11px;	font-style:calibri; text-decoration: underline;}
  .csh3 {color: #000000; font-size: 12px;	font-style:calibri;}
  .cshu3 {color: #000000; font-size: 12px;	font-style:calibri; text-decoration: underline;}
  .csh4 {color: #000000; font-size: 13px;	font-style:calibri;}
  .csh5 {color: #000000; font-size: 14px;	font-style:calibri;}
  .cshu5 {color: #000000; font-size: 14px;	font-style:calibri; text-decoration: underline;}
  .csh8 {color: #000000; font-size: 20px;	font-style:calibri;}
   
  .cbh1 {color: #0000FF; font-size: 10px;	font-style:calibri;}
  .cbh2 {color: #0000FF; font-size: 11px;	font-style:calibri;}
  .cbh2fett {color: #0000FF; font-size: 11px;	font-style:calibri; font-weight: bold;}
  .cbh3 {color: #0000FF; font-size: 12px;	font-style:calibri;}
  .cbh4 {color: #0000FF; font-size: 13px;	font-style:calibri;} 
  .cbh5 {color: #0000FF; font-size: 14px;	font-style:calibri;}

 
 }