/*	
---------------------------------------------------- 
	Registration CSS
	Lombego Systems 2010
	author: Jens Papenroth 
----------------------------------------------------      
*/

/*
----------------------------------------------------

	Template Configuration
	
	size:	
	
				
	
	fonts:	
	
			
	
	text colors:
		
				
		
	text size:	
	
			
		
	
	element colors:	
	
			
		
	images:
	
			
	
----------------------------------------------------
*/

#registration_wrapper .cl, .cl{
	clear: left;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border: 0px;
}


/*
	Header
*/

#registration_wrapper{
	width: 819px;
	position: relative;	
}

#registration_wrapper .registration_logo
{
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	color: #2772AB;	
	width: 819px;
	padding: 0px 0px 10px 0px;	
	
	letter-spacing: 0.01em;
}

#registration_wrapper .registration_navigation{
	background: transparent url(/frontend/lib/img/registration/timeline.png) no-repeat top right;
	float: left;
	padding: 0px 10px 30px 0px;	
}

#registration_wrapper .registration_navigation a:link, #registration_wrapper .registration_navigation a:visited{
	display: block;
	float: left;
	padding: 35px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	font-weight: bold;
	color: #2772AB;
	text-decoration: none;
}

#registration_wrapper .registration_navigation a:link.current_step, #registration_wrapper .registration_navigation a:visited.current_step{
	display: block;
	float: left;
	padding: 35px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	background: transparent url(/frontend/lib/img/registration/arrow.png) no-repeat top center;
}

#registration_wrapper .registration_navigation a:link.last_step_active, #registration_wrapper .registration_navigation a:visited.last_step_active{
	background: transparent url(/frontend/lib/img/registration/check_a.png) no-repeat top center;
}

#registration_wrapper .registration_navigation .reg_nav_inactive{
	float: left;
	padding: 35px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
}

#registration_wrapper .registration_navigation .last_step{
	float: left;
	padding: 35px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	background: transparent url(/frontend/lib/img/registration/check_ia.png) no-repeat top center;
}

/*
	left column
*/

#registration_wrapper .registration_left{
	width: 473px;
	float: left;
}

#registration_wrapper .content_box{	/* overwritten for ie */
	margin: 0px 0px 30px 0px;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #E7E7E7 url(/frontend/lib/img/registration/box_bg.png) repeat-x top left;	
	position: relative;
	padding: 10px;
	position: relative;
	float: left;
	
	width: 450px;
}




#registration_wrapper .contact_summary{
	margin-right: 30px;
	width: 199px;
}

#registration_wrapper .invoice_summary{
	width: 200px;
}

#registration_wrapper .content_box .headline{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding: 0px 30px 30px 0px;	
}

#registration_wrapper .content_box .sub_headline{
	font-size: 11px;
	padding: 0px 30px 10px 0px;	
}

#registration_wrapper .content_box .headline_2{
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	padding: 30px 30px 30px 0px;	
}

#registration_wrapper .registration_left h1{
	font-weight: normal;
	font-size: 18px;
	color: #2772AB;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#registration_wrapper .registration_left h1 span.participant_name{
	color: #000000;
	padding: 10px 0px 0px 0px;
	display: block;
}

#registration_wrapper .registration_left h2{
	font-weight: normal;
	font-size: 18px;
	color: #2772AB;
	padding: 30px 0px 10px 0px;
	margin: 0px;
	clear: left;
}


#registration_wrapper .registration_left .content_box_option{
	padding: 10px;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px 0px 30px 0px;
	background: #FFFFFF url(/frontend/lib/img/registration/box_option_bg.png) repeat-x top left;
	
	float: left;
	
	width: 428px;
}

#registration_wrapper .registration_left .content_box_option .session_heading{
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

#registration_wrapper .registration_left .price_block{
	padding: 10px 0px;
}

#registration_wrapper .registration_left .price_top{
	padding: 0px 0px 10px 0px;
	text-align: right;	
}

#registration_wrapper .registration_left .price_save{
	
	padding: 0px 30px 0px 0px ;
}

