body {
  background: url('../../img/slantedbg.png') no-repeat top center #efefef;
}
.specialbg {
  background: url('../../img/slantedspecialbg.png') no-repeat top center #efefef;
}
#slanted-main-wrapper { background: url('../../img/headerbg.png') repeat-x; }

.flash-left { float: left; }
.flash-left a img {
  text-decoration: none;
  border: none;
}
#homepage, #broodexpress, #events,
#contactform, #login-form, #location-details { line-height: 1.85em; }
.page-right-container .header-image,
.leftcolumn-topbig img { vertical-align: top; }
.page-left-container h2 { font-size: 180%; }

#homepage a .header-image { border: none; }

.home-bestellen-text, .broodexpress-text, .vacature-text, .location-bestellen {
  background: url('../../img/pagerightsmallcenterbg.png') repeat-y;
  padding: 10px 50px 0px 40px;
}
#homepage .page-left-container, #events .page-left-container,
#contactform .page-left-container {
  width: 563px;
  background: url('../../img/pagecolumnlefttopbg.png') no-repeat;
  position: relative;
  padding-top: 20px;
}
#homepage .page-left-text, #events .page-left-text,
#contactform .page-left-text {
  background: url('../../img/pagecolumnleftcenterbg.png') repeat-y;
}
.description { font-weight: bold; }
.positioncolumn1bottombg {margin-left: -1px; }

/* ** Layout homepage **/
.flash-left img {
  vertical-align: top;
  margin-top: -8px;
}
.intro-right {
  padding-left: 450px;
  padding-right: 10px;
}
.intro-right h1 { margin-left: 0px; }

#homepage .page-left-container h2  {
  color: #000;
  width: 160px;
  text-align: right;
  margin-top: 15px;
  margin-right: 35px;
  float: right;
}
.home-impression {
  position: absolute;
  top: 10px;
  left: 10px;
}
#homepage .page-left-text {
  margin-top: 55px;
  padding: 150px 25px 30px 25px;
}
.img-right {
  float: right;
  margin-top: -80px;
  padding-left: 10px;
  padding-bottom: 10px;
}
/* Start right small column homepage */
.page-right-container {
  float: right;
  width: 258px;
  margin-top: -60px;
}
.home-bestellen-text, .vacature-text, .location-bestellen { text-align: center; }

.home-bestellen-text h2 {
  color: #fff;
  font-size: 140%;
}
.login-button, .pricelistbutton {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  display: block;
  text-align: center;
  width: 136px;
}
.login-button {
  background: url('../../img/logingradientbg.png') no-repeat;
  padding: 9px 0px;
  margin: 20px 0px 0px 10px;
}
.pricelistbutton {
  background: url('../../img/pricelistbutton.png') no-repeat;
  padding: 5px 0px;
  margin: 30px 0px 0px 20px;
}
/* @end right small column homepage */
/* @@end Homepage Layout @@end */

/* ** Start BroodExpress page Layout ** */
#broodexpress .page-right-container { margin-top: 3px;}
#broodexpress .page-left-container { width: 582px; }
.page-left-column1, .page-left-column2 {
  background: url('../../img/slantedcolumntopbg.png') no-repeat;
  float: left;
  width: 270px;
}
.page-left-container .page-left-column1 {
  margin-top: 70px;
  padding-top: 40px;
  margin-right: 25px;
}
.page-left-container .page-left-column2 {
  margin-top: 40px;
  padding-top: 40px;
}
.slanted-text-column {
  background: url('../../img/slantedcolumncenterbg.png') repeat-y;
  padding-right: 30px;
  padding-left: 30px;
}
.page-left-column1 .slanted-text-column {
  padding-top: 10px;
  padding-bottom: 127px;
}
.page-left-column2 .slanted-text-column {
  padding-top: 35px;
  padding-bottom: 70px;
}
.broodexpress-text ul {
  margin: 0;
  padding: 0;
}
.broodexpress-text ul li {
  padding-bottom: 15px;
  list-style: none;
  background: url('../../img/listbullet.png') no-repeat;
  padding-left: 25px;
}
#broodexpress p { margin-bottom: 18px; }
/* @@end broodexpress layout @@end */

/* ** Start Events layout ** */
#events .clear, #contactform .clear { margin-bottom: 30px; }

#events .page-left-container h2, #contactform .page-left-container h2 {
  margin-left: 28px;
  float: left;
}
#events .page-left-container h2 { margin-top: 70px; }
#events .page-left-text, #contactform .page-left-text {
  margin-top: 45px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
}
#events .page-left-text { padding-top: 70px; }

