@import url("global.css");
@import url("content.css");


.login.hello {
	margin-top: -8px;	
}

.login {
	margin-right: -8px;
	margin-top: -2px;	
}
/** --- videos übersicht --- **/

h1 {
    background-image: url("/images/person_line.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    bottom: 140px;
    color: #373737;
    font-size: 22px;
    left: 155px;
    line-height: 22px;
    padding-bottom: 20px;
    position: absolute;
    text-align: center;
    width: 170px;
    font-family: georgia;
    font-weight: normal;
    margin: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

h2 {
	display: block;
	font-size: 24px;
	margin-bottom: 20px;
	color: #595959;
	font-family: georgia;
	font-weight: normal;
}

#content.videos .video_teaser {
	padding-bottom:10px;
	border-bottom:1px solid #e9e9e9;
	min-height: 90px;
}

#content.videos .video_teaser img {
	float: left;
	margin-right: 17px;	
}

#content.videos .video_teaser.last {
	border-bottom:0px solid #e9e9e9;
}

#content.videos .video_teaser p {
	line-height:18px;
}

/** --- videos eintrag --- **/

#content.videos_entry .video {
	margin-top: 40px;
	margin-bottom: 60px;
}

/** --- kondolenzbuch Eintrag --- **/

#content.condolence_entry .navi_element {
	margin-top: 4px;	
	color: #929191;	
	margin-bottom: 26px;
}

#content.condolence_entry .headline_1 {
	margin-bottom: 0px;		
}

#content.condolence_entry .info {
	margin-bottom: 20px;		
}

#content.condolence_entry .author {
	display: block;
	float: right;		
	font-style:italic;
	font-family:georgia;
	margin-top: 20px;
	font-size:16px;
	color: #b3b3b3;
}


/** --- kondolenzbuch --- **/

#content.condolence ul {
	padding:26px;
	padding-bottom: 16px;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #eeeeee;
    margin-bottom: 24px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

#content.condolence .content_head {
	margin-bottom: 16px;
}

#content.condolence a.button {
	margin-right: -10px;
	margin-bottom: 20px;
}

#content.condolence ul .headline_2 {
	color: #4b4b4b;
	margin-bottom: 0px;
	margin-top: 0px;
}

#content.condolence ul li {
	margin-bottom: 14px;
}

/** --- kerze_anzünden --- **/

.content.candles .button {
	padding-left: 33px;
}

.content.candles .button:before {
	content: url(img/button_candle.png);
	position: absolute;
	top: -18px;
	left: 7px;		
}
	
	.choose_candle {
		margin-left: -16px;
		width: 530px;
	}

		
	.choose_color {
		height: 20px;
		margin-bottom: 80px;
		margin-left: -22px;
	}
	
	.choose_color li.current {
		margin: -3px 1px 0px 1px;	
	}
	
	.choose_color li:hover {
		margin: -3px 1px 7px 1px;	
	}
	
	.choose_color li {
		margin-bottom: 10px;
	}
	

.content textarea {
	width: 472px;
}

#light_candle .button:before {
	content: url(img/button_candle.png);
	position: absolute;
	top: -18px;
	left: 7px;		
}

/** --- trauerkerzen--- **/

#content.candles {
	
}

#content.candles .candle_entry {
	padding-left: 40px;
	position: relative;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 40px;
	margin: 30px -60px 20px -35px;
	padding: 0px 60px 30px 75px;
}

	#content.candles .candle_entry:last-child {
		border: 0px;
	}
	
#content.candles .candle_entry .headline_2 {
	margin-bottom: 0px;
	
}

#content.candles .candle_entry .author {
	font-size: 12px;
	color: #838181;
}

#content.candles .candle_entry .candle {
	position: absolute;
	top: -8px;
	left: 25px;
	
}

#content.candles .candle_entry p {
	/*text-align: justify;*/
	margin-top: 14px;
	line-height: 18px;
}



/** --- bilder --- **/

#content.pictures {
	
}

#content.pictures .wrapper {
	margin-top: -55px;
	margin-left: -6px;
}

#content.pictures .wrapper img {
	float: left;	
	margin: 4px;
}

#content.pictures .wrapper img:hover {
	box-shadow: 0px 4px 13px -7px #515151;
	-moz-border-radius-box-shadow: 0px 4px 13px -7px #515151;
	-webkit-box-shadow: 0px 4px 23px -7px #515151;
}



/** --- Startseite --- **/

#content.startpage p {
	text-align: justify;
	color: #7C7E7E;
}


