body {
	margin: 0px; 
	padding: 60px 0px 40px 0px;
	background: url(pics/bg_gradient.jpg) repeat-x #BEC7D8;
}
body * { margin:0px; padding:0px; text-align:left; }
img { border:0px; }



/* Float clearing workaround also working on Mozilla */
.clearer {
	clear:both;
	height:0px;
	overflow:hidden;
	margin-top:-1px; 
}
* html .clearer { margin-top:0px; }

#contentWrapper {
	width: 856px;
	border: 1px solid #939EB3;
	background: url(pics/content_idx_bg_top.gif) no-repeat top left #FFF;
	margin:0px auto;
}
#header h1 {
	width:856px;
	height:45px;
	background: url(pics/content_header.gif) no-repeat;
	margin: 20px 0px 20px 0px;
}

#header h1 a { display:block; width:856px; height:45px; text-indent:-9999px; }

#content {
	width: 856px;
	background: url(pics/content_idx_bg_bottom.gif) no-repeat bottom left;
	margin:0px auto;
}

#navigation {
	width: 235px;
	height: 100%;
	margin-top: 35px;
	padding-bottom: 165px;
	float: left;
}

#navigation_ext{
	width: 207px;
	margin-top: 75px;
	padding-left: 28px;
	padding-bottom: 165px;
	float: left;
}

#navigation_ext p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
}

#navigation_ext p a {
	color: #000000;
}

#navigation_ext p a.special {
	color: #8897B4;
}


#navigation ul {
	width: 235px;
	display: block;
}

#navigation ul li { 
	float:right; 
	list-style-type:none;
}

#navigation ul li a{ 
	width: 210px;
	display:block; 
	text-indent:-9999px;
	overflow: hidden;
}

#navigation ul li a.momente { 
	background: url(pics/passiv/gluecksmomente.gif) top left;
	height: 34px;
	cursor: pointer;
}

#navigation ul li a:hover.momente,  #navigation ul li a.momenteakt{ 
	background: url(pics/aktiv/gluecksmomente.gif) top left;
	height: 34px;
}

#navigation ul li a.melden { 
	background: url(pics/passiv/melden.gif) top left;
	height: 54px;
	cursor: pointer;
}

#navigation ul li a:hover.melden,  #navigation ul li a.meldenakt{ 
	background: url(pics/aktiv/melden.gif) top left;
	height: 54px;
}

#navigation ul li a.abo { 
	background: url(pics/passiv/gluecksabo.gif) top left;
	height: 64px;
	cursor: pointer;
}

#navigation ul li a:hover.abo,  #navigation ul li a.aboakt{ 
	background: url(pics/aktiv/gluecksabo.gif) top left;
	height: 64px;
}

#navigation ul li a.idee { 
	background: url(pics/passiv/idee.gif) top left;
	height: 24px;
	cursor: pointer;
}

#navigation ul li a:hover.idee,  #navigation ul li a.ideeakt{ 
	background: url(pics/aktiv/idee.gif) top left;
	height: 24px;
}

#navigation ul li a.presse { 
	background: url(pics/passiv/presse.gif) top left;
	height: 24px;
	cursor: pointer;
}

#navigation ul li a:hover.presse,  #navigation ul li a.presseakt{ 
	background: url(pics/aktiv/presse.gif) top left;
	height: 24px;
}

#navigation ul li a.meldestellen { 
	background: url(pics/passiv/meldestellen.gif) top left;
	height: 24px;
	cursor: pointer;
}

#navigation ul li a:hover.meldestellen,  #navigation ul li a.meldestellenakt{ 
	background: url(pics/aktiv/meldestellen.gif) top left;
	height: 24px;
}

#navigation ul li a.sponsoren { 
	background: url(pics/passiv/sponsoren.gif) top left;
	height: 24px;
	cursor: pointer;
}

#navigation ul li a:hover.sponsoren,  #navigation ul li a.sponsorenakt{ 
	background: url(pics/aktiv/sponsoren.gif) top left;
	height: 24px;
}

#navigation ul li a.impressum { 
	background: url(pics/passiv/impressum.gif) top left;
	height: 38px;
	cursor: pointer;
}

#navigation ul li a:hover.impressum,  #navigation ul li a.impressumakt{ 
	background: url(pics/aktiv/impressum.gif) top left;
	height: 38px;
}

#navigation ul li a.agb { 
	background: url(pics/passiv/agb.gif) top left;
	height: 24px;
	cursor: pointer;
}

