/* all files on one */
/*
colors:

gelb:
f8d049

bg:
F8F8F8

grau:
e0dfdc


mainrot:
aa0829

maingelb:
f8d049

*/

/*--------autocomplete------------*/

@charset "utf-8";
/* CSS Document */


/*-------------form--------------*/

.search_plz{
margin:5px 0px 0px 0px;
border: 3px solid #aa0829;
border-left-color: #aa0829;
color: #333;
padding:6px;
font-size:16px;
text-align: left;
}

.search_button, .search_button:focus{
background: url( img/button_bg.gif);
border: 3px double #ccc;
border-left-color: #ECECEC;
border-top-color: #ECECEC;
color: #fff!important;
text-decoration:none;
padding:3px;
text-align: center;
}

.search_button:hover{background:#aa0829}

.search_button.small{
font-size:11px;
padding:1px!important;
}

.login_field{
width:100px;
margin:2px 0px 2px 0px;
}

.login_label{
width:100px;
text-align:left;
float:left;
}

.ybutton{
background:#fff;
color:#000!important;
text-decoration:none!important;
border:1px solid #000;
padding:1px;
}
.ybutton:hover{
color:#aa0829!important;
}

.formular{
float:left; 
clear:left;	
padding:1px;
margin:1px;
} 

.formular label{
float:left;
display:block;
width:190px!important;
color:#000;
}

.formular input,textarea,select,button{
width:180px;
background:#f9f7ea;
border:1px solid #999;
}

/*-----------layerstyle-----*/

.layer {
width:234px;
color: #000000;
font-size:11px;
position: absolute;
z-index: -1;
top: 0px;
}
.layer_top {
width:234px;
padding:0 0 0 10px;
/*background-image:url(../../images/ajaxlayer/layer_top.png);*/
background:#9f0023;
color:#fff;
background-repeat:no-repeat;
}
.layer_content {
width:232px;
padding:5px 0 5px 10px;
height:auto;
min-height:40px;
background:#fff;
border:1px solid #9f0023;
}
.layer_content a, .layer_content a:visited {
font-weight:normal;
text-decoration:none;
color:#000;
}
.layer_content a:hover {
color:#B3B3B3;
}
.layer_bottom {
width:244px;
height:4px;
background:#9f0023;
}
/* IE7.0 FIX  */
* html .layer_top {
width:234px;
}
* html .layer_content {
width:232px;
}
* html .layer_bottom {
width:244px;
}
/*--------------------navigation-------------------*/


#navigation {
float: left;
height:26px;
width: 100%;
background-image: url(img/mainnavigation_bg.png);
}
#navigation li {
float: left;
width: 148px;
}
#navigation a {
color: #000;
text-decoration: none;
display:block;
padding:4px 4px 4px 8px;
color:#fff;
font-size:14px;
border-right: 1px solid #c44b66;
}

#navigation a:hover{
color:#f8d049;
}
.navigation_main:hover{
/*background-image: url(img/mainnavigation_aktiv.png);*/
}
#navigation li li a:hover {
/*background-image: url(img/active_sub.gif);*/
color:#fff;
}
#navigation ul {
position: absolute;
left:-9999px;
}
#navigation li:hover ul {
left: auto;
}
#navigation li li {
float: none;
width:180px;
}
#navigation li li a {
background: #78001b;
color: #fff;
font-size:11px;
border-right: none;
}
#navigation li li a:hover {
color:#f8d049;
}

/*--------------reset------------*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*---------screen-----------------------*/

/*#9f0023*/

html {
height:101%
}

body {
color:#000;
background:url(img/bg.jpg) top center no-repeat;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size:12px;
}

#banner_container{
width: 990px;
height:160px;
margin: 0 auto;
position:relative;
}

#banner_logo{
width:260px;
height:121px;
position:absolute;
left:0;
bottom:22px;
}

#banner_mitte{
width:600px;
height:130px;
position:absolute;
left:276px;
bottom:6px;
}

#banner_mitte .search_button{
font-size:11px;
}

#banner_mitte p strong{
font-size:18px;
font-weight:bold;
}

.banner_mitte_claim{
margin-left:20px;
font-size:34px;
font-weight:bold;
color:#aa0829;
padding-bottom:4px;
}

.banner_mitte_claim_sub{
font-size:20px;
color:#000;
padding-bottom:4px;
}


