/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#444;background:#FFF;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#444;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #444;padding:.5em; vertical-align:top;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* Copyright (c) 2010 mmh kommunikationsagentur GmbH */
a,a:active,a:visited{color:#607890;}a:hover{color:#036;}.clear{clear:both;zoom:1;}.clear.hidden{visibility:hidden;width:1;height:1;overflow:hidden;}table.noborder th,table.noborder td{border:none;} @media print{html,legend{color:#000;}pre,blockquote,tr,img{page-break-inside:avoid;}thead{display:table-header-group;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}th,td{border-color:#000;}}

html { background-color:white; }
body { min-width:980px; font-size:11pt; }
h1, h2, h3, h4, h5, h6 { color:#3d72a1; margin-top:0; }
h1 { font-weight:normal; }
a { text-decoration:none; }
ul, ul li { list-style-image:url(img/bull.gif); }

table th, table td { border:1px solid #cccccc; }

.doublecolumn {
    width:480px;
    float:left;
    min-height:10px;
}
.doublecolumn.left { padding-right:10px; }
.doublecolumn.right { padding-left:10px; }

.column1-2 {
    width:320px;
    float:left;
    min-height:10x;
}
.column1-2.left { padding-right:10px; }
.column1-2.right { padding-left:10px; width:640px; }

.application {
    float:left;
    width:154px;
    padding:0 25px;
}
.application.left { padding-left:0; }
.application.right { padding-right:0; }
.application h2 {
    color:inherit;
    font-weight:normal;
    font-size:12pt;
    margin-bottom:10px;
}
.application img {
    width:150px;
    padding:1px;
    border:1px solid #cccccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.application .more { text-align:right; }
.application .more a {
    color:inherit;
    text-decoration:none;
    padding-left:10px;
    background:url(img/marker.gif) left 50% no-repeat;
}

#header-outer {
    background:url(img/headerbg.png) 50% top;
    text-align:center;
    height:440px;
    overflow:hidden;
    min-width:980px;
}
#header-outer2 {
    background:url(img/rip.png) 50% bottom repeat-x;
    min-width:980px;
}
#header-inner {
    width:980px;
    margin:0 auto;
    text-align:left;
    height:440px;
    /*overflow:hidden;*/
}
#header {
    position:relative;
    height:100px;
    overflow:hidden;
}
#logo {
    position:absolute;
    top:2px;
    left:0;
}
#navi {
    display:block;
    margin:0;
    list-style-type:none;
    position:absolute;
    top:15px;
    right:0;
    width:780px;
    text-align:right;
}
#navi li {
    display:inline;
    list-style-type:none;
    padding-left:25px;
}
#navi li a {
    color:inherit;
    font-size:110%;
    text-decoration:none;
}
#navi li.active a, #navi li a:hover { color:#3d72a1; }
#subnavi {
    display:block;
    margin:0;
    list-style-type:none;
    position:absolute;
    top:40px;
    right:0;
    width:780px;
    text-align:right;
    font-size:9pt;
}
#subnavi li {
    display:inline;
    list-style-type:none;
    padding-left:20px;
    background:url(img/menusep.gif) 10px top repeat-y;
}
#subnavi li.first { background:none; padding-left:10px; }
#subnavi li a {
    color:inherit;
    text-decoration:none;
}
#subnavi li.active a, #subnavi li a:hover { color:#3d72a1; }
#subnavi li.shopcat { padding-left:10px; padding-right:12px; background:url(img/menusep.gif) right top repeat-y; }
#rip {
    height:40px;
    overflow:hidden;
    background:url(img/rip.png) 50% bottom repeat-x;
    margin-top:-40px;
    position:relative;
}
#content2 {
    width:980px;
    margin:0 auto;
    text-align:left;
    padding-top:20px;
}
#subsubnavi {
    width:200px;
    min-height:10px;
    float:left;
    padding-right:10px;
}
#subsubnavi ul {
    display:block;
    margin:0;
    list-style-type:none;
}
#subsubnavi ul li {
    display:block;
    list-style-type:none;
    padding:3px 0 3px 10px;
}
#subsubnavi ul li.active {
    background:url(img/marker.gif) left 7px no-repeat;
}
#subsubnavi ul li a {
    color:inherit;
    text-decoration:none;
}
#subsubnavi ul li a:hover { color:#036; }
#subsubnavi ul li ul { margin-left:10px; font-size:90%; }
#subsubnavi ul li.active ul li { background-image:none; }
#subsubnavi ul li.active ul li.active { background-image:url(img/marker.gif); }
#rightcontent {
    float:left;
    width:760px;
    padding-left:10px;
    min-height:10px;
}
#footer {
    position:relative;
    width:980px;
    padding-top:20px;
    margin:20px auto 0 auto;
    border-top:1px dotted #888888;
}
#footer h3 {
    position:absolute;
    top:10px;
    left:580px;
    margin:0;
}
#permalinks {
    list-style-type:none;
    margin:0;
    position:absolute;
    top:30px;
    left:0;
    display:block;
    width:400px;
}
#permalinks li {
    list-style-type:none;
    display:block;
    float:left;
    width:185px;
    padding-left:15px;
    background:url(img/marker.gif) left 50% no-repeat;
}
#address-left {
    width:200px;
    position:absolute;
    top:30px;
    left:580px;
}
#address-right {
    width:200px;
    position:absolute;
    top:30px;
    left:780px;
}

