/*** CSS fuer I-wie-Ida **/

* {
	margin: 0px;
	padding: 0px;
}
body, table, tr, th, td, input, textarea, select, option {
	color: #97877B;
	font-size: 11px;
	font-family: Verdana, Arial;
	line-height: 1.6em;
	vertical-align: top;
}
body {
	background: #FFFFFF url(/images/0_home/bg_verlauf_0.jpg) repeat-y center;
}
a {
	outline: none;
	color: #CEBCA5;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
h3.start {
	color: #A10D59;
}
h3.wir_sind {
	color: #F8B322;
}
h3.shirts {
	color: #B4C42D;
}
h3.bestell{
	color: #813689;
}
h3.mehr_dinge {
	color: #F08A00;
}
h3.kontakt {
	color: #35B1CF;
}
.clear {
	clear: both;
}

#bg0, #bg1, #bg2, #bg3, #bg4, #bg5, #bg6, #bg7 {
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url(/images/0_home/bg_bild0.jpg) no-repeat center center;
}
#bg1, #bg2, #bg3, #bg4, #bg5, #bg6, #bg7 {
	z-index: 1;
	display: none;
	background-image: url(/images/1_wir_sinds/bg_bild1.jpg);
}
#bg2 {
	background-image: url(/images/2_shirts/bg_bild2.jpg);
}
#bg3 {
	background-image: url(/images/3_bestell/bg_bild3.jpg);
}
#bg4 {
	background-image: url(/images/4_dinge/bg_bild4.jpg);
}
#bg5 {
	background-image: url(/images/5_kontakt/bg_bild5.jpg);
}
#bg6 {
	background-image: url(/images/6_impressum/bg_bild6.jpg);
}
#bg7 {
	background-image: url(/images/7_hinweis/bg_bild7.jpg);
}

#container {
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: url(/images/raster_fin.gif) top right;
}
#logo {
	padding-left: 52px;
	background: url(/images/0_home/bg_text0.gif) no-repeat right 29px;
}
#content_container_outside {
	margin-top: 1px;
	background: url(/images/bg_flaeche.gif) no-repeat top right;
}
#content_container {
	float: right;
	width: 690px;
	height: 542px;
	background: url(/images/0_home/stoff0.gif) no-repeat 217px 16px;
}
#content {
	position: relative;
	height: 389px;
	margin: 85px 20px 80px 60px;
	background-color: #FFFFFF;
}
#content div h2 {
	font-size: 12px;
	border-top: 1px solid #CEBCA5;
	border-bottom: 1px solid #CEBCA5;
}
#content div h2 a {
	height: 19px;
	display: block;
	outline: 0;
	background: no-repeat 15px -19px;
}
#content div h2 a:hover,
#content div h2 a.current {
	background-position: 15px 0px;
}

#content div#navi_0,
#content div#navi_1,
#content div#navi_2,
#content div#navi_3,
#content div#navi_4,
#content div#navi_5 {
	width: 100%;
	height: 20px;
	overflow: hidden;
	position: absolute;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 549px 26px;
}
#content div#navi_0 {
	top: 0px;
	height: 290px;
	background-position: 202px 38px;
	background-image: url(/images/0_home/blume0B.gif);
}
#content div#navi_1 {
	top: 290px;
	background-image: url(/images/1_wir_sinds/blume1A.gif);
}
#content div#navi_2 {
	top: 310px;
	background-image: url(/images/2_shirts/blume2B.gif);
	background-position: 549px 60px;
}
#content div#navi_3 {
	top: 330px;
	background-image: url(/images/3_bestell/blume3A.gif);
}
#content div#navi_4 {
	top: 350px;
	background-image: url(/images/4_dinge/blume4B.gif);
}
#content div#navi_5 {
	top: 370px;
	background-image: url(/images/5_kontakt/blume5A.gif);
}
#content div#navi_0 h2 a {
	background-image: url(/images/0_home/navi0.gif);
}
#content div#navi_1 h2 a {
	background-image: url(/images/1_wir_sinds/navi1.gif);
}
#content div#navi_2 h2 a {
	background-image: url(/images/2_shirts/navi2.gif);
}
#content div#navi_3 h2 a {
	background-image: url(/images/3_bestell/navi3.gif);
}
#content div#navi_4 h2 a {
	background-image: url(/images/4_dinge/navi4.gif);
}
#content div#navi_5 h2 a {
	background-image: url(/images/5_kontakt/navi5.gif);
}
#imprint_content,
#content #navi_0_content,
#content #navi_1_content,
#content #navi_2_content,
#washing_notes_content,
#content #navi_3_content,
#content #navi_4_content,
#content #navi_5_content {
	height: 221px;
	margin: 30px 18px 18px 18px;
}

