/* schriften */
html {
  overflow-y: scroll;
}
body, div {
  font-size: 70%;
  line-height: 160%;
}
#content {
  font-size: 110%;
}
@media screen {
  div {
    font-size: 100%;
  }
}
.global a:link, .global a:visited {
  font-size: 90%;
}
.detail a:link, .detail a:visited {
  font-size: 85%;
  font-weight: bold;
}
/* farben */
body {
  color: #000000;
}
h1 {
  color: #000000;
}
h2 {
  color: #000000;
}
h3 {
  color: #000000;
}
.orange {
  color: #ff6600;
}
@media screen {
  .global {
    color: #FFFFFF;
  }
  .global a:link, .global a:visited {
    padding: 0 5px 0 5px;
    color: #FFFFFF;
    text-decoration: none;
  }
  .global a:hover, .global a:active {
    color: #FFFFFF;
    text-decoration: underline;
  }
  .detail a:link, .detail a:visited {
    padding: 0 0 0 8px;
    color: #FFFFFF;
    text-decoration: none;
  }
  .detail a:hover, .detail a:active {
    color: #FFFFFF;
    text-decoration: none;
  }
}

/* Formatierung */
a:link, a:visited {
  text-decoration: none;
}
a:active, a:hover {
  text-decoration:underline;
}
@media screen {
  .global {
    position: absolute;
    top: -3px;
    right: 15px;
    z-index: 99;
  }
  .global ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .global ul li {
    float: left;
    line-height: 100%;
    margin: 0;
    padding: 0;
    border-right: 1px solid #FFFFFF;
  }
  .global ul li.last {
    border-right: none;
  }
}

@media screen {
  #body {
    position: relative;
    width: 970px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: left;
  }
  #headTop {
	margin: 4px 0 0 0;
    padding: 0;
    height: 5px;
    overflow: hidden;
    background-image: url(../img/headTop.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #head {
    position: relative;
    height: 49px;
    padding: 0;
    margin: 0;
	background-color: #ff6600;
  }
  #star {
    position: absolute;
	width: 164px;
    height: 146px;
	right: -4px;
	top: 13px;
    padding: 0;
    margin: 0;
	z-index: 1;
    background-image: url(../img/star.png);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #starLink {
    position: absolute;
	width: 164px;
    height: 146px;
	right: -4px;
	top: 13px;
    padding: 0;
    margin: 0;
	z-index: 1000;
  }
  #stoerer {
    position: absolute;
/*
    width: 111px;
    height: 110px;
	  left: 10px;
*/
	  top: 60px;
    padding: 0;
    margin: 0;
  	z-index: 1;
    background-image: url(../uploads/stoerer_buergerliste.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 0;
    width: 143px;
    height: 133px;
    cursor: pointer;
  }
  #stoererLink {
    position: absolute;
	width: 111px;
    height: 110px;
	left: 10px;
	top: 60px;
    padding: 0;
    margin: 0;
	z-index: 1000;
  }
  #main {
    width: 970px;
    margin: -10px 0 0 0;
    padding: 0;
    background-image: url(../img/bg_shadowMainRight.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  .contentpage #main {
    background-image: none;
  }
  #mainBottom {
    width: 970px;
    height: 12px;
    margin: 0;
    padding: 0;
    background-image: url(../img/bg_shadowMainBottom.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #leftcolumn {
    width: 340px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #content {
    width: 630px;
    margin: 0;
    padding: 0;
    float: left;
  }
  #illuContent {
    margin: 0;
  	height: 306px;
    overflow: hidden;
  }
  #illuContentEcard {
    margin: 0;
	height: 505px;
  }
}