#content.startpage .bottom_pictures {
	position: relative;
	margin: 100px -60px -50px -38px;
	background-color:#f1f1f1;
	height: 290px;
}

	#content.startpage .bottom_pictures .pic_01 {
		position: absolute;
		left: 40px;
		top: -10px;
		z-index: ;
	}
	
		#content.startpage .bottom_pictures .pic_01:after {
			content: url(/images/frame_1.png);
			position: absolute;
			left: -26px;
			top: -20px;
		}
	
	#content.startpage .bottom_pictures .pic_02 {
		position: absolute;
		left: 230px;
		top: -26px;
		z-index: ;
	}
	
		#content.startpage .bottom_pictures .pic_02:after {
			content: url(/images/frame_2.png);
			position: absolute;
			left: -29px;
			top: -22px;
		}
	
	#content.startpage .bottom_pictures .pic_03 {
		position: absolute;
		left: 370px;
		top: 36px;
		z-index: ;
	}
	
		#content.startpage .bottom_pictures .pic_03:after {
			content: url(/images/frame_3.png);
			position: absolute;
			left: -20px;
			top: -17px;
		}
	
	#content.startpage .bottom_pictures .pic_04 {
		position: absolute;
		left: 120px;
		top: 110px;
		z-index: ;
	}
	
		#content.startpage .bottom_pictures .pic_04:after {
			content: url(/images/frame_4.png);
			position: absolute;
			left: -20px;
			top: -18px;
		}
	
	#content.startpage .bottom_pictures .pic_05 {
		position: absolute;
		left: 285px;
		top: 110px;
		z-index: ;
	}
	
		#content.startpage .bottom_pictures .pic_05:after {
			content: url(/images/frame_5.png);
			position: absolute;
			left: -19px;
			top: -88px;
		}

#content.startpage .bottom_pictures.set2 {
	position: relative;
	/*margin: 130px -60px -100px -38px;*/
	background-color:#f1f1f1;
	height: 170px;
}	
/** --- content_head --- **/

.content_head {
	margin: 0px -50px 40px -42px;
	padding: 0px 50px 0px 42px;
	border-bottom: 0px;
	padding-bottom:8px;
}

.content_head.candle {
	background-image: url(media/kerze_01.png);
	background-position: 24px -7px;
	background-repeat: no-repeat;
	padding-left: 80px;
}


.content_head p {
	width: 500px;
}


/** --- page --- **/

#content .back {
	float: left;
	background-color:#dddddd;
	color: #fff;
	font-size: 12px;
	padding: 3px 8px 3px 18px;
	margin-left: -38px;
	background-image: url(/images/back_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	margin-right: 14px;
	margin-top: 5px;
	-webkit-border-radius: 0px 2px 2px 0px;
	-khtml-border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}

#content .back:hover {
	background-color:#d6d6d6;
}


body {
	font-family: Arial;
	font-size: 0.9em;
	color: #898989;
}

#container {
	background-image: url(/images/header_background.png);
	background-repeat:repeat-x;
	position: relative;
}
		
#content .headline_1 {
	display: block;
	margin-bottom: 20px;
	font-size: 24px;
}

#content .headline_2 {
	display: block;
	margin-bottom: 10px;
	margin-top: 20px;	
}

#content .headline_3 {
	display: block;
	margin-bottom: 17px;
	margin-top: 8px;	
	color: #929191;
}

#content .description {
	margin-bottom: 30px;
}

#main {
	width: 940px;
	margin: 0 auto 70px auto;
	position: relative;
}

#main #content {
	float: right;
	margin: 5px 0 0 0;
	width: 475px;
	background-color:#fff;
	min-height: 400px;
	position: relative;
	min-height: 500px;
	padding: 31px 60px 50px 38px;
}


	#main #content:before {
		content: url(/images/shadeoben.png);
		position: absolute;
		top: -14px;
		left: 0;
		z-index: -1;
	}
	
	#main #content:after {
		content: url(/images/bigshade.png);
		position: absolute;
		bottom: -10px;
		left: -2px;
		z-index: -1;
	}


#main #sidebar .music_control {
	height: 24px;
	background-image: url(media/music_control.png);
	background-repeat: no-repeat;
	background-position:right 0;
	float: left;
	margin: 16px 0px 26px 30px;
	padding-left: 5px;
	width: 220px;
	font-size: 14px;
	color:#a3a3a3 ;
	
}

#main #sidebar .more {
	text-align: center;
	font-size: 13px;
	color: #a6a6a6;
	padding: 2px 0px;
	margin-bottom: 14px;
	margin-top:6px;
}

#main #sidebar .more:hover {
	color: #676767;
}

#main #sidebar .candle_button {
	background-image:url(/images/candle_button.png);
	background-repeat:no-repeat;
	display: block;
	width: 213px;
	height: 48px;
	margin-left: 65px;
	padding-top: 42px;
	padding-left: 54px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	color:#6c6c6c;
	font-family: georgia;
	font-size: 18px;
}

