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

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;
	  min-height: 1140px;
}
#kopfbereich {
	  width: 963px;
	  height: 57px;
	  margin-bottom: 60px;
	  
}
#logo { 
      float: left;
	  margin-right: 504px;
	  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;
}

#switch {
	  float: left;
	  margin: 0px;
	  padding: 0px;
	  width: 153px;
	  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;
      margin-bottom: 191px;
      min-height: 1040px;
}


/* #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_echo.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#thumbnail10 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_buch.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_alstersnack.jpg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#thumbnail30 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_bt.jpg);
}
#thumbnail31 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail_hai.jpg);
}

#thumbnail31 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 2px 0;
      padding: 0px;
      background:url(thumbnail2_hai.jpg);
}
#thumbnail32 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 0 2px 0;
      padding: 0px;
      background:url(thumbnail_bvfo.jpg);
}

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

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

#thumbnail33 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail2_city.jpg);
}
#thumbnail34 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail_eule.jpg);
}

#thumbnail34 :hover {
      float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail2_eule.jpg);
}
#thumbnail35 {
	  float: left;
      width: 191px;
      height: 191px;
      margin: 0 2px 10px 0;
      padding: 0px;
      background:url(thumbnail_motivation.jpg);
}

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

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