/*** Content 0 / Home ***/
#meta_0 {
	top: 21px;
	right: 23px;
	height: 21px;
	position: absolute;
}
#meta_0 a {
	float: left;
	width: 64px;
	height: 21px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px -21px;
}
#meta_0 a:hover,
#meta_0 a.hover {
	background-position: 0px 0px;
}
#imprint_content {
	overflow: auto;
}
#imprint_content a {
	color: #A10D59;
	text-decoration: underline;
}
#imprint_content a:hover {
	text-decoration: none;
}
#imprint_content #sm_address {
	margin-top: 0px;
	margin-left: 10px;
}
#imprint {
	margin-right: 5px;
	background-image: url(/images/0_home/imprint.gif);
}
#agb {
	background-image: url(/images/0_home/agb.gif);
}
#content #navi_0_content {
	height: 240px;
	margin-top: 19px;
}
#start_left, #start_right {
	float: left;
}
#start_left {
	padding: 5px 14px 0px 0px;
	border-right: 1px solid #CEBCA5;
}
#start_right {
	padding: 5px 0px 0px 14px;
}
#video_iwieida {
	display: none;
}

/*** Content 1 / Wir sind ***/
#content #navi_1_content {
	padding-right: 10px;
}
#navi_1_content #wir_sinds_vid {
	float: right;
	display: inline;
}
#navi_1_content p {
	float: left;
	width: 243px;
	height: 195px;
	margin-right: 5px;
}
#navi_1_content b {
	color: #F8B322;
}

/*** Content 2 / Shirts ansehen ***/
#meta_2 {
	top: 21px;
/* 	width: 140px; */
	height: 21px;
	margin-left: 523px;
	position: absolute;
}
#meta_2 a {
	width: 64px;
	height: 21px;
	display: block;
	text-decoration: none;
	background: url(/images/2_shirts/washing_notes.gif) no-repeat 0px -21px;
}
#meta_2 a:hover,
#meta_2 a.hover {
	background-position: 0px 0px;
}
/* Karussell */
/* Achtung: hier sind auch die Definitionen fuer das Karussel im Bestellprozess und von Mehr Dinge */
#content #left, #content #center, #content #right,
#content #left2, #content #center2, #content #right2,
#content #left3, #content #center3, #content #right3,
#content #left4, #content #center4, #content #right4,
#content #left5, #content #center5, #content #right5 {
	float: left;
	padding: 0px;
	height: 154px;
	background-color: #FFF;
}
#content #left2, #content #center2, #content #right2 {
	height: 177px;
}
#content #left img, #content #right img,
#content #left2 img, #content #right2 img,
#content #left3 img, #content #right3 img,
#content #left4 img, #content #right4 img,
#content #left5 img, #content #right5 img {
	cursor: pointer;
	margin: 67px 5px;
}
#content #left2 img, #content #right2 img {
	margin-top: 94px;
}
#content #left3 img, #content #right3 img,
#content #left4 img, #content #right4 img,
#content #left5 img, #content #right5 img {
	margin: 51px 5px;
}
#content #center,
#content #center2,
#content #center3,
#content #center4,
#content #center5 {
	width: 528px;
	overflow: hidden;
	position: relative;
}
#content #center2 {
	width: 320px;
}
#content #center3,
#content #center4,
#content #center5 {
	width: 528px;
}
#content #center div,
#content #center2 div,
#content #center3 div,
#content #center4 div,
#content #center5 div {
	padding: 0px;
	position: absolute;
}
#content #center div div,
#content #center2 div div,
#content #center3 div div,
#content #center4 div div,
#content #center5 div div {
	width: 200px;
	margin: 10px 34px;
	height: 140px;
	cursor: pointer;
	position: relative;
}
#content #center2 div div {
	width: 70px;
	height: 70px;
	margin: 10px 5px;
}
#content #center2 div.current div {
	background-image: url(/images/3_bestell/step6/stoff_hover.gif);
}
#content #center2 div div div {
	width: 100%;
	margin: 0px;
	height: 100%;
	background-image: url(/images/3_bestell/step6/stoff_border.gif);
}
#content #center3 div div,
#content #center4 div div,
#content #center5 div div {
	width: 200px;
	height: 110px;
	margin: 10px 34px;
}
#content #center3 div div p,
#content #center4 div div p,
#content #center5 div div p {
	display: none;
}