#main #sidebar .candle_button:hover {
	color: #535353;
	
}

	
	#main #sidebar:after {
		content: url(/images/smallshade.png);
		position: absolute;
		bottom: -11px;
		left: 0;
		z-index: -1;
	}
	

#main #sidebar .teaser { 
	border-bottom: 1px solid #ebebeb;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	
	}	
	
	#main #sidebar .teaser .title {
		margin: 2px 5px 6px 0;
		
	}
	
	#main #sidebar .teaser img {
		margin: -10px 10px 0 13px;
		background-color:transparent;
		
	}

	
	
#main .sidebar_container {
	float: left;
	width: 290px;
	min-height: 80px;
	margin-top: 12px;
	position: relative;
	background-color: #fff;
	padding: 30px 30px 30px 30px
}

	#main .sidebar_container p .headline_2 {
		margin-bottom: 9px;
		display: block;
	}
	
	.headl_2 {
		margin-bottom: 7px;
		display: block;
	}	

	#main .sidebar_container p {
		margin-bottom: 14px;
	}
	
	#main .sidebar_container a:hover {
		color: #535353;
	}
		
	#main .sidebar_container:after {
		content: url(/images/smallshade.png);
		position: absolute;
		bottom: -11px;
		left: 0;
		z-index: -1;
	}

/** --- sub_head --- **/
	
#sub_head {
	width: 960px; /** +2x119px **/
	margin: 0 auto;
	height: 298px;
	position: relative;
	background-image: url(/images/sub_header.png);
	background-position: 0px 23px;
	background-repeat:no-repeat;
}

#sub_head .bigpic {
	position: absolute;
	top: 48px;
	right: 10px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-khtml-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}


#sub_head #person {
	position: absolute;
	top: 64px;
	left: 30px;
	width: 350;
	height: 217px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.9)
}

	#sub_head #person .name {
		font-size: 22px;
		width: 170px;
		bottom: 140px;
		left: 155px;
		color: #373737;
		position: absolute;
		text-align: center;
		background-image:url(/images/person_line.png);
		background-repeat: no-repeat;
		background-position: bottom;
		padding-bottom: 20px;	
		line-height: 22px;

	}

	#sub_head #person .dates {
		font-size: 13px;
		line-height: 18px;
		width: 170px;
		bottom: 42px;
		left: 155px;
		color: #313131;
		position: absolute;
		text-align: center;
		font-family: georgia;
	}
		
	#sub_head #person .dates span.born {
		padding-left: 17px;
		background-image: url(/images/person_icon_born.png);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		margin-left: -3px;
		}
		
	#sub_head #person .dates span.died {
		padding-left: 16px;
		background-image: url(/images/person_icon_died.png);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		margin-left: -3px;
		}
	

#sub_head #navigation {
	list-style: none;
	position: absolute;
	height: 45px;
	width: 940px;
	margin-top: 0px;
	padding-left: 13px;
}
	
		#navigation li {
			float: left;
		}
		
		#navigation li:first-child a {
			float: left;
			border-left:0px;
		}
		
		#navigation li:last-child {
			/*float: right;*/
		}
		
		#navigation li:last-child a {
			/*background-image: url(/images/navigation_facebook_icon.png);*/
			background-repeat: no-repeat;
			background-position: 10px 15px;
			padding-left: 35px;
			font-size: 12px;
			font-family: arial;
			/*color: #c9c9c9;*/
			color: #fff;
		}
		
		#navigation li:last-child a:hover {
			color: #c9c9c9;
		}
		
		#navigation li.current a {
			background-image: url(/images/navigation_current.png);
			background-repeat: no-repeat;
			background-position: center 0px;
		}
		
		#navigation li.current a:hover {
			cursor: normal;
			color: #fff;
		}
		
		#navigation li a {
			display: block;
			padding: 5px 6px 0px 6px;
			color: #c0c0c0;
			font-size: 18px;
			height: 37px;
			line-height: 37px;
			text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
			font-family: georgia;
		}	
		
		#navigation li a:hover {
			color: #fff;
		}



/** --- head --- **/

#head {
	width: 940px; /** +2x119px **/
	margin: 0 auto;
	height: 95px;
	position: relative;
	background-image: url("/images/head_background.png");
}

#logo {
	position: absolute;
	top: 20px;
	left: 14px;
}

#head span.author {
	position: absolute;
	top: 39px;
	right: 16px;
	text-align: right;
	color: #93979c;
	font-size: 13px;
}

span.author a {
	color: #767b82;
}


span.author a:hover {
	text-decoration: underline;
}

		
#infobar_button {
	position: absolute;
	top: -1px;
	right: 0px;
	padding: 4px 9px 4px 9px;
	background-color: #7e95b1;
	-webkit-border-radius: 0px 0px 2px 2px;
	-khtml-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
	border-bottom:1px solid #738caa;
	font-family:arial;
	font-size: 12px;
	color: #fff;
	background-image: url(/images/home_button_up.png);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	padding-left: 20px;
}

