./* Kleine Monitore */
body { margin: 0; padding: 0; color: hsl(0,0%,48%); font-size: 1.2em; font-family: Helvetica, sans-serif;}

.reframe { max-width: 96%; margin: 0 auto; }
#topline { background: black; color: white; }
#topline p { margin: 0; padding:0 0 20px 0; font-size: 1.6em; text-align: center; line-height: 100%; }

h1 { font-size:2.00em;; font-family:arial, sans-serif; }
h2 { font-size:1.40em;; font-family:arial, sans-serif; }
h3 { font-size:1.20em;; font-family:arial, sans-serif; }
p { font-size:1.00em;; font-family:arial, sans-serif; }

.footer { font-size:1.00em;; font-family:arial, sans-serif; text-align: center;}
.slideshow { padding-bottom: 15px; padding-top: 15px;}
.logo { padding-bottom: 15px; }

.tabelle_box {width: 90%; float: left; padding: 15px; margin-top: 10px; text-align: center; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px solid #727171;}
.tabelle_box_titel {padding-top: 5px; padding-bottom: 5px; width: 100%; min-height: 25px; text-align: center; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px; background: #030303;}
a.tabelle_box_titel {font-family: arial, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
a.tabelle_box_titel:link { color: #FFFFFF;}
a.tabelle_box_titel:hover { color: #FCFC79; text-decoration: underline;}
a.tabelle_box_titel:visit { color: #FFFFFF;}
.tabelle_box_bild { width: 100%; height: 300px; margin-top: 5px;}
.tabelle_box_uvp {padding-top: 5px; width: 100%; height: 50px; text-align: center; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px; background: #F2F2F2;}
.tabelle_box_uvp_text {font-family: arial, sans-serif; font-size: 10px; color: #000;}
.tabelle_box_preis {padding-top: 15px; width: 100%; height: 10px; text-align: center; }
.tabelle_box_preis_text {font-family: arial, sans-serif; font-size: 40px; color: #D30000; font-weight: bold;}
.tabelle_box_gratis {font-family: arial, sans-serif; font-size: 14px; color: #D30000; font-weight: bold;}
.tabelle_box_statt {font-family: arial, sans-serif; font-size: 14px; color: #595959; font-weight: bold;}
.tabelle_box_versand {font-family: arial, sans-serif; font-size: 14px; color: #00C300; font-weight: bold;}
.tabelle_box_weiter {padding-top: 5px; width: 100%; height: 35px; text-align: center; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 2px; background: #F2F2F2;}
a.tabelle_box_text_weiter {font-family: arial, sans-serif; font-size: 24px; font-weight: bold; text-decoration: none; color: #0000FF;}
a.tabelle_box_text_weiter:link {color: #0000FF;}
a.tabelle_box_text_weiter:hover {color: #0000FF; text-decoration: underline;}
a.tabelle_box_text_weiter:visit {color: #0000FF;}


ul#mainmenu { 
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack:justify;
	justify-content: space-between;
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none}

ul#mainmenu li { 
	position: relative;
   width: 47%;
   -moz-border-radius: 10px; 
   -khtml-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px; 
   border: 1px solid black;
   font-family: arial, sans-serif;
   font-weight: bold;
   font-size:1.00em;
   background: black; 
   margin-right: 1px; 
   margin-bottom:1ex }

ul#mainmenu li a { 
   display:block; padding: 10px; text-decoration: none; color: white; }

ul#mainmenu li a:hover { 
   display: block; color: khaki;}     
   
ul#mainmenu ul li { 
   background: none; margin-top: 0; display: block; margin-bottom: 1px; }
   
 ul#mainmenu li:hover { 
   display: block; color: khaki;}  

ul#mainmenu li:hover ul { 
   display: block; }
   
ul#mainmenu ul { 
   background: rgba(0,0,0,0.8); 
   position: absolute; right:0; padding-left: 0; width: 200%; 
   display: none; 
   z-index:100; }
   
#sidebar ul { list-style-type:none; padding-left: 1ex; font-size:1.00em; font-family:arial, sans-serif;}
#sidebar ul ul { margin-top: 1.0em; font-size:1.00em; font-family:arial, sans-serif;}
#sidebar li { margin-bottom: 1.5ex; border-bottom: 1px dotted gainsboro}
#sidebar li li { border-bottom:none}

#home { background: salmon; color:white; padding: 10px; text-align: center; font-weight: bold; cursor: pointer }
footer { background: black; height: auto; color: white; margin-top: 20px; padding:20px }

.feuer_footer { clear: both; margin-left: auto; margin-right: auto; max-width: 100%; height:1350px; background: #F2F2F2; }
.feuer_footer_menu {clear: both; float: left; height: 180px; width: 100%; background: #F2F2F2;}
.feuer_footer_box_1 {float: left; margin: 15px; height: auto; width: 90%; background: #F2F2F2; }
.feuer_footer_box_2 {float: left; margin: 15px; height: auto; width: 90%; background: #F2F2F2; }
.feuer_footer_box_3 {float: left; margin: 15px; height: auto; width: 90%; background: #F2F2F2; }
.feuer_footer_box_4 {float: left; margin: 15px; height: auto; width: 90%; background: #F2F2F2; }
.feuer_footer_box_5 {float: left; margin: 15px; height: auto; width: 90%; background: #F2F2F2; }
.feuer_footer_box_ueber {font-family: Arial; font-weight: bold; color: #000000;  font-size: 13pt;  }
.feuer_footer_box_content {font-family: Arial; color: #666666;  font-size: 12pt;  }
a.feuer_footer_box_content {font-family: Arial; color: #666666;  font-size: 12pt; }
a.feuer_footer_box_content:link {font-family: Arial; color: #666666;  font-size: 12pt;  }
a.feuer_footer_box_content:hover {font-family: Arial; color: #0000FF;  font-size: 12pt; text-decoration: underline;  }
a.feuer_footer_box_content:visit {font-family: Arial; color: #666666;  font-size: 12pt;  }
.feuer_footer_box_imi {margin-top: 8px; height: 36px; width: 100%; }
.feuer_footer_eu { clear: both; float: left; width: 100%; height:20px; background: #F2F2F2; }
.feuer_footer_eu_text { margin-left: 15px; font-family: Arial; color: #666666; font-size: 9pt; }

/* Tabletts */
@media only screen and (min-width: 760px) {
	#topline { background: plum; height: 30px; }
	.reframe { max-width: 760px; }
	
	ul#mainmenu { 
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	ul#mainmenu li { 
	width: 24%
	}
   
	#main {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
	}
	
	#content, #sidebar { width: 47% }

	#content article { width: 100%; float:none; }
}

/* Mittlere Größe */
@media only screen and (min-width: 980px)  {
	#topline { background: orangered; }
	.reframe { max-width: 980px; }
	#content{ width: 65% }
	#sidebar { width: 30% }
	
	#content {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack:justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#content article {
		width: 48%;
	}
	
	#content header {
		height:2.8em;
	}
}

/* Große Monitore */
@media only screen and (min-width: 1280px)  {
	#topline { background: gold; }
	.reframe { max-width: 1280px; padding: 5px;}
	#content{ width: 68% }
	#sidebar { width: 28% }
	
	#content article {
		width: 48%;
	}
	
	#content header {
		height:2.8em;
	}
.tabelle_box_bild { width: 100%; height: 300px; margin-top: 5px;}
.feuer_footer { clear: both; margin-left: auto; margin-right: auto; max-width: 1280px; height:350px; background: #F2F2F2; }
.feuer_footer_menu {clear: both; float: left; height: 180px; width: 100%; background: #F2F2F2;}
.feuer_footer_box_1 {float: left; margin: 15px; height: auto; width: 200px; background: #F2F2F2; }
.feuer_footer_box_2 {float: left; margin: 15px; height: auto; width: 200px; background: #F2F2F2; }
.feuer_footer_box_3 {float: left; margin: 15px; height: auto; width: 220px; background: #F2F2F2; }
.feuer_footer_box_4 {float: left; margin: 15px; height: auto; width: 240px; background: #F2F2F2; }
.feuer_footer_box_5 {float: left; margin: 15px; height: auto; width: 200px; background: #F2F2F2; }
.feuer_footer_box_ueber {font-family: Arial; font-weight: bold; color: #000000;  font-size: 12pt;  }
.feuer_footer_box_content {font-family: Arial; color: #666666;  font-size: 12pt;  }
a.feuer_footer_box_content {font-family: Arial; color: #666666;  font-size: 11pt;  }
a.feuer_footer_box_content:link {font-family: Arial; color: #666666;  font-size: 11pt;  }
a.feuer_footer_box_content:hover {font-family: Arial; color: #0000FF;  font-size: 11pt; text-decoration: underline;  }
a.feuer_footer_box_content:visit {font-family: Arial; color: #666666;  font-size: 11pt;  }
.feuer_footer_box_imi {margin-top: 8px; height: 36px; width: 100%; }
.feuer_footer_eu { clear: both; float: left; width: 100%; height:20px; background: #F2F2F2; }
.feuer_footer_eu_text { margin-left: 15px; font-family: Arial; color: #666666; font-size: 10pt; }
}