@charset 'utf-8';

/**************************************************************************************
								DATEIVERSION	: 2008_06_02
**************************************************************************************/

@media all
{
/**************************************************************************************
								RESET
**************************************************************************************/
* { 
	padding:					0; 
	margin:						0; 
}


body {
	text-align:					center;
	font-size:					12px;
	font-family:				Arial, Helvetica, Verdana, Geneva, sans-serif;
	line-height:				normal;
	color:						#666666;
	
	padding:					0; 
	margin:						0; 
	
	background-color:			#ececec;
	border:						0;
}

img{ border:0;}

h1{	font-size:24px; color:#005675; margin:0; padding:0; text-transform:none; line-height:24px; }
h2{ font-size:17px;	color:#005675; margin:0; padding:0; text-transform:none; line-height:24px; }
h3{ font-size:14px; color:#005675; margin:0; padding:0; text-transform:none; line-height:20px; }
h4{	font-size:16px; color:#005675; margin:0; padding:0; text-transform:none; line-height:20px; }
h5{	font-size:12px; color:#005675; margin:0; padding:0; text-transform:none; line-height:14px; }
h6{	font-size:11px;	color:#005675; margin:0; padding:0; text-transform:none; }

p {
	color:						#666666;
	line-height:				18px;
	font-size:					12px;
}

ol, ul,  li{
	list-style:					none;
	
	margin:						0;
	padding:					0;
}

label { cursor: pointer; cursor:hand; border:none; }

input, button, select, textarea , option{
	font-size:					12px;
	background-color:			#ffffff;
}

fieldset { border:none; }


a{ font-size:12px; color:#ff00cc; text-decoration:underline; outline:none; cursor: pointer; cursor:hand; }
a:hover{  color:#c7c4ad;  text-decoration:underline; outline:none; }
a.active {  color:#a742d9; outline:none; }


.left{ float:left	!important; }
.right{ float:right	!important; }


a.greyHover{ color:#666666	!important;}
a:hover.greyHover{ color:#999999	!important;}

/****************************		 	MARGIN 		***********************/
.top_margin_01{ margin-top:0 !important; }
.top_margin_02 { margin-top:26px	!important; }
.top_margin_03{ margin-top:17px	!important; }
.top_margin_04{ margin-top:14px	!important; }
.top_margin_05{ margin-top:8px	!important; }
.top_margin_06{ margin-top:2px	!important; }
.top_margin_07{ margin-top:-8px	!important; }
.top_margin_08{ margin-top:-4px	!important; }


.right_margin{ margin-right:0 !important; }
.bottom_margin{ margin-bottom:0 !important; }
.left_margin{ margin-left:0 !important; }
.bottom_padding{ padding-bottom:0 !important; }

/****************************		 	COLORS  & BORDERS		***********************/
.bgcolor_01{ background-color:#dbe5e7	!important; } 
.bgcolor_02{ background-color:#ffffff	!important; } 
.bgcolor_03{ background-color:#e5e5e5	!important; }





.color_01{ color:#333333	!important;}
.color_02{ color:#666666	!important;}
.color_03{ color:#005675	!important;}
.color_04{ color:#ffffff	!important;}





.borderColor_01 { border:1px solid #01394a; }
.borderColor_02 { border:1px solid #cccccc; }
.borderColor_03 { border:1px solid #666666; }




.noRow{ display:none	!important; }
.noBorder{ border: 0px solid #ffffff	!important; }
.noBorderBottom{ border-bottom: 0px solid #ffffff	!important; }

.noPadding{ padding: 0	!important; }
.noMargin{ margin: 0	!important; }

.five_border{ 
	clear:						both	!important;
	float:						left	!important;
	
	width:						100%	!important;
	height:						5px		!important;
	
	margin: 					0;	

	line-height:				1px;
	font-size:					1px;
}
.one_border_gap{ 
	float:							left;
	width:							1px;
	min-height:						195px	!important;
	height:							auto	!important;
	background-color:				#cccccc;
}
* html .one_border_gap{height:195px	!important; }
html + body .one_border_gap{height:195px	!important; }




.height_01{ height:129px	!important; }
.height_02{ height:169px	!important; }
.height_03{ height:208px	!important; }
.height_04{ height:165px	!important; }
.height_05{ height:125px	!important; }
.height_06{ height:16px		!important; }
.height_07{ height:23px		!important; }
.height_08{ height:62px		!important; }
.height_09{ height:87px		!important; }
.height_10{ height:249px		!important; }
.width_00 {	width:100%	!important; }
.width_01 {	width:863px	!important; }
.width_02 {	width:627px	!important; }
.width_03 {	width:203px	!important; }
.width_04 {	width:885px	!important; }
.width_05 {	width:664px	!important; }
.width_06 {	width:338px	!important; }
.width_07 {	width:892px	!important; }




/****************************		 	BOXES 		***********************/
.box_01{ 
	width:						676px		!important;
	height:						346px		!important;
}

.box_01_2{ 
	width:						686px		!important;
	height:						346px		!important;
}

.box_01_3{ 
	width:						672px		!important;
	/* min-height:					346px		!important; */
	min-height:					30px		!important;
	height:						auto		!important;
}
* html .box_01_3{height:30px	!important; }
html + body .box_01_3{height:30px	!important; }

.box_02{ 
	width:						908px		!important;
	min-height:					486px		!important;
	height:						auto		!important;
}

.box_03{ width:664px !important; }
.box_04{ 
	width:						209px		!important;
	
	height:						325px		!important;	
	_height:					337px		!important;	
	
	margin-right:				6px			!important;	
}

.box_05{ 
	width:						898px		!important;
	min-height:					186px		!important;
	height:						auto		!important;
}



/****************************		 	FORMULARE 		***********************/
.select_01 { width:164px; color:#333333	!important;}
.select_02 { width:417px; color:#333333	!important;}
.select_03 { width:164px; color:#333333 !important; margin-left: 3px; margin-right:6px;} /* Die Sortier Selectbox im A-channel */


.input_01 { 	width:158px; }
.input_02 { 	width:358px; }
.input_03 { 	width:414px; }
.input_04 { 	width:197px; }
.input_05 { 	width:200px; }
.input_06 { 	width:410px; }
.input_07 { 	width:194px; }


.textfield{	   
	font-size: 					11px;
	font-family: 				Arial, Helvetica, sans-serif; 
	color: 						#666666;

	text-decoration: 			none;
	
	padding:					1px 2px 1px 2px;
}

.textfield_error{	   
	font-size : 				11px	!important; 
	font-family: 				Arial, Helvetica, sans-serif; 
	/* font-weight:				bold; */
	text-decoration: 			none;
	padding:					3px 0px 1px 0px;
	color: 						#ff00cc	!important; 
}
.borderColor_error { border:1px solid #ff00cc; }

.inputdefault{
	border:						none	!important; 
	margin:						0;
	padding: 					0;
}






.overlibfgclass 	{ background-color:#ffffff; }
.overlibbgclass{
	width:						340px;
	/* height:						184px; */
	
	font-family: 				Arial, Helvetica, sans-serif; 
	font-size:					12px;
	
	text-align:					left;
	background-color:			#ffffff;
	color:						#424126;
	
	border-width:				1px; 
	border-color:				#e3e0c9; 
	border-style:				solid;
} 

.moduleRowSelected { background-color: #d3a0ec	!important; }
.moduleRowOver { background-color: #e3e0c9	!important; }
.moduleRow { background-color: 	#f1efe4	!important; }

.line{
	clear:						both;
	float:						left;
	
	width:						100%;

	margin: 					0;	
	border-bottom:				1px solid #cccccc;
	
	line-height:				1px;
	font-size:					1px;
}

.cursorStyle{ cursor: pointer; cursor:hand; }



/**************************************************************************************
								CORPUS/ BORDER
**************************************************************************************/
#corpus{
	position:					relative;

	width:						944px;
	margin:						0px auto 0px auto;

	text-align: 				left;
	
	z-index:					0	!important;
}


#border{
	width:						944px;
	text-align: 				left; 
}	





/**************************************************************************************
								HEADER
**************************************************************************************/
#header{
	position:					relative;
	clear:						both;
	float:						left;
	
	width:						944px;
	height:						99px;
	
	background-image:			url('../img/bgr_header_verlauf.gif');
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	z-index:99999	!important;
}

/* #header .logo{
	position:					absolute;
	
	top:						0;
	left:						-133px;
	
	z-index:					-1	!important;
} 

#header .logo a{
	position:					absolute;
	
	width:						230px;
	height:						84px;
	
	top:						6px;
	left:						90px;

	background:					transparent;
} */  
#header .logo_li{
	position:					absolute;
	z-index:					0	!important;

	top:						0;
	left:						0px;
	
	width:						490px;
	height:						72px;
	
	background-image:			url('../img/logo_hmpf_li.png');
	background-position:		0 0;
	background-repeat:			no-repeat;
} 

#header .logo_re{
	position:					absolute;
	z-index:					0	!important;

	top:						0;
	left:						-133px;
	
	width:						133px;
	height:						188px;
	
	background-image:			url('../img/logo_hmpf_re.png');
	background-position:		0 0;
	background-repeat:			no-repeat;
} 
#header .logo_li a{
	position:					absolute;
	
	width:						187px;
	height:						67px;
	
	top:						6px;
	left:						0px;
}
#header .logo_re a{
	position:					absolute;
	
	width:						43px;
	height:						84px;
	
	top:						6px;
	left:						90px;
}



#header .beta_test {
	position:					absolute;
	
	width:						73px;
	height:						24px;
	
	top:						16px;
	left:						196px;
	
	display:none	!important;
}

#header .beta_forum {
	position:					absolute;
	
	width:						109px;
	height:						9px;
	
	top:						50px;
	left:						196px;
display:none	!important;
}



/**************************************************************************************
								MAIN NAVIGATION
**************************************************************************************/
#nav_main{
	position:					absolute;
	z-index:					99999	!important;
	
	top:						auto;
	left:						0;
	bottom:						0;
	
	width:						944px;
	height:						26px;
	
	background-color:			#014256;
	border-top:					0px solid #bdd0d4;
}

#nav_main ul.left{
	float:						left;
	width:						462px;
}

#nav_main ul.left li{
	float:						left;
	
	height:						26px;	
	margin:						0;
}

#nav_main ul.left li a {
	display:					block;
	
	width:						154px;
	height:						26px;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}

a#btn_auction_channel{
	display:					block;
	
	width:						154px;
	min-height:					26px;
	height:						auto;

	background-image: 			url(../img/bgr_nav_main.gif);
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}
* html a#btn_auction_channel{height:26px;}
html + body a#btn_auction_channel{height:26px;}

a#btn_auction_channel.active,
a#btn_auction_channel:hover{
	background-position:		0px -26px;
}



a#btn_auction_studio{
	min-height:					26px;
	height:						auto;

	background-image: 			url(../img/bgr_nav_main.gif);
	background-position:		-154px 0px;
	background-repeat:			no-repeat;
}
* html a#btn_auction_studio{height:26px;}
html + body a#btn_auction_studio{height:26px;}

a#btn_auction_studio.active,
a#btn_auction_studio:hover{
	background-position:		-154px -26px	!important;
}
a#btn_auction_studio.activetemp{
	background-position:		-154px -26px		!important;
}



a#btn_blog{
	background-image: 			url(../img/bgr_nav_main.gif);
	background-position:		-308px 0px;
	background-repeat:			no-repeat;
}

a#btn_blog.active,
a#btn_blog:hover{
	background-position:		-308px -26px;
}

/* ######### Style for Drop Down Menu ######### */
.position_01{
	position:					absolute		!important;

	top: 						99px			!important;
	left:						154px			!important;
	
	z-index:					99999			!important;
}

.dropmenudiv{
	position:					absolute		!important;
	z-index:					99999			!important;

	visibility: 				hidden;
	line-height:				26px;

	width: 						228px;
	min-height:					52px			!important;
	height:						auto			!important;

	padding:					0px 0px 0px 0px;

	background-color:			#cfdde1			!important;

	border-right:				1px solid #014256;
	border-bottom:				1px solid #014256;
	border-left:				1px solid #014256;
}
* html .dropmenudiv {height:52px	!important;}
html + body .dropmenudiv {height:52px	!important;}

.dropmenudiv a{
	display:					block;
	
	width:						213px;
	height:						22px;
	
	margin:						0px 8px 0px 0px;
	padding:					4px 0px 0px 15px;
	
	color:						#014256;
	font-size:					12px;
	
	line-height:				18px;
	text-decoration:			none;
}
* html .dropmenudiv a{ width: 100%; }

.dropmenudiv a.active,
.dropmenudiv a:hover{
	color:						#333333;
	text-decoration:			none;
	background-color: 			#ffffff;
}

.nav_main_style:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.nav_main_style ul li a[rel]:after{ content: " "; }




/****************************			RIGHT 		***********************/
#nav_main ul.right{
	float:						right;
	width:						442px;
	
	margin:						4px 8px 0px 0px;
}

#nav_main ul.right li{
	float:						right;
	
	height:						20px;
	margin:						0px 0px 0px 0px;
}

#nav_main ul.right li a {
	display:					block;
	
	height:						17px;
	padding:					3px 0px 0px 0px;
	
	color:						#cdd5dd;
	text-decoration:			none;
	text-align:					center;
	
	background-color:			#014256;
	border:						1px solid #014256;
}

#nav_main ul.right li a:hover,
#nav_main ul.right li.active a {
	display:					block;
	
	color:						#014256;
	background-color:			#e5e5e5;
	border:						1px solid #6b94a0;
}

a.btn_about_hmpf{ width:85px; }
a.btn_neu_registrieren{ width:107px; }
a.btn_login{ width:50px; }
.active a.btn_login{
	width:						50px;
	border-bottom:				1px solid #e5e5e5	!important;
}
a.btn_weiterempfehlen{ width:112px; }
a.btn_hilfe_faq{ width:78px; }




/**************************************************************************************
								META NAVIGATION
**************************************************************************************/
#nav_meta{
	position:					relative;
	z-index:					10;
	
	top:						13px;
	right:						19px;

	
	float:						right;
	width:						654px;
	height:						52px;
}

#nav_meta ul{
	float:						right;
	height:						72px;	
}

#nav_meta ul li{
	clear:						both;
	float:						right;
	
	width:						654px;
	height:						18px;
	margin:						0px 0px 9px 0px;
}

#nav_meta ul li span,
#nav_meta ul li a {
	display:					block;
	float:						left;

	font-size:					11px;
	color:						#ffffff;
	line-height:				14px;
	
	margin:						0;
	padding:					0px 4px 0px 4px;
}

#nav_meta ul li label{
	float:						right;
	
}

#nav_meta span{
	display:					block;
	padding:					0px 1px 0px 1px;
	color:						#ffffff;
}

#nav_meta .textfield{	   
	height:						15px;
	margin:						0;
}


#nav_meta select {
	font-family:				Arial,"Times New Roman", Times;
	font-size:					11px;
	color:						#999999;
	
/* 	height:						17px; */
	margin:						0;						
	
	border:						1px solid #01394a;
}