#events .page-right-container,
#contactform .page-right-container { margin-top: -25px; }
#events .description {
  margin-top: 45px;
  padding-bottom: 65px;
  margin-bottom: 0;
}
/* @@end events layout @@end */

/* ** Start contact form layout ** */
#contactform .page-left-container h2 { margin-top: 60px; }
#contactform .page-left-text { padding-top: 50px; }
#contactform .page-left-text label {
  width: 110px;
}
#contactform .page-left-text #id_message {
  width: 350px;
  height: 100px;
}
#contactform .page-left-text form p { margin: 10px 0px; }
 .btn-container {
  background: url('../../img/redbuttonleft.png') no-repeat top left;
  display: inline-block;
}
.btn-container { margin-left: 390px; }
.forwardbutton {
  background: url('../../img/redbuttonright-green.png') no-repeat top right;
  border: none;
  margin: 0;
  padding: 3px 8px;
}
.contactform .skinned-select { margin-left: 110px;}
#contactform .page-right-container .login-button { margin-top: 40px; }
#contactform .vacature-text { padding-bottom: 30px; }
/* @@end layout contactform @@end */

/* ** Start layout bestellen page - login form ** */
#login-form .flash-left { width: 402px; }
#login-form .page-left-container {
  margin-top: 190px;
  width: 450px;
  margin-bottom: 120px;
}
#login-form .header-image {
  position: absolute;
  right: 80px;
  top: 434px;
}
#login-form .login-button {
  float: right;
  margin-top: 1px;
}
#login-form .loginbottombg {
  background: url('../../img/loginbottombg.png') no-repeat top left;
  width: 100%;
  height: 120px;
}
#login-form .loginbottombg .whitebutton {
  background: url('../../img/white-button.gif') no-repeat top left;
  color: #ED2024;
  border: none;
  margin-top: 5px;
  margin-left: 210px;
  padding: 5px 35px;
  text-align: center;
  font-size: 130%;
}
#login-form .loginbottombg .forgot-password {
  margin-left: 165px;
  margin-top: 20px;
  font-style: italic;
}
#login-form .loginbottombg .forgot-password a { color: #fff; }
#login-form #register-login {
  background: url('../../img/logincenterbg.png') repeat-y bottom left;
  padding: 6px 40px;
}
#login-form #register-login h2 {
  color: #fff;
  font-size: 130%;
}
#login-form #register-login h2 span { display: inline-block; }
#login-form label { width: 100px; }
#login-form input[type="text"], #login-form input[type="password"] {
  width: 208px;
  background: url('../../img/login-field.png') no-repeat;
  border: none;
  height: 23px;
  padding: 2px 5px;
}
/* @@end layout login bestellen page @@end */

/* ** Start reset password form ** */
.reset-password-form {
  padding: 0px 25px 10px 25px;
  background: url('../../img/leftcolumncenterbig.png') repeat-y;
  width: 603px;
}
.reset-btn-container { margin-top: 20px; }
.reset-btn-container .btn-container { margin-left: 405px; }
#reset-password-form .forwardbutton {
  background: url('../../img/redbuttonright-graybg.png') no-repeat top right;
}
#reset-password-form p { margin: 0 0 10px 0; }
#reset-password-form .reset-btn-container .btn-container { margin-left: 345px; }
/* @@ end reset password form @@end */

/* ** Start location details layout ** */
#location-details .page-left-column2 .slanted-text-column { height: 185px; }
#location-details .page-left-column1 .slanted-text-column {
  padding-bottom: 10px;
  height: 240px;
}
#location-details .btn-container { margin: 10px 0px 10px 240px; }
#location-details .forwardbutton {
  background: url('../../img/redbuttonright-lightgraybg.png') no-repeat top right;
}
#location-details .btn-container a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  line-height: normal;
  padding-bottom: 4px;
}
.location-bestellen {
  padding-left: 30px;
  padding-bottom: 26px;
}
#location-details .intro-right .page-description { height: 160px; }
#location-details .flash-left {
  position: relative;
  margin-top: 40px;
}
.location-borderimg {
  position: absolute;
  background: url('../../img/location-img.png') no-repeat top left;
  width: 372px;
  height: 264px;
  z-index: 1;
  top: -20px;
  left: 0;
}
.location-impression {
  z-index: 2;
  margin-top: 0px !important;
  margin-left: 27px;
}
#location-details .clear { margin-bottom: 20px; }
#location-details .page-right-container { margin-top: -20px; }