#registration_wrapper .registration_left .price_standard{
	text-decoration: line-through;
	font-size: 14px;font-weight: bold;
}

#registration_wrapper .registration_left .price_bottom{
	padding: 0px 0px 10px 0px;
	text-align: right;
	
}

#registration_wrapper .registration_left .price_deadline{
	
	padding: 0px 30px 0px 0px ;
}

#registration_wrapper .registration_left .price_now{
	font-size: 14px;
	font-weight: bold;
}

#registration_wrapper .registration_left .participant_headline{
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

#registration_wrapper .registration_left .invoice_payment .participant_name{
	
}

#registration_wrapper .registration_left .cart_item_name{
	
}

#registration_wrapper .registration_left .cart_item_price{
	text-align: right;
	float: right;
}

#registration_wrapper .registration_left .cart_item_divider{
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	border: 1px solid #2772AB;
	margin: 10px 0px;
	width: 100%;
}

#registration_wrapper .registration_left .invoice_payment .participant_name{
	float: left;
}

#registration_wrapper .registration_left .invoice_payment .participant_price{
	text-align: right;
	float: right;
}

#registration_wrapper .registration_left .invoice_payment .invoice_participant_divider{
	clear: left;
	line-height: 0px;
	height: 0px;
	border-bottom: 1px solid #2772AB;
	margin: 10px 0px;
	font-size: 0px;
}

#registration_wrapper .registration_left .invoice_payment .invoice_sum{
	text-align: right;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
}

#registration_wrapper .registration_left .invoice_container .participant_name{
	font-weight: bold;
}

#registration_wrapper .registration_left .invoice_container .invoice_name{

}



/*
	computop i-frame
*/

iframe.payment_frame{ /* overwritten for ie*/
	border: 0px;
	width: 410px;
	height: 480px;
	overflow: hidden;
	margin: 30px 0px 0px 0px;
}

iframe.payment_frame td{border: 0px!important;}


/*
	right column
*/

#registration_wrapper .registration_right{
	width: 275px;
	float: right;
}

#registration_wrapper .registration_right .cart_container{
/*	background: #E7E7E7 url(/frontend/lib/img/registration/box_bg.png) repeat-x top left; */
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
	
	
}

#registration_wrapper .registration_right .cart_container h2{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	font-weight: normal;
	background: transparent url(/frontend/lib/img/registration/cart.png) no-repeat top right;
}

#registration_wrapper .registration_right .user_box h2{
	background-image: none;
}

#registration_wrapper .registration_right .cart_container .cart_item{
	background: #FFFFFF url(/frontend/lib/img/registration/box_option_bg.png) repeat-x top left;
	padding: 10px;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 0px 0px 10px 0px;
}

#registration_wrapper .registration_right .user_box .cart_item{
	margin: 0px;
	border: 1px solid #A9C7DD;
	border-top: 1px solid #C9DCEA;
	border-left: 1px solid #C9DCEA;
}

#registration_wrapper .registration_right .cart_container .cart_item h3{
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font-weight: bold;
}

#registration_wrapper .registration_right .cart_container .booking_person h3{
	padding: 0px 0px 0px 0px;
}

#registration_wrapper .registration_right .cart_container .cart_item .cart_item_price{
	text-align: right;
	float: right;
}



#registration_wrapper .registration_right .cart_container .shopping_cart_sum{
	text-align: right;
	font-weight: bold;
	padding: 10px 10px 10px 0px;
	border-top: 1px solid #2772AB;
	border-bottom: 1px solid #2772AB;
}


#registration_wrapper .registration_right .participant_counter{
	padding-top: 10px;
}




/*
	form elements
*/

#registration_wrapper .content_box label{
	display: block;
	float: left;
	width: 100px;
	margin: 0px 0px 10px 0px;	

}

#registration_wrapper .content_box input{
	border: 1px solid #999999;
	margin: 0px 10px 10px 0px;
}

#registration_wrapper input.forward_button{
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: transparent url(/frontend/lib/img/registration/vib_button_bg.png) no-repeat top left;
	padding: 0px 5px 3px 20px;
	height: 23px;
	cursor: pointer;
	
	display: block;
	padding-top: 2px;
}