#nav_meta label {
	display:					block;
	float:						left;
	
	margin:						0px 0px 0px 4px;
}



/**************************************************************************************
								LOGIN LAYER
*************************************************************************************/		
#loginLayerNav{
	position:					absolute;
	z-index:					11;
	
	right:						202px;
	top:						99px;
	
	text-align:					left;
	font-size:					11px	!important;
	color:						#666666;
	
	background-color:			#e5e5e5;
	padding:					20px 15px 10px 15px;
	
	border-left:				1px solid #6b94a0	!important;
	border-right:				1px solid #6b94a0	!important;
	border-bottom:				1px solid #6b94a0	!important;
}


.inpText{ margin:10px 0px 0px 0px	!important; }


#loginLayerRandom label,
#loginLayerRandom a, 	
#loginLayerNav label,
#loginLayerNav a, 
.inpText_01{
	margin:						0;
}

#loginLayerRandom a,	
#loginLayerNav a{
	color:						#7e7e7e;
	font-size:					11px;
}
#loginLayerNav a:hover{
	color:						#999999;
}

#dankeLayer p,
#loginLayerRandom p,
#loginLayerNav p{
	float:						left;
	
	width:						206px;
	margin:						8px 0px 10px 0px	!important;
		
	font-size:					11px;
	line-height:				normal				!important;
}

#loginLayerRandom label,	
#loginLayerNav label{
	font-size:					10px;
}

.inpText_01{
	width:						200px;
	
	margin-bottom:				4px;
	border:						1px solid #7c7c7c	!important;
}

.inpText_02{
	width:						86px				!important;
	border:						none				!important;
}

.btnLogin{
	float:						right;
	
	width:						86px;
	height:						19px;
	
	margin:						-4px 0px 0px 0px;
	
	background-image:			url('../img/btn_anmelden.gif');
	background-position:		0px 0px;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}

#loginLayerRandom{
	position:					absolute;
	z-index:					11;
	
	left:						280px;
	top:						200px;
	
	text-align:					left;
	font-size:					11px;
	color:						#666666;
	
	background-color:			#e5e5e5;
	padding:					20px 15px 10px 15px;
	
	border:						1px solid #6b94a0	!important;
}



#account_loeschenLayer{
	position:					absolute;
	z-index:					11;
	
	left:						280px;
	top:						200px;
	
	text-align:					left;
	font-size:					11px;
	color:						#666666;
	
	background-color:			#e5e5e5;
	padding:					20px 15px 10px 15px;
	
	border:						1px solid #6b94a0	!important;
}

#account_loeschenLayer p{
	float:						left;
	width:						206px;

	margin:						0 0 8px 0;
}