/* ----------container-------------- */
#container {
width: 988px;
margin: 0 auto;
padding:0px 0px 20px 0px;
background:#fff;
border:1px solid #aa0829;
overflow:hidden;
position:relative;
}

#container hr{
border: #ccc;
color:#ccc;
background:#ccc;
height:1px;
margin:0;
padding:0;
}


/* -----------------Inhalt--------------------- */
#content {
float:left;
line-height:16px;
width:770px;
}

#content_space{
padding:16px;
}

.a{
color:#000;
text-decoration:none;
}

.a:hover{
color:#aa0829;
text-decoration:none;
}

.ab{
color:#aa0829;
text-decoration:none;
font-weight:bold;
}

.ab:hover{
color:#000;
text-decoration:none;
}

/* ----- headlines ----- */

.h1{
font-size:16px;
margin-bottom:6px;
}

.h1.b{
font-weight:bold
}

.h2{
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.h3{
color:#000;
font-size:14px;
font-weight:bold;
padding:10px 0 8px 0;
}

.h4{
color:#646464;
}

.h2s{
color:#646464;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid #ee971c;
}


/* content */

#content p{
margin:10px 0 10px 0;   
}


#content li{
margin-bottom:2px;
}

/* startseite */

.content_box{
float:left;
width:369px;
position:relative;
}

.content_box.height{
height:320px;
}

.content_box h3{
font-size:14px;
font-weight:bold;
padding-bottom:2px;
}

.content_box h4{
color:#646464;
padding-bottom:2px;
}

.line{
border-bottom:1px solid #dadada;
}

.content_box a{
color:#aa0829;
text-decoration:none;
font-weight:bold;
}

.content_box a:hover{
color:#000;
}

.content_image{
width:359px;
}

.content_image strong{
font-size:14px
}


.content_image_head{
width:359px;
height:6px;
background:url(img/schatten_oben.png) no-repeat;
}

.content_image_content{
width:359px;
background:url(img/schatten_bg.png) repeat-y;
}

.content_image_content_space{
padding:8px 14px 4px 14px
}

.content_image_foot{
width:359px;
height:6px;
background:url(img/schatten_unten.png) no-repeat;
}


.content_image_txt1{
position:absolute;
top:0;
left:0;
z-index:99;
}

.content_image_txt2{
position:absolute;
top:0;
right:22px;
text-align:right;
z-index:99;
}

.content_image_txt3{
position:absolute;
bottom:32px;
right:22px;
z-index:99;
}

.content_image_txt4{
position:absolute;
bottom:32px;
left:0;
z-index:99;
}

.content_image_ab{
position:absolute;
top:22px;
z-index:1;
}

.content_teaser{
float:left;
width:246px;
height:246px;
}

.content_teaser_space{
margin:16px 10px 0 0;
}

.content_teaser h3{
font-size:14px;
font-weight:bold
}

#right{
float: right;
width: 218px;
overflow:hidden;
}

/* ----------------- suche neu 15.2.10  ----------*/

.search_result_div{
/*cursor:pointer;*/
height:140px;/*126px;*/
}

.search_result th{
padding:0 2px 0 2px;
font-size:14px;
height:24px;
}
.search_result th h2 a{
color:#000!important;
text-decoration:none;
font-weight:normal;
}
.search_result th h2 a:hover{
background:transparent!important;
}

.search_result th h2{
margin:0!important;
}

.search_result_cat{
font-weight:normal;
color:#000;
padding:0 2px 0 0!important;
}

.search_result p{
margin:0 0 4px 0!important;
}

.search_result li{
display:inline;
}

.search_result td{
vertical-align:top;
padding-top:2px;
}

.search_result th span.normal{
font-size:12px!important;
}

.search_result.small{
font-size:11px;
}

.search_result td a, .search_result td a:visited{
color:#000;
}

.search_result_button{
background:#5DB61C;
color:#fff;
border:1px solid #478F13;
text-align:center;
margin-bottom:4px;
}

.search_result_button.close{
border:1px solid #663520;
background:#aa0829;
color:#fff;
}

.search_result_button.order{
border:1px solid #ccc;
background:#e0dfdc;
color:#333;
}

.search_result_button.space{
width:130px;
}

