/* @override 
	http://www.bauking.de/stylesheets/application.css
	http://0.0.0.0:3000/stylesheets/application.css
*/

/* @group layout-container
-----------------------------------------*/

div.container_12 {
  margin-top: 20px;
}

.topline {
  border-top: 1px solid #e4e4e4;
}
#top {

}
#header {
  margin-bottom: 10px;
  height: 145px;
  position: relative;
}

#top_navigation {
  padding-top: 23px;
  padding-left: 12px;
}

#logo {
  text-align: right;
  padding: 30px 20px 10px 0;
}

#container_navigation {
  position: absolute;
  bottom: 0;
}

#quicksearch {
  float: right;
}

#quicksearch form {
  padding: 8px 12px 0 0;
}

#quicksearch_content {
  display: inline;
}

#content {
  
}

#contentheader {
  margin-bottom: 20px;
  height: 140px;
}

#teaser {
  height: 140px;
}

#teaser_content h4, #teaser_content a {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

#teaser_content {
  padding: 15px 15px 0;
  font-size: 11px;
}

#intro {
  height: 140px;
}

#intro_content {
  display: none;
  padding: 100px 0 0 20px;
}

#col1 {
  
}

#col2 {
  
}

#col3 {
  
}

#media {
  
}

#footer {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 25px;
  background: url(/images/wir_handeln.gif) no-repeat;
}

#pagetools {
  text-align: right;
}

#recommend_page {
  width: 920px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #feffcc;
  border-top: 1px solid #ffa500;
  border-bottom: 1px solid #ffa500;
}

/* @end
-------*/

/* @group basics
-----------------------------------------*/

body {
  /*
  background: #fff url(../images/bg_top.jpg) repeat-x;
 */
}

#info {
  border: 2px solid red;
  background: white;
  padding: 10px;
  margin-top: 20px;
  background-color: white;
}

.container_12 {
  
}

.mainimage img, .subimage_c1 img, .subimage_c2 img {
  display: block;
}

.mainimage {
  padding-bottom: 10px;
}

.subimage_c1, .subimage_c2 {
  float: left;
  margin-bottom: 10px;
  width: 105px;
}

.subimage_c1 {
  margin-right: 10px;
}

/* @end
-------*/

/* @group frontpage
-----------------------------------------*/
.frontpage_news {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  margin-bottom: 20px;
}
#teaser {
  background: url(../images/default_bg_teaser.png) no-repeat;
}

#intro {
  background: url(../images/default_bg_contentintro.png) no-repeat;
}

#frontpage_r2t1, #frontpage_r2t2,
#frontpage_r2t3, #frontpage_r2t4 {
  background-position: 0 37px;
}

.frontpage_teaser {
  background-image: url(../images/default_bg_frontpage_teaser.jpg);
  overflow: hidden;
}

.frontpage_teaser h4 {
  background: #DD0002 url(../images/bg_frontpage_teaser_title.png) repeat-x;
  padding: 8px 0 8px 10px;
  margin: 0;
}

.frontpage_teaser h4, .frontpage_teaser h4 a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.frontpage_teaser_content {
  padding: 0 10px;
  line-height: 14px;
  font-size: 11px;
}

#frontpage_r2t1, #frontpage_r2t2,
#frontpage_r2t3, #frontpage_r2t4 {
  height: 200px;
  margin-top: 20px;
}

#frontpage_r1c1, #frontpage_r1c2 {
  height: 280px;
}

#frontpage_r1c1_content {
  margin: 0px 20px 0 0;
  line-height: 16px;
  padding: 20px 0px 0 15px;
}

#frontpage_r1c1_content h2 {
  margin: 0 0 1em;
  font-size: 18px;
  color: #454545;
}

#frontpage_r1c1 {
  background: url(../images/bg_frontpage_welcome.png) no-repeat;
}

/* @end
-------*/

/* @group teaserlayouts
-----------------------------------------*/

.frontpage_bigteaserlayout_1 {
  margin: 163px 180px 0 25px;
  line-height: 16px;
}

.frontpage_bigteaserlayout_1 h4 {
  font-size: 20px;
  color: #DD0002;
}

.frontpage_bigteaserlayout_1 p {
  font-size: 16px;
  line-height: 20px;
}

.frontpage_bigteaserlayout_1 a {
  font-size: 12px;
}