#registration_wrapper input.forward_button:hover{
	color: #2772AB;
}

#registration_wrapper a:link.forward_link, #registration_wrapper a:visited.forward_link{ /* overwritten for ie */
	display: block;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: transparent url(/frontend/lib/img/registration/vib_button_bg.png) no-repeat top left;
	padding: 0px 5px 0px 20px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
	width: auto;
	float: left;
}

#registration_wrapper a:hover.forward_link{
	color: #2772AB;
}

#registration_wrapper .registration_right a:link.forward_link, #registration_wrapper .registration_right a:visited.forward_link{ /* overwritten for ie */
	margin: 0px 0px 0px 10px;
}

#registration_wrapper .registration_right a:link.add_person_link, #registration_wrapper .registration_right a:visited.add_person_link{
	display: block;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: transparent url(/frontend/lib/img/registration/add_person_button_bg.png) no-repeat top left;
	padding: 0px 5px 0px 20px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	color: #000000;
	width: auto;	
	margin: 30px 0px 0px 0px;
}

#registration_wrapper .registration_right a:hover.add_person_link{
	color: #2772AB}

#registration_wrapper .registration_right .forward_button{
	margin: 0px 0px 0px 10px;
}

#registration_wrapper input.standard_button{ /* overwritten for ie.css */ 
	background: transparent url(/frontend/lib/img/registration/button_bg.png) repeat-x top left;
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0px 5px 3px 5px;
	height: 23px;
	cursor: pointer;
}

#registration_wrapper input.standard_button:hover{
	color: #2772AB;
}

#registration_wrapper input.pricegroup_button{
	margin-left: 100px;
	margin-bottom: 30px;
}

#registration_wrapper input.account_contact_button{
	margin-left: 100px;
}

#registration_wrapper input.voucher_button{
	margin-left: 100px;
}

#registration_wrapper input.cart_button{
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: transparent url(/frontend/lib/img/registration/cart_button_bg.png) no-repeat top left;
	padding: 0px 5px 3px 30px;
	height: 23px;
	cursor: pointer;
	float: right;
	margin: 0px;
	
	display: block;
	padding-top: 2px;
}

#registration_wrapper input.cart_button:hover{
	color: #2772AB;
}

#registration_wrapper input.cart_button_inactive{
	border: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: transparent url(/frontend/lib/img/registration/button_bg.png) repeat-x top left;
	padding: 0px 5px 3px 5px;
	height: 23px;
	float: right;
	margin: 0px;
	color: #999999;
}

#registration_wrapper input.cart_button_inactive:hover{
	color: #999999;
}

#registration_wrapper .wrapper_submit{
	clear: left;
}

#registration_wrapper .wrapper_text label{

}

#registration_wrapper .wrapper_text input{
	display: block;	
	float: left;
}

#registration_wrapper .wrapper_radio label{
	width: 80%;
}

#registration_wrapper .wrapper_radio input{ /* overwritten for ie */
	display: block;	
	float: left;
	margin: 2px 10px 10px 0px;
	border: 0px; 
}

#registration_wrapper .wrapper_select label{ /* overwritten for ie */
	margin-top: 2px;
}
#registration_wrapper .wrapper_select input{ 
	display: block;	
	float: left;
}

#registration_wrapper .wrapper_checkbox label{ 
	width: auto;
}

#registration_wrapper .wrapper_checkbox input{ /* overwritten for ie */
	display: block;	
	float: left;
	margin: 2px 10px 10px 0px;
	border: 0px;
}

#registration_wrapper .wrapper_password label{}
#registration_wrapper .wrapper_password input{
	display: block;	
	float: left;
}


/*
	elements
*/

#registration_wrapper a:link.hint, #registration_wrapper a:visited.hint{
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	width: 30px;
	background: transparent url(/frontend/lib/img/registration/help.png) no-repeat top right;
	
	
}

#registration_wrapper a:hover.hint{
	
}


#registration_wrapper .field_error_box{
	color: #EE5400;
	padding: 10px 10px 10px 35px;
	margin: 5px 0px;
	border: 1px solid #EE5400;
	background: #FFFFFF url(/frontend/lib/img/registration/alert.png) no-repeat 5px center;
	clear: left;	
}

