/****************************************************************************/
/* Footerleiste                                                             */
/****************************************************************************/

.footer_spacer, #show_merkzettel, #save_merkzettel, #hilfe
{
	color: #837D6C;
	margin-top: 11px;
	float: left;
	font-weight: bold;
}

.footer_spacer
{
	margin-left: 15px;
	margin-right: 15px;
}

#artikel_nr
{
	float: right;
	color: #837D6C;
	margin-top: 7px;
}

#artikel_nr input
{
	width: 165px;
	border: 1px solid #B1A992;
	background-color: #E7DCBE;
	padding: 1px 1px 2px 1px;
	color: #837D6C;
	font-size: 11px;
}

/****************************************************************************/
/* Navigatiosleiste                                                         */
/****************************************************************************/

#steps_1, #steps_2, #steps_3
{
	float: left;
	margin: 7px 0px;
	font-size: 13px;
	color: #837D6C;
}

.steps_open
{
	color: #BBB39A;
}

.steps_closed
{
	color: #837D6C;
}

.steps_error
{
	color: #800000;
}

.steps_akt
{
	font-weight: bold;
	font-size: 12px;
}

/****************************************************************************/
/* Hauptfenster (Inhalt)                                                    */
/****************************************************************************/

#content_navi_1, #content_navi_2, #content_navi_3
{
	width: 500px;
	margin-left: 50px;
	position: absolute;
	bottom: 14px;
}

.pic_tab
{
	float: left;
	width: 80px;
	height: 83px;
	margin-right: 10px;
	background-position: 2px 5px !important;
	position: relative;
	cursor: pointer;
	border: 1px solid #ffffff;
}

.pic_tab:hover
{
	border: 1px solid #999999;
	background-color: #DFE4EE !important;
}

.pic_tab div
{
	position: absolute;
	bottom: 1px;
	width: 100%;
	text-align: center;
}

.tab_selected
{
	border: 1px solid #999999;
	background-color: #DFE4EE !important;
	cursor: default;
}


#part_tabs_1, #part_tabs_2, #part_tabs_3
{
	margin: 0 auto;
	margin-bottom: 15px;
}

.part_tab_content_on, .part_tab_content_off
{
	clear: both;
	overflow: auto;
	outline: none;
}

.part_tab_content_on
{
	height: 235px;
}

.part_tab_content_off
{
	height: 335px;
}

.theme
{
	width: 160px;
	padding-left: 20px;
}

.notheme
{
	width: 60px;
}

.content_title
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #E7DCBE;
	padding-bottom: 4px;
	color: #969696;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline;
}

.content_group_title
{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #E7DCBE;
	color: #969696;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	display: inline;
	clear: both;
}

.content_choise
{
	text-align: center;
	margin-bottom: 20px;
	float: left;
	margin-left: 10px;
	display: inline;
}