#infobar_button.down {
	background-image: url(/images/home_button_down.png);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	padding-left: 20px		
}
	
#blackLayer {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
}	

#content.startpage a:hover {
    text-decoration: underline;
}


.eintraglink {
	font-size: 15px;
	padding-right: 16px;
	background-image: url(/images/arrow_leave.png);
	background-position: right 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: -43px -20px 0 0;
	text-decoration: underline;
	
}
.eintraglink:hover {
	text-decoration: none;
}

/*******************
* Beginn Geschenke *
********************/

#items {
	width: 350px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	background: #FFF;
}
.show_items {
	background: url(/images/gift-right.png) top right no-repeat;
	width: 95px;
	height: 27px;
	float: right;
	margin: 26px 17px 0 0;
	cursor: pointer;
	line-height: 15px;
	padding: 0 7px 0 0;
}
.show_items:hover {
	background-position: bottom right;
}
.close_items {
	background: url(/images/close1-sprite.png) top center no-repeat;
	width: 12px;
	height: 12px;
	top: 10px;
	right: 10px;
	position: absolute;
	cursor: pointer;
	display: none;
}
.close_items:hover {
	background-position: bottom center;
}
.items_placed div.empty:hover {
	background-image: url("/images/slot-new.png");
}
.new_item, .new_item_box input[type="submit"] {
	background: url(/images/button-gift.png) top no-repeat;
	float: right;
	width: 163px; 
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}
.new_item {
	display: none;
	margin: 23px 38px 0 0;
}
.new_item:hover {
	background: url(/images/button-gift.png) bottom no-repeat;
}
.new_item.disabled {
	opacity: 0.3;
}
.new_item.disabled:hover {
	background: url(/images/button-gift.png) top no-repeat;
}
#placepresent:hover {
	background: url(/images/button-gift.png) bottom no-repeat;
}
.new_item_box .text {
	position: relative;
	margin: 20px auto 0;	
	width: 792px;
}
.new_item_box p {
	float: left;
	width: 620px;
	margin-left: -35px;
}
.new_item_box input[type="submit"] {
	border: none;
	float: right;
	font-family: Arial;
	font-size: 14.4px;
}
.new_item_box {
	width: 940px;
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	background: url(/images/bg-verlauf2.png) repeat-x;
	overflow: hidden;
	height: 178px;
}
.new_item_box .text .error {
	color: #FF0000;
	display: none;
	font: 10px Arial;
	position: absolute;
	top: -16px; 
	right: -14px;
}
.items_placed {
	float: left;
	padding: 0 0 0 17px;
}
.items_placed div {
	overflow: hidden;
	background: url(/images/slot.png) no-repeat center center;
	display: inline-block;
	height: 80px;
	position: relative;
	width: 61px;
	cursor: pointer;
}
.items_placed div.grayed:hover {
    opacity: 1;
}
.items_placed div:hover {
    overflow: visible;
}
.items_placed span.f {
	background-color: #FFF;
	left: -87px;
	opacity: 0;
	position: absolute;
	bottom: 85px;
	width: 185px;
	border-radius: 3px;
	text-align: center;
	padding: 20px 15px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
}
#items.animation .items_placed span.f {
	display: none;
}
.items_placed span.f:after {
	background: url(/images/pfeil-runter.png) no-repeat;
	bottom: -20px;
	content: " ";
	height: 20px;
	left: 98px;
	position:absolute;
	width: 45px;	
}	
.items_placed b {
	display: block;
	margin: 0 0 5px;
}
.items_placed div:hover span.f {
	display: block;
	opacity: 1;
}
.items_option {
    border: 1px solid #CCC;
    border-radius: 2px;
    height: 78px;
    overflow: hidden;
    position: relative;
    text-align: center;
	width: 839px; 
	padding: 0 40px 0 25px;
	margin: 20px auto 10px;
	background-color: #FFF;
}
.items_option div, .items_option label {
    cursor: pointer;
    display: inline-block;
    height: 73px;
    width: 61px;
}
.items_option div {
    margin: 0 0 0 10px;
}
.items_option .ml, .items_option .mr, .items_placed .ml, .items_placed .mr {
    cursor: pointer;
    display: block;
    height: 44px;
    position: absolute;
    top: 16px;
    width: 22px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.items_option .ml {
    background-image: url(/images/ebene3-left.png);
    left: 19px;
}
.items_option .mr {
    background-image: url(/images/ebene3-right.png);
    right: 19px;
}
.items_placed .ml {
    background-image: url(/images/ebene2-left.png);
    display: none;
    left: 40px;
}
.items_placed .mr {
    background-image: url(/images/ebene2-right.png);
    display: none;
    right: 260px;
}
.items_option .ml, .items_option .mr {
	width: 22px;
	height: 44px;
	top: 16px;
}
.items_placed .ml, .items_placed .mr { 
	height: 37px;
	top: 22px;
	width: 18px;
}
/*
.items_option .end, .items_placed .end {
	cursor: not-allowed;
	background-position: center top!important;
}
*/
.items_option .end, .items_placed .end {
	background-position: center top;
}
.items_placed div.grayed {
	opacity: 0.3;
}
.open1 .items_placed div {
	margin: 0 7px 0 0;
}
.open1 .items_placed {
	padding: 0;
}
#new_item {
	opacity: 1;
}
.scroll .items_placed {
	margin: 0 0 0 23px;
}
.new_open #new_item:after {
    background: url(/images/pfeil-hoch2.png) no-repeat center top;
    bottom: 0;
    content: " ";
    display: block;
    height: 7px;
    left: 25px;
    position: absolute;
    width: 12px;
}
#items .s1, .sc1 {
    background-image: url(/images/items/item1.png);
}
#items .s2, .sc2 {
    background-image: url(/images/items/item2.png);
}
#items .s3, .sc3 {
    background-image: url(/images/items/item3.png);
}
#items .s4, .sc4 {
    background-image: url(/images/items/item4.png);
}
#items .s5, .sc5 {
    background-image: url(/images/items/item5.png);
}
#items .s6, .sc6 {
    background-image: url(/images/items/item6.png);
}
#items .s7, .sc7 {
    background-image: url(/images/items/item7.png);
}
#items .s8, .sc8 {
    background-image: url(/images/items/item8.png);
}
#items .s9, .sc9 {
    background-image: url(/images/items/item9.png);
}
#items .s10, .sc10 {
    background-image: url(/images/items/item10.png);
}
#items .s11, .sc11 {
    background-image: url(/images/items/item11.png);
}
#items .s12, .sc12 {
    background-image: url(/images/items/item12.png);
}
#items .s13, .sc13 {
    background-image: url(/images/items/item13.png);
}
#items .s14, .sc14 {
    background-image: url(/images/items/item14.png);
}
#items .s15, .sc15 {
    background-image: url(/images/items/item15.png);
}
#items .s16, .sc16 {
    background-image: url(/images/items/item16.png);
}
#items .s17, .sc17 {
    background-image: url(/images/items/item17.png);
}
#items .s18, .sc18 {
    background-image: url(/images/items/item18.png);
}
#items .s19, .sc19 {
    background-image: url(/images/items/item19.png);
}
#items .s20, .sc20 {
    background-image: url(/images/items/item20.png);
}
#items .s21, .sc21 {
    background-image: url(/images/items/item21.png);
}
#items .s22, .sc22 {
    background-image: url(/images/items/item22.png);
}
#items .s23, .sc23 {
    background-image: url(/images/items/item23.png);
}
#items .s24, .sc24 {
    background-image: url(/images/items/item24.png);
}
#items .s25, .sc25 {
    background-image: url(/images/items/item25.png);
}
#items .s26, .sc26 {
    background-image: url(/images/items/item26.png);
}
#items .s27, .sc27 {
    background-image: url(/images/items/item27.png);
}
#items .s28, .sc28 {
    background-image: url(/images/items/item28.png);
}
#items .s29, .sc29 {
    background-image: url(/images/items/item29.png);
}
#items .s30, .sc30 {
    background-image: url(/images/items/item30.png);
}
#items .s31, .sc31 {
    background-image: url(/images/items/item31.png);
}
#items .s32, .sc32 {
    background-image: url(/images/items/item32.png);
}
#items .s33, .sc33 {
    background-image: url(/images/items/item33.png);
}
#items .s34, .sc34 {
    background-image: url(/images/items/item34.png);
}
#items .s35, .sc35 {
    background-image: url(/images/items/item35.png);
}
#items .s36, .sc36 {
    background-image: url(/images/items/item36.png);
}
#items .s37, .sc37 {
    background-image: url(/images/items/item37.png);
}
#items .s38, .sc38 {
    background-image: url(/images/items/item38.png);
}
#items .s39, .sc39 {
    background-image: url(/images/items/item39.png);
}
#items .s40, .sc40 {
    background-image: url(/images/items/item40.png);
}
#items .s41, .sc41 {
    background-image: url(/images/items/item41.png);
}
#items .s42, .sc42 {
    background-image: url(/images/items/item42.png);
}
#items .s43, .sc43 {
    background-image: url(/images/items/item43.png);
}
#items .s44, .sc44 {
    background-image: url(/images/items/item44.png);
}
#items .s45, .sc45 {
    background-image: url(/images/items/item45.png);
}
#items .s46, .sc46 {
    background-image: url(/images/items/item46.png);
}
#items .s47, .sc47 {
    background-image: url(/images/items/item47.png);
}
#items .s48, .sc48 {
    background-image: url(/images/items/item48.png);
}
#items .s49, .sc49 {
    background-image: url(/images/items/item49.png);
}
#items .s50, .sc50 {
    background-image: url(/images/items/item50.png);
}
#items .s51, .sc51 {
    background-image: url(/images/items/item51.png);
}
#items .s52, .sc52 {
    background-image: url(/images/items/item52.png);
}
#items .s53, .sc53 {
    background-image: url(/images/items/item53.png);
}
#items .s54, .sc54 {
    background-image: url(/images/items/item54.png);
}
#items .s55, .sc55 {
    background-image: url(/images/items/item55.png);
}
#items .s56, .sc56 {
    background-image: url(/images/items/item56.png);
}
#items .s57, .sc57 {
    background-image: url(/images/items/item57.png);
}
#items .s58, .sc58 {
    background-image: url(/images/items/item58.png);
}
#items .s59, .sc59 {
    background-image: url(/images/items/item59.png);
}
#items .s60, .sc60 {
    background-image: url(/images/items/item60.png);
}
#items .s61, .sc61 {
    background-image: url(/images/items/item61.png);
}
#items .s62, .sc62 {
    background-image: url(/images/items/item62.png);
}
#items .s63, .sc63 {
    background-image: url(/images/items/item63.png);
}
#items .s64, .sc64 {
    background-image: url(/images/items/item64.png);
}

