/* =======================================================

Allgemeine Styles

======================================================= */

/* =================== CSS-Reset ====================== */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, code,
ul, ol, li,
table, th, td,
form, fieldset, legend, input, textarea { padding: 0; margin: 0; }

/* ============= Abstände restaurieren ================ */

h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol {
       margin-bottom: 1em;
}

ul, ol { margin-left: 2em; }

ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

blockquote { margin: 1em 2em; }

/* ====== HTML5-Elemente als Block definieren ========= */

header, nav, main, aside, footer,
section, article, figure, figcaption,
audio, video {
   display: block;
}

/* ==================================================== */

body { background-color: black; 
	   color: white;
	   text-align: left;
	   font-family: Arial, Helvetica, Verdana, sans-serif;
	   font-size: 87.5%;
}

a { text-decoration: none; }	    
a:link { color: white; }
a:visited { color: white; }
a:hover,
a:focus { color: #e6007e; }
a:active { color: white; }

/* =======================================================

Styles für die Layoutbereiche

======================================================= */

#wrapper {
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 90px;
	  margin-bottom: 120px;
	  width: 963px;
	  height: 1140px;
}
#kopfbereich {
	  width: 963px;
	  height: 57px;
	  margin-bottom: 60px;
	  
}
#logo { 
      float: left;
	  margin-right: 579px;
	  padding: 0px;
	  width:306px;
      height:57px;
}

#shop {
	  float: left;
	  background:url(shop_weiss_78x57.png);
	  margin: 0px;
	  padding: 0px;
	  width: 78px;
	  height: 57px;
}

#shop :hover {
	  float: left;
	  background:url(shop_magenta_78x57.png);
	  margin: 0px;
	  padding: 0px;
	  width: 78px;
	  height: 57px;
}

.menue1 {
	  margin: 0px;
	  padding: 0px;
      font-size: 80%;
      font-weight: bold;
}


.menue2 {
	  margin: 0px;
	  padding: 0px;
      font-size: 60%;
}
#navibereich {
      float: left;
      margin: 0 2px 0 0;
      padding-right: 90px;
      width: 101px;
      height: 1023px;
      
}
#navibereich p { 
      float: left; 
      margin: 0px;
      padding: 0px;
}
#navibereich ul {
	  float: left;
	  margin: 0px;
	  padding: 0px;
}	    
#navibereich ul li {
      float: left;
	  list-style-type: none;
}

#inhaltsbereich {
      float: left;
      width: 770px;
      height: 1023px;
}

/* #inhaltsbereich a { font-size: 60%; } */
/* =======================================================

Styles für die Thumbnails

======================================================= */

#thumbnail1 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_herz.jpg);
}

#thumbnail1 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_herz.jpg);
}

#thumbnail2 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_motivation.jpg);
}

#thumbnail2 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_motivation.jpg);
}

#thumbnail3 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_talents.jpg);
}

#thumbnail3 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_talents.jpg);
}

#thumbnail4 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail_kabarett.jpg);
}

#thumbnail4 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail2_kabarett.jpg);
}

#thumbnail5 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_flavia.jpg);
}

#thumbnail5 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_flavia.jpg);
}

#thumbnail6 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_effi.jpg);
}

#thumbnail6 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_effi.jpg);
}

#thumbnail7 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_der_berg_bebt.jpg);
}

#thumbnail7 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_der_berg_bebt.jpg);
}

#thumbnail8 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail_fobiflyer.jpg);
}

#thumbnail8 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail2_fobiflyer.jpg);
}

#thumbnail9 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_charity_masters.jpg);
}

#thumbnail9 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_charity_masters.jpg);
}

#thumbnail10 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_alstersnack.jpg);
}

#thumbnail10 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_alstersnack.jpg);
}

#thumbnail11 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_wochederinklusion.jpg);
}

#thumbnail11 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_wochederinklusion.jpg);
}

/* #thumbnail12 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail_wochederinklusion.jpg);
}

#thumbnail12 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail2_wochederinklusion.jpg);
}

#thumbnail13 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_kulmbacher_bierwoche.jpg);
}

#thumbnail13 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_kulmbacher_bierwoche.jpg);
}

#thumbnail14 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_tueranhaenger.jpg);
}

#thumbnail14 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_tueranhaenger.jpg);
}

#thumbnail15 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_charity_masters.jpg);
}

#thumbnail15 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_charity_masters.jpg);
}

#thumbnail16 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail_expedia.jpg);
}

#thumbnail16 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail2_expedia.jpg);
}

#thumbnail17 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail_hamburg.jpg);
}

#thumbnail17 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail2_hamburg.jpg);
}

#thumbnail18 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail_debitel.jpg);
}

#thumbnail18 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail2_debitel.jpg);
}

#thumbnail19 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail_tipp24.jpg);
}

#thumbnail19 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail2_tipp24.jpg);
}

#thumbnail20 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 10px 0;
      padding: 0px;
      background:url(thumbnail_staubsaugerdesign.jpg);
}

#thumbnail20 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 10px 0;
      padding: 0px;
      background:url(thumbnail2_staubsaugerdesign.jpg);
}
*/