/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* 960.gs */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* 960.gs default typography */

body{font:12px/1.5 Verdana, sans-serif; color:#45402d;}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:16px}h3{font-size:16px}h4{font-size:13px}h5{font-size:11px}h6{font-size:9px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

body {
  background:url('/images/background-white-bricks-small.jpg') repeat top left;
}

#header {height:90px;margin-bottom:2em;}

#header img {margin-top:25px;}

#site-navigation {
  margin-top:45px;
  margin-bottom: 8px;
  float:right;
  list-style-type:none;
  border:1px solid white;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
}

#site-navigation2 {
  margin-bottom: 0;
  float:right;
  list-style-type:none;
  border:1px solid white;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
}	

#site-navigation li, #site-navigation2 li {
  float:left;
  margin:0;
  text-align:center;
  background:url('/images/gradient-brown.png') repeat-x bottom left;
}

#site-navigation2 li.signin {
  background:url('/images/gradient-blue.png') repeat-x bottom left;
}
li.signout {
  background:url('/images/gradient-orange.png') repeat-x bottom left;
}
li.my-profile {background:none;background-color:#9AC77D;}

#site-navigation li a, #site-navigation2 li a {
  display:block;
  width:100px;
  height:25px;
  line-height:25px;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#signin-box {
  position:absolute;
  top:72px;
  right:0;
  z-index:50;
  width:500px;
  background-color:#A8CBD6;
  border:1px solid white;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
}

#signin-box p { margin-bottom:5px; }

#signin-box label {margin-left:3px;color:#45402d;;}

#signin-box #login-email,
  #signin-box #login-password,
  #signin-box #login-rememberme,
  #signin-box #login-forgot {width:200px;float:left;}

#signin-box #login-email,
  #signin-box #login-rememberme { margin-left:10px;}

#signin-box #remember_me {float:left;margin-left:2px;margin-right:5px;}
#signin-box #login-forgot a {padding-left:3px;color:#45402d;}

#signin-box #login-submit {display:inline;position:absolute;top:17px;right:17px;}

#signin-error {background:url('/images/gradient-orange-big.png') repeat-x bottom left;color:white;padding:10px 10px 1px;}
#signin-error h2 {margin:0 0 10px;}
#signin-error p {}

/* background boxes */

.background-container {
  position:relative;
  width:960px;
  margin-bottom:2em;
}

.background-container .container-content {padding:0 20px 20px;}

.background-container p {font-size:16px;}

.background-container-yellow { background:url('/images/box-yellow-middle.png') repeat-y top left; }
.background-container-blue { background:url('/images/box-blue-middle.png') repeat-y top left; }
.background-container-brown { background:url('/images/box-brown-middle.png') repeat-y top left; }
.background-container-brown .container-content { background:url('/images/box-brown-gradient.jpg') no-repeat bottom left; }
.background-container-brown.page-header .container-content { background:url('/images/box-brown-gradient-small.jpg') no-repeat bottom left; }

.background-container-yellow .box-header,
  .background-container-brown .box-header,
  .background-container-blue .box-header {width:960px; position:relative;left:-30px;top:-1px;padding:20px 25px 0;}

.background-container-yellow .box-header {background:url('/images/box-yellow-header.png') no-repeat top left;}
.background-container-brown .box-header {background:url('/images/box-brown-header.png') no-repeat top left;}
.background-container-blue .box-header {background:url('/images/box-blue-header.png') no-repeat top left;}

.background-container-footer { position:absolute;bottom:0px;width:100%;height:22px;margin-bottom:-20px; }
.background-container-footer-yellow { background:url('/images/box-yellow-footer.png') no-repeat top left; }
.background-container-footer-brown { background:url('/images/box-brown-footer.png') no-repeat top left; }
.background-container-footer-blue { background:url('/images/box-blue-footer.png') no-repeat top left; }

.background-container-brown h2,
  .background-container-brown h3,
  .background-container-brown p { color:white; }

/* footer */

#site-footer {
  position:relative;
  height:177px;
  margin:20px auto;
  background:url('/images/icon-iheartyoga.png') no-repeat 0px 50px;
}