#dankeLayer{
	position:					absolute;
	/* z-index:					11; */
	 z-index:					100000;  /* damit der thx layer ueber den stoerer liegt */
	
	left:						350px;
	top:						200px;
	
	text-align:					left;
	font-size:					11px;
	color:						#666666;
	
	background-color:			#e5e5e5;
	padding:					20px 15px 10px 15px;
	
	border:						1px solid #6b94a0	!important;
}

#dankeLayer a {
	font-size:					11px				!important;
}

#dankeLayer h5.tippTxt{
	width:						206px;
	margin:						56px 0px 0px 0px	!important
}
#dankeLayer p.tippTxt{
	width:						206px;
	font-size:					11px				!important;
	margin:						0					!important;
}

#dankeLayer,
#loginLayerNav ,
#loginLayerRandom,
#account_loeschenLayer{ width:206px	!important; _width:236px	!important;} 



#empfehlenLayer{
	position:					absolute;
	z-index:					11;
	
	left:						150px;
	top:						160px;
	
	text-align:					left;
	font-size:					11px;
	color:						#666666;
}


#bewertenLayer{
	float:						left;
	position:					relative 			!important;
	z-index:					99999 				!important;
	
	right:						-84px;
	top:						-16px;
	
	width:						190px				!important;
	
	margin:						0px -240px 0px 0px;
	
	text-align:					left;
	font-size:					11px;
	color:						#666666;
	
	background-color:			#e5e5e5;
	padding:					0px 15px 12px 15px;
	
	border:						1px solid #6b94a0	!important;
}

#bewertenLayer ul {
	float:						right;
	margin:						-21px -16px 0px 0px;
	
	border-top:					1px solid #6b94a0	!important;
	border-left:				1px solid #6b94a0	!important;
	border-right:				1px solid #6b94a0	!important;
}

#bewertenLayer ul.right li a {
	display:					block;
	
	height:						17px;
	padding:					3px 10px 0px 10px;
	
	color:						#014256;
	text-decoration:			none;
	text-align:					center;
	
	background-color:			#e5e5e5;
}

#bewertenLayer p{
	float:						left;
	width:						176px;

	margin:						16px 0 8px 0;
}

#bewertenLayer .rating{
	float:						left;
	width:						178px;
	height:						20px;
	border:						1px solid #cccccc;
	background:					#ffffff;
	
	margin:						-8px 0 0 0;
	padding:					0 0 0 7px;
	
	background-image:			url('../img/bgr_rating_verlauf.gif');
	background-position:		50%;
	background-repeat:			no-repeat;
}

#bewertenLayer .rating a{
	display:					block;
	float:						left;
	
	width:						32px;
	height:						9px;
	
	margin:						6px 3px 0px 0px;
	background:					transparent;
}





/**************************************************************************************
								PAGER NAVIGATION
**************************************************************************************/
#nav_brows{
	position:					relative;
	float:						left;
	right:						0;
	top:						0;
	
	width:						905px;
	height:						15px;
	
	margin:						11px 0px 0px 0px;
}

#nav_brows form{ padding-right:8px; }
#nav_brows select{ margin-top:-3px; _margin-top:0px; }
#nav_brows ul{
	float:						left;
	width:						490px;
	
	padding:					0px 16px 0px 8px;
}

#nav_brows ul li{
	margin:						0;
	text-align:					left;
	vertical-align:top;
}

#nav_brows a{
	padding:					0px 3px 0px 1px;
	color:						#ffffff;
	
	text-decoration:			none;
	background-color:			transparent;
	vertical-align:top;
}

#nav_brows a:hover{
	color:						#ffffff;
	text-decoration:			underline;
}
#nav_brows a.active{
	color:						#aec5cc;
	text-decoration:			none;
}
#nav_brows span{
	padding:					0px 0px 0px 1px;
	color:						#ffffff;
	vertical-align:top;
}

#nav_brows ul.right{
	text-align:					left	!important;
	margin:						0;
	padding:					0px 0px 0px 8px;
	
	width:						370px;
}


#nav_brows ul.right li a{
	display:					block;
	float:						right;
	width:						46px; 

	color:						#ffffff;
	
	text-decoration:			none;
	background-color:			transparent	!important;
}

#nav_brows ul.right li a:hover{color:#aec5cc; }
#nav_brows ul.right li span{
	display:					block;
	float:						right;
	
	color:						#ffffff;
}





/**************************************************************************************
								CONTENT
**************************************************************************************/
#content{
	position:					relative;
	clear:						both;
	float:						left;
		
	width:						942px;
	min-height:					500px;
	height:						auto;
	
	margin:						0;
	
	border-left:				1px solid #cccccc;
	border-right:				1px solid #cccccc;
	
	background-color:			#ffffff;
	
	z-index:					0	!important;
}
* html #content{height:500px;}
html + body #content{height:500px;}


#content_column_01{
	float:						left;

	width:						688px;
	min-height:					348px;
	height:						auto;
	
	margin:						8px 0px 0px 16px;
}
* html #content_column_01{height:348px	!important;}
html + body #content_column_01{height:348px	!important;}


#content_column_02{
	float:						left;
	
	width: 						238px;
	min-height:					348px;
	height:						auto;
	
	margin:						8px 0px 0px 0px;
}
* html #content_column_02{height:348px;}
html + body #content_column_02{height:348px;}


#content_column_03{
	clear:						both;
	float:						left;
	
	min-height:					26px;
	height:						auto;
	
	width: 						910px;
	margin:						8px 0px 0px 16px;
}
* html #content_column_03{height:26px;}
html + body #content_column_03{height:26px;}


#content_column_04{
	clear:						both;
	float:						left;
	
	min-height:					26px;
	height:						auto;
	
	width: 						910px;
	margin:						8px 0px 0px 16px;
	_margin:					8px 0px 0px 8px;
}
* html #content_column_04{height:26px;}
html + body #content_column_04{height:26px;}

/**************************************************************************************
								CONTENT  COLUMN_01
**************************************************************************************/
.defaultText{
	float:						left;
	width:						624px;
}

h2.defaultText{ margin:0px 0px 11px 0px	; }
p.defaultText { margin:0px 0px 13px 0px; }

ul.defaultText {
	list-style:					disc outside;

	line-height:				18px;
	font-size:					12px;
	
	margin:						0px 0px 0px 0px;
	padding:					0px 0px 31px 18px;
}



.defaultContainer{
	clear:						both;
	float:						left;
}

.defaultBoxBorder{
	float:						left;
	
	padding:					5px;
	border:						1px solid #cccccc;
	
	margin:						0px 0px 0px 0px;
}

.defaultBox{
	float:						left;
	
	width:						100%;
	height:						100%; 
	
	background:					#ffffff;
}



.defaultSprungMarken {
	
	float:						left;
	margin:						17px 0px 17px 0px;
}

.defaultSprungMarken a{
	display:					block;
	clear:						both;
	float:						left;
	margin:						0px 0px 7px 0px;
}


/**************************************************************************************
								HOME
**************************************************************************************/
.clipHome_01 {
	position:					relative		!important;
	z-index:					0				!important;

	float:						left;
	width:						423px;
	height:						317px;
}

.clipHome_02 {
	position:					relative		!important;
	z-index:					0				!important;
	
	float:						left;
	width:						425px;
	height:						346px;
	
	border:						1px solid #cccccc;
}

.clipTxtHome {
	float:						left;
	width:						238px;
	height:						315px;
}

.clipTxtHome  ul{
	margin:						0px 8px 0px 10px;
}

.clipTxtHome  ul li{
	margin:						16px 0px 0px 0px;
}

.clipTxtHome h3{
	color:						#022b46				!important;
	line-height:				18px				!important;	
}

.clipBlancoHome{
	float:						left;
	width:						243px;
	height:						348px;
	
	margin:						0px 0px 0px 8px;
}

.icon_triangle_clip_text{
	float:						left;

	padding-left:				16px;
	background-image:			url('../img/icon_triangle_clip_text.gif');
	background-position:		0 3px;
	background-repeat:			no-repeat;
}

.clipButtonHome {
	position:					relative				!important;
	z-index:					99999					!important;
	
	clear:						both;
	float:						left;
	
	width:						676px;
	height:						30px;
}





/**************************************************************************************
								CONTENT  COLUMN_02
**************************************************************************************/
.teaserHeader{
	width:						220px;
	height:						20px;

	border-left:				1px solid #cccccc;
	border-top:					1px solid #cccccc;
	border-right:				1px solid #cccccc;
	
}

.teaserHeader span,
.teaserHeader a{
	display:					block;
	
	width:						194px;
	height:						19px;
	
	font-size:					11px;
	color:						#ffffff;
	line-height:				14px;
		
	margin:						0;
	padding:					3px 8px 0px 16px;
	
	text-decoration:			none				!important;
	
	border:						1px solid #ffffff;
	border-bottom:				0px solid #ffffff	!important;
	
	background-color:			#005675;
}