.search_result .search_button:hover{background:#aa0829}
.search_result .search_button a{color:#fff!important;text-decoration:none}
.search_result .search_button a:hover{background:none!important}

.search_result_head_hover{background:#aa0829;}
.search_result_head_hover h2 {color:#fff!important}
.search_result_hover{background:#eeeeee}

/* -- ohne pf */

#no-pf{margin:30px 0 20px 0}
#no-pf thead th{background:#aa0829;}
#no-pf thead th h2{color:#fff!important;font-weight:normal}
#no-pf td{border-bottom:1px solid #c4c4c4}
#no-pf td a{text-decoration:none}
#no-pf td a:hover{color:#aa0829}

.trbg{background:#e0e0e0}

/* --------------navigavtion-------------998 */
#menuwrapper{
width:988px;
border-top:1px solid #fff;
}

#login{
width:218px;
background:#710019;
color:#fff;
font-size:11px;
border-bottom:2px solid #f8d049;
}

#login_space{
padding:6px;
}

#login_space p{
margin:2px 0 2px 0;
text-align:right;
}

#login a{
font-size:11px;
color:#f8d049;
text-decoration:underline;      
}

#login a:hover{
background:#fff;
color:#000;
}

.right_box{
width:217px;
height:150px;
color:#000;
position:relative;
border-left:1px solid #aa0829;
border-top:1px solid #aa0829;
border-bottom:1px solid #aa0829;
}
.right_box.ma{
margin:8px 0 8px 0
}

.right_box_space{
font-size:11px;
line-height:16px;
padding:6px;
}

.right_box h3{
text-align:right;
padding:2px 4px 2px 0;
background:url(img/verlauf.jpg) repeat-x;
color:#fff;
}

.right_box p{
margin-bottom:4px;
}

.right_box li{
margin-bottom:2px;
}

.right_box a{
color:#000;   
}

.right_box a:hover{
color:#aa0829;
}

.right_box .more{
position:absolute;right:2px;bottom:2px
}

.right_icon{
float:right;margin:0 0 0 4px;
}

/* -----------contact--------------------------- */

.contact .col{
float:left;
width:270px;
}

.contact img{
float:left;
width:190px;
margin-right:10px;
}

.contact p{
margin:0 0 4px 0!important;
}

/* -----------footer--------------------------- */
#footer {
font-size:11px;
clear: both;
width: 988px;
padding:4px 0px 10px 0px;
margin: 10px auto;
text-align:center;
}

#footer ul{
margin:4px 0 4px 0
}

#footer li {
display:inline;
margin: 0 2px;
}

#footer a{
color:#000;
text-decoration:none;   
padding:0px 3px 0px 3px;
}

#footer a:hover{
color:#aa0829;
}

/*allgemeine */