@media screen {
  #content .contentMain {
    border: 1px solid #dbdbdb;
  	padding: 15px 0 15px 55px;
	  margin: 0;
    min-height: 300px;
/*    *height: 300px; */
    background-image: url(../img/bg_verlauf_content.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
  }
  #content .contentMain.pakete {
    background-image: url(../img/bg_verlauf_content_pakete.gif);
	background-position: 0 bottom;
  }
  #content .contentMain.termine {
    padding-left: 0;
    background-image: none;
	background-position: 0 bottom;
  }
  #content .contentMain.paketeAll {
    background-image: url(../img/bg_pakete_all.jpg);
	background-position: 0 0;
  }
  #content .contentMainShadow {
	padding: 0;
	margin: 0 0 30px 0;
	height: 8px;
	overflow: hidden;
    background-image: url(../img/bg_shadowContentBottom.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #content .headline {
	margin-top: 10px;
  }
  #content .paketeAll .headline {
	margin-top: 60px;
  }
  #content .contentText {
	width: 572px;
  }
  #content .contentText.small {
	width: 480px;
  }
  #content .contentText ul {
    margin: 0;
    padding: 0;
  }
  #content .contentText li {
    margin: 0;
    padding: 0 0 1em 20px;
	list-style: none;
	background-image: url(../img/symbol_list.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
  }
  #content .contentText li.internLink {
    background-image: url(../img/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: 3px 0.45em;
  }
  #content .contentText table {
	width: 572px;
	border-collapse: collapse;
	margin-top: 25px;
	margin-bottom: 25px;
  }
  #content .contentText table td.skillmore {
	width: 263px;
	border-collapse: collapse;
	background-image: url(../img/p_anna_skillmore.png);
    background-repeat: no-repeat;
    background-position: right 0;
  }
  #content .contentText table td.raboh {
	width: 263px;
	border-collapse: collapse;
	background-image: url(../img/p_ran_raboh.png);
    background-repeat: no-repeat;
    background-position: right 0;
  }
  #content .contentText table td.woiss {
	width: 263px;
	border-collapse: collapse;
	background-image: url(../img/p_woiss_erga.png);
    background-repeat: no-repeat;
    background-position: right 0;
  }
  #content .contentText table td.messi {
	width: 263px;
	border-collapse: collapse;
	background-image: url(../img/p_messi.png);
    background-repeat: no-repeat;
    background-position: right 0;
  }
  #content .contentText table td.ciani {
	width: 263px;
	border-collapse: collapse;
	background-image: url(../img/p_ricky_ciani.png);
    background-repeat: no-repeat;
    background-position: right 0;
  }
}

/* Navigation */

@media screen {
  #menueMain {
    position: relative;
	float: left;
	width: 338px;
	margin: 0;
	padding: 0;
  }
  #menueMain ul {
    list-style: none;
    margin: 0;
    padding: 0;
	width: 338px;
  }
  #menueMain ul li {
    float: left;
  }
  #menueMain ul li a {
    background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 121px;
	padding: 0;
	width: 169px;
  }
  /* Icon Startseite */
  #menueMain ul li.home a:link, #menueMain ul li.home a:visited, #menueMain ul li.home a:active, #menueMain ul li.home a:hover {
    background-image: url(../img/btn_startseite.jpg);
  }
  /* Icon News */
  #menueMain ul li.news a:link, #menueMain ul li.news a:visited, #menueMain ul li.news a:active, #menueMain ul li.news a:hover {
    background-image: url(../img/btn_news.jpg);
  }
  /* Icon Unterstuetzer */
  #menueMain ul li.unterstuetzer a:link, #menueMain ul li.unterstuetzer a:visited, #menueMain ul li.unterstuetzer a:active, #menueMain ul li.unterstuetzer a:hover {
    background-image: url(../img/btn_unterstuetzer.jpg);
  }
  /* Icon Interaktiv */
  #menueMain ul li.interaktiv a:link, #menueMain ul li.interaktiv a:visited, #menueMain ul li.interaktiv a:active, #menueMain ul li.interaktiv a:hover {
    background-image: url(../img/btn_interaktiv.jpg);
  }
  /* Icon Pakete */
  #menueMain ul li.pakete a:link, #menueMain ul li.pakete a:visited, #menueMain ul li.pakete a:active, #menueMain ul li.pakete a:hover {
    background-image: url(../img/btn_pakete.jpg);
  }
  /* Icon Crew */
  #menueMain ul li.crew a:link, #menueMain ul li.crew a:visited, #menueMain ul li.crew a:active, #menueMain ul li.crew a:hover {
    background-image: url(../img/btn_crew.jpg);
  }
}