#items .s65, .sc65 {
	background-image: url(/images/items/item65.png);
}

#items .s66, .sc66 {
	background-image: url(/images/items/item66.png);
}

#items .s67, .sc67 {
	background-image: url(/images/items/item67.png);
}

#items .s68, .sc68 {
	background-image: url(/images/items/item68.png);
}

#items .s69, .sc69 {
	background-image: url(/images/items/item69.png);
}

#items .s70, .sc70 {
	background-image: url(/images/items/item70.png);
}

#items .s71, .sc71 {
	background-image: url(/images/items/item71.png);
}

#items .s72, .sc72 {
	background-image: url(/images/items/item72.png);
}

#items .s73, .sc73 {
	background-image: url(/images/items/item73.png);
}

#items .s74, .sc74 {
	background-image: url(/images/items/item74.png);
}

#items .s75, .sc75 {
	background-image: url(/images/items/item75.png);
}

#items .s76, .sc76 {
	background-image: url(/images/items/item76.png);
}

#items .s77, .sc77 {
	background-image: url(/images/items/item77.png);
}

#items .s78, .sc78 {
	background-image: url(/images/items/item78.png);
}

#items .s79, .sc79 {
	background-image: url(/images/items/item79.png);
}

#items .s80, .sc80 {
	background-image: url(/images/items/item80.png);
}

