body { background: #fff url(../img/karnevalsgruesse_bg.jpg) no-repeat center top;}

#content {
	position:relative;
}

#carnivalGreetings {
	font-size:12px;
	position:relative;
	top:64px;
	left:16px;
	height:625px;
}

#carnivalGreetings h1 
{
	position:absolute;
	top:-53px;
	left:44px;
	width:348px;
	height:125px;
	background: transparent url(../img/karnevalsgruesse_headline.gif) no-repeat center top;
}
			
#carnivalGreetings h1 span {
	display:block;
	text-indent:-999px;
}

#carnivalGreetings .manual {
	font-family:Arial, Tahoma, sans-serif;
	float:left;
	position:relative;
	top:106px;
	left:27px;
	width:327px;
	height:346px;
}

#carnivalGreetings .manual h2 {
	width:242px;
	height:24px;
	background: transparent url(../img/karnevalsgruesse/manual_headline.gif) no-repeat left top;
	margin:28px 0 0 49px;
}
			
#carnivalGreetings .manual h2 span {
	display:block;
	width:327px;
	text-indent:-9999px;
}

#carnivalGreetings .manual p {
	line-height:1.3em;
	width:230px;
	margin:0 0 0 50px;
}

#carnivalGreetings .blackboardTabs {
	position:relative;
	top:20px;
	left:33px;
	list-style-type:none;
	padding:0;
	margin:0;
}

#carnivalGreetings .blackboardTabs li {
	float:left;
	text-align:center;
	background: transparent url(../img/tabs.gif) no-repeat 0 0;
	width:132px;
	margin-right:1px;
}

#carnivalGreetings .blackboardTabs li.hover {
	background-position:0 -40px;
}
 
#carnivalGreetings .blackboardTabs li.current {
	position:relative;
	background-position:0 -80px;
	margin-top:-3px;
	z-index:100;
}

#carnivalGreetings .blackboardTabs li#KVPage_duesseldorf {
	background-position:-140px 0;
}

#carnivalGreetings .blackboardTabs li#KVPage_duesseldorf.hover {
	background-position:-140px -40px;
}

#carnivalGreetings .blackboardTabs li#KVPage_duesseldorf.current {
	background-position:-140px -80px;
}

#carnivalGreetings .blackboardTabs li#KVPage_mainz {
	background-position:-280px 0;
}

#carnivalGreetings .blackboardTabs li#KVPage_mainz.hover {
	background-position:-280px -40px;
}

#carnivalGreetings .blackboardTabs li#KVPage_mainz.current {
	background-position:-280px -80px;
}                                                                                                  

#carnivalGreetings .blackboardTabs li#KVPage_weltweit {
	background-position:-420px 0;
}

#carnivalGreetings .blackboardTabs li#KVPage_weltweit.hover {
	background-position:-420px -40px;
}

#carnivalGreetings .blackboardTabs li#KVPage_weltweit.current {
	background-position:-420px -80px;
}

#carnivalGreetings .blackboardTabs li a {
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0 14px 0;
	outline:none;
}
	
#carnivalGreetings .blackboardTabs li.current a {
	padding-top:6px;
}

#carnivalGreetings .blackboard {
	float:right;
	position:relative;
	top:7px;
	left:-42px;
	width:613px;
	height:326px;
	z-index:100;
}

#carnivalGreetings .blackboard_koeln {
	background:transparent url('../img/karnevalsgruesse_bord_yellow.jpg') no-repeat 0 10px;
}

#carnivalGreetings .blackboard_duesseldorf {
	background:transparent url('../img/karnevalsgruesse_bord_red.jpg') no-repeat 0 10px;
}

#carnivalGreetings .blackboard_mainz {
	background:transparent url('../img/karnevalsgruesse_bord_green.jpg') no-repeat 0 10px;
}

#carnivalGreetings .blackboard_weltweit {
	background:transparent url('../img/karnevalsgruesse_bord_blue.jpg') no-repeat 0 10px;
}