/* Navigation */

@media screen {
  .btnBuerger {
    position: relative;
	clear: both;
	margin: 0;
	padding: 0;
  }
  .btnBuerger a {
    background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 110px;
	padding: 0;
	width: 111px;
	background-image: url(../img/stoerer_buergerliste.png);
	cursor: pointer;
  }
  .btnBuerger.video a {
    background-image: url(../img/stoerer_video.gif);
  }
}

/* Navigation Personen */

@media screen {
  #menuePerson {
    position: absolute;
	top: 435px;
	right: 10px;
  }
  #menuePerson ul {
    list-style: none;
  }
  #menuePerson ul li {
    float: left;
	margin-right: 4px;
  }
  #menuePerson ul li a {
    background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	padding: 0;
	width: 59px;
  }
  /* Icon Anna */
  #menuePerson ul li.skillmore a:link, #menuePerson ul li.skillmore a:visited {
    background-image: url(../img/btn_skillmore_0.gif);
  }
  #menuePerson ul li.skillmore a:active, #menuePerson ul li.skillmore a:hover {
    background-image: url(../img/btn_skillmore_1.gif);
  }
  #menuePerson ul li.skillmore a.active {
  background-image: url(../img/btn_skillmore_1.gif) !important;
  }
  /* Icon Raboh */
  #menuePerson ul li.raboh a:link, #menuePerson ul li.raboh a:visited {
    background-image: url(../img/btn_raboh_0.gif);
  }
  #menuePerson ul li.raboh a:active, #menuePerson ul li.raboh a:hover {
    background-image: url(../img/btn_raboh_1.gif);
  }
  #menuePerson ul li.raboh a.active {
  background-image: url(../img/btn_raboh_1.gif) !important;
  }
  /* Icon Wo-Iss */
  #menuePerson ul li.woiss a:link, #menuePerson ul li.woiss a:visited {
    background-image: url(../img/btn_woiss_0.gif);
  }
  #menuePerson ul li.woiss a:active, #menuePerson ul li.woiss a:hover {
    background-image: url(../img/btn_woiss_1.gif);
  }
  #menuePerson ul li.woiss a.active {
  background-image: url(../img/btn_woiss_1.gif) !important;
  }
  /* Icon Messi */
  #menuePerson ul li.messi a:link, #menuePerson ul li.messi a:visited {
    background-image: url(../img/btn_messi_0.gif);
  }
  #menuePerson ul li.messi a:active, #menuePerson ul li.messi a:hover {
    background-image: url(../img/btn_messi_1.gif);
  }
  #menuePerson ul li.messi a.active {
  background-image: url(../img/btn_messi_1.gif) !important;
  }
  /* Icon Ciani */
  #menuePerson ul li.ciani a:link, #menuePerson ul li.ciani a:visited {
    background-image: url(../img/btn_ciani_0.gif);
  }
  #menuePerson ul li.ciani a:active, #menuePerson ul li.ciani a:hover {
    background-image: url(../img/btn_ciani_1.gif);
  }
  #menuePerson ul li.ciani a.active {
  background-image: url(../img/btn_ciani_1.gif) !important;
  }
}

/* Navigation Pakete */

