/******************************************
------------------- TOP -------------------
******************************************/

.top{
  width:900px;
  height:388px;
  background-image:url(/pics/aufbau_neu/top.jpg);

}

/****** COVER ******/

.top_cover_positionierung{
  margin:30px 0px 0px 100px;
  height:161px;
  float:left;
}

.top_cover_rahmen{
  width:110px;
  height:161px;
  margin:5px 15px 5px 5px;
  float:left;
}

.top_cover1{
  width:103px;
  height:153px;
  margin:2px 5px 24px 2px;
  background-image:url(http://medienwinkler.de/wh/c/wolfgang_filmbuch_small.jpg);
}

.top_cover2{
  width:103px;
  height:153px;
  margin:2px 5px 24px 2px;	
  background-image:url(http://medienwinkler.de/wh/c/Escape_Park_Cover_Web_small.jpg);
}

.top_cover3{
  width:103px;
  height:153px;
  margin:2px 5px 24px 2px;
  background-image:url(http://medienwinkler.de/wh/c/Insel_der_Toten_Cover_small.jpg);
}

.top_cover4{
  width:103px;
  height:153px;
  margin:2px 5px 24px 2px;
  background-image:url(http://medienwinkler.de/wh/c/Verderben_Cover_small.jpg);
}

.top_cover_over{
  width:110px;
  height:161px;
  margin:-181px 0px 0px 0px;
  background-image:url(/pics/aufbau_neu/cover.png);
}



/****** NAVIGATIONSPUNKTE ******/

.top_navi_positionierung{
  width:549px;
  height:87px;
  float:left;
  margin:22px 0px 0px 80px;
  padding:0px;
}

.top_navi_box{
  display:inline-block;
  color:#FFFFFF;
  width:124px;
  height:23px;
  background-color:black;
  padding:6px 0px 0px 0px;
  margin:0px 14px 6px 0px;
  float:left;
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em;
}

.top_navi_box:hover{
  color:#E5B334;
}

.top_unternavi_positionierung{
  width:795px;
  height:29px;
  float:left;
  margin:21px 0px 0px 75px;
  padding:0px;
}

.top_untervavi_box{
  display:inline-block;
  color:#FFFFFF;
  width:135px;
  height:23px;
  padding:6px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  float:left;
  text-decoration:none;
  font-weight:bold;
  font-size:0.8em;
}

.top_untervavi_box:hover{
  color:#E5B334;
}

.aktuelle_events{
  width:230px;
  height:130px;
  background-image:url(/pics/aufbau/navigationsbilder/aktuelle_termine.jpg);
  margin:3px auto 0px auto;
  border:solid 1px #335533;
  display:inline-block;
}

.aktuelle_events:hover{
  border:solid 1px #993333;
}

.navi_auswahl .fuer_veranstalter{
  width:230px;
  height:130px;
  background-image:url(/pics/aufbau/navigationsbilder/fuer_veranstalter.jpg);
  margin:3px auto 0px auto;
  border:solid 1px #335533;
  display:inline-block;
}

.navi_auswahl .fuer_veranstalter:hover{
  border:solid 1px #993333;
}

.navi_2010{
  width:168px;
  height:112px;
  background-image:url(/pics/aufbau/navigationsbilder/2010.jpg);
  margin:3px auto 0px auto;
  border:solid 1px #335533;
  display:inline-block;
}

.navi_2010:hover{
  border:solid 1px #993333;
}

.navi_2011{
  width:168px;
  height:112px;
  background-image:url(/pics/aufbau/navigationsbilder/2011.jpg);
  margin:3px auto 0px auto;
  border:solid 1px #335533;
  display:inline-block;
}

.navi_2011:hover{
  border:solid 1px #993333;
}

.navi_2012{
  width:168px;
  height:112px;
  background-image:url(/pics/aufbau/navigationsbilder/2012.jpg);
  margin:4px auto 0px auto;
  border:solid 1px #335533;
  display:inline-block;
}

.navi_2012:hover{
  border:solid 1px #993333;
}



.navi_auswahl .navi_ueberschrift{
  color:#EDC074;
  font-weight:bold;
}

.navi_auswahl .navi_ueberschrift:hover{
  color:#EAA22E;
}

.navi_auswahl{
  text-decoration:none;
}

.menu_auswahl_top{
  display:block;
  width:100%;
  height:100%;
  margin:0px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

.menu_auswahl_top:hover{
  color:#E5B334;
}

.menu_auswahl{
  display:block;
  width:100%;
  height:100%;
  margin:0px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
  background-color:black;
  padding:5px 0px 5px 0px;
}

.menu_auswahl:hover{
  color:#E5B334;
}


.top_untervavi_box .navi_menu{
  display:none;
}

.top_untervavi_box:hover .navi_menu{
  display:block;
}


/****** ICONS ******/

.icon_fb{
  width:67px;
  height:48px;
  display:inline-block;
  float:right;
  background-image:url(/pics/aufbau/icons/facebook.png);
  margin:15px 0px 0px 0px;
}

.icon_gs{
  width:67px;
  height:48px;
  display:inline-block;
  float:right;
  background-image:url(/pics/aufbau/icons/google_suche.png);
  margin:15px 5px 0px 5px;
}

.icon_hl{
  width:67px;
  height:48px;
  display:inline-block;
  float:right;
  background-image:url(/pics/aufbau/icons/hohlbeinlinks.png);
  margin:15px 5px 0px 5px;
}

.icon_fb:hover{
  background-image:url(/pics/aufbau/icons/facebook_hv.png);
}

.icon_gs:hover{
  background-image:url(/pics/aufbau/icons/google_suche_hv.png);
}

.icon_hl:hover{
  background-image:url(/pics/aufbau/icons/hohlbeinlinks_hv.png);
}



/****** INFOBOX ******/

.top_cover_over .mo1{
  position:absolute;
  top:174px;
  left:-1px; 
  width:320px;
  float:left;
  display:none;
}

.top_cover_over:hover .mo1{
  display:inline-block;
}

.top_cover_over .mo2{
  position:absolute;
  top:174px;
  left:132px; 
  width:320px;
  float:left;
  display:none;
}

.top_cover_over:hover .mo2{
  display:inline-block;
}

.top_cover_over .mo3{
  position:absolute;
  top:174px;
  left:260px; 
  width:320px;
  float:left;
  display:none;
}

.top_cover_over:hover .mo3{
  display:inline-block;
}

.top_cover_over .mo4{
  position:absolute;
  top:174px;
  left:390px; 
  width:320px;
  float:left;
  display:none;
}

.top_cover_over:hover .mo4{
  display:inline-block;
}

.mobox_top{
  background-image:url(/pics/aufbau/mobox/top.png);
  width:320px;
  height:48px;
}
.mobox_main{
  background-image:url(/pics/aufbau/mobox/main.png);
  width:294px;
  height:48px;
}

.mobox_bottom{
  background-image:url(/pics/aufbau/mobox/bottom.png);
  width:320px;
  height:18px;
}

.mobox_uebergang{
  background-image:url(/pics/aufbau/mobox/bottomuebergang.png);
  width:320px;
  height:23px;
}

.motitle{
  font-variant:small-caps;
  font-weight:bold;
  font-size:12pt;
  margin:0px 17px 0px 17px;
  color:#f3e2c1;
  text-decoration:none;
}

.motext{
  font-size:10pt;
  margin:0px 17px 0px 17px;
  text-decoration:none;
  color:#FFFFFF;
  text-align:justify;
}



/****** BLASE ******/

.klickblocker{
  position:absolute;
  top:20px;
  right:280px;
  width:140px;
  height:200px;
}

.blase{
  position:absolute;
  top:90px;
  right:180px;
  background-image:url(/pics/aufbau/blase.png);
  width:161px;
  height:127px;
}

.blasentext{
  color:#772222;
  text-align:center;
  font-size:8pt;
  font-weight:bold;
  text-decoration:none;
}

.blasentext:hover{
  text-decoration:underline;
}

.blasentable{
  width:140px;
  height:80px;
  margin:23px 0px 0px 10px;
  float:left;
}

.blasentd{

}




/******************************************
------------------- MAIN ------------------
******************************************/

.main_inhalt{
  color:#FFFFFF;
  font-size:1.0em;
  text-align:left;
  padding:0px 100px 0px 100px;
}

.auswahl{
  display:inline-block;
  width:100%;
  height:100%;
  margin:0px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

.copyright{
  margin:0px auto 0px auto;
  text-align:center;
  font-size:0.8em;
  display:inline-block;
  color:#FFFFFF;
  font-weight:bold;
}

.untertext{
  color:#e6ce6c;
  text-decoration:underline;
}

.untertext:hover{
  color:#ecc219;
}

.bestellbutton{
  width:133px;
  height:37px;
  background-image:url(/pics/aufbau_neu/bestellbutton.png);
  display:block;
  margin:0px 0px 0px 0px;
}

.img_right{
  width:130px;
  height:200px;
  margin:5px;
  float:right;
  border:0px;
  border:solid 1px #222222;
}

.img_left{
  width:130px;
  height:200px;
  margin:5px;
  float:left;
  border:0px;
  border:solid 1px #222222;
}

.div_right{
  width:130px;
  height:260px;
  margin:0px 0px 10px 15px;
  float:right;
  text-align:center;
}

.div_left{
  width:130px;
  height:200px;
  margin:0px 15px 10px 0px;
  float:left;
  text-align:center;
}

.unterueberschrift{
  font-size:8pt;
  margin:0px 0px -10px 0px;
  display:inline-box;
  height:10px;
}

.klein{
  font-size:10pt;
}

.kleiner{
  font-size:8pt;
}

/******************************************
------------------ WERKE ------------------
******************************************/

.werke_rahmen{
  text-align:center;
  width:160px;
  height:270px;
  padding:0px;
  margin:0px 2px 0px 2px;
  float:left;
}

.werke_rahmen:hover{
  background-image:url(http://hohlbein.de/pics/aufbau/werke_auswahl.png);
}

.werke_link{
  font-weight:bold;
  color:#bbbbbb;
  text-decoration:none;
  display:block;
}

.werke_link:hover{
  color:orange;
}

.werke_img{
  width:130px;
  height:200px;
}

.werke_titel{
  
}

.werke_untertitel{
  font-size:10pt;
  margin:0px 0px 0px 0px;
}

.werke_p{
  height:30px;
  width:100%;
  text-align:center;
  line-height:10pt;
  display:block;
  clear:bottom;
}

.werke_ueberschrift{
  font-weight:bold;
  font-size:14pt;
  clear:left;
  margin:0px 0px 0px 0px;
  padding-top:32px;
}

.werke_datum{
  font-size:7pt;
  margin:5px 0px 0px 0px;
  height:10px;
  display:block;
  color:#999999;
}

.werke_datum1{
  font-size:7pt;
  margin:-7px 0px 0px 0px;
  height:10px;
  display:block;
  color:#999999;
}