#feedback-button {margin-left:0;margin-right:15px;}

#site-footer li img{list-style-type:none;float:left; margin-left:5px}
#site-footer li {list-style-type:none;float:right; margin-left:5px}
#site-footer li a.footer {text-indent:-9999px;height:26px;display:block;}
#footer-print {width:44px;background:url('/images/footer/presse.png') no-repeat top left;}
#footer-tos {width:35px;background:url('/images/footer/agb_2.png') no-repeat top left;}
#footer-privacy-policy {width:80px;background:url('/images/footer/legal.png') no-repeat top left;}
#footer-legal {width:62px;background:url('/images/footer/imprint.png') no-repeat top left;}
#footer-contact {width:67px;background:url('/images/footer/contact.png') no-repeat top left;}
#footer-blog {width:75px;background:url('/images/footer/blog.png') no-repeat top left;}
#footer-videos {width:91px;background:url('/images/footer/videos.png') no-repeat top left;}

#feedback-container {
  position:absolute;
  z-index:2;
  top:-304px;
  height:304px;
  width:496px;
  background:url('/images/box-white-feedbackbox.png') no-repeat top left;
}

#feedback-container img,
  #feedback-container p,
  #feedback-container form {margin-left:20px;}

#feedback-container p,
  #feedback-container label,
  #feedback-container legend,
  #feedback-container .box-close-link {font-size:11px;color:#45402d;}

#feedback-container img {margin-top:20px;margin-bottom:20px;}

#feedback-container .box-close-link {position:absolute;top:5px;right:5px;}

#feedback-container label.textfield {display:block;float:left;width:228px;}

#feedback-container input[type=text] {width:230px;margin-bottom:5px;border:1px solid #45402d;}

#feedback-container fieldset {clear:both;margin-top:20px;}

#feedback-container input[type=submit] {position:absolute;bottom:20px;right:20px;}

/* flash messages */

#notice, #error {
  min-height:45px;
  font-size:18px;
  font-weight:bold;
  line-height:45px;
  margin-bottom:20px;
}

#notice p, #error p {
  padding: 0 15px;
}

#notice p{
  border:3px solid green;
  color: green;
}

#error p{
  border:3px solid red;
  color: red;
}

/* text and colors */

@font-face {
	font-family: 'MEgalopolisExtraRegular';
	src: url('/stylesheets/fonts/megalopolis/MEgalopolisExtra.eot');
	src:  local('MEgalopolis Extra Regular'), 
	      local('MEgalopolisExtra'), 
	      url('/stylesheets/fonts/megalopolis/MEgalopolisExtra.woff') format('woff'), 
	      url('/stylesheets/fonts/megalopolis/MEgalopolisExtra.otf') format('opentype'), 
	      url('/stylesheets/fonts/megalopolis/MEgalopolisExtra.svg#MEgalopolisExtra') format('svg');
}