.shop { float:left; min-height:10px; }
.shop.left { width:200px; padding-right:15px; }
.shop.right { width:750px; padding-left:15px; }

.shop.left ul { display:block; list-style-type:none; margin:0; }
.shop.left li {
    list-style-type:none;
    display:block;
    padding:5px 0;
}
.shop.left li a { color:inherit; padding-left:10px; }
.shop.left li a:hover { color:#036; }
.shop.left li.active a {
    background:url(img/marker.gif) left 4px no-repeat;
}

.shop.left li ul {
    margin-left:20px;
    font-size:90%;
}
.shop.left li.active ul li a { background-image:none; }
.shop.left li.active ul li.active a { background-image:url(img/marker.gif); }

.shoplistitem {
    display:block;
    width:167px;
    margin:0 10px;
    float:left;
    height:200px;
    position:relative;
}
.shoplistitem img { width:165px; height:100px; border:1px solid #cccccc; }
.shoplistitem h2 { font-size:90%; }

.basketdisplay { height:65px; }
/*
.basketdisplay a {
    float:right;
    display:block;
    padding:5px 0 5px 40px;
    height:12px;
    width:180px;
    line-height:12px;
    background:url(img/basket.gif) no-repeat;
    text-decoration:none;
}
.basketdisplay a:hover { text-decoration:underline; }
*/

#productselectarea {
    width:400px;
    min-height:10px;
    float:left;
}
#productinfoarea {
    width:200px;
    min-height:10px;
    float:left;
}
.prodpic { width:198px; border:1px solid #cccccc; }


/********************* Typo3 Elemente **********************/

.csc-form-field {
    margin-bottom:5px;
    clear:left;
}
.csc-form-field label {
    display:block;
    width:150px;
    float:left;
    margin-bottom:5px;
    padding-top:2px;
}
.csc-form-field input[type="text"], .csc-form-field textarea {
    width:300px;
    border:1px solid #888888;
    background:url(img/white75.png) transparent;
    padding:2px;
}
.csc-form-field textarea { height:50px; }

.csc-frame-frame1 {
    font-size:7pt;
}
.csc-frame-frame2 .csc-header { float:left; }
.csc-frame-frame2 .csc-textpic-text { float:right; margin-top:-40px; }

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img { border:1px solid #cccccc; }

.tx-felogin-pi1 label {
    padding-top:2px;
    display:block;
    float:left;
    width:150px; 
    margin-bottom:3px;
}
.tx-felogin-pi1 form fieldset div {
    clear:left;
    margin-bottom:3px;
}
.tx-felogin-pi1 form input { margin-bottom:3px; }
.tx-felogin-pi1 form input[type="submit"] { margin-top:10px; }


#register-p { position: relative; z-index: 2 }
#register-img {
  display: block;
  float:right;
  /*position: relative; z-index: 1;
  top: -30px; left: 250px;*/
  width: 196px; height: 83px; overflow: hidden;
  background: transparent url(img/register.png) no-repeat top left }
#register-img span { display: none }
/*.tx-srfeuserregister-pi1 p a { background: transparent }*/

.csc-mailform-field { clear:left; margin-bottom:5px; font-size: 12px; }
.csc-mailform-field label {
    float:left;
    padding-top:2px;
    width:100px;
    margin-bottom:5px;
}
.csc-mailform-field input, .csc-mailform-field textarea {
    float:left;
    width:300px;
    padding:2px;
    font-size: 12px;
    line-height: 12px;
    border:1px solid #888888;
    margin-bottom:3px;
}
.csc-mailform-field textarea { height:60px; }
.csc-mailform-field input.csc-mailform-submit {
    float:none;
    margin-left:100px;
    width:150px;
    cursor:pointer;
}
.csc-mailform-field input.csc-mailform-submit:hover {
    color:white;
    background-color:#888888;
}
#c329 .csc-mailform-field:nth-child(7) { position: relative }
#c329 .csc-mailform-field:nth-child(7) input { float: none;
	position: absolute; left: -100px }