@media screen {
  #menuePakete {
    position: absolute;
  	top: 435px;
	  right: 10px;
  }
  #menuePakete ul {
    list-style: none;
  }
  #menuePakete ul li {
    float: left;
	margin: 0;
  }
  #menuePakete ul li a {
    background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 57px;
	padding: 0;
	width: 48px;
  }
  #menuePakete ul li.heroes a {
	width: 54px;
  }
  /* Paket Pluto */
  #menuePakete ul li.pluto a:link, #menuePakete ul li.pluto a:visited {
    background-image: url(../img/btn_pluto_0.gif);
  }
  #menuePakete ul li.pluto a:active, #menuePakete ul li.pluto a:hover {
    background-image: url(../img/btn_pluto_1.gif);
  }
  #menuePakete ul li.pluto a.active {
  background-image: url(../img/btn_pluto_1.gif) !important;
  }
  /* Paket Star */
  #menuePakete ul li.star a:link, #menuePakete ul li.star a:visited {
    background-image: url(../img/btn_star_0.gif);
  }
  #menuePakete ul li.star a:active, #menuePakete ul li.star a:hover {
    background-image: url(../img/btn_star_1.gif);
  }
  #menuePakete ul li.star a.active {
  background-image: url(../img/btn_star_1.gif) !important;
  }
  /* Paket Kosmo */
  #menuePakete ul li.kosmo a:link, #menuePakete ul li.kosmo a:visited {
    background-image: url(../img/btn_kosmo_0.gif);
  }
  #menuePakete ul li.kosmo a:active, #menuePakete ul li.kosmo a:hover {
    background-image: url(../img/btn_kosmo_1.gif);
  }
  #menuePakete ul li.kosmo a.active {
  background-image: url(../img/btn_kosmo_1.gif) !important;
  }
  /* Paket Heroes */
  #menuePakete ul li.heroes a:link, #menuePakete ul li.heroes a:visited {
    background-image: url(../img/btn_heroes_0.gif);
  }
  #menuePakete ul li.heroes a:active, #menuePakete ul li.heroes a:hover {
    background-image: url(../img/btn_heroes_1.gif);
  }
  #menuePakete ul li.heroes a.active {
  background-image: url(../img/btn_heroes_1.gif) !important;
  }
}

/* Navigation Pakete All */

@media screen {
  #menuePaketeAll {
    position: relative;
	height: 85px;
	top: 23px;
	left: 11px;
  }
  #menuePaketeAll ul {
    list-style: none;
  }
  #menuePaketeAll ul li {
    float: left;
	margin: 0;
  }
  #menuePaketeAll ul li.pluto {
	margin: 0 41px 0 0;
  }
  #menuePaketeAll ul li.star {
	margin: 0 29px 0 0;
  }
  #menuePaketeAll ul li.kosmo {
	margin: 0 31px 0 0;
  }
  #menuePaketeAll ul li a {
    background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 83px;
	padding: 0;
	width: 97px;
  }
  /* Paket Pluto */
  #menuePaketeAll ul li.pluto a:link, #menuePaketeAll ul li.pluto a:visited {
    background-image: url(../img/btn_plutoXL_0.gif);
  }
  #menuePaketeAll ul li.pluto a:active, #menuePaketeAll ul li.pluto a:hover {
    background-image: url(../img/btn_plutoXL_0.gif);
  }
  /* Paket Star */
  #menuePaketeAll ul li.star a:link, #menuePaketeAll ul li.star a:visited {
    background-image: url(../img/btn_starXL_0.gif);
  }
  #menuePaketeAll ul li.star a:active, #menuePaketeAll ul li.star a:hover {
    background-image: url(../img/btn_starXL_0.gif);
  }
  /* Paket Kosmo */
  #menuePaketeAll ul li.kosmo a:link, #menuePaketeAll ul li.kosmo a:visited {
    background-image: url(../img/btn_kosmoXL_0.gif);
  }
  #menuePaketeAll ul li.kosmo a:active, #menuePaketeAll ul li.kosmo a:hover {
    background-image: url(../img/btn_kosmoXL_0.gif);
  }
  /* Paket Heroes */
  #menuePaketeAll ul li.heroes a:link, #menuePaketeAll ul li.heroes a:visited {
    background-image: url(../img/btn_heroesXL_0.gif);
  }
  #menuePaketeAll ul li.heroes a:active, #menuePaketeAll ul li.heroes a:hover {
    background-image: url(../img/btn_heroesXL_0.gif);
  }
}