#navigation ul li a:hover.agb,  #navigation ul li a.agbakt{ 
	background: url(pics/aktiv/agb.gif) top left;
	height: 24px;
}

#stage {
	width: 618px;
	padding: 10px 0px 20px 0px;
	float: left;
}

#stage div.momente_container {
	width: 603px;
	height: 415px;
	background: url(pics/content_idx_bg.gif) top left;
}
#stage div.momente_container div.top {
	display: block;
	height: 350px;
}

#stage div.momente_container div.top div.scrollable {
	display: block;
	height: 240px;
	overflow: auto;
	margin-top: 34px;
}

#stage div.momente_container div.top h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8897B4;
	display: block;
	padding: 42px 0px 0px 37px;
}

#stage div.momente_container div.top h2.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8897B4;
	display: block;
	padding: 34px 0px 0px 37px;
}
#stage div.momente_container div.top h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #EFF3FB;
	color: #9BA6BC;
	display: block;
	width: 432px;
	padding: 4px 6px 4px 8px;
	margin-top: 15px;
	margin-left: 34px;
}

#stage div.momente_container div.top p.external {
	display: block;
	width: 444px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	border: 1px solid #EFF3FB;
	margin-left: 34px;
}

#stage div.momente_container div.top p.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 450px;
	padding: 0px 0px 0px 37px;
}

#stage div.momente_container div.top p.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	width: 450px;
	padding: 10px 0px 0px 37px;
}
#stage div.momente_container form input {
	width: 56px;
	margin: 0px 10px 0px 10px;
}
#stage div.momente_container form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8897B4;
	width: 470px;
	padding: 0px 0px 0px 37px;
}

#stage div.momente_container div.left {
	width: 507px;
	float: left;

}
#stage div.momente_container div.right {
	width: 90px;
	float: left;

	margin-top: 312px;
}
#stage div.momente_container div.right a{
	display: block;
	width: 70px;
	height: 25px;
	margin: 12px 0px 0px 20px;

	text-indent:-9999px;
	overflow: hidden;
}
#stage div.momente_container form a {
	text-decoration: underline;
	cursor: pointer;
}

/* melde container BEGIN */

#stage div.melden_container {
	width: 614px;
	height: 463px;
	background: url(pics/content_melden_bg.gif) top left;
	border: 1px solid #FFF;
}



#stage div.melden_container form textarea.body {
	width: 513px;
	height: 134px;
	display: inline;
	margin: 137px 0px 0px 44px;
	border: 0px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 5px;
	float: left;
}

#stage div.melden_container form input.nameMelder {
	width: 413px;
	height: 18px;
	display: inline;
	margin: 36px 60px 0px 110px;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 16px;
	padding: 5px;
	float: left;
}

#stage div.melden_container form input.agbConfirm {
	width: 16px;
	height: 16px;
	display: inline;
	margin: 20px 0px 0px 40px;
	float: left;
}

#stage div.melden_container form p.confirmText {
	width: 500px;
	height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	display: block;
	margin: 20px 0px 0px 5px;
	float: left;
}

#stage div.melden_container form a.submitForm {
	width: 400px;
	height: 27px;
	display: inline;
	margin: 20px 0px 0px 40px;
	float: left;
	text-indent:-9999px;
	overflow: hidden;
}


#stage div.kontakt_container {
	width: 610px;
	height: 326px;
	text-indent:-9999px;
	background: url(pics/content_kontakt_bg.gif) top left;
}
#stage div.kontakt_container .email {
	display: block;
	width: 470px;
	height: 25px;
	margin: 215px 0px 0px 110px;
}

#stage div.kontakt_container .info {
	display: block;
	width: 188px;
	height: 17px;
	margin: 45px 0px 0px 373px;
}

#stage div.index_container {
	width: 578px;
	height: 380px;
	background: url(pics/content_index_neu.gif) top left;
	border: 1px solid #FFFFFF;
}
#stage div.index_container p, #stage div.index_container h2{
	display: none;
}

#stage div.index_container a.indexLink {
	display: block;
	width: 340px;
	height: 30px;
	margin: 330px 0px 0px 20px;
	text-indent:-9999px;
}