/*** Content 3 / Bestell einfach ***/
#navi_3_content a:hover {
	color: #813689;
}
#breadcrumb {
	top: 268px;
	position: absolute;
}
#breadcrumb li {
	display: inline;
}
#breadcrumb li a {
	color: #CEBCA5;
	font-size: 11px;
	margin-right: 2px;
	padding-right: 10px;
	text-decoration: none;
	background: url(/images/3_bestell/bg_breadcrumb.gif) no-repeat right 4px;
}
#breadcrumb li a.active {
	color: #97877B;
	background-image: url(/images/3_bestell/bg_breadcrumb_active.gif);
}
#breadcrumb li a.current {
	font-weight: bold;
}
#breadcrumb li a.last {
	background: none;
}
#breadcrumb li a.hidden {
	display: none;
}

#content #order_container {
	width: 574px;
	overflow: hidden;
}
#content #order {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 5740px;
	position: relative;
}


#step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8, #step9, #step10 {
	float: left;
	width: 574px;
	height: 100%;
	position: relative;
}
/* zurueck-/weiter-Buttons */
.back, .next {
	top: 218px;
	left: 460px;
	width: 57px;
	height: 17px;
	display: block;
	position: absolute;
	background: url(/images/3_bestell/back_button.gif) no-repeat 0px -17px;
}
.next {
	left: 520px;
	width: 55px;
	background-image: url(/images/3_bestell/next_button.gif);
}
#back_8 {
	left: 444px;
}
#next_8 {
	left: 504px;
	width: 71px;
	background-image: url(/images/3_bestell/step8/bestellen_button.gif);
}
/* Schritt 1: Shirt waehlen */
#step1 h3 {
	margin-bottom: 20px;
}
#step1 #description_long,
#step1 #description_short {
	display: none;
}
#step1 div {
	float: left;
	width: 169px;
}
#step1 div b {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#step1 div#short {
	width: 144px;
}
#step1 div#shirt_description {
	width: 240px;
	margin-left: 20px;
}
#step1 input {
	border: 0px;
	width: auto;
	margin: 10px 0px 0px 65px;
	background-color: transparent;
}

/* Schritt 10: Schnitt waehlen */
#step10 {
	width: 500px;
	margin-right: 74px;
}
#step10 p#step10_text_2 {
	display: none;
}
#step10 ul {
	margin-top: 10px;
	list-style-type: none;
}
#step10 li {
	padding: 4px 0px;
}
#step10 li input {
	float: left;
	width: 25px;
	margin-top: 2px;
}
#step10 li label {
	float: left;
	width: 100px;
	display: block;
}

/* Schritt 2: Farbe waehlen */
#step2 {
	width: 500px;
	margin-right: 74px;
}
#step2 h3 {
/* 	margin-bottom: 20px; */
}
#step2 #shirt_color_preview {
	float: left;
	margin: 30px 20px 20px 0px;
}
#step2 div {
	float: left;
	width: 70px;
	height: 70px;
	margin: 8px 8px 0px 0px;
}
#step2 div.current div {
	background-image: url(/images/3_bestell/step2/shirt_color_hover.gif);
}
#shirt_color_1 {
	background-image: url(/images/3_bestell/step2/farbfeld_weiss.jpg);
}
#shirt_color_2 {
	background-image: url(/images/3_bestell/step2/farbfeld_rosa.jpg);
}
#shirt_color_3 {
	background-image: url(/images/3_bestell/step2/farbfeld_hellblau.jpg);
}
#shirt_color_4 {
	background-image: url(/images/3_bestell/step2/farbfeld_grau.jpg);
}
#shirt_color_5 {
	background-image: url(/images/3_bestell/step2/farbfeld_schwarz.jpg);
}
#shirt_color_6 {
	background-image: url(/images/3_bestell/step2/farbfeld_dunkelblau.gif);
}
#step2 div div {
	float: none;
	margin: 0px;
}

/* Schritt 3: Groesse waehlen */
#step3 img {
	float: left;
}
#step3 span {
	padding-left: 26px;
}
#step3 span span,
#step3 td span {
	padding-left: 0px;
}
#step3 #girl_size_descr,
#step3 #boy_size_descr,
#step3 #shirt_size_2 {
	display: none;
}
#step3 td {
	vertical-align: middle;
}
#step3 td input {
	border: 0px;
	margin: 0px 3px 0px 25px;
	background-color: transparent;
}