.teaserHeader a:hover{ color:#aec5cc; }

.teaserBox01{
	width:						220px;
	
	margin:						0px 0px 4px 0px;
	
	border:						1px solid #c3c3c3;
	border-top:					1px solid #005675;
	background-color:			#ffffff;
}

.teaserBox01.scrollBar{
	overflow:					hidden;
	overflow:					scroll;
	overflow-x:					hidden;
}

.teaserBox01 ul{
	width:						181px;
	margin:						10px 8px 10px 16px;	
}

.teaserBox01 ul li.infoTxt{
	font-size:					10px;
	color:						#999999;
	line-height:				13px;
	
	margin:						4px 0px 0px 0px;
	padding:					0px;
}

.teaserBox01 ul li.describeTxt{
	font-size:					11px;
	line-height:				16px;
	color:						#666666;

	text-decoration:			underline;
	
	margin:						1px;
	padding:					0px 0px 10px 0px;
}

.teaserBox01 ul li .linkDefault{
	font-size:					11px				!important;
	line-height:				14px				!important;
}

.teaserBox01 ul li .describeLink{
	display:					block;
	
	font-size:					10px				!important;
	line-height:				14px				!important;
	color:						#666666				!important;
}

.teaserBox01 ul li :hover.describeLink{
	color:						#999999				!important;
}

.teaserBox01 ul li img{
	border:						1px solid #cccccc	!important;
}

.teaserBox01 .defaultTxt a,
.teaserBox01 .defaultTxt{
	height:						49px;
	
	font-size:					11px;
	line-height:				16px;
	margin:						4px 16px 10px 16px;

	overflow:					hidden;
}

.teaserBox01 .defaultTxt a{
	font-size:					11px;
	line-height:				16px;
	
	margin:						0;
}

.teaserBox02{
	width:						220px;
	
	margin:						0px 0px 4px 0px;
	
	border:						1px solid #c3c3c3;
	background-color:			#ffffff;
}




/**************************************************************************************
								CONTENT  COLUMN_03
**************************************************************************************/
#nav_reiter{
	float:						left;
	
	width:						910px;
	height:						26px;	
} 

#nav_reiter ul li{
	float:						left;
	vertical-align:				middle;
	
	margin:						0px 1px 0px 0px;
}

#nav_reiter ul li a{
	float:						left;
	height:						20px;

	font-size : 				12px;
	font-family: 				Arial, Helvetica, sans-serif; 
	text-decoration: 			none;
	text-align:					center;
	color:						#052730;
	
	padding:					6px 0px 0px 0px;
	
	background-image: 			url(../img/bgr_nav_reiter_bar.gif);
	background-position:		0 0;
	background-repeat:			repeat-x;
}

#nav_reiter ul li a:hover,
#nav_reiter ul li.active a{
	height:						20px;
	padding:					6px 0px 0px 0px;
	
	color:						#ffffff;
	
	background-image: 			url(../img/bgr_nav_reiter_bar.gif);
	background-position:		0 -26px;
	background-repeat:			repeat-x;
}

#nav_reiter ul li.last_reiter  span,
#nav_reiter ul li a span,
#nav_reiter ul li a:hover span,
#nav_reiter ul li.active a span{
	float:						left;
	margin:						0;
	cursor:						pointer;
}

#nav_reiter ul li strong,
#nav_reiter ul li a strong{
	float:						left;
	font-style:					normal;	
	
	width:						5px;
	height:						26px;

	margin-top:					-6px;
	
	background-image: 			url(../img/bgr_nav_reiter_end.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
}

#nav_reiter ul li.active a strong,
#nav_reiter ul li a:hover strong{
	background-position:		0 -26px;
}


#nav_reiter ul li em,
#nav_reiter ul li a em{ 
	float:						left;
	font-style:					normal;
	
	width:						5px;
	height:						26px;
	
	margin-top:					-6px;
	
	background-image:			url(../img/bgr_nav_reiter_end.gif);
	background-position:		-5px 0;
	background-repeat:			no-repeat;
} 
#nav_reiter ul li.active a em,
#nav_reiter ul li a:hover em{
	background-position:		-5px -26px;
}


#nav_reiter .width_01{ width:150px	!important; }
#nav_reiter .width_02{ width:122px	!important; }
#nav_reiter .width_03{ width:183px	!important; }
#nav_reiter .width_04{ width:116px	!important; }
#nav_reiter .width_05{ width:295px	!important; }

#nav_reiter ul li.last_reiter{
	float:						left;

	height:						26px;
	margin:						0;
	
	background-image: 			url(../img/bgr_nav_reiter_bar.gif)	!important;
	background-position:		0px -52px	!important;
	background-repeat:			repeat-x	!important;
}

#nav_reiter ul li.last_reiter strong{
	float:						left;
	font-style:					normal;	
	
	width:						5px;
	height:						26px;

	margin-top:					0px;
	
	background-image: 			url(../img/bgr_nav_reiter_end.gif);
	background-position:		0 -52px;
	background-repeat:			no-repeat;
}

#nav_reiter ul li.last_reiter em{
	float:						right;
	font-style:					normal;	
	
	width:						5px;
	height:						26px;

/* 	margin-top:					-15px; */
	margin-top:					0px;
	
	background-image: 			url(../img/bgr_nav_reiter_end.gif);
	background-position:		-5px -52px;
	background-repeat:			no-repeat;
}





/**************************************************************************************
								GALLERY
**************************************************************************************/
.gallery{
	clear:						both;
	float:						left;

	width:						910px;
	min-height:					31px;
	height:						auto;
	
	margin:						0px 0px 30px 0px;
	background-color:			#0a5164;
}
* html .gallery{height:31px;}
html + body .gallery{height:31px;}



.gallerySearch{
	clear:						both;
	float:						left;

	min-height:					35px;
	height:						auto;
	
	margin:						0px 0px 30px 0px;
	background-color:			#0a5164;
}
* html .gallery{height:35px;}
html + body .gallery{height:35px;}


.searchResult a:hover h3{
	color:						#528ba0	!important;
}
.searchResult a span{
	display:					block; 
	float:						right;
	
	width:						12px;
	height:						9px;
	
	margin:						-14px 7px 0px 0px;
	
	background-image: 			url(../img/btn_icon_sucheergebnis.gif);
	background-position:		100% 0px;
	background-repeat:			no-repeat;
	
}

.searchResult a:hover span{ 
		background-position:		100% -9px;
} 

.gallery_prev{
	float:						left;
	
/* 	width:						885px; */
	min-height:					190px;
	height:						auto;
	
	margin:						10px 0px 10px 11px;
	border:						1px solid #bbbbbb;
	background-color:			#ffffff;
}
* html .gallery_prev{height:190px;}
html + body .gallery_prev{height:190px;}



#content_column_02 .gallery_box{
	position:					relative;
	float:						left;
	
	width:						195px;
	min-height:					160px;
	height:						auto;
	
	color:						#999999				!important;
	background-color:			#ffffff;
}
* html #content_column_02 .gallery_box{height:160px;}
html + body #content_column_02 .gallery_box{height:160px;}

.gallery_box{
	position:					relative;
	float:						left;
	
	width:						220px;
	height:						195px;
	
	color:						#999999				!important;
	background-color:			#ffffff;
}

.gallery_box  .galleryImage {
	position:					relative;
	z-index:					10;
	
	top:						11px;
	left:						15px;
	
	width:						190px				!important;
	height:						142px				!important;


	margin:						0px 0px 0px 0px;
	background-color:			#ffffff				!important;
	
	border-collapse:			collapse			!important;
	border-spacing: 			1px					!important;
	border-color:				#cccccc				!important;	
}

.gallery_box  .galleryImage td{
	border-collapse:			collapse			!important;
	border-spacing: 			0px					!important;
	border: 					1px solid #cccccc	!important;
	
	vertical-align:				middle				!important;
	text-align:					center				!important;
	
	width:						190px				!important;
	
	/* background-color:			#ffffff				!important; */
}

.gallery_box  .galleryImage.noBorderBottom td{
	border-bottom: 				0px solid transparent	!important;
}

.gallery_box .galleryImage span{
	display:					block;
	height:						14px;
	margin:						1px 6px 1px 0px;

	text-align:					right;
	font-size:					11px;
	color:						#999999;
}

.gallery_box .galleryImage span.auctionCategorie{
	float:left; color:#dd5616; padding-left:8px;
}


.gallery_box  .layer_01{
	position:					absolute;
	z-index:					191;
	
	top:						0px;
	left:						0px;
	
	width:						220px				!important;
	height:						195px				!important;
	
	background-color:			#ffffff;
	-moz-opacity: 				0.9;
	opacity:					.90;
	filter:						alpha(opacity=90);

	text-align:					left;
}

.gallery_box  .layer_01 .headline{
	float:						left;
	width:						194px;
	
	color:						#333333				!important;

	font-size:					11px;
	line-height:				14px;
	text-transform:				uppercase;
	
	margin:						14px 0px 0px 0px	!important;
}