/* Styles for Termine */
@media screen {
  #content .termine {
    position: relative;
	left: -8px;
    width: 552px;
	margin: 0;
	padding: 0;
	background-image: url(../img/bg_termine.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #content .termine table.terminData {
    width: 527px;
	color: #FFFFFF;
	margin: 15px 0 0 12px;
	padding: 0;
	border-collapse: collapse;
	background-image: url(../img/bg_terminData.gif);
    background-repeat: repeat;
    background-position: 0 0;
  }
  #content .termine table.terminData th {
    height: 30px;
	padding: 10px 20px;
    background-repeat: no-repeat;
    background-position: 18px bottom;
  }
  #content .termine table.terminData th.datum {
	background-image: url(../img/txt_datum.gif);
  }
  #content .termine table.terminData th.einsatz {
	background-image: url(../img/txt_einsatz.gif);
  }
  #content .termine table.terminData th.ort {
	background-image: url(../img/txt_ort.gif);
  }
  #content .termine table.terminData td {
	vertical-align: top;
	padding: 10px 20px;
  }
	#content .termine table.terminData td a {
	color: #FFF;
  display: block;
  }
}

/* Styles for Buergerliste */
@media screen {
  #content .buergerliste {
    position: relative;
	left: -8px;
    width: 552px;
	margin: 0 0 30px 0;
	padding: 0;
	background-image: url(../img/bg_buergerliste.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
  }
  #content .buergerliste table.buergerlisteData {
    width: 527px;
	color: #FFFFFF;
	margin: 15px 0 0 12px;
	padding: 0;
	border-collapse: collapse;
	background-image: url(../img/bg_terminData.gif);
    background-repeat: repeat;
    background-position: 0 0;
  }
  #content .buergerliste table.buergerlisteData th {
    height: 30px;
	  /*padding: 10px 20px;*/
    background-repeat: no-repeat;
    background-position: 18px bottom;
  }
  #content .buergerliste table.buergerlisteData th.bild {
	background-image: url(../img/txt_bild.gif);
	width: 80px;
  }
  #content .buergerliste table.buergerlisteData th.name {
	background-image: url(../img/txt_name.gif);
	width: 170px;
  }
  #content .buergerliste table.buergerlisteData th.unternehmen {
	background-image: url(../img/txt_unternehmen.gif);
	width: 320px;
  }
  #content .buergerliste table.buergerlisteData td {
	vertical-align: middle;
	padding: 10px 10px 10px 20px;
  }
  #content .buergerliste table.buergerlisteData td a {
	color: #FFF;
  display: block;
  }
  #content .buergerliste table.buergerlisteData td.imgCompany img {
	border: 1px solid #484848;
  }
}

/* Styles for Contact Form */
#content .contact {
  margin: 0;
}
#content .contact fieldset {
  margin: 0;
}
#content .contact table {
  width: 380px;
  float: left;
  margin: 10px 0 !important;
}
#content .contact table td {
  padding: 3px 5px 6px 0px;
  vertical-align: top;
  border: none !important;
}
#content .contact label {
  font-weight: bold;
  color: #333333;
}
#content .contact input {
  width: 290px;
  border: 1px solid #CCCCCC;
}
#content .contact select {
  width: 292px;
  border: 1px solid #CCCCCC;
}
#content .contact textarea {
  width: 290px;
  border: 1px solid #CCCCCC;
}
#content .contact input.button {
  position: relative;
  float: left;
  width: 80px;
  margin: 10px 10px 0 0;
  padding: 0 0 1px 20px;
  border: 0;
  text-align: left;
  cursor: pointer;
  color: #616a6e;
  font-weight: bold;
  background: url(../img/bullet_orange.gif) no-repeat 7px center;
}
#content .contact .star {
  position: absolute;
  margin-top: -3px;
  margin-left: 3px;
  color: #ff6600;
}

