/******************************************/
/************* REGISTRIERUNG **************/
/******************************************/
/* 
- General
- Fonts + Colors
- Bullet List
- Header 
- Right Sidebar
- Right Sidebar Collapsed
- Process Funnel
- Content
*/

/************ GENERAL ****************/	
	
.rg_bg_light_grey{
	
	background-color:#f0f1f2;
	
	}

/************ FONTS + COLORS **************/
p.rg{
	
	font-size:9pt;
	color:#000;
	
	}
p.rg_bold{
	
	font-weight:bold;
	
	}


p.rg_additional{
	
	font-size:8pt;
	color:#000;
	
	}
	
p.rg_additional a{
	
	font-size:8pt;
	
	}

a.rg_btn{
	
	cursor:pointer;
	
	}
a.rg_btn:link {text-decoration:none;}
a.rg_btn:visited {text-decoration:none;}
a.rg_btn:active {text-decoration:none;}
a.rg_btn:hover {text-decoration:underline;}

/* necessary for firefox and safari */
a.rg_btn:hover p {text-decoration:underline;}



a.rg{cursor:pointer; color: #0066cc; text-decoration:underline;}

a.rg:link {text-decoration:underline;}
a.rg:visited {text-decoration:underline;}
a.rg:active {text-decoration:underline;}
a.rg:hover {text-decoration:underline;}

	
/*links auf buttons*/

a.rg_btn {

text-decoration: none;
color:transparent;

}



h1.rg{
	
	color:#000;
	font-size:18pt;
	
	}

h2.rg{
	
	
	
	}

h3.rg{
	
	color:#999900;
	font-size:14pt;
	font-weight:normal;
	margin:10px 0px;
	
	}
	
h4.rg{
	
	color:#000;
	font-size:11pt;
	font-weight:normal;
	
	}
	
h4.rg_bold{font-weight:bold;}

h4.rg_h_orange{color:#cc6600;font-weight:bold;}

h4.rg_h_white{color:#fff;font-weight:bold;}

h4.rg_h_support{color:#666666;font-weight:bold;}/*grey*/

h4.rg_sidebar {
	
	margin-bottom:10px;
	
	}


h5.rg{
	
	color:#243843;/*blue*/
	
	}

h6.rg{
	
	color:#fff;
	font-size:9pt;
	font-weight:bold;
	
	}

/********** BULLET LIST **************/	
ul.rg{
	
	list-style-type: none;
	margin:0px 0px;
	padding:0px 0px;
	
	}
	
li.rg{
	
	}

ul.rg_support li{
	
	background:url(../IMG/Icon/punkt_grau_16.gif) top left no-repeat;
	padding:0px 0px 0px 22px;
	margin:0px 0px 15px 0px;
	
	}
	


/****************** HEADER ******************/
.header {
	height:141px;
	background-image:url(../IMG/header_background.png);
	margin-left:20px;
}

.header .login_area {
	background-color:#E3D63A;
	border-left:1px solid #A5ACB2;
	float:right;
	width:180px;
	height:112px;
}

.header .login_area table {
	border-collapse:collapse;
}

.header .login_area td {
	padding:5px;
}






/**************** RIGHT SIDEBAR  ********************/
.rs_bar {
	width:180px;
	float:right;
	background:none;
	padding-top:77px;
}

/* Sidebar Container */
.rs_bar div {
	background-color:#f0f1f2;
}

.rs_bar{
	
	background:url(../IMG/sidebar_bg.gif) top left repeat-y;
	
	}

.rs_bar .rg_container{
	
	padding:10px;
	margin-bottom:5px;
	
	}

.rs_bar .rg_container h4{
	
	padding-bottom:15px;
	
	}

.rs_bar div.rg_support{
	
	border:1px solid #b3babf;
	
	}

/* Last Step */

.rs_bar.final {
	padding-top:20px;
}

/****************** RIGHT SIDEBAR COLLAPSED ******************/
.right_sidebar_collapsed .pf_margin {
	margin-right:0px;
}

.right_sidebar_collapsed .rs_bar {
	display:none;
}

/******************* PROCESS FUNNEL **************************/	
.pf_margin{
	margin-right:180px;	
	padding:20px;
	}

* .pf_margin {
	height:1%;
}
#rg_process_funnel{
	
	padding-bottom:1px;
	border-bottom:1px solid #000;
	
	margin-bottom:25px;
	
	}
	
#rg_process_funnel table{
	
	table-layout:fixed;
	
	padding:0px;
	margin:0px;
	border-collapse: collapse;

	height:1%;
	width:100%;
	
	}
	
#rg_process_funnel table td{

	height:30px;
	overflow:hidden;
	
	background:#a5acb2 url(../IMG/pf_arrowright_grey.png) top right no-repeat;
	
	white-space:nowrap;
	}

/*Ausrichtung Labels*/
#rg_process_funnel table td p{
	
	margin-left:20px;
	padding-top:7px;
	padding-right:10px;
	
	}