.gallery_box  .layer_01 p{
	color:						#333333				!important;

	font-size:					10px;
	line-height:				14px;
	text-transform:				none;
		
	margin:						0px 0px 0px 14px;
}

.gallery_box  .layer_01 p .headline{
	float:						left;
	width:						194px;
	color:						#333333				!important;

	font-size:					11px;
	line-height:				14px;
	text-transform:				uppercase;
	text-decoration:			underline;
	
	margin:						14px 0px 0px 0px	!important;
}

.gallery_box  .layer_02{
	position:					absolute;
	z-index:					121;
	
	top:						0px;
	left:						0px;
	
	width:						220px				!important;
	height:						195px				!important;
	
	background-image: 			url(../img/layer_auction_abgelaufen_03.png);
	background-position:		0 0					!important;
	background-repeat:			no-repeat;
	
	background-color:			transparent;
}

.gallery_box  .layer_01  .galleryFooter{
	position:					absolute			!important;
	z-index:					120;
	top:						auto;
	left:						14px;
	bottom:						11px;

	width:						192px;
	height:						31px;
}

.gallery_box .galleryFooter{
	position:					relative			!important;
	z-index:					100;
	
	left:						14px;
	top:						11px;

	width:						192px;
	height:						31px;
}

.gallery_box .galleryFooter p{
	color:						#999999				!important;
	font-size:					10px;
	line-height:				14px;
	
	width:						192px;
	height:						28px;

	margin:						4px 0px 4px 0px;
	overflow:					hidden;
}

.auction_01.left{
	float:						left;
	width:						588px;
}

.auction_01.right{
	float:						right;
	width:						310px;
	margin:						14px 10px 0px 0px;
}

.auction_01.right h3{
	margin:						0px 0px 16px 0px;
}

.auction_01.right p{
	clear:						both;
	margin:						0px 0px 7px 0px;
}
.auction_01 .auctionMiddle{
	float:						left;
	width:						310px;
	margin-bottom:				7px;
}

.auction_01.right .topIntroFixTop{
	height:						200px;
	
	margin:						36px 0px 0px 0px;
	overflow:					hidden;
}

.linkList { 
	font-size:					11px;
	line-height:				16px;
	
	margin:						0px 0px 10px 0px;
}

.linkList  a{ 
	font-size:					11px;
	color:						#666666;
}

.linkList .header img{ 
	vertical-align:				top;
	margin:						2px 0px 0px 2px;
}

.linkList .body img{ 
	vertical-align:				top;
	margin:						2px 0px 0px 0px;
}

.linkList .body span{ 
	margin:						0px 4px 0px 0px;
	
	font-size:					10px;
	color:						#666666;
	vertical-align:				middle;
}

.linkList .body a{ 
	margin:						4px 8px 0px 4px;
	
	text-decoration:			underline;
	font-size:					10px;
	color:						#666666;
	vertical-align:				middle;
}
.linkList .body  a:hover{ 
	color:						#999999;
}

.icon_vote_stars{
	display:					inline-block;
	
	width:						59px;
	height:						11px;

	margin:						-2px 4px 0px 0px;
	
	background-image: 			url(../img/icon_vote_stars.gif);
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}

.icon_vote_stars.star_01{
	background-position:		0px -11px;
}

.icon_vote_stars.star_02{
	background-position:		0px -22px;
}
.icon_vote_stars.star_03{
	background-position:		0px -33px;
}
.icon_vote_stars.star_04{
	background-position:		0px -44px;
}
.icon_vote_stars.star_05{
	background-position:		0px -55px;
}






#auction_clip_03,
#auction_clip_02,
#auction_clip_01{
	position:					relative;
	top:						0;
	left:						0;
}

#stoerer_01{
	position:					absolute;
	top:						155px;
	left:						572px;
	
	background:					transparent !important;
}

#stoerer_02{
	position:					absolute;
	top:						163px;
	left:						572px;
	
	margin:						41px 0px 0px 0px;
	background:					transparent !important;
}

#stoerer_03{
	position:					absolute;
	top:						84px;
	left:						572px;
	
	z-index:					99999;
	margin:						41px 0px 0px 0px;
	background:					transparent !important;
}

#stoerer_04{
	position:					absolute;
	top:						76px;
	left:						556px;
	
	margin:						41px 0px 0px 0px;
	background:					transparent !important;
}

#stoerer_05{
	position:					absolute;
	top:						193px;
	left:						572px;
	
	margin:						41px 0px 0px 0px;
	background:					transparent !important;
}

#hmpf_playa{ z-index:1	!important;}
#img_stoerer{ z-index:1000	!important;  background:transparent !important; }

.stoererBlanco{
	float:						left;
	width:						165px;
	min-height:					173px;
	height:						auto;	
}
* html .stoererBlanco{height:143px;}
html + body .stoererBlanco{height:143px;}


.actionInfos{
	float:						left;
	width:						142px;
	min-height:					173px;
	height:						auto;
}
* html .actionInfos{height:143px;}
html + body .actionInfos{height:143px;}



