/*urlaub*/
/*#wichtig  {
  margin-top: 30px;
  font: bold 30px Verdana; 
  color: red;  
  text-shadow: 1px 1px 0px #000000; 
  text-align: center;
}

#wichtig:after  {
  content: "Achting! Unsere Firma ist bis zum __.__.____ geschossen. Ihre Bestellungen werden erst nach __.__.____ versendet.";
}  
table {
  display: none;	
}
*/

#menu_oben, #angebot, #kat_ico {
  display: block;
}


#mitte {
  display: table;
}

#rechts, #gallerie {
  display: table-cell;
}


main {
  max-width: 1000px;
  padding: 0px;
  margin: 0 inherit;
  background: #fff;
}
#menu_oben{
  background: url(back.gif) repeat-x 0px 10px;
}

#unten {
  padding: 20px 0px 0px 0px;
  margin: 20px 0px -1px;
}
section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
  font: 13px Verdana;
}
 
input, #kat {
  display: none;
}

#gallerie{
  height: 430px;
  vertical-align: top;
}

.bild {
  padding: 20px 0 0;
  position:relative;
  top:-70px;
  width:300px;
  height:300px
}

.lab {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  font: bold 13px Verdana;
}

.miniimg {
  display: inline-block;
  margin: 0 0 -1px;
  position:relative;top:340px;
  padding: 5px 5px;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  text-align: center;
  color: #bbb;
  border: 1px solid #ddd;
}

label:hover {
  color: #c42121;
  cursor: pointer;
}

input:checked + .lab {
  color: #1729b1;
  border: 1px solid #ddd;
  border-top: 2px solid #df7070;
  border-bottom: 1px solid #fff;
}

input:checked + .miniimg {
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  border: 1px solid #1a2cb2;
}

.miniimg:hover {
  border: 1px solid #df7070;
  cursor: pointer;
}


#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4{
  display: block;
}

.kopf_button {
font: bold 20px Calibri; 
color: #1a2cb2; 
text-shadow: 1px 1px 0px #ffffff,-1px -1px 0px #ffffff, 0px 0px 2px #ffffff; 
margin-top: 3px;
}

.kopf_ico {
margin-top: 12px; 
height: 35px;
}

.kopf_suchen {
font: italic 15px Calibri; 
color: #ba3a53; 
text-align: center; 
margin-left: 100px; 
margin-top: 6px;
}

.kopf_link {
  text-decoration: none;
  cursor: pointer;
}

.kopf_link:hover {
  cursor: pointer;
}

#angebot_link {
  font: bold 13px Verdana;
  text-decoration: none;
  cursor: pointer;
  color: #1e91c8;
  text-align: center; 
}

#angebot {
  margin-top: 30px;
  background: url(angebot.jpg) no-repeat 0Px 65px; 
}

#kategorien {
  display: table-cell;
  vertical-align: top;
  width: 150px; 
  padding: 20px 30px 20px 10px;
}

#kategorien_links a {
  text-decoration: none;
  font: bold 13px Verdana;
  color: #1a2cb2;
  padding: 10px;
}

#kategorien_links a:hover {
  color: #c42121; 
  cursor: pointer;
}

#titel {
  margin-top: 30px;
  font: bold 25px Verdana; 
  color: #1a2cb2;  
  text-align: left;
}

#highlights {
  font: 13px Verdana;
  padding: 0px 0px 20px 20px;
}
/*
#nachricht:after {
  content: "an info@4big.fun";
}  
*/
#angebot_link:after {
  content: "Unsere Empfehlung";
}

#versand:after {
  content: "Deutsche Post, DHL, Hermes.";
}

#a1001:before {
  content: "Backformen";
} 

#a1002:before {
  content: "Br\0000E4ter";
} 

#a1003:before {
  content: "Camping";
} 

#a1004:before {
  content: "Kasan-T\0000F6pfe";
} 

#a1005:before {
  content: "Koch-Sets";
} 

#a1006:before {
  content: "Pfannen";
} 

#a1007:before {
  content: "T\0000F6pfe";
} 

#a1008:before {
  content: "Zubeh\0000F6r";
} 

#a1009:before {
  content: "Grill und BBQ";
} 

#a1000:before {
  content: "Alle Angebote";
}  


#a1010, #a1011, 
#a1012, #a1013, #a1014, 
#a1015, #a1016, #a1017, 
#a1018, #a1019, #a1020,
#b1010, #b1011, 
#b1012, #b1013, #b1014, 
#b1015, #b1016, #b1017, 
#b1018, #b1019, #b1020{
  display: none;
}


div .linie_kurz {
  width: 120px;
  background-color: #9faed3;
  height: 1px;
  border: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}

#gallerie{
  width: 330px;
}

@media all and (max-width: 1200px) {
 #kopf_link_suchen{display:none;}
}

@media all and (max-width: 1100px) {

 #kopf_link_suchen_1 {display:none;}
}	 

@media all and (max-width: 1000px) {

}

@media all and (max-width: 910px) {
 #img1:checked ~ #img01{
  display: none;
}
 #img2:checked ~ #img02{
  display: none;
}
 #img3:checked ~ #img03{
  display: none;
} 
 #img4:checked ~ #img04{
  display: none;
}
 #kategorien {display:none;}
 #gallerie{
  width: 320px;
 }

}	

@media all and (max-width: 750px) {
  .kopf_button, .kopf_ico {display:none;}
  #menu_oben {background: #fff;}

}

@media all and (max-width: 650px) {
	
  #mitte, #rechts, #gallerie {
   display: block;
  } 
  #gallerie{
   width: 300px;
  }
  .miniimg {
  display: inline-block;
  margin: 0 0 -1px;
  position:relative;top:20px;
  padding: 5px 5px;
  -webkit-border-radius:10px 10px 10px 10px;
  -moz-border-radius:10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
  text-align: center;
  color: #bbb;
  border: 1px solid #ddd;
}

.bild {
  padding: 20px 0 0;
  position:relative;
  top:20px;
  width:300px;
  height:300px
}
}

@media all and (max-width: 530px) {
  .lab {display:none;}
  section {display:block;}
}