.red{color:#aa0829;}
strong{font-weight:bold}

.img_left{float:left;margin:0 10px 10px 0}
.img_right{float:right;margin:0 0 10px 10px}
.img_border{border:1px solid #999}

#no-javascript {
/*background:transparent url(img/error.png) no-repeat scroll 2px 1px;*/
border:1px solid #aa0829;
color:red;
display:block;
font-size:11px;
font-weight:bold;
margin:1px 0pt;
padding:4px 8px 3px 23px;
}

.link_black{color:#000!important}
.link_black:visited{color:#000!important}

.failmessage {
font-weight:normal;
color:#990000;
border: 1px solid #FF0000;
background-color:#FFD5D5;
padding: 3px;
}


/* suchergebnis katalog texte unterm Logo */
ul.catalogs {
line-height: 93%;
}
ul.catalogs li {
display: inline;
list-style-type: none;
list-style-position: inside;
margin: 0 1px !important;
font-size:11px;
}
ul.catalogs li a, ul.catalogs li a:visited{
color:#aa0829;
}

.subresult {
list-style:square;
color:#aa0829;
}

.subresult li{
float:left;
width:330px;
margin-right:10px;
}

.subresult a, .subresult a:visited{
color:#aa0829;
}

.subresult a:hover{
color:#000;
}

div.search_alert {
padding-top:20px;
clear:left;
}
div.tagcloud {
clear:both; margin-left:15px; margin-right:15px
}
div.tagcloud a {
color: #999; text-decoration:none; padding-left:3px;padding-right:3px
}
div.tagcloud a:hover{
background: #aa0829; color:#fff!important;
}

/* output klasse für suchseiten */
.output li {
color:#aa0829;width:232px; float:left;list-style-type:square;margin-left:14px;
border-bottom:1px solid #c4c4c4
}

.output a{color:#000!important;text-decoration:none}
.output a:hover{color:#aa0829!important}

p.clear {clear:both}

.clear{clear:both}
div.hover_img_container {
	position:absolute; top:0px;left:0px;
}
img.hover_img {
	width:715px;height:125px
}
.cl, .clon {
float: left;
width:18px;
margin: 0 7px 0 1px;
text-align:center;
border:1px solid #C1002B;

}
.cl:hover, .clon{
background-color: #C1002B;
}

.cl a:hover{
color:#ffffff;
}

* html .cl a:hover{
color:#C1002B;
}

.cl a{
color:#000;
text-decoration:none;
}

.clon a{
color:#fff;
text-decoration:none;
}

.list{
margin-left:14px;
}

.list li{
list-style-image:url(img/list.gif);
}
a.delete_item {
	background:url('img/delete.gif') top left no-repeat; padding-left:28px; color:#aa0829; padding-top:4px;padding-bottom:4px
}
a.edit_item {
	background:url('img/edit.gif') top left no-repeat; padding-left:28px; color:#aa0829; padding-top:4px;padding-bottom:4px
}
a.star_item {
	background:url('img/star.gif') top left no-repeat; padding-left:28px; color:#aa0829; padding-top:4px;padding-bottom:4px
}
.add_item {
	background:url('img/add.gif') top left no-repeat; padding-left:28px; color:#aa0829; padding-top:4px;padding-bottom:4px
}
table.userorders td {padding:5px; border-top:1px solid #aaa}
table.userorders th {padding:5px; }
table.userorders th {font-weight:bold}
.storno {text-decoration: line-through;}
td.rate {width:180px}

img.smiley {position:absolute;top:1px;left:8px; margin-left:0px;width:22px}
input.smiley{position:absolute;top:1px;left:8px; width:22px}

/* bewertung */

.rate{text-align:center}
.rate p {margin:2px 0 !important}
.rate textarea {display:none; width:140px}
.norate{color:#333}

div.rated {display:none}

.rating_sum{width:40px;text-align:right;float:left;margin-left:4px;font-weight:bold;}
.rating_sum_stars{float:right;margin:0 4px 0 4px}

.rate a{
color:#333!important;text-decoration:none;
}

#rate_layer{
position:absolute ;top:20px;left:166px;z-index:333;width:390px;height:294px;background:url('img/rate-layer.png');
font-size:10px; display:none
                                                                                   
}

.rate_layer_space{
padding:16px;
}

.rate_layer_head{
border-bottom:1px solid #e0dfdc;
}
.rate_layer_head h2{
font-size:13px;font-weight:bold
}

.rate_layer_rate{
width:80px;display:block;text-align:center;color:#fff; height:15px
}

.rate_layer_tb{
margin-top:8px
}

.rate_layer_tb td{
padding:1px 6px 1px 0;
border-bottom:1px solid #e0dfdc;
}

.rate_layer_tb_foot{
margin-top:16px
}
.rate_layer_total{
text-align:center
}
.rate_layer_total h3{
font-size:12px;font-weight:bold;margin-bottom:2px
}
.rate_layer_total {
font-weight:bold; color:#333
}

.rate_layer_rate{
padding:1px;
}
.rate_layer_rate.ok{
background: #149311
}
.rate_layer_rate.neg{
background: #bc0d0d
}
.rate_layer_rate.positiv{
background: #149311
}
.rate_layer_rate.negativ{
background: #bc0d0d
}
.rate_layer_rate.neutral{
background: #686868
}

.rating_table{
font-size:11px;display:none; width:100%
}
.rating_table td{
padding:0 4px 1px 4px;
}

.rating_table th {
padding:1px 4px 0 4px;text-align:left;font-weight:bold;font-size:11px;background:#e0dfdc;border-bottom:2px solid #fff;
}

.rating_comment {padding-left:5px}
.rate_layer_tb_foot tr td:first-child {text-align:right; padding-right:5px}
.rate_layer_tb_foot tr td:last-child {text-align:left;}
.rating_stars_holder img {margin-left:5px;display:inline}
img.rating_stars_hover{width:154px;height:16px;}