h1 { font-family: 'MEgalopolisExtraRegular'; font-size:34px; color: #fff; text-shadow: 3px 3px 4px #635e4c;}
h2 { text-transform:uppercase; }
h3 { font-weight: normal; }
/*h2, h3 { text-shadow:2px 2px 2px #888; }*/

.small { font-size:11px !important; }

.txt-brown { color: #45402d; }
.txt-blue { color: #496c71; }
.txt-green { color: #76be65; }

/* buttons */

.button {
  border:1px solid white;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
  color: #fff;
  text-decoration:none;
  font-weight:bold;
}

.button { font-size:13px; padding:3px 20px; }
.button-small { font-size:11px; padding:3px 20px; }
.button-medium { font-size:16px; padding:3px 20px; }
.button-large { font-size:20px; padding:3px 20px; }

/* TODO remove duplication, fix button size issue in formtastic */
form .button { font-size:13px !important; padding:3px 20px !important; }
form .button-small { font-size:11px !important; padding:3px 20px !important; }
form .button-medium { font-size:16px !important; padding:3px 20px !important; }
form .button-large { font-size:20px !important; padding:3px 20px !important; }

.button-blue { background: url('/images/gradient-blue.png') repeat-x bottom left; }
.button-brown { background: url('/images/gradient-brown.png') repeat-x bottom left; }
.button-purple { background: url('/images/gradient-purple.png') repeat-x bottom left; }
.button-green { background: url('/images/gradient-green.png') repeat-x bottom left; }
.button-orange { background: url('/images/gradient-orange.png') repeat-x bottom left; }

a.button-link {
  font-weight:bold;
  color:#45402d;
  text-decoration:underline;
  text-transform:uppercase;
}

/* video teasers */
img.teaser {
  border:1px solid #fff;
  margin-bottom:10px;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
}

.teaser div.new {position:relative;}
img.icon-new {position:absolute;top:-20px;right:-20px;}
img.icon-new-article {position:absolute;top:15px;right:95px;}
img.icon-new-nav-beginner {position:absolute;top:-10px;left:190px;}
img.icon-new-nav-shop {position:absolute;top:-10px;left:590px;}

.teaser a.button {
  display:block;
  padding:3px 0;
  text-align:center;
  width:180px;
}
.teaser p {
  margin-top:1em;
  font-weight:bold;
  line-height:1;
}

/* form errors */

#errorExplanation {
  padding: 0 15px;
  border:3px solid red;
  color: red; 
}

.fieldWithErrors input, .fieldWithErrors select {
  background-color:lightsalmon;
}

.fieldWithErrors input[type="checkbox"] {
  border:2px solid lightsalmon;
}

/* checkout process */
.payment-page h2 {font-weight:normal;font-size:16px;}

/* TODO: hack - rework the fields to adapt to container-content */
#payment-cc-fields .container-content {padding:0;}
#payment-cc-fields .container-content h1 {left:-10px;}
#payment-dd-fields .container-content {padding:0;}
#payment-dd-fields .container-content h1 {left:-10px;}

div.payment-method, div.payment-method-or {margin-bottom:20px;float:left;height:100px;line-height:69px;margin-left:10px;margin-right:20px;font-size:16px;color:white;font-weight:bold;}
div.payment-method p {margin-left:0;}

form.user {width:99%;margin-left:10px;}
form.user fieldset ol li {margin-bottom:0.25em;}
form.user fieldset ol li.string input {width:73%;}
form.user fieldset.credit-card-values {margin-bottom:70px;}
form.user fieldset.buttons li,
  #user-profile form.user fieldset.buttons li { float:right; margin-right:15px; }
form.user fieldset ol li input[type=text] { border:1px solid #9EBBC4;margin-top:3px;}
form.user label {color:#45402d;}
form.user label abbr {font-size:10px;}
form.user legend {font-weight:bold;margin-bottom:1em;color:#45402d;}

form.user hr {margin-left:-5px;margin-right:5px;height:1px;border:none;background-color:#9EBBC4;}

#card-legend {
  position:absolute;
  width:58%;
  right:10px;
  background:url('/images/graphic-cc-back.png') no-repeat top right;
}

#card-legend h4 { margin-bottom:1em;margin-left:5%;}

#card-legend p {
  width:50%;
  margin-left:5%;
  margin-bottom:3em;
  font-size:13px;
}

#logo-cc-micro {position:absolute;left:225px;margin-top:-5px;}

#card-legend strong { font-weight: bold;}

#user_gender_input {width:40%;float:left;}
#user_gender_input legend {display:block; width:40%;position:relative;margin-bottom:0;}
#user_gender_input legend label {padding-top:0;font-weight:normal;}
#user_gender_input ol {width:57%;padding-left:0;margin-left:40%;}
#user_gender_input ol li {float:left;padding-right:10px;}

#user_title_input {width:40%;float:left;}
#user_title_input label {width:40%; }
#user_title {width:57%;}

#user_firstname_input {width:40%;float:left;}
#user_firstname_input label {width:40%;}
#user_firstname {width:57%;}

#user_lastname_input {width:40%;float:left;}
#user_lastname_input label {width:40%; }
#user_lastname {width:57%;}

#user_address_input {width:40%;float:left;}
#user_address_input label {width:40%;}
#user_address {width:57%;}

#user_address2_input {width:40%;float:left;}
#user_address2_input label {width:40%; }
#user_address2 {width:57%;}

#user_zip_input {width:40%;float:left;}
#user_zip_input label {width:40%; }
#user_zip {width:57%;}

#user_city_input {width:40%;float:left;}
#user_city_input label {width:40%; }
#user_city {width:57%;}

#user_country_input {width:40%;float:left;}
#user_country_input label {width:40%; }
#user_country {width:57%;}

#user_credit_card_data_card_type_input {width:40%;float:left;margin-top:10px;}
#user_credit_card_data_card_type_input label {width:40%; }
#user_credit_card_data_card_type {width:57%;}

#user_credit_card_data_firstname_input {width:40%;float:left;clear:both;}
#user_credit_card_data_firstname_input label {width:40%; }
#user_credit_card_data_firstname {width:57%;}

#user_credit_card_data_lastname_input {width:40%;float:left;clear:both;}
#user_credit_card_data_lastname_input label {width:40%; }
#user_credit_card_data_lastname {width:57%;}

#user_credit_card_data_card_number_input {width:40%;float:left;clear:both;}
#user_credit_card_data_card_number_input label {width:40%; }
#user_credit_card_data_card_number {width:57%;}

#user_credit_card_data_card_cvc_input {width:40%;float:left;clear:both;}
#user_credit_card_data_card_cvc_input label {width:40%; }
#user_credit_card_data_card_cvc {width:23%;}

#user_credit_card_data_expiration_month_input {width:26%;float:left;clear:both;}
#user_credit_card_data_expiration_month_input label {width:40%; }
#user_credit_card_data_expiration_month {float:right;width:80px;margin-right:10px;}

#user_credit_card_data_expiration_year_input {width:40%;float:left;}
#user_credit_card_data_expiration_year_input label {display:none;}
#user_credit_card_data_expiration_year {width:80px;}


#user_credit_card_data_bank_name_input {width:40%;float:left;clear:both;}
#user_credit_card_data_bank_name_input label {width:40%; }
#user_credit_card_data_bank_name {width:57%;}

#user_credit_card_data_bank_number_input {width:40%;float:left;clear:both;}
#user_credit_card_data_bank_number_input label {width:40%; }
#user_credit_card_data_bank_number {width:57%;}

#payment-dd-fields .accountdata li {width:50%;}


#signup-wide form abbr {display:none;}
#signup-wide form label,
  #signup-wide form input {font-size:16px;}
#signup-wide form label {color:white;}

#signup-wide input[type=text], #signup-wide input[type=password] {width:200px;}
#signup-wide #user_email_input,
  #signup-wide #user_password_input,
  #signup-wide #user_password_confirmation_input {float:left;width:210px;margin-right:25px;}
  
#signup-wide #user_email_input label,
  #signup-wide #user_password_input label,
  #signup-wide #user_password_confirmation_input label {display:block;float:none;width:100%;}

#signup-wide #user_coupon_input {float:left;clear:both;}
  
#signup-wide #user_tos_accepted_input,
  #signup-wide #user_wants_newsletter_input {float:left;clear:both;margin-bottom:5px;}
  
#signup-wide #user_tos_accepted_input label,
  #signup-wide #user_wants_newsletter_input label {padding-left:0;}
  
#signup-wide fieldset.buttons {padding-left:65%;}
#signup-wide fieldset.buttons li {float:none;width:100%;margin-bottom:3px;}
#signup-wide fieldset.buttons a {clear:both;color:white;}

/* TODO remove */

#shop-header .container-content,
  #magazine-header .container-content { height:250px;}

#shop-header p {width:470px;}
#shop-header img {position:absolute;right:2px;bottom:-5px;z-index:2;}

#magazine-header p {width:470px;}
#magazine-header img {position:absolute;right:2px;bottom:-5px;z-index:2;}

#tos h3, #privacy-policy h3 {font-weight:bold;}
#tos p, #privacy-policy p {font-size:11px;}
#tos li, #privacy-policy li {font-weight:bold;}
#tos li h4, #privacy-policy li h4 {font-size:11px;}
#tos li p, #privacy-policy li p {font-weight:normal;font-size:11px;}
#privacy-policy ol.alphabetic {list-style-type:lower-alpha;}
#tos address {white-space:pre;}
#tos #cancellation {border:1px solid grey;padding:5px;}

.form-error-box {height:78px;background:url('/images/gradient-orange-big.png') repeat-x bottom left; color:white; font-size:16px;border:2px solid white; margin:10px auto;
width:80%; box-shadow:2px 2px 5px #555; -webkit-box-shadow:2px 2px 5px #555; -moz-box-shadow:2px 2px 5px #555; list-style-type:none;}
.form-error-box li:first-child {margin-top:10px;}

.form-notice-box {height:78px;background:url('/images/gradient-green-big.png') repeat bottom left; color:white; font-size:16px;border:2px solid white; margin:10px auto;
width:80%; box-shadow:2px 2px 5px #555; -webkit-box-shadow:2px 2px 5px #555; -moz-box-shadow:2px 2px 5px #555; list-style-type:none;}
.form-notice-box li:first-child {margin-top:10px;}

p.inline-errors {clear:both;margin:0;float:right;font-size:11px;}
#user_credit_card_data_expiration_year_input {width:17%;}
#user_credit_card_data_expiration_year_input p.inline-errors {margin:0.5em 0 0;float:left;}

.mailchimp-signup {color:white;font-size:16px;}
.mailchimp-signup label {font-weight:bold;}
.mailchimp-signup input[type=text] {color:black;font-size:16px;}
.mailchimp-signup a { display:block; color:white; margin-top:10px}

#user-profile hr {margin:20px 0;}
#user-profile #user_email, #user-profile #user_password, #user-profile #user_password_confirmation {width: 23%}
#user-profile #user_password, #user-profile #user_password_confirmation {border:1px solid #9EBBC4;margin-top:3px;}
#user-profile fieldset ol #user_email_input label, #user-profile fieldset ol #user_password_input label, #user-profile fieldset ol #user_password_confirmation_input label{width: 16%}

 address {white-space:pre;padding-left:0;font-style:normal;}
#legal ul {list-style-type:none;padding:left:0;}
#legal ul li {margin-left:0;}
#legal p {font-size:100%;}
#legal h2 {font-size:13px;font-weight:normal;text-transform:none;}

.left{float:left}
.right{float:right}

.right a {color: #70b461}

#image-box{ width: 460px; height: 260px; margin-bottom: 15px}
#image-box.teacher-medium{ width: 150px; height: 210px; margin-bottom: 15px}
.studio-medium{width:167px; height:125px; margin: 5px}
#image-box.small{ width: 120px; height: 85px; margin-bottom: 15px}
#image-box img{ border:1px solid white; box-shadow:2px 2px 5px #555;-webkit-box-shadow:2px 2px 5px #555;
 -moz-box-shadow:2px 2px 5px #555; margin-top: 5px; margin-left: auto; margin-right: auto; display: block}
.shadow{border:1px solid white; box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;
 -moz-box-shadow:1px 1px 3px #aaa; margin-top: 5px; margin-left: auto; margin-right: auto; display: block}
#appointments{ width: 242px; background-color:#f9ec92; padding: 10px;
 box-shadow:1px 1px 3px #aaa;-webkit-box-shadow:1px 1px 3px #aaa;
 -moz-box-shadow:1px 1px 3px #aaa; margin-top: 5px; margin-left: 20px; margin-right: 10px; display: block}
#horizontal_teaser_band{border-top:2px groove rgb(143,177,188); border-bottom:2px groove rgb(143,177,188);
    background-color:#ADCBD6; padding: 10px 20px }
#appointments h1{}
#appointments h4{font-size:16px; font-weight:100; }

#horizontal_teaser_band div.teaser{width: 170px}
#horizontal_teaser_band img.teaser{width: 170px}
#horizontal_teaser_band h2{margin:0 0 10px 0}
#horizontal_teaser_band h4{height:46px}
#horizontal_teaser_band a{width:100%}
.navi_buttons{margin: 30px 15px 20px 20px}
hr.groove_blue{border-top:2px groove #498f9b}
hr.groove_gray{border-top:2px groove #afafaf}
#teacher_details{padding:0 10px}
.upper{text-transform:uppercase}

#pins{height:45px}
#pins .left{background-image:url('../images/teachers/pin-links.png'); position: absolute;
top:-10px; left:-20px; width:63px; height:50px}
#pins .right{background-image:url('../images/teachers/pin-rechts.png'); position: absolute;
top:-25px; right:0; width:85px; height:67px}
#teachers a{color: green; padding: 0 10px;}

#site-sub-navigation ul{list-style:none}

#site-sub-navigation li{
  float:left;
  margin:0;
  text-align:center;
}

#site-sub-navigation {
  position:absolute; top:71px; right:0;  
  margin-top:0px;
  float:right;
  list-style-type:none;
  border:1px solid white;
  box-shadow:2px 2px 5px #555;
  -webkit-box-shadow:2px 2px 5px #555;
  -moz-box-shadow:2px 2px 5px #555;
}

#site-sub-navigation li a {
  display:block;
  width:100px;
  height:25px;
  line-height:25px;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

#allUsers, #resultUsers{width: 900px;}
#allUsers .center table a, #resultUsers .center table a{text-decoration: none; color: #FFF;}
#allUsers .center, #resultUsers .center{width: 800px; margin: 0 auto}
#allUsers .center .right, #resultUsers .center .right{float: right}
#allUsers .center table{width: 100%; border: 1px solid #000; background-color: #A1CA83; border-spacing: 5px; border-collapse: inherit;}
#resultUsers .center table{width: 100%; border: 1px solid #000; background-color: #E5A759; border-spacing: 5px; border-collapse: inherit;}

#findUser fieldset{padding: 1em; width: 900px;background-color: #A1CA83;}
#findUser #user_gender_input ol {margin:0}
#findUser #user_tos_accepted_input, #findUser #user_wants_newsletter_input, {padding-left: 10%;}
#findUser #user_tos_accepted_input label, #findUser #user_wants_newsletter_input label, #findUser billing_state_input{width: 30%;}
#findUser #user_wants_newsletter_input label, #findUser #user_tos_accepted_input label{padding-left: 25px}
#findUser #lastPayment{width: 400px; font-weight: normal; margin-bottom: 20px;}
#findUser #billing_state_input{width: 100%}
#findUser #billing_due_at_input{width: 100%}
#findUser #billing_state_input label, #findUser #billing_due_at_input label{font-weight: bold;}
#findUser #billing_due_at_input ol{padding: 0 0 0 25%; width: 100%} 

#findUser fieldset ol li {width: 600px;}
#findUser fieldset ol li input{border: 1px solid #000; float: right;width:59%}
#findUser fieldset ol li div{padding: 0 0 0 240px}
#findUser fieldset ol li select{width: 40%; margin: 0 0 0 3px;}
#findUser fieldset ol li fieldset ol{padding: 0 0 0 40%}
#findUser fieldset ol li fieldset{clear: both; border:none; width: 100%; padding:0;}
#findUser fieldset ol li fieldset legend{width:40%}
#findUser fieldset ol li fieldset legend label {font-weight: normal}
#findUser fieldset ol li fieldset input{border:none;}
#findUser fieldset ol li fieldset ol li{width: 110px;}
#findUser fieldset ol li fieldset ol li select{width: 70%}
#findUser fieldset ol li .userTable{margin-left: 240px; width: 85%}
#findUser fieldset ol li .userTable td {text-align: center}

#myAbo #user_email, #myAbo #user_password, #myAbo #user_password_confirmation {width: 50%}

#welcome { 
	background: url('/images/welcome/braune-box.png'); 
	width: 960px;
	height: 354px;
}

#new {
	background: url('/images/welcome/braune-box_oben.png'); 
	width: 959px;
	height:auto !important;
	height: 433px;
	min-height: 433px;	
}

#new #user_submit {
	position: absolute;
	left: 600px;
	top:0;
}

#bottom-img {
	background: url('/images/welcome/braune-box_unten.png');
	width: 959px;
	height: 15px;
}

#welcome .welcome_content_left, #new .welcome_content_left { 
	width: 840px;
}

#welcome .welcome_content_left #head, #welcome .welcome_content_left #content {
	width: 100%;
	float: left;
}

#welcome #head .headline, #new #head .headline {
	margin: 30px 0 0 20px;
	width: 600px;
	float: left;
}