.content_choise h4, .content_choise_group h4
{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

.content_choise img
{
	margin-top: 3px;
}


.content_ringarten
{
	/*margin-left: 50px;*/
	/*width: 230px;*/
	/*margin-top: 25px;*/
	width: 405px;
	margin-top: 11px;
}

.content_aufteilung
{
	width: 90px;
	margin-top: 3px;
}

.content_material
{
	width: 100px;
	margin-top: 0px;
}

.content_profil
{
	width: 105px;
	margin-top: 10px;
}

.content_breite
{
	width: 85px;
	margin-top: 10px;
}

.content_hoehe
{
	width: 80px;
	margin-top: 20px;
}

.content_fugenarten
{
	width: 150px;
	margin-top: 20px;
}

.content_fugenposition
{
	width: 280px;
	margin-top: 0px;
	margin: 0 auto;
}

.fugenauswahl-top
{
	margin-left: 27px;
}

.fugenauswahl-bottom
{
	margin-left: 17px;
}

.fugenauswahl-abstand
{
	margin-right: 1px;
	width: 16px;
	height: 16px;
}

.content_oberflaeche
{
	width: 180px;
	margin-top: 0px;
}


.content_steinauswahl
{
	width: 180px;
	margin-top: 0px;
}

.content_steinform
{
	width: 180px;
	margin-top: 7px;
}

.content_fassung
{
	width: 180px;
	margin-top: 18px;
}

.content_position
{
	width: 180px;
	margin-top: 18px;
}


.content_groesse
{
	width: 80px;
	margin-top: 10px;
}

.content_anzahl
{
	width: 90px;
	margin-top: 10px;
}

.content_qualitaet
{
	width: 120px;
	margin-top: 5px;
}


.end_auswahl
{
	margin-top: 20px;
}

.end_auswahl a
{
	color: #B8B098;
	font-weight: bold;
}

#prev-warning1, #prev-warning2
{
	color: #BE0707;
	font-size: 12px;
	margin-left: 30px;
	display: none;
}

/****************************************************************************/
/* Hilfe und Info                                                           */
/****************************************************************************/

#preview_1, #help_1, #preview_2, #help_2, #preview_3, #help_3
{
	display: none;
}

#help_1, #startinfo_1, #preview_1, #help_2, #startinfo_2, #preview_2, #help_3, #startinfo_3, #preview_3
{
	margin-left: 25px;
	margin-top: 20px;
	width: 280px;
	height: 410px;
	position: relative;
}

#help_1 h3, #startinfo_1 h3, #help_2 h3, #startinfo_2 h3, #help_3 h3, #startinfo_3 h3
{
	margin-top: 0px;
	margin-bottom: 18px;
	font-size: 14px;
	border-bottom: 1px solid #E7DCBE;
	padding-bottom: 4px;
	color: #969696;
}

#help_1 ul, #help_2 ul, #help_3 ul
{
	padding-left: 15px;
	margin-left: 0px;
}

#help_1 li, #help_2 li, #help_3 li
{
	margin-bottom: 5px;
}

#help_close_1, #info_close_1, #help_close_2, #info_close_2, #help_close_3, #info_close_3
{
	position: absolute;
	bottom: 10px;
	right: 0px;
}


/****************************************************************************/
/* Ringvorschau                                                             */
/****************************************************************************/

#preview_1, #preview_2, #preview_3
{
	padding-top: 5px;
}

#preview_ring_1, #preview_ring_2, #preview_ring_3
{
	margin-top: 5px;
	margin-bottom: 5px;
}


.preview_opt1_1, .preview_opt1_2, .preview_opt1_3
{
	margin-left: 10px;
	margin-top: 15px;
}

.preview_opt2_1, .preview_opt2_2, .preview_opt2_3
{
	margin-left: 30px;
	margin-top: 10px;
}

.preview_opt3_1, .preview_opt3_2, .preview_opt3_3
{
	margin-left: 0px;
	margin-top: 12px;
}

.price_1, .price_2, .price_3
{
	position: absolute;
	bottom: 10px;
	right: 0px;
	font-size: 11px;
	text-align: right;
}

.preis_1, .preis_2, .preis_3
{
	font-size: 18px;
	font-weight: bold;
}

.price_3 
{
	bottom: 4px;
	right: 20px;
}

#paar_bestellen
{
	position: absolute;
	bottom: 12px;
	font-size: 13px;
	font-weight: bold;
}

#footer_spacer1
{
	position: absolute;
	bottom: 12px;
	left: 170px;
	font-size: 13px;
	font-weight: bold;
}

#footer_spacer2
{
	position: absolute;
	bottom: 12px;
	left: 340px;
	font-size: 13px;
	font-weight: bold;
}

#show_merkzettel1
{
	position: absolute;
	bottom: 12px;
	left: 190px;
	font-size: 13px;
	font-weight: bold;
}

#save_merkzettel1
{
	position: absolute;
	bottom: 12px;
	left: 360px;
	font-size: 13px;
	font-weight: bold;
}

.spez_icon
{
	width: 30px;
}

.spez_title
{
	width: 45px;
}

.spez_stein
{
	width: 55px;
}

/****************************************************************************/
/* Abschluss der Konfiguration                                              */
/****************************************************************************/

#anfrage_1, #anfrage_2, #anfrage_3
{
	margin-left: 50px;
	padding-top: 20px;
}

#anfrage_1 input, #anfrage_2 input, #anfrage_3 input
{
	width: 350px;
	border: 1px solid #969696;
	background-color: #E7DCBE;
	color: #303030;
}

#anfrage_1 input[readonly="readonly"], #anfrage_2 input[readonly="readonly"], #anfrage_3 input[readonly="readonly"]
{
	color: #A0A0A0;
}


#anfrage_1 input[type="button"], #anfrage_2 input[type="button"], #anfrage_3 input[type="button"]
{
	width: 174px;
	border: 1px solid #969696;
	background-color: #E0E0E0;
	color: #303030;
}

#anfrage_1 textarea, #anfrage_2 textarea, #anfrage_3 textarea
{
	width: 350px;
	height: 220px;
	border: 1px solid #969696;
	background-color: #E7DCBE;
	color: #303030;
}

.confirmation
{
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 10px;
}

/****************************************************************************/
/* Login                                                                    */
/****************************************************************************/

#login_content
{
	position: absolute;
	width: 935px;
	height: 595px;
	top: 0px;
	display: none;
	z-index: 3;
}


#login_layer
{
	opacity:.5;	
	position: absolute;
	background-color: #808080;
	width: 100%;
	height: 100%;
	z-index: 3;
}

#login_box
{
	position: absolute;
	width: 320px;
	height: 240px;
	border: 2px solid #808080;
	background-color: #E7DCBE;
	top: 180px;
	left: 308px;
	z-index: 5;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

#login_box h3
{
	font-size: 18px;
	margin-bottom: 25px;
	margin-top: 20px;
}

#login_close
{
	float: right;
	margin-right: -10px;
	margin-top: 5px;
	cursor: pointer;
}

#login_box input
{
	border: 1px solid #808080;
	width: 160px;
	background-color: #ffffff;
	padding: 2px 2px 3px 2px;
	font-size: 14px;
}

#login_send
{
	font-size: 12px !important;
	width: 70px !important;
	float: right;
	background-color: #E7DCBE !important;
	color: #585858;
	cursor: pointer;
}

#login_box a
{
	color: #004887;
}

#login_loader, #login_error
{
	display: none;
	margin-top: -10px;
	margin-left: 10px;
}

#login_loader
{
	color: #9E9782;
}

#login_loader img
{
	float: left;
	margin-right: 7px;
}

#login_error
{
	color: #BB0B0B;
	font-weight: bold;
}

#login_bestellung
{
	margin-top: 15px;
}




/****************************************************************************/
/* Finanzierung
/****************************************************************************/

#finanzierung_content
{
	position: absolute;
	width: 935px;
	height: 595px;
	top: 0px;
	display: none;
	z-index: 3;
}


#finanzierung_layer
{
	opacity:.5;	
	position: absolute;
	background-color: #808080;
	width: 100%;
	height: 100%;
	z-index: 3;
}

#finanzierung_box
{
	position: absolute;
	width: 340px;
	height: 260px;
	border: 2px solid #808080;
	background-color: #E7DCBE;
	top: 170px;
	left: 298px;
	z-index: 5;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

#finanzierung_close
{
	float: right;
	margin-right: -10px;
	margin-top: 5px;
	cursor: pointer;
}

#set_finanzierung
{
	width: 160px;
	cursor: pointer;
	padding: 1px 0px 2px 0px;
	margin-left: 90px;
}