#c329 .csc-mailform-field:nth-child(7) label { margin-left: 100px;
	width: 300px }

.fancybutton, div.tx-felogin-pi1 input[type="submit"] {
    padding:5px 20px;
    border:1px solid #3d72a1;
    color:white !important;
    cursor:pointer;
    text-decoration:none;
    background-color:#3d72a1;
    background-image:none !important;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow:2px 2px 5px #888888;
}
.fancybutton:hover, div.tx-felogin-pi1 input[type="submit"]:hover {
    background-color:white;
    color:#3d72a1 !important;
}

.button {
    width:153px;
    height:31px;
    padding:15px 10px 15px 70px;
    overflow:hidden;
    background:url(img/button.png) no-repeat;
    font-size:21px;
    line-heigth:21px;
    color:#555555;
    text-decoration:none;
    display:block;
}
.button.pdf { background:url(img/button-pdf.png) no-repeat; }
.button.basket {
    padding-top:18px;
    padding-bottom:18px;
    height:15px;
    line-height:15px;
    font-size:15px;
    font-weight:bold;
    position:relative;
    float:right;
}
.button.basket span {
    position:absolute;
    color:white;
    top:9px;
    display:block;
    left:19px;
    width:37px;
    height:15px;
    overflow:hidden;
    text-align:center;
}

label.tx-srfeuserregister-pi1-password-again { visibility:hidden; clear:left; }
input#amount { width:4em; }

form .field { clear:left; }
form .field label { width:100px; float:left; display:block; padding-top:2px; margin-bottom:5px; }
form .field input.text { width:250px; float:left; background:none; border:1px solid #999999; padding:2px; margin-bottom:5px; }
form .field input.error { border-color:red; }
form .field input.submit { margin:10px 0 0 100px; }
label span.required { color:red; }

.tx-indexedsearch-res table { background-color:#ddddff; }
#productsearch {
  float:right;
  background:url(img/searchbg.png) repeat-x;
  height:50px;
  padding:0 5px 0 15px;
  border:1px solid #b5b5b5;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-top:-20px;
}
#productsearch span {
  display:inline-block;
  color:#3d72a1;
  font-weight:bold;
  margin-bottom:13px;
}
#productsearch input.text {
  border:1px solid #3d72a1;
  padding:3px 10px;
  background-color:#ffffff;
  color:#3d72a1;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  outline-width:0;
  margin-bottom:13px;
}
#productsearch input.submit {
  background:url(img/searchbutton.png) no-repeat;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  width:100px;
  height:50px;
  border:none;
  cursor:pointer;
}
#productsearch input.submit:hover { color:#ffffff; background-color:#3d72a1; }

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
  border:1px solid #888888;
  width:300px;
  padding:3px;
  background-color:#ffffff;
}
.tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button.submit {
  border:1px solid #888888;
  padding:3px 30px;
  background-color:transparent;
  cursor:pointer;
}
 .tx-indexedsearch .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button.submit:hover {
  color:#ffffff;
  background-color:#888888;
}


/* Rohreinpressmuttern *neu* */
.submenu-30 { background: white url(img/neu_button.png) no-repeat right 30px }