/*NORMAL*/
/*FIRST and MIDDLE*/
#rg_process_funnel td .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#a5acb2 url(../IMG/pf_arrowleft_grey.png) top right no-repeat;
	
	}
	
#rg_process_funnel td .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#a5acb2;
	
	}
	
/*LAST*/
#rg_process_funnel table td.pf_last{
	
	background:#a5acb2;
	
	}

/*ACTIVE*/
/*FIRST and MIDDLE ACTIVE - YELLOW*/
#rg_process_funnel table td.pf_active{
	
	background:#ffff00 url(../IMG/pf_arrowright_yellow.png) top right no-repeat;
	
	}
	
#rg_process_funnel td.pf_active .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#ffff00 url(../IMG/pf_arrowleft_yellow.png) top right no-repeat;
	
	}

#rg_process_funnel td.pf_active .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#ffff00;
	
	}
	
/*LAST ACTIVE - ORANGE*/	
#rg_process_funnel table td.pf_active_last{
	
	background:#e15415;
	
	}

#rg_process_funnel td.pf_active_last .pf_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#e15415 url(../IMG/pf_arrowleft_orange.png) top right no-repeat;
	
	}
	
#rg_process_funnel td.pf_active_last .pf_no_arrow_left{
	
	float:left;
	width:15px;
	height:30px;
	background:#e15415;
	
	}
	
#rg_process_funnel table td.pf_active_last p{
	
	color:#fff;
	
	}	

.rg_top_info{
	
	padding:10px;
	margin-bottom:30px;
	
	}

/* Bottom */
.rg_bottom {
	margin-top:25px;	
}

.rg_bottom .rg_back{
	
	float:left;

	}
	
.rg_bottom .rg_for{

	float:right;

	}

/* Step 2 */
.rg_top_info {
	margin-bottom:5px;
}

.success_message img {
	float:left;
	/*margin-right:20px;*/
}

.success_message div input{
		margin-top:40px;
}

.success_message div {
	width:600px;
	margin-left:75px;	
}

.success_message div h4 {
	margin-top:10px;
}
	
/*ie6 hack - Formatierungen*/
* html #rg_warenkorb_big .rg_article_container .rg_product_text .rg_additional_information{
	
	margin-left:3px;
	
	}


* html #rg_warenkorb_big .rg_article_container .rg_product_text p{
	
	height:1%;
	
	}
	


/* Step 1 */
#rg_process_funnel table {
	table-layout:fixed;
}

/************************* CONTENT **************************/

/****************** STEP 1 (Logindaten) ******************/
.registration_step1 table.form {
	margin-top:15px;
}

.registration_step1 .checkbox {
	padding-left:20px;
}

.registration_step1 .checkbox_label {
	width:500px;
}

.registration_step1 span.bold {
	font-weight:bold;	
}

/****************** STEP 2 (Adresssdaten) ******************/
.registration_step2 table.form {
	margin-top:15px;
}

.registration_step2 table.form td.label {
	width:130px;
}

.registration_step2 table.form .normal {
	width:200px;
}

.registration_step2 table.form .medium {
	width:124px;
}

.registration_step2 table.form .small {
	width:60px;
}


/****************** STEP 3 (Interessenschwerpunkte) ******************/
.registration_step3 .left {
	float:left;
	width:450px;
}

.registration_step3 .right {
	width:450px;
	margin-left:460px;
}

/* Interest Group Container */
.registration_step3 .order {
	background-color:#fff;
	border:1px solid #999;
	margin-bottom:10px;
}

.registration_step3 .last {
	margin-bottom:0;
}

.registration_step3 .order .order_header {
	padding:10px;
	border-bottom:1px solid #999;
	background-color:#f7f7f7;
	cursor:pointer;
}

.registration_step3 .collapsed .order_header {
	border-bottom:0 none;
}

.registration_step3 .order .order_header .arrow {
	width:10px;
	height:10px;
	background:#f7f7f7 url(../IMG/arrow.gif) no-repeat top;
	float:left;
	margin:3px 10px 0 0;
}

.registration_step3 .collapsed .order_header .arrow {
	background-image:url(../IMG/arrow_collapsed.gif);
}

.registration_step3 .order .order_header h4 {
	float:left;
	font-weight:bold;
	font-size:11pt;
}

.registration_step3 .order .order_header h4.hover {
	text-decoration:underline;
}

.registration_step3 .order .order_content {
	padding:10px;
}