/* Schritt 4: Kollektion waehlen */
#step4 div {
	float: left;
	width: 114px;
	font-size: 10px;
	line-height: 13px;
	padding-top: 100px;
	background-repeat: no-repeat;
}
#step4 #collection_A {
	background-image: url(/images/3_bestell/step4/kollektionen_tshirt_klein_A.jpg)
}
#step4 #collection_B {
	background-image: url(/images/3_bestell/step4/kollektionen_tshirt_klein_B.jpg)
}
#step4 #collection_C {
	background-image: url(/images/3_bestell/step4/kollektionen_tshirt_klein_C.jpg)
}
#step4 #collection_D {
	background-image: url(/images/3_bestell/step4/kollektionen_tshirt_klein_D.jpg)
}
#step4 #collection_E {
	background-image: url(/images/3_bestell/step4/kollektionen_tshirt_klein_E.jpg)
}
#step4 input {
	margin: 0px 0px 5px 44px;
}
#step4 input.first {
	margin-left: 38px;
}
#step4 div p {
	margin-top: 5px;
}

/* Schritt 5: Text eingeben */
#step5 #collection_B_text,
#step5 #collection_C_text,
#step5 #collection_D_text,
#step5 #collection_E_text {
	display: none;
}
#step5 #collection_B_text input {
	width: 105px;
/* 	margin-left: 45px; */
}
#step5 #collection_B_text input.B_input,
#step5 #collection_C_text input.C_input,
#step5 #collection_D_text input.D_input {
	border: 0px;
	width: auto;
	margin: 3px 0px 0px 8px;
	background-color: transparent;
}
#step5 #collection_A_text div span.textinput,
#step5 #collection_B_text div span.textinput,
#step5 #collection_C_text div span.textinput,
#step5 #collection_D_text div span.textinput,
#step5 #collection_E_text div span.textinput {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
#step5 div img {
	float: left;
}
#step5 div div {
	float: left;
	width: 365px;
	height: 175px;
/*	overflow: auto;*/
}
#step5 div div p {
	margin-bottom: 10px;
}
#step5 td {
	vertical-align: middle;
}
#step5 input {
	padding: 1px 2px;
	margin-bottom: 3px;
	border: 1px solid #F0EBE5;
	background-color: #F0EBE5;
}

#step5 #A_text_2 {
	width: 105px;
}

#step5 #C_text_1 {
	width: 105px;
/* 	margin-left: 25px; */
}

#step5 #E_text_1 {
	width: 165px;
	font-size: 11px;
	margin-bottom: 5px;
	margin-left: 2px;
}

#step5 #E_text_2 {
	width: 105px;
}

#step5 #collection_D_text #applikation {
	margin-right: 0px;
	display: block;
}

/* Schritt 6: Stoff waehlen */
#step6_preview {
	float: left;
	width: 170px;
	height: 170px;
	margin-top: 5px;
}
#step6_preview div {
	height: 168;
	text-align: center;
	border: 2px solid #97877B;
}
* html #step6_preview div {
	height: 170;
}
#step6_preview div p {
	margin-top: 70px;
}
#step6 #carussell2 {
	float: left;
	margin-left: 40px;
}
#step6 #carussell2 span {
	margin-left: 5px;
}

/* Schritt 7: Check */
#step7 div {
	float: left;
	width: 195px;
	font-size: 0px;
}
#step7 table {
	margin-bottom: 15px;
}
#step7 td {
	line-height: 16px;
}
#step7 td.header {
	width: 60px;
	font-weight: bold;
}
#step7 input {
	float: left;
	margin-top: 3px;
}
#step7 p {
	padding-left: 220px;
}

/* Schritt 7: Check */
#step8 div {
	float: left;
	width: 170px;
	margin-right: 15px;
}
#step8 div.last {
	width: 185px;
	margin-right: 0px;
}
#step8 label {
	font-size: 10px;
}
#step8 label.info {
	line-height: 1.4em;
}
#step8 input, #step8 textarea {
	width: 160px;
	padding: 1px 2px;
	margin-bottom: 3px;
	border: 1px solid #F0EBE5;
	background-color: #F0EBE5;
}
#step8 textarea {
	height: 77px;
	margin-top: 5px;
}
#step8 input.autowidth {
	width: auto;
	border: 0px;
	margin-top: 2px;
	background-color: transparent;
}
#step8 input.error {
	background-color: #813689;
}
#step8 input#agb_checked {
	float: left;
	margin-top: 3px;
}
#step8 span {
	float: left;
	display: block;
	padding-left: 5px;
}
#step8 div a, #step9 a {
	color: #813689;
	text-decoration: underline;
}
#step8 div a:hover, #step9 a:hover {
	text-decoration: none;
}
#step8 div p {
	margin: 7px 0px;
	line-height: 1.4em;
}
#step8 #order_reset {
	display: none;
}