#mainMenu {
  display: block;
  height: 30px;
}

#mainMenu ul {
  display: none;
  margin: 0;
  padding: 0;
}

#mainMenu ul.main {
  display: block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  background-image:url(../img/menu/menu_bg.gif);
  height: 30px;
}

#mainMenu ul li {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 20px;
}

#mainMenu ul.main li {
  float:left;
  font-weight:bold;
  text-align:center;
  text-transform:uppercase;
}

#mainMenu ul.main li span {
  display: none;
}

#mainMenu ul.main li.mm_c_m a {
  display: block;
  width: 158px;
  background-image:url(../img/menu/c_m_0.gif);
  background-position: left top;
  height: 30px; 
}
#mainMenu ul.main li.mm_c_m a:hover {
  background-image:url(../img/menu/c_m_1.gif);
}

#mainMenu ul.main li.mm_fun a {
  display: block;
  width: 73px;
  background-image:url(../img/menu/fun_0.gif);
  background-position: left top;
  height: 30px; 
}
#mainMenu ul.main li.mm_fun a:hover {
  background-image:url(../img/menu/fun_1.gif);
}

#mainMenu ul.main li.mm_news a {
  display: block;
  width: 89px;
  background-image:url(../img/menu/news_0.gif);
  background-position: left top;
  height: 30px; 
}
#mainMenu ul.main li.mm_news a:hover {
  background-image:url(../img/menu/news_1.gif);
}

#mainMenu ul.main li.mm_sponsor a {
  display: block;
  width: 124px;
  background-image:url(../img/menu/sponsors_0.gif);
  background-position: left top;
  height: 30px; 
}
#mainMenu ul.main li.mm_sponsor a:hover {
  background-image:url(../img/menu/sponsors_1.gif);
}

#mainMenu ul.mm_sub {
  z-index: 5;
  background: #000;
  display: none;
  position: absolute;
}

#mainMenu ul#mm_sub_cm {
  top: 239px;
  *top: 233px;
  left: 0px;
  width: 239px;
}

#mainMenu ul#mm_sub_fun {
/*
  top: 287px;
  *top: 285px;
  */

  top: 265px;
  *top: 263px;

  left: 160px;
  width: 239px;
}

#mainMenu ul#mm_sub_news {
  top: 339px;
  *top: 338px;
  left: 230px;
  width: 239px;
}

#mainMenu ul#mm_sub_sponsor {
  top: 240px;
  *top: 233px;
  left: 320px;
  width: 239px;
}


#mainMenu ul.mm_sub li {
  background-image: url(../img/menu/fly_bg.gif);
  height: 24px;
}

#mainMenu ul.mm_sub li.last {
  border-bottom: 1px solid #666;
}

#mainMenu ul.mm_sub li a {
  background-image: url(../img/menu/pfeil_0.gif);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  display: block;
  color: #B4B4B4;
  font-weight: bold;
  padding-top: 2px;
  padding-left: 15px;
  text-decoration: none;
}


#mainMenu ul.mm_sub li a:hover {
  background-image: url(../img/menu/pfeil_1.gif);
  color: #FFF;
}



a.mp3Download {
  display: block;
  background-image: url(../img/txt_down_jingle.gif);
  width: 232px;
  height: 72px;
}

a.mp3Download span {
  display: none;
}

td.needSpace {
  padding-left: 10px;
  vertical-align: top;
}

span.orange strong a {
  color: #FF6600;
}

.lMenu #mainMenu ul#mm_sub_cm {
  top: 439px;
}

.lMenu #mainMenu ul#mm_sub_fun {
  top: 487px;
}

.lMenu #mainMenu ul#mm_sub_news {
  top: 539px;
}

.lMenu #mainMenu ul#mm_sub_sponsor {
  top: 440px;
}