#new #head .headline .left{
	float: left;
	height:40px;	
}

#new #head .headline .right {
	float: right;
	margin: 0 70px 0 0;
}

#new #subline {
	color:#FFF;
	font-family:'Verdana';
	font-size:14px;
	font-weight:bold;
	height:75px;
	margin:0 0 0 20px;
	width:820px;	
}

#welcome .welcome_content_left #content {
	height:185px;
	margin:0 0 0 12px;
	width:100%;	
}

#new .welcome_content_left #content #line1 {
	height:50px;
	margin: 20px 0 20px 20px;
	width:100%;
	color:#FFF;
	font-family:'Verdana';
	font-size:14px;
	font-weight:bold;
} 

#new .welcome_content_left #content #line2 {
	height:150px;
	margin:0 0 0 20px;
	width:100%;
}

#new .welcome_content_left #content #line2 .grid_12 {
	width: 900px;
}

#new .welcome_content_left #content #line2 #right_button {
	float:left;
	width:200px;
}

#new .welcome_content_left #content #line2 #right_button fieldset.buttons {
	margin: 0;
	padding: 0;
} 

#new fieldset {
	width: 900px;
	float:left;
}

#new fieldset a {
	font-family: 'Verdana';
	font-size: 14px;
	color: #FFF;
	font-weight: bold;	
}	