/* Schritt 9: Danke */
#step9 td.header {
	width: 100px;
	font-weight: bold;
}
#step9 p {
	margin: 10px 0px;
}

#orderform input:focus, #orderform textarea:focus {
	border-color: #813689;
}

/*** Content 4 / Mehr Dinge ***/
#carussell3 {
/* 	float: right; */
}
#meta_4 {
	top: 21px;
	right: 60px;
	height: 21px;
	position: absolute;
}
#meta_4 a {
	float: left;
	height: 21px;
	display: block;
    margin-left: 5px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px -21px;
}
#meta_4 a:hover,
#meta_4 a.hover {
	background-position: 0px 0px;
}
#bags {
	width: 65px;
	background-image: url(/images/4_dinge/button_taeschchen.gif);
}
#jewelry {
	width: 92px;
  display: none !important;
	background-image: url(/images/4_dinge/button_schmuckstuecke.gif);
}
#keychain {
	width: 104px;
	background-image: url(/images/4_dinge/button_schluesselbaender.gif);
}

/*** Content 5 / Kontaktformular ***/
#content #navi_5_content {
	padding-right: 30px;
}
#contactform {
	margin-top: 10px;
}
#contactform table{
	width: 562px;
}
#contactform td {
	padding-right: 9px;
}
#contactform td.right {
	padding-left: 9px;
	padding-right: 0px;
}
#contactform label {
	font-size: 10px;
}
#contactform input, #contactform textarea {
	padding: 1px 2px;
	width: 218px;
	margin-bottom: 3px;
	border: 1px solid #F0EBE5;
	background-color: #F0EBE5;
}
#contactform input#email {
	width: 326px;
}
#contactform input.error {
	border-color: #B2E2ED;
	background-color: #B2E2ED;
}
#contactform input:focus, #contactform textarea:focus {
	border-color: #35B1CF;
}
#contactform textarea {
	width: 326px;
	height: 92px;
}
#contactform #submit {
	width: 74px;
	height: 17px;
	float: right;
	border: 0px;
	padding: 0px;
	margin-top: 5px;
	background: transparent url(/images/5_kontakt/absenden_button.gif) no-repeat 0px -17px;
}
#contactform #contact_reset {
	display: none;
}
#messages, #messages_order {
	top: 21px;
	left: 0px;
/*	width: 100%;
	height: 100%;*/
	width: 610px;
	height: 269px;
	display: none;
	position: absolute;
	background: url(/images/5_kontakt/msg_bg.png);
}
#messages_order {
	background: url(/images/3_bestell/step8/bg_msg_bestell.png);
}
#contactsuccess, #contacterror, #contacterror_script, #error_order, #error_order_2 {
	top: 50px;
	left: 120px;
	width: 350px;
	height: 150px;
	padding: 15px;
	display: none;
	position: absolute;
	border: 1px solid #35B1CF;
	background-color: #FFFFFF;
}
#error_order, #error_order_2 {
	border-color: #813689;
}
#contactsuccess p, #contacterror p, #contacterror_script p, #error_order p, #error_order_2 p {
	margin-bottom: 5px;
}
#contact_email_error {
	display: none;
}
#contacterror span, #contacterror_script span {
	color: #35B1CF;
}
#error_order span, #error_order_2 span {
	color: #813689;
}
.cross {
	top: 5px;
	right: 5px;
	cursor: pointer;
	position: absolute;
}
.button_bg, .button_bg_bestell, .button_bg_bestell_2 {
	width: 124px;
	height: 17px;
	display: block;
	cursor: pointer;
	background: transparent url(/images/5_kontakt/hinweis_button.gif) no-repeat 0px -17px;
}
.button_bg_bestell {
	width: 180px;
	background-image: url(/images/3_bestell/step8/fehl_eintrag_button.gif);
}
.button_bg_bestell_2 {
	width: 124px;
	background-image: url(/images/3_bestell/step8/hinweis_button.gif);
}