#stage div.contentHeader {
	width: 584px;
	height: 37px;
	background: url(pics/content_bg_top.gif) top left;
	padding-top: 80px;
	padding-left: 30px;
}
h2.hAGB {
	width:455px; height:27px; 
	background: url(pics/content_hl_agb.gif) bottom left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #939EB3;
	font-size: 1.3em;
	font-weight: normal;
	text-indent:-9999px;	
}
h2.hIdee {
	width:455px; height:27px; 
	background: url(pics/content_hl_idee.gif) bottom left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #939EB3;
	font-size: 1.3em;
	font-weight: normal;
	text-indent:-9999px;	
}

h2.hPresse {
	width:455px; height:27px; 
	background: url(pics/content_hl_presse.gif) bottom left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #939EB3;
	font-size: 1.3em;
	font-weight: normal;
	text-indent:-9999px;	
}

h2.hMeldestellen {
	width:455px; height:27px; 
	background: url(pics/content_hl_meldestellen.gif) bottom left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #939EB3;
	font-size: 1.3em;
	font-weight: normal;
	text-indent:-9999px;	
}

h2.hSponsoren{
	width:455px; height:27px; 
	background: url(pics/content_hl_sponsoren.gif) bottom left no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #939EB3;
	font-size: 1.3em;
	font-weight: normal;
	text-indent:-9999px;	
}

h2.hMelden { 
	display: none;
	
}

h3.hidden { 
	display: none;
	
}

#stage div.contentFlow {
	width: 539px;
	background: url(pics/content_bg_middle.gif) top left repeat-y;
	padding: 0px 45px 0px 30px;
	min-height: 300px;

}

* html #stage div.contentFlow {
	height: 300px;

}
#stage div.contentFlow h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 15px 0px 8px 0px;
}

#stage div.contentFlow p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	padding-bottom: 10px;
}

#stage div.contentFlow a.sponsorImage {
	margin-top: 10px;
	display: block;
	float: left;
}

#stage div.contentFlow p.cite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	font-style: italic;
	margin-top: 15px;
	width: 539px;
	text-align: center;
}

#stage div.contentFlow div.meldeStelle {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 525px;
	display: block;
}

#stage div.contentFlow div.dottedline {
	height: 1px;
	width: 545px;
	background:url(pics/content_dottedline.gif) top left no-repeat;
	display: block;
	overflow: hidden;
	float: left;
}

#stage div.contentFlow div.meldeStelle div.logo {
	width: 183px;
	height: 112px;
	border: 1px solid #FFEB99;
	border-left: 5px solid #FFEB99;
	padding-left: 7px;
	padding-top: 13px;
	float: left;
}

/* Presse */
#stage div.contentFlow div.pressemeldung {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 525px;
	display: block;
}


#stage div.contentFlow div.pressemeldung div.logo {
	width: 191px;
	height: 126px;
	border: 1px solid #FFEB99;
	border-left: 5px solid #FFEB99;
	float: left;
}

#stage div.contentFlow a.presseLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: underline;
	color: #8897B4;
	cursor: pointer;
	padding-top: 10px;
	display: block;
}
/* Presse ENDE */

#stage div.contentFlow div.pressemeldung p.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	float: left;
	padding: 2px 5px 2px 12px;
	width: 300px;
}

#stage div.contentFlow div.meldeStelle p.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	float: left;
	padding: 2px 5px 2px 12px;
	width: 300px;
}

#stage div.contentFlow a, p.confirmText a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: underline;
	color: #8897B4;
	cursor: pointer;
}

#stage div.contentFooter {
	width: 614px;
	height: 40px;
	background: url(pics/content_bg_bottom.gif) top left no-repeat;
	padding-bottom: 20px;

}



#footer {
	width: 856px;
	height: 25px;
	background: url(pics/content_footer.gif) no-repeat right 2px #BEC7D8;
	margin:0px auto;
}

#siteby {
	float: right;
	margin: 5px 8px 0px 0px;
	display: inline;
}
#siteby a {
	display:block; width:55px; height:15px; text-indent:-9999px; 
}
#copyright {
	float: right;
	margin: 5px 124px 0px 0px;
	display: inline;
}
#copyright a {
	display:block; width:108px; height:15px; text-indent:-9999px; 
}


#error {
	width: 858px;
	height: 620px;
	position: absolute;
	z-index: 3;
	background: url(pics/content_melden_error_bg.gif) center 240px no-repeat;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

#error p {
	width: 410px;
	margin: 275px 0px 0px 175px;
}

#footerAnim {
	width:235px;
	height:123px;
	z-index:2;
	position:relative;
	top:-130px;
	left: 5px;
	float: left;
}