#items .s81, .sc81 {
	background-image: url(/images/items/item81.png);
}

#items .s82, .sc82 {
	background-image: url(/images/items/item82.png);
}

#items .s83, .sc83 {
	background-image: url(/images/items/item83.png);
}

#items .s84, .sc84 {
	background-image: url(/images/items/item84.png);
}

#items .s85, .sc85 {
	background-image: url(/images/items/item85.png);
}

#items .s86, .sc86 {
	background-image: url(/images/items/item86.png);
}

#items .s87, .sc87 {
	background-image: url(/images/items/item87.png);
}

#items .s88, .sc88 {
	background-image: url(/images/items/item88.png);
}

#items .s89, .sc89 {
	background-image: url(/images/items/item89.png);
}

#items .s90, .sc90 {
	background-image: url(/images/items/item90.png);
}

#items .s91, .sc91 {
	background-image: url(/images/items/item91.png);
}

#items .s92, .sc92 {
	background-image: url(/images/items/item92.png);
}

#items .s93, .sc93 {
	background-image: url(/images/items/item93.png);
}

#items .s94, .sc94 {
	background-image: url(/images/items/item94.png);
}

#items .s95, .sc95 {
	background-image: url(/images/items/item95.png);
}

#items .s96, .sc96 {
	background-image: url(/images/items/item96.png);
}

#items .s97, .sc97 {
	background-image: url(/images/items/item97.png);
}

#items .s98, .sc98 {
	background-image: url(/images/items/item98.png);
}

#items .s99, .sc99 {
	background-image: url(/images/items/item99.png);
}

#items .s100, .sc100 {
	background-image: url(/images/items/item100.png);
}

#items .s101, .sc101 {
	background-image: url(/images/items/item101.png);
}