.frontpage_teaser {
  background-position: bottom;
  background-repeat: no-repeat;
}

/* @end
-------*/

/* @group top-navigation
-----------------------------------------*/

#top_navigation ul {
  display: block;
  margin: 0;
  padding: 0;
}

#top_navigation ul li {
  display: inline;
}

#top_navigation ul li a {
  padding: 5px 20px 5px 0;
  float: left;
  font-size: 11px;
}

#top_navigation ul li a:hover,
      #top_navigation ul li a:focus,
      #top_navigation ul li.current a {
  
}

#top_navigation ul.shop li a, #top_navigation ul.shop li a:visited {
  color: #e50003;
  font-weight: bold;
  font-style: italic;
}

/* @end
-------*/

/* @group main_navigation NEW
-----------------------------------------*/

#main_navigation {
  background: #ccc url('../images/nav/bg_navmain.png') repeat-x;
  width: 100%;
  overflow: hidden;
  float: left;
  display: inline;
  line-height: 0;
}

#main_navigation ul {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

#main_navigation ul li {
  display: inline;
  float: left;
  line-height: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main_navigation ul li a {
  background: transparent;
  display: block;
  padding: 14px 13px;
  width: auto;
}

#main_navigation ul li a:focus,
#main_navigation ul li a:hover,
#main_navigation ul li a:active {
  background: #666 url('../images/nav/bg_navmain_current.png') repeat-x;
}

#main_navigation ul li.current a,
#main_navigation ul li.current a:focus,
#main_navigation ul li.current a:hover,
#main_navigation ul li.current a:active {
  background: #666 url('../images/nav/bg_navmain_current.png') repeat-x;
}

.edge-lo {
  position: relative;


/* IE Fix | z-index */
  float: left;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-image: url(../images/nav/edge-lo.gif);
  background-position: top left;
  bottom: -10px;
  z-index: 1000;
}

.edge-ro {
  position: relative;


/* IE Fix | z-index */
  float: right;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-image: url(../images/nav/edge-ro.gif);
  background-position: top right;
  bottom: -10px;
  z-index: 1001;
}

.edge-lu {
  position: relative;


/* IE Fix | z-index */
  float: left;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-image: url(../images/nav/edge-lu.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  top: -10px;
}

.edge-ru {
  position: relative;


/* IE Fix | z-index */
  float: right;
  width: 10px;
  height: 10px;
  font-size: 0;
  background-image: url(../images/nav/edge-ru.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  top: -10px;
}

.sendbutton_recommend {
  height: auto;
  line-height: auto;
  width: 120px !important;
  padding: 1px 0;
  display: block !important;
  clear: both !important;
  margin: 5px 0 !important;
}

/* @end
-------*/

/* @group sub-navigation */

#sub_navigation {
  border-top: 7px solid #DD0002;
  background: #eee;
}

#sub_navigation ul {
  list-style-type: none;
  border-top: 1px solid #fff;
  display: block;
  margin: 0;
  padding: 5px 0;
}

#sub_navigation ul li {
  background: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#sub_navigation ul li a {
  background: url(../images/sub_navigation_arrow_down.gif) no-repeat 11px center;
  padding: 4px 0 4px 24px;
  display: block;
  text-decoration: none;
  color: #666;
}

#sub_navigation ul li a:hover,
      #sub_navigation ul li a:focus,
      #sub_navigation ul li.current a {
  background: url(../images/sub_navigation_arrow_active.gif) no-repeat 11px center;
  color: #454545;
  font-weight: bold;
}

/* @end */

/* @group footer-navigation
-----------------------------------------*/

#footer_navigation {


}

#footer_navigation ul {
  list-style-type: none;
  border-top: 1px solid #fff;
  display: block;
}

#footer_navigation ul li {
  background: none;
  padding: 0;
  margin: 0;
  display: inline;
}

#footer_navigation ul li a {
  padding: 5px 0 5px 10px;
  display: block;
  text-decoration: none;
}

#footer_navigation ul li a:hover,
      #footer_navigation ul li a:focus,
      #footer_navigation ul li.current a {
  background: #fff;
}

/* @end





/* @group sub-navigation
-----------------------------------------*/

/* @group form elements
-----------------------------------------*/

input, textarea {
  font-family: Trebuchet MS, Verdana, sans-serif;
  

/*  background: white;
  border: 1px solid #ccc;
  font-size: 11px;*/
  float: left;
}