#new #user_email_input label, #new #user_password_input label, #new #user_password_confirmation_input label {
	color: gray;
}

#new #user_wants_newsletter_input label, #new #user_tos_accepted_input label { 
	font-family:'Verdana';
	font-size:14px;
}

#new p.inline-errors {
	background:url("/images/gradient-orange-big.png") repeat-x scroll left bottom transparent;
	border:1px solid white;
	clear:both;
	color:#FFFFFF;
	float:none;
	margin-left:0;
	padding:5px;
	width:auto;
}

#welcome .welcome_content_left #content .left {
	height:65px;
	padding:25px 0 0 25px;
	width:450px;
	float: left;
}

#welcome .welcome_content_left #content .arrow {
	background: url('/images/welcome/pfeil.png');
	width: 66px;
	height: 31px;
	float: left;
	margin: 0 0 0 10px;
}

#welcome .welcome_content_left #content a {
	float: left;
	margin: 0 0 0 15px;
	font-family: 'Verdana';
	font-size: 14px;
	color: #FFF;	
}

#welcome .welcome_content_left #content #top_arrow, #welcome .welcome_content_left #content #top {
	margin-top:45px;
}

#welcome .welcome_content_left #content #bottom_arrow, #welcome .welcome_content_left #content #bottom {
	margin-top: 25px;
}

#welcome .welcome_content_left #content #line1, #welcome .welcome_content_left #content #line2 {
	font: Verdana bold 11px #5b5238;
	font-family: 'Verdana';
	font-size: 14px;
	color: #FFF;
}	

#welcome #head .logo, #new #head .logo {
	position: absolute;
	float: left;
	margin:  10px 0 0 580px;
	background: url('/images/welcome/logo-tchibo.png');
	width: 220px;
	height: 176px;
}

#welcome .welcome_content_right {
	position: absolute;
	margin: 12px 0 0 734px;
	background: url('/images/welcome/yogafrau.png');
	width: 211px;
	height: 327px;
}	

#subscription-text #user_wants_newsletter_input label {
	width: 920px;
}