#carnivalGreetings .blackboard ul {
	position:relative;
	height:310px;
	list-style-type:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

#carnivalGreetings .blackboard ul li {
	display:none;
	position:absolute;
	background-position:0 0;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index:120;
}

#carnivalGreetings .blackboard ul li .pin {
	display:none;
	position:absolute;
	background-position:0 0;
	background-repeat:no-repeat;
}

#carnivalGreetings .blackboard ul li.sheet1 {
	top:8px;
	left:96px;
	width:203px;
	height:148px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet1 {
	background-image:url(../img/sheet1_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet1 {
	background-image:url(../img/sheet1_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet1 {
	background-image:url(../img/sheet1_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet1 {
	background-image:url(../img/sheet1_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet1 .pin {
	top:3px;
	left:93px;
	width:30px;
	height:23px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet1 .pin {
	background-image:url(../img/pin1_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet1 .pin {
	background-image:url(../img/pin1_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet1 .pin {
	background-image:url(../img/pin1_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet1 .pin {
	background-image:url(../img/pin1_blue.gif);
}

#carnivalGreetings .blackboard ul li div.hover,
#carnivalGreetings .blackboard ul li div.active {
	display:none;
	position:absolute;
	background-repeat:no-repeat;
}

#carnivalGreetings .blackboard ul li.selected div.active {
	display:block;
}

#carnivalGreetings .blackboard ul li div.hover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0.1;
	moz-opacity:0.1;
	filter:alpha(opacity=10);
}

#carnivalGreetings .blackboard_koeln ul li.sheet1 .hover {
	background-image:url(../img/sheet1_hover_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet1 .hover {
	background-image:url(../img/sheet1_hover_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet1 .hover {
	background-image:url(../img/sheet1_hover_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet1 .hover {
	background-image:url(../img/sheet1_hover_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet1 .active {
	top:17px;
	left:6px;
	width:187px;
	height:120px;
	background-image:url(../img/sheet1_selected.gif);
}

#carnivalGreetings .blackboard ul li.sheet2 {
	top:14px;
	left:303px;
	width:198px;
	height:152px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet2 {
	background-image:url(../img/sheet2_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet2 {
	background-image:url(../img/sheet2_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet2 {
	background-image:url(../img/sheet2_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet2 {
	background-image:url(../img/sheet2_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet2 .pin {
	top:-8px;
	left:78px;
	width:40px;
	height:30px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet2 .pin {
	background-image:url(../img/pin2_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet2 .pin {
	background-image:url(../img/pin2_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet2 .pin {
	background-image:url(../img/pin2_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet2 .pin {
	background-image:url(../img/pin2_blue.gif);
}

#carnivalGreetings .blackboard_koeln ul li.sheet2 .hover {
	background-image:url(../img/sheet2_hover_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet2 .hover {
	background-image:url(../img/sheet2_hover_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet2 .hover {
	background-image:url(../img/sheet2_hover_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet2 .hover {
	background-image:url(../img/sheet2_hover_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet2 .active {
	top:12px;
	left:18px;
	width:173px;
	height:123px;
	background-image:url(../img/sheet2_selected.gif);
}

#carnivalGreetings .blackboard ul li.sheet3 {
	top:151px;
	left:10px;
	width:201px;
	height:149px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet3 {
	background-image:url(../img/sheet3_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet3 {
	background-image:url(../img/sheet3_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet3 {
	background-image:url(../img/sheet3_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet3 {
	background-image:url(../img/sheet3_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet3 .pin {
	top:-7px;
	left:79px;
	width:30px;
	height:31px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet3 .pin {
	background-image:url(../img/pin3_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet3 .pin {
	background-image:url(../img/pin3_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet3 .pin {
	background-image:url(../img/pin3_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet3 .pin {
	background-image:url(../img/pin3_blue.gif);
}

#carnivalGreetings .blackboard_koeln ul li.sheet3 .hover {
	background-image:url(../img/sheet3_hover_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet3 .hover {
	background-image:url(../img/sheet3_hover_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet3 .hover {
	background-image:url(../img/sheet3_hover_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet3 .hover {
	background-image:url(../img/sheet3_hover_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet3 .active {
	top:13px;
	left:13px;
	width:173px;
	height:123px;
	background-image:url(../img/sheet3_selected.gif);
}

#carnivalGreetings .blackboard ul li.sheet4 {
	top:156px;
	left:209px;
	width:195px;
	height:141px;
	background-image:url(../img/sheet4.gif);
}

#carnivalGreetings .blackboard_koeln ul li.sheet4 {
	background-image:url(../img/sheet4_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet4 {
	background-image:url(../img/sheet4_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet4 {
	background-image:url(../img/sheet4_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet4 {
	background-image:url(../img/sheet4_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet4 .pin {
	top:-9px;
	left:72px;
	width:49px;
	height:30px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet4 .pin {
	background-image:url(../img/pin4_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet4 .pin {
	background-image:url(../img/pin4_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet4 .pin {
	background-image:url(../img/pin4_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet4 .pin {
	background-image:url(../img/pin4_blue.gif);
}

#carnivalGreetings .blackboard_koeln ul li.sheet4 .hover {
	background-image:url(../img/sheet4_hover_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet4 .hover {
	background-image:url(../img/sheet4_hover_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet4 .hover {
	background-image:url(../img/sheet4_hover_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet4 .hover {
	background-image:url(../img/sheet4_hover_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet4 .active {
	top:12px;
	left:12px;
	width:176px;
	height:114px;
	background-image:url(../img/sheet4_selected.gif);
}

#carnivalGreetings .blackboard ul li.sheet5 {
	top:159px;
	left:406px;
	width:193px;
	height:151px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet5 {
	background-image:url(../img/sheet5_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet5 {
	background-image:url(../img/sheet5_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet5 {
	background-image:url(../img/sheet5_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet5 {
	background-image:url(../img/sheet5_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet5 .pin {
	top:-10px;
	left:84px;
	width:21px;
	height:30px;
}

#carnivalGreetings .blackboard_koeln ul li.sheet5 .pin {
	background-image:url(../img/pin5_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet5 .pin {
	background-image:url(../img/pin5_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet5 .pin {
	background-image:url(../img/pin5_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet5 .pin {
	background-image:url(../img/pin5_blue.gif);
}

#carnivalGreetings .blackboard_koeln ul li.sheet5 .hover {
	background-image:url(../img/sheet5_hover_yellow.gif);
}

#carnivalGreetings .blackboard_duesseldorf ul li.sheet5 .hover {
	background-image:url(../img/sheet5_hover_red.gif);
}

#carnivalGreetings .blackboard_mainz ul li.sheet5 .hover {
	background-image:url(../img/sheet5_hover_green.gif);
}

#carnivalGreetings .blackboard_weltweit ul li.sheet5 .hover {
	background-image:url(../img/sheet5_hover_blue.gif);
}

#carnivalGreetings .blackboard ul li.sheet5 .active {
	top:11px;
	left:6px;
	width:178px;
	height:117px;
	background-image:url(../img/sheet5_selected.gif);
}

#carnivalGreetings .blackboard ul li img {
	position:absolute;
	top:5px;
	left:8px;
}


/* Texte */
#carnivalGreetings .blackboard ul li p {
	display:none;
	position:absolute;
	background-position:0 0;
	background-repeat:no-repeat;
}

#carnivalGreetings .blackboard ul li p span {
	display:block;
	text-indent:-9999px;
}


/* Button & Hinweistext */
#carnivalGreetings .blackboard p.pleaseSelect {
	position:absolute;
	top:309px;
	left:240px;
	height:0px;
	width:393px;
	height:91px;
}

#carnivalGreetings .blackboard p.hotmailBtn {
	display:none;
	position:absolute;
	top:314px;
	left:211px;
	width:285px;
	height:58px;
}

#carnivalGreetings .blackboard p.hotmailBtn a {
	display:block;
	width:285px;
	height:58px;
	background: transparent url(../img/button_hotmail.gif) no-repeat 0 0;
	outline:none;
}

#carnivalGreetings .blackboard p.hotmailBtn a span {
	display:block;
	text-indent:-9999px;
}

#carnivalGreetings .blackboard p.hotmailBtn a:hover {
	background-position:0 -60px;
}

#carnivalGreetings .blackboard .clouds {
	display:none;
	position:absolute;
	top:356px;
	left:193px;
	width:400px;
	height:93px;
	background: transparent url(../img/abdeckung.gif) no-repeat 0 0;
}

#carnivalGreetings .blackboard .smoothBorder {
	position:absolute;
	top:1px;
	left:4px;
	width:592px;
	height:11px;
	background: transparent url(../img/kante_oben_orange.png) no-repeat 0 0;
}

#carnivalGreetings .blackboard_koeln .smoothBorder {
	background:transparent url('../img/kante_oben_yellow.png') no-repeat 0 0;
}

#carnivalGreetings .blackboard_duesseldorf .smoothBorder {
	background:transparent url('../img/kante_oben_red.png') no-repeat 0 0;
}

#carnivalGreetings .blackboard_mainz .smoothBorder {
	background:transparent url('../img/kante_oben_green.png') no-repeat 0 0;
}

#carnivalGreetings .blackboard_weltweit .smoothBorder {
	background:transparent url('../img/kante_oben_blue.png') no-repeat 0 0;
}

#carnivalGreetings .instructions {
	position:absolute;
	top:398px;
	left:43px;
	z-index:200;
}

#carnivalGreetings .instructions p.help {
	position:relative;
	top:6px;
	left:199px;
	width:227px;
	height:59px;
	background:transparent url(../img/so_gehts.gif) no-repeat 100% 0;
	margin:0;
	z-index:200;
}

#carnivalGreetings .instructions p span {
	display:block;
	text-indent:-9999px;
}

#carnivalGreetings .instructions p.moresnow {
	display:none;
	position:relative;
	top:-53px;
	left:-67px;
	width:493px;
	height:59px;
	background:transparent url(../img/so_gehts.gif) no-repeat 0 100%;
	margin:0;
	z-index:210;
}

#carnivalGreetings .instructionpanel {
	display:none;
	font-family:Arial, Tahoma, sans-serif;
	color:#575757;
	position:absolute;
	top:206px;
	left:46px;
	width:489px;
	height:253px;
	background: transparent url(../img/anleitung_bg.gif) no-repeat 0 0;
	z-index:150;
}

#carnivalGreetings .instructionpanel h3 {
	display:block;
	width:166px;
	height:30px;
	background:transparent url(../img/anleitung.gif) no-repeat 0 0;
	margin:23px 0 5px 31px;
}

#carnivalGreetings .instructionpanel h3 span {
	display:block;
	text-indent:-9999px;
}

#carnivalGreetings .instructionpanel p {
	margin:0 25px 10px 40px;
}

#carnivalGreetings #KVPage_PageSwitcher {
	position:absolute;
	top:-25px;
	left:670px
}

#carnivalGreetings #KVPage_PageSwitcher a {
	color:#a80100;
	font-size:14px;
}

#carnivalGreetings .backbutton {
	clear:both;
	position:absolute;
	top:520px;
	left:0;
	width:960px;
	height:45px;
	background:transparent url(../img/double_line.gif) no-repeat 0 0;
}

#carnivalGreetings .backbutton p {
	font-size:14px;
	line-height:30px;
	text-align:right;
	width:720px;
	padding:0;
	margin:7px 0 0 208px;
}

#carnivalGreetings .backbutton a {
	text-align:left;
	text-indent: -9999px;
	display:inline-block;
	width:211px;
	height:30px;
	background:transparent url(../img/grettings_home.gif) no-repeat 0 0;
	outline:none;
	margin-left:15px;
}