#items .s102, .sc102 {
	background-image: url(/images/items/item102.png);
}

#items .s103, .sc103 {
	background-image: url(/images/items/item103.png);
}

#items .s104, .sc104 {
	background-image: url(/images/items/item104.png);
}

#items .s105, .sc105 {
	background-image: url(/images/items/item105.png);
}

#items .s106, .sc106 {
	background-image: url(/images/items/item106.png);
}

#items .s107, .sc107 {
	background-image: url(/images/items/item107.png);
}

#items .s108, .sc108 {
	background-image: url(/images/items/item108.png);
}

#items .s109, .sc109 {
	background-image: url(/images/items/item109.png);
}

#items .s110, .sc110 {
	background-image: url(/images/items/item110.png);
}

#items .s111, .sc111 {
	background-image: url(/images/items/item111.png);
}

#items .s112, .sc112 {
	background-image: url(/images/items/item112.png);
}

#items .s113, .sc113 {
	background-image: url(/images/items/item113.png);
}

#items .s114, .sc114 {
	background-image: url(/images/items/item114.png);
}

/*******************
* Ende Geschenke *
********************/

/************************
* Beginn Geschenkelayer *
************************/

.layerbox {
	top: 80px;
	left: 0;
	position: fixed;
	width: 100%;
	/*display: none;*/
	z-index: 100;
	font-size: 14px;
	color: #828282;
	font-family: Arial;
}

.layerbox > div {
	height: 425px;
	background: #FFF;
	margin: 0 auto;
	padding: 25px 50px 45px;
	position: relative;
	width: 850px;
	z-index: 200;
}
.layerbox span.close {
	background: url(/images/close-x.png) no-repeat;
	cursor: pointer;
	position: absolute;
	right: 15px; top: 14px;
	height: 19px; width: 19px;
	display: block;
	    
	text-indent: -9000px;
}
.layerbox h2 {
	font: 22px Arial;
	color: #555;
}
.layerbox h4 {
	font: 22px Arial;
	color: #555;
}

.layerbox textarea {
	border: 1px solid #CBCBCB;
	font:13px verdana, arial, sans-serif;
	padding: 20px;
	width: 800px;
	height: 150px;
	margin: 1px 0 20px 0;
	display: block;
	background: #f9f9f9;
	color: #828282;
	resize: none;
}

.layerformold {
	margin:0 0 4px;
	overflow:hidden;
	float: left;
	width: 900px;
}
.layerform .captcha{
	margin:20px 0 4px 0;
	overflow:hidden;
	float: left;
}
.layerform label {
	float:left;
	font-size:14px;
	margin:0 13px 0 0;
	padding:6px 0 0;
	width:135px;
	color: #555;
}
.layerform input {
	border: 1px solid #cbcbcb;
	background: #f9f9f9;
	color: #828282;
	font-size: 13px;
	margin: 7px 2px 0 0;
	padding:6px;
	width: 270px;
}

.layercaptcha {
	float: right;
	margin:-40px 270px 0 0;
}

.layersubmit {
	float: right;
	margin: -58px 580px 0 0;
	width: 150px;
}

.layersubmit2 {
}

.layerform .inp_err {
	border: 1px solid #d93431; 
	background: #ffe3e2;
}

.layerbox a.close {
	background: url(/images/close-x.png) no-repeat;
	cursor: pointer;
	font: 18px/28px Arial,sans-serif;
	height: 19px;
	position: absolute;
	text-indent: -9000px;
	right: 15px; top: 14px;
	width: 19px;
}

.layerbox.wh > div {
	background: #FFF;
	width: 700px;
	height: auto;
	padding: 75px 50px 10	0px;
}

#la9 > div, #la7 > div {
overflow: hidden;
}

#la7 .cinput {
	margin: 0 auto;
	overflow: hidden; 
	width: 395px;
}

#la7 .cinput label {
    color: #8C8C8C;
    float: left;
    margin: 8px 0 0 15px;
    text-align: center;
    width: 130px;
}

.presentconfirm {
	margin: 30px auto;
}

.layerbox.wh.noli > div {
	padding-bottom: 50px;
}
.cointext {
	background: url(images/coin1.png) left center no-repeat;
	padding: 10px 0 10px 80px; 
	margin: 0 0 25px;
}
.cointext h2 {
	margin: 0;
}
#content .cointext p {
	margin: 2px 0 0;
}
.paylist {
	list-style: none;
	font-size: 15px;
}
.paylist b {
	color: #6b6b6b;
	display: inline-block;
	width: 33px;
	text-align: center;
}
.paylist li {
	margin: 0 0 12px;
}
.paylist a {
	color: #747474;
	cursor: pointer;
	display: block;
	width: 660px;
	height: 58px;
	line-height: 58px;
	position: relative;
	border: 1px solid #C6C6C6;
	padding: 0 0 0 20px;
}
.paylist a:hover {
	text-decoration: none;
	background: #F3F3F3;
}
.paylist span {
	font: 14px Arial;
	position: absolute;
	right: 10px;
	top: 12px;
	display: block;
	width: 120px;
	height: 36px;
	background: url(/images/auswaehlen_button.png) no-repeat;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0px -1px 0px #719542;
	line-height: 36px;
	text-align: center;
	padding: 0 17px 0 0;
}