#registration_wrapper a:link.context_hint, #registration_wrapper a:visited.context_hint{
	display: block;
	height: 20px;
	width: 20px;
	background: transparent url(/frontend/lib/img/registration/context_help.png) no-repeat center;
	margin: 0px 0px 10px 0px;
	
}

#registration_wrapper .content_box p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#registration_wrapper .content_box p.box_info_txt{
	margin: 0px 0px 30px 0px;
	padding: 0px;
}



#registration_wrapper a:link.remove_cart_item, #registration_wrapper a:visited.remove_cart_item{
	text-decoration: underline;
	color: #2772AB;
}

#registration_wrapper a:hover.remove_cart_item{
	text-decoration: none;
}

#registration_wrapper a:link.pdf_download_link, #registration_wrapper a:visited.pdf_download_link{
	display: block;
	background: transparent url(/frontend/lib/img/registration/pdf.png) no-repeat left center;
	padding: 0px 0px 0px 30px;
	line-height: 24px;
	height: 24px;
	margin-top: 10px;
}

#registration_wrapper a:link.logout_button, #registration_wrapper a:visited.logout_button{
	position: absolute;
	top: 0px;
	right: 10px;
	text-decoration: underline;
	color: #2772AB	
}

#registration_wrapper a:hover.logout_button{
	text-decoration: none;
}

#registration_wrapper .hide_hint{
	display: none;
}

#registration_wrapper .show_hint{
	display: block;
	width: 200px;
	position: absolute;
	top: 0px;
	right: -202px;	
	padding: 10px 20px 10px 10px;
	border: 1px solid #2772AB;	
	background: #E7E7E7 url(/frontend/lib/img/registration/box_bg.png) repeat-x top left;		
	-webkit-box-shadow: #333 0px 0px 10px;
	-moz-box-shadow: #333 0px 0px 10px;
	-khtml-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
}

#registration_wrapper .show_hint p{
	margin: 0px;
	padding: 0px;
}

#registration_wrapper .show_hint .close_hint{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	cursor: pointer;
	color: #2772AB;
}

#registration_wrapper .no_subheadline_spacer{
	clear: left;
	height: 40px;
}

#registration_wrapper .wrapper_multi_reg .wrapper_select{ /* overwritten for ie */
	padding: 0px 0px 0px 24px;
}

#registration_wrapper .account_login_wrapper{
	padding: 0px 0px 10px 0px;
}

/*
	CC Check
*/

body#cc_check{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

body#cc_check .cc_success_box{
	border: 1px solid #18AA09;
	color: #18AA09;
	padding: 10px 10px 10px 35px;
	margin: auto;
	background: #FFFFFF url(/frontend/lib/img/registration/check_a.png) no-repeat 5px center;
}

body#cc_check .cc_error_box{
	border: 1px solid #EE5400;
	color: #EE5400;
	padding: 10px 10px 10px 35px;
	margin: auto;
	background: #FFFFFF url(/frontend/lib/img/registration/alert.png) no-repeat 5px center;
}


/*
	Tutorial
*/

.tutorial_box{
/*	display: none;*/
	padding: 4px 0px 0px 20px;
	float: right;
	width: 129px;
	text-align: right;
}

.tutorial_box img{
	border: none;
	margin: 0px;
	padding: 0px;
}

.tutorial_box .headline{
	padding: 0px 0px 10px 0px !important;
	
}

a:link.tutorial_link, a:visited.tutorial_link{
	color: #2772AB;
}


/*
	Preistabelle
*/

.conf_price_table{
	width: 320px;
	float: right;
	font-size: 10pt;
	padding: 0px 0px 30px 0px;
}

.conf_price_table h1{
	margin-top: 0px;
}

.conf_price_table table td{
	padding: 10px 0px 10px 2px;
	vertical-align: top;
	font-size: 10pt;
}

.conf_price_table table th{
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 2px;
	border-bottom: 1px solid #13235B;
	font-size: 10pt;
}