.actionInfos dt{ line-height:12px; }
.actionInfos dd{ margin:0px 0px 5px 0px; color:#666666	!important;}
.actionInfos dd h4{ color:#666666	!important; }

.auction_01.bottom{
	/* clear:						both; */
	float:						left;
	
	width:						898px;
	padding:					5px 0px 0px 10px;
}

.auction_01.bottom label{
	margin:						0px 0px 0px 10px;
	padding:					0px 0px 0px 0px;
}

.auction_01.bottom label input{
	height:						14px	!important;
	font-size:					11px	!important;
	line-height:				11px	!important;
}




.preloader{
	float:						left;
	
	width:						572px;
	height:						458px;

	border-right:				1px solid #cccccc;
}





/**************************************************************************************
								GENERATOR
**************************************************************************************/
.generator{
	float:						left;
	width:						908px;
	
	padding:					0px 0px 8px 0px;
}

.generator h2{
	float:						left;
	width:						180px;
}

.borderThin{ 
	clear:						both;
	float:						left;
	
	width:						100%;

	margin: 					0;	
	border-bottom:				1px solid #548692;
	
	line-height:				1px;
	font-size:					1px;
}

.borderThick { 
	clear:						both;
	float:						left;
	
	width:						100%;
	
	margin: 					1px 0 0 0;	
	border-bottom:				2px solid #548692;
	
	line-height:				1px;
	font-size:					1px;
}


	
	
.selfClips{
	float:						left;
	
	width:						728px;
	height:						16px;
	
	margin:						4px 0px 0px 0px;
}

.selfClips li.schritt_10{
	float:						left;
	width:						161px;
	height:						16px;
	
	background-image: 			url(../img/btn_selfclips.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
}
.selfClips li.schritt_10.active{ background-position:0 -32px; }
.selfClips li.schritt_10.hover{ background-position:0 -16px; }


.selfClips li.schritt_20{
	float:						left;
	width:						132px;
	height:						16px;
	
	background-image: 			url(../img/btn_selfclips.gif);
	background-position:		-161px 0;
	background-repeat:			no-repeat;
}
.selfClips li.schritt_20.active{ background-position:-161px -32px; }
.selfClips li.schritt_20.hover{ background-position:-161px -16px; }

.selfClips li.schritt_30{
	float:						left;
	width:						88px;
	height:						16px;
	
	background-image: 			url(../img/btn_selfclips.gif);
	background-position:		-293px 0;
	background-repeat:			no-repeat;
}
.selfClips li.schritt_30.active{ background-position:-293px -32px; }
.selfClips li.schritt_30.hover{ background-position:-293px -16px; }






.hmpfClips{
	float:						left;
	
	width:						728px;
	height:						16px;
	
	margin:						4px 0px 0px 0px;
}

.hmpfClips li.schritt_10{
	float:						left;
	width:						161px;
	height:						16px;
	
	background-image: 			url(../img/btn_hmpfclips.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
}
.hmpfClips li.schritt_10.active{ background-position:0 -32px; }

.hmpfClips li.schritt_20{
	float:						left;
	width:						132px;
	height:						16px;
	
	background-image: 			url(../img/btn_hmpfclips.gif);
	background-position:		-161px 0;
	background-repeat:			no-repeat;
}
.hmpfClips li.schritt_20.active{ background-position:-161px -32px; }

.hmpfClips li.schritt_30{
	float:						left;
	width:						150px;
	height:						16px;
	
	background-image: 			url(../img/btn_hmpfclips.gif);
	background-position:		-293px 0;
	background-repeat:			no-repeat;
}
.hmpfClips li.schritt_30.active{ background-position:-293px -32px; }

.hmpfClips li.schritt_40{
	float:						left;
	width:						88px;
	height:						16px;
	
	background-image: 			url(../img/btn_hmpfclips.gif);
	background-position:		-444px 0;
	background-repeat:			no-repeat;
}
.hmpfClips li.schritt_40.active{ background-position:-444px -32px; }







.funClips{
	float:						left;
	
	width:						728px;
	height:						16px;
	
	margin:						4px 0px 0px 0px;
}

.funClips li.schritt_10{
	float:						left;
	width:						161px;
	height:						16px;
	
	background-image: 			url(../img/btn_funclips.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
}
.funClips li.schritt_10.active{ background-position:0 -32px; }

.funClips li.schritt_20{
	float:						left;
	width:						132px;
	height:						16px;
	
	background-image: 			url(../img/btn_funclips.gif);
	background-position:		-161px 0;
	background-repeat:			no-repeat;
}
.funClips li.schritt_20.active{ background-position:-161px -32px; }



/**************************************************************************************
								CLIP GENERATOR 
**************************************************************************************/
.generatorFormular{
	float:						left;
	width:						630px;
	
	margin:						12px 16px 0px 16px;
	padding:					0px 0px 16px 0px;
}

.generatorFormular h2{ margin:0px 0px 3px 0px; }
.generatorFormular h3{  margin:0px 0px 1px 0px; }
.generatorFormular h5{ margin:-16px 0px 2px 0px; }


.generatorFormular label{
	display:					block;
	clear:						both;
	float:						left;
	
	margin:						0px 0px 4px 0px;
}

.generatorFormular select{
	font-family:				Arial,"Times New Roman", Times;
	font-size:					10px;
	color:						#666666;
	
/* 	height:						17px; */
	margin:						0;						
	
	border:						1px solid #cccccc;
}

.kommentarSource span,
.generatorFormular span{
	font-size:					10px;
	color:						#666666;
}

.generatorFormular p{
	width:						430px;
	font-size:					11px;
	color:						#666666;
	
	margin:						0px 0px 12px 0px;
}

.kommentarSource .left,
.generatorFormular .left{
	float:						left;
	
	padding:					0px 0px 10px 0px;
	margin:						10px 8px 0px 0px;
}

.generatorFormular .right{ 
	float:						right;
	margin:						0		!important;
}
.generatorFormular .left .btn_schliessen_grey.right,
.generatorFormular .left .btn_aendern_grey.right {  width:131px	!important; }
.generatorFormular .right .btn_aendern_grey.right { width:131px	!important; }

.generatorFormular dl{
	float:						left;
	width:						100%;
}

.generatorFormular dt{
	clear:						both;
	float:						left; 
	
	width:						108px;
	margin:						0px 0px 2px 0px;
	
	font-size:					11px;
	color:						#666666;
}

.generatorFormular dd{
	float:						left; 
	
	width:						308px;
	margin:						0px 0px 2px 0px;
	
	font-weight:				bold;
	font-size:					12px;
	color:						#666666;
}

.upload_box{
	float:						left;
	
	width:						208px;
	margin:						5px 3px 0px 0px;
	
	color:						#999999				!important;
}

.upload_box .previewImage td{
	border-collapse:			collapse			!important;
	border-spacing: 			0px					!important;
	border: 					1px solid #cccccc	!important;
	
	vertical-align:				middle				!important;
	text-align:					center				!important;
	
	width:						208px				!important;
	
	background-color:			#000000;
}

.upload_box  .previewImage.noBorder td{
	border: 					0px solid transparent	!important;
}

.upload_box .previewFooter{
	float:						left;

	width:						208px;
	height:						31px;
	
	padding:					8px 0px 0px 0px;
	vertical-align:				middle				!important;
}

.upload_box .previewFooter label{ width:208px	!important; }
.upload_box .previewFooter input{ vertical-align:middle	!important; }

.previewButton{
	clear:						both;
	float:						left;
	
	margin:						24px 0px 0px 0px;
}




.auctionImage {
	position:					relative;
	z-index:					0	!important;
	
	top:						0;
	left:						0;
	
	width:						572px				!important;
	height:						458px				!important;


	margin:						0px 0px 0px 0px;
	background-color:			#ffffff				!important;
	
	border-collapse:			collapse			!important;
	border-spacing: 			1px					!important;
	border-color:				#cccccc				!important;	
	border-right: 				1px solid #cccccc	!important;
}

.auctionImage td{
	border-collapse:			collapse			!important;
	border-spacing: 			0px					!important;
	
	vertical-align:				middle				!important;
	text-align:					center				!important;
	
	
	background-color:			#ffffff				!important;
}







.kommentarSource{
	float:						left;
	
	margin:						12px 16px 16px 16px;
	padding:					0px 0px 0px 0px;
}
.kommentarSource h2,
.kommentarSource h3{
	wi_dth:						630px;
	margin:						0px 0px 7px 0px;
}
	
.kommentarSource p{
	font-size:					12px;
	color:						#666666;
	line-height:				18px;
	
	margin:						0px 0px 12px 0px;
}

.box_03 .line,
.box_05 .line{
	clear:						both;
	float:						left;
	

	margin: 					0px 16px 0px 16px;	
	border-bottom:				1px solid #cccccc;
	
	line-height:				1px;
	font-size:					1px;
}


.kommentarSource .line{
	clear:						both;
	float:						left;

	margin: 					0px 16px 0px 0px;	
	border-bottom:				1px solid #cccccc;
	
	line-height:				1px;
	font-size:					1px;
}

.kommentarDetail{
	font-size:					10px;
}

.numKommentar{
	color:						#005675	!important;
	font-weight:				bold;
}
.autorKommentar{
	font-weight:				bold;
}




/**************************************************************************************
								CLIP GENERATOR HOME
**************************************************************************************/
.bgImage_01{
	width:						100%	!important;
	height:						100%	!important;
	
	background-image: 			url(../img/img_clip_erstellen_start.gif);
	background-position:		5px 10px;
	background-repeat:			no-repeat;
}

.bgImage_02{
	width:						100%	!important;
	height:						100%	!important;
	
	background-image: 			url(../img/img_clip_generator_start.gif);
	background-position:		5px 0;
	background-repeat:			no-repeat;
}

.bgImage_03{
	width:						100%	!important;
	height:						100%	!important;
	
	background-image: 			url(../img/img_clip_ebay_start.gif);
	background-position:		0 10px;
	background-repeat:			no-repeat;
}

.clipTextStart{
	float:						left	!important;
	
	font-size:					11px;
	color:						#666666;
	line-height:				16px;
}

.posClipText_01{
	position:					relative;
	top:						140px;
	left:						86px;

	width:						115px;
}

.posClipText_02{
	position:					relative;
	top:						24px;
	left:						10px;
	
	width:						90px;
}

.posClipText_03{
	position:					relative;
	top:						134px;
	left:						66px;
	
	width:						70px;
}





/**************************************************************************************
								MEIN PROFIL
**************************************************************************************/
.profilFormular{
	float:						left;
	width:						604px;
	
	margin:						12px 16px 0px 44px;
	padding:					0px 0px 16px 0px;
}

.profilFormular h3{  margin:0px 0px 1px 0px; }

.profilFormular fieldset{
	display:					block;
	float:						left;
	width:						100%;
	
	margin:						15px 0px 0px 0px;
}

.profilFormular label{
	display:					block;
	clear:						both;
	float:						left;
	
	width:						203px;
	margin:						0px 0px 4px 0px;
}

.profilFormular span{
	font-size:					10px;
	color:						#666666;
}

/* .profilFormular p{
	width:						430px;
	font-size:					11px;
	color:						#666666;
	
	margin:						0px 0px 12px 0px;
} */
.profilFormular .left{
	float:						left;
	
	padding:					0px 0px 10px 0px;
	margin:						0px 8px 0px 0px;
}

.btn_account_loeschen_grey.left{
	float:						left	!important;
	width:						192px;
	
	padding:					0;
	margin:						0;
}

.profilFormular  .btn_aendern_grey{
	float:						right	!important;
	width:						131px	!important;
	
	padding:					0;
	margin:						0;
}
.profilFormular  .btn_abbrechen_grey{
	float:						right	!important;
	width:						131px	!important;
	
	padding:					0;
	margin:						0px 0px 0px 8px;
}

.profilFormular dl{
	float:						left;
	width:						100%;
	
	margin:						0px 0px 10px 0px;
}

.profilFormular dt{
	clear:						both;
	float:						left; 
	
	width:						108px;
	margin:						0px 0px 2px 0px;
	
	font-size:					12px;
	color:						#666666;
}
.profilFormular dd{
	float:						left; 
	
	width:						308px;
	margin:						0px 0px 2px 0px;
	
	font-size:					12px;
	color:						#666666;
}
























/*************************	HACK FÜR FIREFOX/ MOZILLA	***************************************************/
/* *:not(hr) .upload_box .previewImage td{
   background-color:lime !important; 
} */

div.expand .expandableTab {

	height:						25px;
	_height:					30px; 
	
	padding:					5px 0px 0px 45px;
	
	background-image: 			url(../img/btn_editclips.gif);
	background-position:		0 -62px;
	background-repeat:			no-repeat;
	
	border-bottom:				1px solid #cccccc;
}


div.expand .expandableTab.over{
	color:						#ffffff	!important;
	background-position:		0 -31px;
}

div.expandableOpen { margin:0; }

div.expandableOpen .expandableTab {
	
	margin:						0px 0px 0px 0px;
	
	color:						#005675					!important;
	
	background-image: 			url(../img/btn_editclips.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
}


.sequenz_01, .sequenz_02, .sequenz_03, .sequenz_04, .sequenz_05{
	clear:						both;
	float:						left;
}


div.expand .noExpandableTab {
		
	height:						25px;
	_height:					30px; 
	
	padding:					5px 0px 0px 16px;
	
	backg_round-image: 			url(../img/btn_editclips.gif);
	background-position:		0 -62px;
	background-repeat:			no-repeat;
	
	border-bottom:				1px solid #cccccc;
}




/*************************	HACK FÜR FIREFOX/ MOZILLA	***************************************************/
/* *:not(hr) .upload_box .previewImage td{
   background-color:lime !important; 
} */

div.expand .expandableLink {
	float:						left;
	
	margin:						-8px 0px 10px 0px	!important;
	padding:					0;
	
}


div.expand .expandableLink.over{
	
}

div.expandableOpen { margin:0; }

div.expandableOpen .expandableLink {
	
	
}


.sequenz_01, .sequenz_02, .sequenz_03, .sequenz_04, .sequenz_05{
	clear:						both;
	float:						left;
}


div.expand .noExpandableLink {
	
}














#overlay{
	display:					none;
	position:					absolute;
	z-index:					9000;
	
	top:						0;
	left:						0;
	
	width:						100%;
	height:						100%;
	
	background-color:			#000000;
	-moz-opacity: 				0.7;
	opacity:					.70;
	filter:						alpha(opacity=70);
} 

.empfehlenLayer[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }



/**************************************************************************************
								FOOTER
**************************************************************************************/
#footer{
	position:					relative;
	clear:						both;
	float:						left;
	
	z-index:					10;
	top:						0px;
	
	text-align:					center;
	
	width:						910px;
	height:						45px;

	padding: 					0px 16px 0px 16px;	
	
	border-left:				1px solid #cccccc;
	border-right:				1px solid #cccccc;
	border-bottom:				1px solid #cccccc;
	background-color:			#ffffff;
}

#footer a { color:#666666; text-decoration:none;margin:0px 20px 0px 0px; }
#footer a:hover{ color:#666666; }
#footer a.active{ color:#999999	!important; }


#footer .line { margin-bottom:5px !important; margin-top:8px !important;}




/**************************************************************************************
								BUTTONS
**************************************************************************************/
a.btn_profil{
	display:					block;
	float:						left;
	width:						64px;

	margin:						0px 0px 0px 0px		!important;
	padding:					0px 0px 0px 10px;

	background-image: 			url(../img/btn_icon_profil.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				10px				!important;
	text-align:					right;
	color:						#ffffff;
}
a.active.btn_profil ,
a:hover.btn_profil {
	background-position:		0 -16px;
	color:						#aec5cc				!important;
}


a.btn_icon_twotriangle{
	background-image:			url('../img/icon_header_scroll_box.gif');
	background-position:		98% 7px;
	background-repeat:			no-repeat;
}
a:hover.btn_icon_twotriangle{
	background-image:			url('../img/icon_header_scroll_box.gif');
	background-position:		98% -7px;
	background-repeat:			no-repeat;
}


.btn_icon_onetriangle_left{
	display:					block;
	float:						left	!important; 

	width:						7px;
	height:						7px;
	
	margin:						5px 0px 0px 0px;
	
	background-image:			url('../img/icon_triangle.gif');
	background-position:		0 0;
	background-repeat:			no-repeat;
}


.btn_icon_onetriangle_right{
	display:					block; 
	float:						right;
	
	width:						7px;
	height:						7px;
	
	margin:						5px 0px 0px 0px;
	
	background-image:			url('../img/icon_triangle.gif');
	background-position:		0 -7px;
	background-repeat:			no-repeat;
}


a.btn_eigenen_ac_erstellen{
	display:					block;
	float:						left;
	
	width:						676px;
	height:						30px;
	
	background-image: 			url(../img/btn_eigenen_ac_erstellen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_eigenen_ac_erstellen{
	background-position:		0 -30px	!important;
}


a.btn_anmelden{
	float:						right	!important;
	
	width:						86px;
	height:						19px;
	
	background-image: 			url(/img/btn_anmelden.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
	
	margin-top:					4px				!important;
	padding:					0				!important;

	border:						none;
}
a:hover.btn_anmelden{
	background-position:		0 -19px;
}

a.btn_abbrechen_grey_small{
	float:						right	!important;
	
	width:						86px;
	height:						19px;
	
	background-image: 			url(/img/btn_abbrechen_grey_small.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
	
	margin:						4px 4px 0px 0px				!important;
	padding:					0							!important;

	border:						none;
}
a:hover.btn_abbrechen_grey_small{
	background-position:		0 -19px;
}








a.btn_icon_suchestart{
	width:						19px;
	height:						19px;
	
	background-image: 			url(/img/btn_icon_suchestart.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
	
	vertical-align:				top;
	margin-left:				2px;
	margin:						0 -9px 0 0	!important;
}
a:hover.btn_icon_suchestart{
	background-position:		0 -19px;
}


a.btn_logout{
	display:					block;
	/* text-align:					right; */

	width:						60px;
	height:						19px;
	
	margin:						0 -9px 0 0	!important;
	
	background-image: 			url(/img/btn_logout.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_logout{
	background-position:		0 -19px;
}


a.btn_play_clip{
	position:					absolute	!important;
	z-index:					1191			!important;
	
	top:						0px;
	left:						0px;

	display:					block;

	width:						192px;
	height:						31px;
	
	margin:						0 0 0 0	!important;
	
	background-image: 			url(/img/btn_play_clip.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_play_clip{
	background-position:		0 -31px;
}


a.btn_eigen_clip_hochladen{
	display:					block;

	width:						192px;
	height:						31px;
	
	margin:						0 0 0 0	!important;
	
	background-image: 			url(/img/btn_eigen_clip_hochladen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_eigen_clip_hochladen{
	background-position:		0 -31px;
}


a.btn_jetztmitbieten{
	display:					block;
	float:						left;
	
	width:						131px;
	height:						31px;

	/* background-image: 			url(/img/btn_jetztmitbieten.gif); */
	background-image: 			url(/img/btn_zuebay.gif); 
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						10px 0px 0px 165px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_jetztmitbieten{
	background-position:		0 -31px;
}


a.btn_weiter{
	display:					block;
	float:						right;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_weiter.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_weiter{
	background-position:		0 -31px;
}


a.btn_aendern_grey{
	display:					block;

	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_aendern_grey.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 8px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_aendern_grey{
	background-position:		0 -31px;
}


a.btn_zurueck_grey{
	display:					block;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_zurueck_grey.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_zurueck_grey{
	background-position:		0 -31px;
}


a.btn_veroeffentlichen{
	display:					block;
	
	width:						151px;
	height:						31px;

	background-image: 			url(/img/btn_veroeffentlichen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_veroeffentlichen{
	background-position:		0 -31px;
}

a.btn_hmpf_veroeffentlichen{
	display:					block;
	
	width:						296px;
	height:						31px;

	background-image: 			url(/img/btn_hmpf_veroeffentlichen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_hmpf_veroeffentlichen{
	background-position:		0 -31px;
}

a.btn_ebay_veroeffentlichen{
	display:					block;
	
	width:						296px;
	height:						31px;

	background-image: 			url(/img/btn_ebay_veroeffentlichen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_ebay_veroeffentlichen{
	background-position:		0 -31px;
}


a.btn_anderesequenz{
	display:					block;
	
	width:						296px;
	height:						31px;

	background-image: 			url(/img/btn_anderesequenz.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 8px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_anderesequenz{
	background-position:		0 -31px;
}


a.btn_sequenzspeichern{
	display:					block;
	
	width:						296px;
	height:						31px;

	background-image: 			url(/img/btn_sequenzspeichern.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 8px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_sequenzspeichern{
	background-position:		0 -31px;
}


a.btn_introspeichern{
	display:					block;
	
	width:						296px;
	height:						31px;

	background-image: 			url(/img/btn_introspeichern.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_introspeichern{
	background-position:		0 -31px;
}


a.btn_abbrechen_grey{
	display:					block;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_abbrechen_grey.gif);
	background-position:		0 -31px;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_abbrechen_grey{
	background-position:		0 0;
}


a.btn_dasa_clip{
	display:					block;
	position:					absolute;
	
	top:						285px;
	right:						10px;
	
	width:						189px;
	height:						31px;

	background-image: 			url(/img/btn_dasa_clip.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_dasa_clip{
	background-position:		0 -31px;
}


a.btn_eigener_clip{
	display:					block;
	position:					absolute;
	
	top:						285px;
	right:						10px;
	
	width:						189px;
	height:						31px;

	background-image: 			url(/img/btn_eigener_clip.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_eigener_clip{
	background-position:		0 -31px;
}


a.btn_luebau_clip{
	display:					block;
	position:					absolute;
	
	top:						285px;
	right:						10px;
	
	width:						189px;
	height:						31px;

	background-image: 			url(/img/btn_luebau_clip.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_luebau_clip{
	background-position:		0 -31px;
}


a.btn_loeschen{
	display:					block;
	
	width:						189px;
	height:						31px;

	background-image: 			url(/img/btn_loeschen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_loeschen{
	background-position:		0 -31px;
}


a.btn_account_loeschen_grey{
	display:					block;

	width:						192px;
	height:						31px;

	background-image: 			url(/img/btn_account_loeschen_grey.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_account_loeschen_grey{
	background-position:		0 -31px;
}


a.btn_account_loeschen_no{
	float:						right	!important;

	width:						56px;
	height:						19px;

	background-image: 			url(/img/btn_account_loeschen_no.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 4px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_account_loeschen_no{
	background-position:		0 -19px;
}


a.btn_account_loeschen_ja{
	float:						right	!important;

	width:						56px;
	height:						19px;

	background-image: 			url(/img/btn_account_loeschen_ja.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_account_loeschen_ja{
	background-position:		0 -19px;
}


a.btn_icon_cross{
	display:					block;
	float:						left;
	
	height:						16px;
	width:						17px;
	
	background-image:			url('../img/btn_icon_cross.gif');
	background-position:		0 0;
	background-repeat:			no-repeat;
	border:				1px solid #cccccc;
	
	text-decoration:			none;
}
a:hover.btn_icon_cross{
	background-position:		0 0;
}



a.btn_senden{
	display:					block;
	float:						right;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_senden.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 8px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_senden{
	background-position:		0 -31px;
}

a.btn_icon_cross_grey{
	display:					block;
	float:						right;
	
	width:						19px;
	height:						19px;

	background-image: 			url(/img/btn_icon_cross_grey.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_icon_cross_grey{
	background-position:		0 -19px;
}

a.btn_hochladen{
	display:					block;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_hochladen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_hochladen{
	background-position:		0 -31px;
}


a.btn_speichern{
	display:					block;
	float:left;
	
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_speichern.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 134px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_speichern{
	background-position:		0 -31px;
}


a.btn_icon_plus{
	display:					block;
	float:						right;
	
	width:						19px			!important;
	height:						19px			!important;

	background-image: 			url(/img/btn_icon_plus.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 2px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_icon_plus{
	background-position:		0 -19px;
}


a.btn_schliessen_grey{
	display:					block;
	/* float:						left; */
	float:						right;
	width:						131px;
	height:						31px;

	background-image: 			url(/img/btn_schliessen_grey.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 8px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_schliessen_grey{
	background-position:		0 -31px;
}

.btn_fun_anzeigen{
	display:					block;

	width:						192px;
	height:						31px;
	
	margin:						0 0 0 0	!important;
	
	background-image: 			url(/img/btn_fun_anzeigen.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_fun_anzeigen{
	background-position:		0 -31px;
}

a.btn_beta{
	display:					block;
	float:						left;
	
	width:						73px;
	height:						24px;

	background-image: 			url(/img/btn_beta.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_beta{
	background-position:		0 -24px;
}


a.btn_beta_forum{
	display:					block;
	float:						left;
	
	width:						109px;
	height:						8px;

	background-image: 			url(/img/btn_forum.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	margin:						0px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_beta_forum{
	background-position:		0 -8px;
}


a.btn_weiteresaufebay{
	display:					block; 
	float:						left;
	
	width:						131px;
	height:						31px;

	/* background-image: 			url(/img/btn_weiteres_ebay.gif); */
	background-image: 			url(/img/btn_zuebay.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
	
	margin:						20px 0px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_weiteresaufebay{
	background-position:		0 -31px;
}




/**************************************************************************************
								NEU   HOME
**************************************************************************************/
.intro{
	position:					relative;

	top:						0;
	right:						0;

	width:						926px;
	height:						354px;

	background-image: 			url(/img/bgr_home_verlauf.gif); 
	background-position:		0px 0px;
	background-repeat:			repeat-x;
}




.introStatisch{
	position:					absolute;

	top:						0;
	left:						0;

	width:						150px;
	height:						354px;
}
.header_home_instruktionen{
	float:						left;

	width:						277px;
	height:						184px;
	
	margin:						70px 0 0 42px;
	_margin:					70px 0 0 21px;
	
	background-image: 			url(/img/header_home_instruktionen.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}

a.btn_auktion_erstellen{
	display:					block;
	float:						left;
	
	width:						284px;
	height:						47px;
	
	margin:						24px 0 0 42px;
	
	background-image: 			url(/img/btn_auktion_erstellen.png); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}
a:hover.btn_auktion_erstellen{
	background-position:		0px -47px;
}


.introDynamischMaske{
	position:					absolute;
	z-index:					0;
	
	top:						0;
	right:						0;

	width:						573px;
	height:						354px;

	/* background-image: 			url(/img/home_rahmen_01.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat; */
	
	/* background-color:transparent	!important; */
}

.introDynamischContent{
	position:					absolute;
	z-index:					1;	
	
	top:						0;
	right:						0;

	width:						573px;
	height:						354px;
	
	background-color:			#f2f5f6;
	
	background-image: 			url(/img/home_rahmen_01.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;

}

.introTxtHome{
	float:						left;
	margin:						8px 0 0 8px;
}

.introTxtHome  ul{
	position:					relative;
	z-index:					99999	!important;
	top:						30px;
	left:						0px;
	
	width:						284px;
	margin:						0;
}

.introTxtHome  ul li{
	margin:						16px 0px 0px 0px;
}

.icon_triangle_intro_text{
	position:					relative;
	z-index:					99999	!important;
	
	top:						0px;
	left:						0px;

	background-image:			url('../img/icon_triangle_intro_txt.gif');
	background-position:		100% 3px;
	background-repeat:			no-repeat;

}

	
.icon_triangle_intro_text p{
	text-align:					right;
	font-size:					14px;
	color:						#333333;
	line-height:				16px;
	
	margin:						0 24px 0 0;
	_margin:					0 24px 0 0;
}

.header_das_bringt_hmpf{
	position:					relative;
	
	top:						30px;
	left:						106px;

	width:						215px;
	height:						66px;

	margin:						0;
	
	background-image: 			url(/img/header_das_bringt_hmpf.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}


.introClipHome{
	float:						left;

	width:						240px;
	height:						184px;
	
	margin:						90px 0 0 16px;
	margin:						90px 0 0 8px;
	border-bottom:				1px solid #99b6bd;
	background:					#ffffff;
}

.introShadowHome{
	position:					absolute;
	z-index:					1	!important;
	
	top:						218px;
	left:						254px;
	
	_top:						218px;
	_left:						262px;
	
	width:						46px;
	height:						56px;
	
	background-image: 			url(/img/bgr_home_shadow.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}


.introButton ,
.introLayer ,
.introBox {
	position:					absolute;

	top:						90px;
	left:						300px;
	
	width:						224px;
	height:						168px;
	
	margin:						10px;
	background-color:			transparent			!important;
}

.introImage{
	float:						left;
	
	width:						224px				!important;
	height:						168px				!important;
	background-color:			transparent			!important;
}

.introBox{ z-index:10	!important; }
.introLayer{ z-index:20	!important; }
.introButton{ z-index:30	!important; }

.introTutHome{
	float:						left;
	
	width:						293px;
	height:						309px;
	
	background-image: 			url(/img/bgr_home_tut_02.gif); 
	background-position:		-4px 14px;
	background-repeat:			no-repeat;
}

.introTutClip{
	position:					relative;
	top:						128px;
	left:						-1px;
}



.introTutTxt{
	float:						left;
	width:						256px;

	margin:						104px 0 0 8px;
}
.introTutTxt  ul{
	float:						left;
	width:						256px;
	margin:						24px 0 0 0;
}

.introTutTxt  ul li{
	width:						256px;
	margin:						16px 0px 0px 0px;
}

 .introTutTxt  ul li p{
	text-align:					left;
	font-size:					14px;
	color:						#333333;
	line-height:				16px;
	
	margin:						0 0 0 38px;
}

.header_so_legen_sie_los{
	position:					relative;
	
	top:						30px;
	left:						0px;

	width:						176px;
	height:						18px;
	
	background-image: 			url(/img/header_so_legen_sie_los.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}

.icon_one_intro_text{
	width:						28px;
	height:						28px;
	
	background-image: 			url(/img/icon_one_two_three.gif); 
	background-position:		0px 0px;
	background-repeat:			no-repeat;
}

.icon_two_intro_text{
	width:						28px;
	height:						28px;
	
	background-image: 			url(/img/icon_one_two_three.gif); 
	background-position:		0px -32px;
	background-repeat:			no-repeat;
}

.icon_three_intro_text{
	width:						28px;
	height:						28px;
	
	background-image: 			url(/img/icon_one_two_three.gif); 
	background-position:		0px -64px;
	background-repeat:			no-repeat;
}


}