.paylist2 {
	list-style: none;
	font: 13px Arial;
}
.paylist2 b {
	color: #6b6b6b;
	margin: 0 0 5px;
	display: block;
}
.paylist2 li {
	margin: 0 0 12px;
}
.paylist2 a {
	color: #747474;
	cursor: pointer;
	display: block;
	width: 660px;
	position: relative;
	border: 1px solid #C6C6C6;
	padding: 15px 0 15px 20px;
}
.paylist2 a:hover {
	text-decoration: none;
	background: #F3F3F3;
}
.paylist2 img {
	position: absolute;
	right: 25px; top: 13px;
}

.steps {
list-style: none;
background: #EDEDED;
position: absolute;
top: 0;
left: 0;
width: 800px;
height: 45px;
color: #adadad;
font-size: 14px;
line-height: 45px;
font-family: Arial;
}
.steps li:first-child:before {
	display: none;	
}

.steps li {
float: left;
padding: 0 0 0 10px;
margin: 0 15px 0 50px;
background: url(/images/step2.png) left center no-repeat;
position: relative;
}

.steps li:before {
background: url(/images/arrow-payment.png) left center no-repeat;
position: absolute;
left: -40px;
width: 9px;
height: 45px;
content: "";
top: 0;
}

.steps span {
color: #FFF;
padding: 0 28px 0 0;
text-shadow: 1px 1px 1px #9e9e9e;
font-weight: bold;
}

.steps .active {
color: #7f7f7f;
background-position: 0 9px;
padding-bottom: 9px;
background-image: url(/images/step1.png);
}

.steps .active span {
text-shadow: 1px 1px 1px #7ea64f;
}

.cinput input, .cinput textarea {
	border: 1px solid #cbcbcb;
	color: #4c4c4c;
	float: left;
	font-size: 13px;
	margin: 0 2px 0 20px;
	padding: 4px;
	width: 195px;
}

.ablist {
overflow: hidden;
font-size: 12px;
width: 750px;
height: 230px;
position: absolute;
bottom: 0;
left: 0;
padding: 0 0 0 50px;
background: url(/images/bg-verlauf.png) repeat-x;
font-family: Arial;
}

.ablist ul {
list-style: none;
float: left;
margin: 10px 20px 0 0;
}

.ablist li {
color: #9e9e9e;
line-height: 18px;
padding: 28px 0 28px 77px;
background: left center no-repeat;
}

.ablist .li1 {
background-image: url(/images/siegel-thumb.png);
}

.ablist .li2 {
background-image: url(/images/siegel-handshake.png);
padding: 20px 0 20px 72px;
}

.ablist .li3 {
background-image: url(/images/siegel-secure.png);
}

.ablist .li4 {
background-image: url(/images/siegel-tuevsued.png);
}

.ablist b {
color: #6b6b6b;
display: block;
font-weight: normal;
}

.presentconfirm input {
background: url(/images/button-save.png) no-repeat;
border: medium none;
color: #FFFFFF;
cursor: pointer;
font-family: Arial;
font-weight: bold;
height: 36px;
line-height: 36px;
text-align: center;
text-shadow: 0px -1px 0px #7EA64F;
font-size: 14px;
width: 226px;
}

#payment_layer {
    list-style: none outside none;
    margin: 65px 0 0;
}
#payment_layer li {
    background-position: 30px center;
    background-repeat: no-repeat;
    border: 1px solid #E4E4E4;
    border-radius: 1px 1px 1px 1px;
    height: 65px;
    line-height: 65px;
    margin: 0 0 10px;
}
#payment_layer li:hover {
    background-color: #F9F9F9;
}
#payment_layer li span {
    margin-left: 250px;
}
#payment_layer li a {
    float: right;
    margin: 17px 20px;
	width: 100px;
}
#payment_layer .paypal {
    background-image: url("/images/paypal-logo.png");
}
#payment_layer .lastschrift {
    background-image: url("/images/sofortuberweisung.png");
}
#payment_layer .handy {
    background-image: url("/images/handy.png");
}
#payment_layer .telefon {
    background-image: url("/images/telefon.png");
}

/************************
* Ende Geschenkelayer *
************************/
.memcandlelink:hover {
	text-decoration: underline;	
}