input {
  height: 18px;
  padding-top: 4px;
  padding-left: 4px;
  vertical-align: bottom;
}

#quicksearch input {
  background: white;
  border: 1px solid #ccc;
  font-size: 11px;
  width: 110px;
  color: #999;
}

#quicksearch input:focus, #quicksearch input:active {
  
}

#quicksearch_title {
  font-style: italic;
  color: #E60000;
  font-weight: bold;
  font-size: .8em;
  float: left;
  line-height: 12px;
  margin-right: 6px;
}

button.button {
  font-family: Trebuchet MS, Verdana, sans-serif;
  background: url(../images/bg_button.png) repeat-x center bottom;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  font-size: 11px;
  font-weight: bold;
  padding: 0 6px;
  height: 25px;
  float: left;
  vertical-align: bottom;
  margin-left: 4px;
  text-align: center;
  font-weight: bold;
}

button.button:hover, button.button:focus, button.button:active {
  color: #E60000;
  cursor: pointer;
}

#frontpage_nl_plz {
  width: 46px;
}

#frontpage_nl_mail {
  width: 155px;
}

.frontpage_newsletter {
  position: relative;
}

#recommend label, #callback label {
  font-style: italic;
}

#recommend input, #callback input, #callback select {
  width: 400px;
  margin-bottom: 10px;
}

#recommend label, #recommend input, #callback label, #callback input {
  clear: left;
  display: block;
}

#callback textarea {
  width: 400px;
  margin-bottom: 10px;
}

/* @end
-------*/

/* @group collections
-----------------------------------------*/

#collection_B {
  margin: 20px 0;
  clear: both;
}

#collection_B img {
  float: left;
  margin: 0 10px 0 0;
}

#collection_B .collbox_col1, 
#collection_B .collbox_col2 {
  float: left;
  width: 50%;
  margin: 0 0 5px;
}

#collection_B .collbox_content {
  border-bottom: 1px solid #e4e4e4;
  padding: 5px 0;
  line-height: 1.4em;
  height: 75px;
}

/* Abstaende fuer divider */

#collection_B .collbox_col1 .collbox_content {
  margin-right: 10px;
}

#collection_B .collbox_col2 .collbox_content {
  margin-left: 10px;
}

#collection h3 {
  font-size: 16px;
  margin-bottom: 5px;
  padding: 0;
  line-height: 16px;
}

#collection table img {
  margin-right: 15px;
  margin-bottom: 10px;
}

#collection table td {
  vertical-align: top;
}

.collection_row {
  clear: both;
  margin-top: 15px;
/*

Peter*/
}

.collection_row img {
  float: left;
  margin: 0 10px 20px 0;
}

.collection2col_box {
  float: left;
  width: 50%;
  height: 110px;
}

.collection2col_box p {
  padding: 0 15px 0 0;
}

.collection2col_box img {
  float: left;
  margin: 0 10px 0 0;
}

/* @end
-------*/

/* @group Highslide */

/* HIGHSLIDE */

.highslide {
  cursor: url(/graphics/zoomin.cur), pointer;
  outline: none;
}

.highslide img {
  border: 1px solid #ccc;
}

.highslide:hover img {
  border: 1px solid #c50000;
}

.highslide-image {
  border: 10px solid white;
}

.highslide-image-blur {
}

.highslide-caption {
  font-weight: bold;
  display: none;
  border: 5px solid white;
  border-top: none;
  padding: 5px;
  background-color: white;
}

.highslide-loading {
  display: block;
  color: white;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding: 3px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: black;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/* @end */

/* @group Orbit */

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 940px;
	height: 280px;
	background: #000 url('orbit/loading.gif') no-repeat center center;
	overflow: hidden;
  margin-bottom: 20px;
}
#featured>img,  
#featured>div,
#featured>a { display: none; }




/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative;
	margin: 0 0 40px;
 }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; display: none;}

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(/images/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(/images/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(/images/orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(/images/orbit/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(/images/orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

body #content ul.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -25px;
    left: 50%;
	margin: 0 0 0 -20px;
    padding: 0;
}

body #content ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(/images/orbit/bullets.jpg) no-repeat 4px 0; 
    width: 13px;
    height: 12px;
    overflow: hidden; 
	padding: 0;
}

body #content ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
body #content ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

body #content ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/* @end */