/**
 * CSS Kopierer-Welt


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */


body
{
 font-family:Arial, Verdana, sans-serif;
 font-size:12px;

 background:transparent url(images/body_hg.jpg) repeat-X scroll;
}
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
.wrapper {
background:transparent url(images/footer_hg.jpg) repeat-X scroll center bottom;
min-width:100%;
position:absolute;
}




   .submenu {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0m 0;
    list-style-type: none;
    font-size: 95%;
  }

  .submenu ul { list-style-type: none; margin:0; padding: 0; }
  .submenu li { float:left; width: 100%; margin:0; padding: 0; }

  .submenu a,
  .submenu strong {
    display:block;
    width: 100%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;

    color: #000;
    border-bottom: 1px #eee solid;
  }

  /* Menu Title */
  .submenu li.title {
    font-weight: bold;
    color: #000;
    background: transparent url(/fileadmin/templates/images/hg_button_title.jpg) left top no-repeat;
  }

  .submenu li span {
    display:block;
    width: 100%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
    background-color:#fff;
  }

  /* Level 1 */
  .submenu li#active,
  .submenu li strong {
    width: 100%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color: #000;
    background-color:#00cc00;
    border-bottom: 1px #eee solid;
    background: transparent url(/fileadmin/templates/images/hg_button_title.jpg) left top no-repeat;
  }

  .submenu li a { width: 100%; color: #000;  }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active { background-color:#efefef; color: #000; }

  .submenu li.active { background-color:#EAF0F4; color: #000; background: url(/fileadmin/templates/images/hg_nav_akt.jpg) left bottom  }

  /* Level 2 */
  .submenu li ul li a,
  .submenu li ul li#active,
  .submenu li ul li strong,
  .submenu li ul li span { width: 90%; padding-left: 10%; }

  .submenu li ul li a { background-color:#f8f8f8; color: #000; background: url(/fileadmin/templates/images/hg_nav.jpg) left bottom  }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active { background-color:#efefef; color: #000; }

  .submenu li ul li .active { background-color:#EAF0F4; color: #000; background: url(/fileadmin/templates/images/hg_nav_akt.jpg) left bottom  }

  /* Level 3 */
  .submenu li ul li ul li a,
  .submenu li ul li ul li#active,
  .submenu li ul li ul li strong,
  .submenu li ul li ul li span { width: 80%; padding-left: 20%; }

  .submenu li ul li ul li a { background-color:#fcfcfc; color: #000; }
  .submenu li ul li ul li a:focus,
  .submenu li ul li ul li a:hover,
  .submenu li ul li ul li a:active { background-color:#00cc00; color: #000; }

  .submenu li ul li ul li .active { background-color:#EAF0F4; color: #000; background: url(/fileadmin/templates/images/hg_nav_akt.jpg) left bottom  }


  /* Level 4 */
  .submenu li ul li ul li ul li a,
  .submenu li ul li ul li ul li#active,
  .submenu li ul li ul li ul li strong,
  .submenu li ul li ul li ul li span { width: 70%; padding-left: 30%; }

  .submenu li ul li ul li ul li a { background-color:#ffffff; color: #666; }
  .submenu li ul li ul li ul li a:focus,
  .submenu li ul li ul li ul li a:hover,
  .submenu li ul li ul li ul li a:active { background-color:#00cc00; color: #000; }

  .submenu li ul li ul li ul li .active { background-color:#EAF0F4; color: #000; background: url(/fileadmin/templates/images/hg_nav_akt.jpg) left bottom  }



/* root element for tabs  */
ul.tabs {
	list-style-type:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-top:2px solid #bbb;
}

/* single tab */
ul.tabs li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image!important;
	list-style-type:none;
	position:relative;
	top:-31px;
    left: -9px;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;
	cursor:default !important;
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 { background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 { background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 { background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 { background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */
div.panes div.pane {
display:none;

}

/* tab pane styling */
div.panes div {
	display:none;
	padding:2px 10px 30px 0px
	font-size:14px;
	width: 532px;
}

#left{
clear:left;
margin-left:8px;
}

h2{
font-size:14px;
font-weight: bold;
color:#999999;
margin-top:15px;
}

/**SHOP_ANFANG*/
#listitem{
width: 390px;
float: left;
}


#tt_products_item_list{
float:left;
width: 390px;
margin-bottom: 20px;
}


#product_image{
float:left;
width: 135px;
}

#product_note{
float:left;
width: 215px;
margin-left: 10px;
}

th{
border-bottom: 1px solid #cccccc;
height: 20px;
}

td{
border-bottom: 1px solid #cccccc;
height: 20px;
}


th#product{
text-align:left;
padding-right: 10px;
}

td.product{
padding-right: 10px;
}

td.image{
text-align:center;
padding:5px 0px 5px 0px;
}


.tt_products_basket{

width: 450px;
clear: left;
}

.tt_products_basket_info{
margin-left: 55px;
width: 450px;
clear: left;
}

.tt_products_basket_required_info_missing{
margin-left: 55px;
width: 450px;
clear: left;
}

.tt_products_basket_payment{
margin-left: 55px;
width: 450px;
clear: left;
}



/**SHOP_ENDE*/

p.bodytext{
margin:0px;
padding:0px;
}

#schatten{
  margin: 0px auto;
  width: 994px;
  height: auto;
  background:transparent url(images/schatten_center.png) repeat-Y scroll;
}

#center{
  margin: 0px auto;
  width: 970px;
  height: auto;
}

.center{
  text-align: left;
  background-color:#FFFFFF;
}


#center_layer{
  margin: 0px auto;
  width: 620px;
  height: 1000px;
}

.center_layer{
  text-align: left;
  background-color:#FFFFFF;
}

#bild{
float:left;
width:90px;
margin:20px 0px 8px 20px;
padding-bottom: 15px;
}

#text{
float:left;
margin:20px 0px 0px 10px;
width: 120px;
}


#tabelle{
clear:left;
width: 565px;
left: 5px;
margin-left: 5px;
}


#tabcontent{
margin-left: 15px;
margin-top: 0px;
width: 491px;
}

.tablinie_right{
border-bottom: 1px solid #cccccc;
padding:2px 5px 2px 0px;
text-align:right;
}

.tablinie_bold_right{
border-bottom: 1px solid #cccccc;
font-weight:bold;
padding:2px 5px 2px 0px;
text-align:right;
}

.tablinie_left{
border-bottom: 1px solid #cccccc;
padding:2px 0px 2px 0px;
text-align:left;
}

.tablinie_bold_left{
border-bottom: 1px solid #cccccc;
font-weight:bold;
padding:2px 0px 2px 0px;
text-align:left;
}

#mainMenu{
margin-left: 10px;
font-weight: bold;
}

#logo{
float:left;
width:110px;
padding-left: 25px;
padding-top:20px;
}

#headline{
float:left;
font-size:14px;
font-weight: bold;
color:#999999;
margin-top:7px;
padding-top:20px;
}


#info_buttons{
padding-left: 100px;
height: 65px;
width: 300px;
margin-bottom: 20px;
float:left;
}

#info_buttons DIV{
float:left;
}


#usp_buttons{
margin-top: 10px;
margin-left: 10px;
margin-bottom: 20px;
float:left;
}

#usp_buttons DIV{
float:left;
}

#usp_buttons .usp_img{
width: 65px;
}

#usp_buttons .usp_txt{
width: 100px;
padding-top: 5px;
padding-right: 5px;
}

#usp_buttons .usp_txt p.bodytext{
vertical-align:top;
}

#fussnotetab p.bodytext{
clear:left;
font:9px Arial, Verdana, sans-serif;
}

.fussnotetab{
padding-left: 15px;
padding-top: 5px;
}

#fussnote{
width: 970px;
height:50px;
margin-top: 20px;
clear:both;
background: transparent url(/fileadmin/templates/images/footer_fruehling.jpg) left bottom repeat-X;
text-align: center;
padding-top:100px;
}

#fussnote DIV{
font:9px Arial, Verdana, sans-serif;
color: #666666;
padding-top: 15px;
padding-left: 20px;
}


/**LINKBOX*/

#linkbox_top{
background-image:url(/fileadmin/templates/images/linkbox_o_gr.gif);
height: 20px;
width: 166px;
}

#linkbox_left{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#linkbox_right{
background-image:url(/fileadmin/templates/images/linkbox_r.gif);
position: relative;
left: 11px;
width: 150px;
background-repeat: repeat-y;
}

#linkbox_bottom{
background-image:url(/fileadmin/templates/images/linkbox_u_gr.gif);
clear:left;
height: 20px;
width: 166px;
position: relative;
background-repeat:no-repeat;
}

#linkbox, #linkbox2{
width: 142px;
padding:0px 0px 0px 0px;
}

.linkbox a, .linkbox2 a{
padding-left: 15px;
}


#linkbox DIV, #linkbox2 DIV{
background-image: url(/fileadmin/templates/images/hg_button_linkbox.jpg);
background-repeat:no-repeat;
padding:2px 0px 1px 0px;

}


/**LINKBOX*/


/**TEXTBOX*/

#textbox_top{
background-image:url(/fileadmin/templates/images/textbox_o.gif);
height: 20px;
width: 166px;
}

#textbox_left{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#textbox_right{
background-image:url(/fileadmin/templates/images/linkbox_r.gif);
position: relative;
left: 11px;
width: 150px;
background-repeat: repeat-y;
}

#textbox_bottom{
background-image:url(/fileadmin/templates/images/textbox_u.gif);
clear:left;
height: 20px;
width: 166px;
position: relative;
background-repeat:no-repeat;
}

#box_head{
background-image:url(/fileadmin/templates/images/pfeil2.gif);
background-repeat:no-repeat;
}


.box_head{
font:bold 13px Arial, Verdana, sans-serif;
padding-left: 22px;
margin-left: 2px;
color:#FF0000;
border-bottom: 1px solid #cccccc;
width: 117px
}

.box_content{
padding-left: 5px;
padding-top: 5px;
margin-left: 4px;
}

/**TEXTBOX*/


/**STARTBOX*/
#startbox_top{
background-image:url(/fileadmin/templates/images/startbox_o.gif);
height: 20px;
width: 270px;
}

#startbox_left{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#startbox_right{
background-image:url(/fileadmin/templates/images/startbox_r.gif);
position: relative;
left: 11px;
width: 290px;
background-repeat: repeat-y;
}

#startbox_bottom{
background-image:url(/fileadmin/templates/images/startbox_u.gif);
clear:left;
height: 20px;
width: 290px;
position: relative;
background-repeat:no-repeat;
}

/**STARTSEITEBOX*/

/**BOX*/
#box_top{
height: 20px;
width: 290px;
}

#box_left{
background-image:url(/fileadmin/templates/images/box_l.jpg);
width: 16px;
background-repeat: repeat-y;
height: 160px;
}

#box_right{
position: relative;
left: 11px;
width: 290px;
background-repeat: repeat-y;
}

#box_bottom{
background-image:url(/fileadmin/templates/images/box_u.jpg);
clear:left;
height: 20px;
width: 290px;
position: relative;
background-repeat:no-repeat;
}

/**BOX*/


/**STARTSETE*/
#linkespalte{
float:left;
width:300px;
}

#rechtespalte{
float:left;
width:300px;
}
/**STARTSETE*/


/**MENU*/
#menubox_top{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;
}

#menubox_left{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#menubox_right{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;
}

#menubox_right ul.submenu, #menubox_right2 ul.submenu, #menubox_right3 ul.submenu, #menubox_right4 ul.submenu, #menubox_right5 ul.submenu, #menubox_right6 ul.submenu{
margin-left: -20px;
}

#menubox_bottom{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;
}

/**MENU*/


/**MENU2*/
#menubox_top2{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;
}

#menubox_left2{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#menubox_right2{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;
}

#menubox_bottom2{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;
}

/**MENU2*/

/**MENU3*/
#menubox_top3{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;

}

#menubox_left3{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;

}

#menubox_right3{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;

}

#menubox_bottom3{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;

}

/**MENU2*/

/**MENU4*/
#menubox_top4{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;
z-index:1;
}

#menubox_left4{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#menubox_right4{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;
}

#menubox_bottom4{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;
}

/**MENU5*/

/**MENU4*/
#menubox_top5{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;
}

#menubox_left5{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;
}

#menubox_right5{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;
}

#menubox_bottom5{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;
}

/**MENU5*/

/**MENU6*/
#menubox_top6{
background-image:url(/fileadmin/templates/images/menubox_o_gr.gif);
height: 20px;
width: 190px;

}

#menubox_left6{
background-image:url(/fileadmin/templates/images/linkbox_l.gif);
width: 16px;
background-repeat: repeat-y;

}

#menubox_right6{
background-image:url(/fileadmin/templates/images/menubox_r.gif);
position: relative;
left: 11px;
width: 190px;
background-repeat: repeat-y;

}

#menubox_bottom6{
background-image:url(/fileadmin/templates/images/menubox_u_gr.gif);
clear:left;
height: 20px;
width: 190px;
position: relative;
background-repeat:no-repeat;

}

/**MENU6*/




/**BOX_STARTSEITE*/
#box_start_logo{
float:left;
margin-left: 5px;
width: 80px;
}

#box_start_head{
float:left;
margin-left: 10px;
width: 150px;
height: 30px;
}

#box_start_head a{
font-weight:bold;
color: #333333;
}

#box_start_hg{
float:left;
border-bottom: 1px solid #cccccc;
margin-left: 5px;
margin-top: 10px;
margin-bottom: 10px;
width:245px;
}

#box_start_img{
float:left;
margin-left: 10px;
width: 80px;
height: 120px;
overflow: hidden;
}

#box_start_text{
float:left;
margin-left: 10px;
width: 170px;
}

#box_start_fuss{
clear:both;
margin-left: 20px;
}

#box_start_fuss DIV{
float:left;
font-weight:bold;
color: #FF0000;
margin-left: 5px;

}

/**STARTSETEBOX*/

/**
Layout Anfrage
 */
#anfrage{
width:195px;
background-image:url(/fileadmin/templates/images/hg_anfrage.gif);
background-repeat:no-repeat;
height: 60px;
margin-top: 4px;
}


#anfrage DIV{
font: bold 11px Arial, Verdana, sans-serif;
color:#00CC00;
padding-top: 18px;
padding-left: 25px;
}

#anfrage a{
color:#00CC00;
font:normal 11px Arial, Verdana, sans-serif;
text-decoration:none;
background:transparent;
}

#anfragebutton{
margin-top: 0px;
height: 55px;
width: 170px;

}

#anfragebutton DIV{
padding: 10px;
}

#image{
float:left;
width: 140px;
margin-right: 20px;
}

/**
Layout Anfrage
 */
 



/**
Contentbox
 */
#content{
float:left;
width:565px;
margin-right: 5px;
background: #ffffff;
}

#contentbox_top{
background-image:url(/fileadmin/templates/images/schatten_o.jpg);
height: 68px;
width: 566px;
float:left;
}

#contentbox_left{
background-image:url(/fileadmin/templates/images/schatten_l.jpg);
width: 20px;
background-repeat: repeat-y;
float:left;
}

#contentbox_right{
background-image:url(/fileadmin/templates/images/schatten_r.gif);
position: relative;
left: 11px;
width: 560px;
background-repeat: repeat-y;
float: left;
}

#contentbox_bottom{
background-image:url(/fileadmin/templates/images/schatten_u.jpg);
clear:left;
height: 30px;
width: 566px;
position: relative;
background-repeat:no-repeat;
}


/**
Contentbox
 */
#content-warenkorb{
float:left;
width:500px;
margin-right: 5px;
background: #ffffff;
}

#contentbox_top-warenkorb{
height: 68px;
width: 500px;
float:left;
}

#contentbox_left-warenkorb{
}

#contentbox_right-warenkorb{
position: relative;
width: 500px;
}

#contentbox_bottom-warenkorb{
clear:left;
height: 30px;
width: 500px;
position: relative;
background-repeat:no-repeat;
}


#content_rechts{
float:left;
width:145px;
margin-left:5px;
}

#content_mitte_rechts{
float:left;
width:150px;
margin-left:5px;
}

#content_links{
margin-left: 10px;
margin-right:20px;
}




/**
Contentbox
 */

/**
Tabellenbox
 */

#tabellenbox_top{
background-image:url(/fileadmin/templates/images/tabelle_o.gif);
height: 20px;
width: 560px;
}

#tabellenbox_left{
background-image:url(/fileadmin/templates/images/tabelle_l.gif);
width: 15px;
background-repeat: repeat-y;
}

#tabellenbox_right{
background-image:url(/fileadmin/templates/images/tabelle_r.gif);
position: relative;
width: 565px;
left: 4px;
background-repeat: repeat-y;
}

#tabellenbox_bottom{
background-image:url(/fileadmin/templates/images/tabelle_u.gif);
height: 20px;
width: 530px;
}

/**
Tabellenbox
 */


/**
Infobox
 */

#infobox_top{
background-image:url(/fileadmin/templates/images/schatten_box_o.jpg);
height: 11px;
width: 150px;
}

#infobox_left{
background-image:url(/fileadmin/templates/images/schatten_box_l.jpg);
width: 20px;
background-repeat: repeat-y;
}

#infobox_right{
background-image:url(/fileadmin/templates/images/schatten_box_r.gif);
position: relative;
width: 150px;
left: 1px;
background-repeat: repeat-y;
}

#infobox_bottom{
background-image:url(/fileadmin/templates/images/schatten_box_u.jpg);
clear:left;
height: 23px;
width: 150px;
position: relative;
background-repeat:no-repeat;
}

/**
Infobox
 */

/*
*** rte
*/


.tabelle-kopf-linksbuendig {
    font-weight: bold;
    clear:left;
}

.tabelle-kopf-rechtsbuendig {
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.tabelle-inhalt-linksbuendig {
	border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

.tabelle-inhalt-rechtsbuendig {
	border-bottom: 1px solid #cccccc;
    font-weight:bold;
    text-align: right;
}

.contenttable{
width: 480px;
border-collapse: collapse;
clear:left;
}

.contenttable TD {
  padding: 2px 5px 2px 5px;
  vertical-align: top;
}




#rechte_spalte{
float:left;
margin-top: 3px;
width:190px;
}

.tx-macinasearchbox-pi1{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
height: 20px;
}

#anzahl{
color:#b90000;
font:bold 18px Arial, Verdana, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-decoration:none;
background:transparent;
}


.absenden{
color:#cc0000;
font:bold 1em Arial, Verdana, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-decoration:none;
background:transparent;
white-space:nowrap;
}

/**
Layout Merkzettel im Menu Ende
 */

/**
Layout Merkzettel Content Anfang
 */
p.merkzettel_content
{
 font-family:Arial, Verdana, sans-serif;
 font-size:12px;
 font-weight: bold;
 color:#000000;
 padding:2px 2px 2px 2px;
 border:1px solid #cc0000;
 background-color: #ffffff;
}

.merkzettel_content
{
 font-family:Arial, Verdana, sans-serif;
 font-size:24px;
 font-weight: bold;
 color:#ffffff;
 padding:2px 10px 2px 10px;
 border:1px solid #ccffff;
 background-color: #CC0000;
}


/**
Layout Leasingrechner
 */
#leasing_output1
{
 	padding: 0px 2px 0px 2px;
	background-color: #bacbda;
}

#leasing_output2
{
 	padding: 0px 2px 0px 2px;
	background-color: #efefef;
}

#leasing_output3
{
 	padding: 0px 2px 0px 2px;
	background-color: #bacbda;
}



/**
Layout Leasingrechner
 */


.hgtab {
background-image:url(/fileadmin/templates/images/bg-h_tab.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-weight: bold;
}

#head_box {
color:#FFFFFF;
font-weight: bold;
background-color:#CC0000;
padding: 4px;
height:25px;
font-size:14px;
}

.head_content_box {
color:#FFFFFF;
font-weight: bold;
background-color:#314B77;
padding: 4px;
}

.content_box {
color:#FFFFFF;
font-weight: bold;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
background-color:#ffffff;
padding: 4px;
height: 130px;
}


/**
Content_header1_Anfang
 */
.content_header1 {
	color:#999999;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	font-weight: bold;
	height:40px;
	width: 400px;
	padding:23px 10px 20px 10px;
}
/**
Content_header1_Ende
 */


 /**
header2_Anfang
 */
.content_header2 {
	color:#999999;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	font-weight: bold;
}
/**
header2_Ende
 */


/**
Content_header_tip_Anfang
 */
.content_header_tip {
	color:#38556c;
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	height:40px;
	padding:5px 5px 0px 5px;
	background: #E2E2E2;
}
/**
 header_tip_Ende

    /**
Content_Produkte_Anfang
 */
.content_header_produkte {
	color:#38556c;
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	height:40px;
	padding:5px 5px 0px 5px;
	width: 520px;
}
/**
Content_Produkte_Ende
 */

/**
Dateilinks_Anfang
 */
#content_box3 {
border-top:1px solid #999999;
border-bottom:1px solid #999999;
background-color:#efefef;
padding:5px 5px 5px 5px;
}
/**
Dateilinks_Ende
 */



td,tr,p,div {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}


.header{
color:#ffffff;
font:bold 14px Arial, Verdana, sans-serif;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
background:#38556c;
display:block;
width:300px;
}



h1{
color:#999999;
font-size:14px;
font-weight:bold;
}


h4 {
	color: #FF9900;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}

h5 {
	color: #38556c;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px; font-weight: bold;
	}

h6 {
	color: #38556c;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px; font-weight: bold;
	}


.headh5 {
	color: #38556c;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px; font-weight: bold;
	}



ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	}


ul.level1{
list-style-type:none;
background-image:url(/fileadmin/templates/images/hg_button1.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
padding-left: 20px;
padding-bottom:2px;
padding-top:2px;
margin:0px;
text-transform:uppercase;
 }

 ul.level1 li{
 font-weight:bold;
 }

 ul.level2{
list-style-type:none;
background-image:url(/fileadmin/templates/images/hg_button.jpg);
padding-left: 5px;
padding-bottom:2px;
padding-top:2px;
margin:0px;
background-repeat:repeat-x;
background-position: 0px 0px;
 }

 ul.level2 li{
 width: 163px;
 font-weight:bold;
 color: #666666;
 cursor: hand;
 }

ul.level3{
list-style-type:none;
padding-left: 0px;
padding-right: 2px;
padding-bottom:4px;
padding-top:2px;
margin:0px;
background-color: #efefef;
text-transform:lowercase;
cursor: hand;
}

ul.level3 li{
 width: 169px;
 color:#666666;
 border-bottom: 1px solid #cccccc;
 margin-left: 0px;
 padding-left: 7px;
 }


ul.level3 li a{
 background: green;
 }

 ul.level3a{
list-style-type:none;
padding-left: 0px;
padding-right: 2px;
padding-bottom:4px;
padding-top:2px;
margin:0px;
background-color: #efefef;
text-transform:lowercase;
cursor: hand;
}

 ul.level3a li{
 width: 169px;
 color:#666666;
 border-bottom: 1px solid #cccccc;
 margin-left: 0px;
 padding-left: 7px;
color:#00cc00;
}

 ul.level4{
list-style-type:none;
padding-left: 0px;
padding-bottom:4px;
padding-top:0px;
margin:0px;
background-color: #efefef;
cursor: hand;
}

ul.level4 li{
width: 164px;
border-bottom: 1px solid #cccccc;
margin-left: 0px;
padding-left: 14px;
 }

  ul.level4a{
list-style-type:none;
padding-left: 0px;
padding-bottom:4px;
padding-top:0px;
margin:0px;
background-color: #efefef;
cursor: hand;
}

ul.level4a li{
width: 164px;
border-bottom: 1px solid #cccccc;
margin-left: 0px;
padding-left: 14px;
color:#00cc00;
}

ul.level5{
list-style-type:none;
padding-left: 0px;
padding-bottom:5px;
padding-top:0px;
margin:0px;
background-color: #efefef;
cursor: hand;
}

ul.level5 li{
width: 158px;
border-bottom: 1px solid #cccccc;
margin-left: 0px;
padding-left: 23px;
}

ul.level5a{
list-style-type:none;
padding-left: 0px;
padding-bottom:5px;
padding-top:0px;
margin:0px;
background-color: #efefef;
cursor: hand;
}

 ul.level5a li{
width: 158px;
border-bottom: 1px solid #cccccc;
margin-left: 0px;
padding-left: 23px;
color:#00cc00;
}


*--------------------
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */



/******   HAUPTMENU    */
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:82%;
	position:relative;
	display:block;
	height:36px;
	font-size:12px;
	font-weight:bold;
	background:transparent url("images/OFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #307350;
	border-top:1px solid #919191;
	float:left;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
ul#menu li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}

* html ul#menu li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
	height:28px;
	background:transparent url("images/DIVIDER.gif") no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url("images/HOVER.gif") no-repeat top right;
	}

ul#menu li.active{
	background:transparent url("images/HOVER.gif") no-repeat top right;
	}
*----------

/**
 * General Styles
 * --------------------
 * The following are styles that are often used
 * site wide to provide better control
 * of content's appearences.
 */

hr {
	background: transparent;
	border: 1px solid #999999;
	}

hr.separator {
	/* found this css style in Peekmambo's css style. Still haven't worked out
	   if this is a custom style or an in built style. Will update when I find out*/
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #314B77;
}

a img {
border: 0;
}


a:link, a:visited {
	/* same as above, but for links */
	color: #38556c;
	font:normal 1em Arial, Verdana, sans-serif;
	text-decoration: none;
}

a:hover {
	/* same as above, but for links */
	color: #FF6600;
	font:normal 1em Arial, Verdana, sans-serif;
	text-decoration: none;
}





#pfad{
float:left;
margin: 10px;
padding-left:10px;
}

#pfad DIV{
padding-top: 10px;
padding-left: 10px;
}

a.pfad, a.pfad:visited {
	/* same as above, but for links */
	color: #38556c;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	font-style:normal;
}

a.pfad:hover {
	/* same as above, but for links */
	color: #FF6600;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
	font-style:normal;
	height:14px;
}

#suche{
float:right;
width:191px;
}

#stoerer{
width: 280px;
margin-left: 78px;
margin-bottom:10px;
height: 100px;
float: left;
}

#preiv_ol{
background-image:url(/fileadmin/templates/images/hg_preisvorteil_r1_c1.gif);
width: 59px;
height: 36px;
float:left;
}

#preiv_or{
background-image:url(/fileadmin/templates/images/hg_preisvorteil_r1_c2.gif);
width: 221px;
height: 36px;
float:left;
}

#preiv_or DIV{
padding-left: 20px;
padding-top: 4px;
width: 170px;
color: #C32424;
font-size: 12px;
font-weight: bold;
text-align:center;
}

#preiv_ul{
background-image:url(/fileadmin/templates/images/hg_preisvorteil_r2_c1.gif);
width: 59px;
height: 48px;
float:left;
}

#preiv_m{
background-image:url(/fileadmin/templates/images/hg_preisvorteil_r2_c2.gif);
width: 113px;
height: 48px;
float:left;
}

#preiv_m DIV{
padding-top: 3px;
padding-left: 5px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
width: 100px;
text-align:center;
}

#preiv_ur{
background-image:url(/fileadmin/templates/images/hg_preisvorteil_r2_c3.gif);
width: 108px;
height: 48px;
float:left;
}

#preiv_ur DIV{
padding-top: 3px;
width:90px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-align:center;
}

#stoerer_befr{
width: 280px;
margin-left: 20px;
margin-top: 20px;
height: 100px;
float: left;
}

#befr{
background-image:url(/fileadmin/templates/images/hg_befristetes_angebot.gif);
background-repeat:no-repeat;
width: 498px;
height: 90px;
}

#befr DIV{
padding-top: 40px;
padding-left: 70px;
width:420px;
color: #C32424;
font-size: 11px;
}



/**
 * Form Styles
 * -----------------
 * Here are 2 styles that uses to let users control
 * how their forms and buttons may look.
 */

.button {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	color: #FFFFFF;
	font-family: Arial, Verdana, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #94B1CF;
	border: 1px solid #000066;
	height: 20px;
	}

.input {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	color: #1941A5;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 9px;
	border: 1px solid #1941A5;
	height: 15px;
	width: 140px;
	}

.inputxl {
	/* this style applies to most form buttons generated
	   and its components. Change its format here*/
	color: #1941A5;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
	border: 1px solid #1941A5;
	height: 20px;
	width: 180px;
	}



 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; margin-bottom:20px; margin-left: 5px; float:left; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 0;  float:right; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }

 /*------------------------------------------------------------------------------------------------------*/
 
 div.csc-textpic-imagewrap{padding-left:0px;}
 
 
 
 /* root element for scrollable Vertical */ 
#srcroll_bg { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 160px; 
    width: 180px; 
    background-image:url(images/usp_hg.jpg);
} 

#vertical{
width: 200px;
}
    
.scrollable  {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 200px;
	height:120px;

	/* custom decorations 
	background:url(images/h300.png) repeat-x; */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable  div.items-vertical  {
	/* this cannot be too large */
	width:200em;
	position:absolute;
	clear:both;
}
     
    

 
/* root element for scrollable items slider */ 
#scroll-banner{
    /* vertical scrollers have typically larger height than width */ 
    width: 536px; 
    background-image:url(images/scroll_bg.jpg);
    margin-left: 15px;
    margin-top: 2px;
    height: 207px;
   padding-top: 10px
}

.container .csc-default{
width: 200px;
float:left;
}

.content-items{
width: 242px;
float:left;
}

.content-items .bild, .content-items .text{
float:left;
}

.content-items .bild{
margin-right: 10px;
}

.content-items H1{
color: #34B233;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable  {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 485px;
	height:185px;

	/* custom decorations 
	background:url(images/h300.png) repeat-x; */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items  {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}


/* active item */
 .scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* this makes it possible to add next button beside scrollable */
 .scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin:80px 4px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -18px; clear:right; margin-right: 1px;}
a.right:hover 	{ background-position:-18px -18px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				    { margin-left: 2px; } 
a.left:hover  		{ background-position:-18px 0; }
a.left:active  	  { background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 
/* position and dimensions of the navigator */
.navi {
	margin-left:230px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

.csc-mailform{
border: 0px;
}

.csc-mailform-field label{
width: 100px;
float: left;
}


#sResult {
margin:0 auto;
min-width:100%;
position:relative;
}


#resultbox {font-size:1.3em;}

#resultbox .highlight {font-weight:bold;}
#resultbox .float-left{float:left}
#resultbox .float-right{float:right}
#resultbox .close {display:block;font-weight:normal;background: transparent url(../img/close.gif) no-repeat scroll 100% 0;padding: 1px 25px 1px 0;margin: 5px 0 15px}

#resultbox {
background-color:#FFFFFF;
border:3px solid #ccc;
margin:0 auto;
padding:10px;
position:relative;
width:540px;
top: 250px;
z-index:999;
}

#resultbox h2 {background-color: #00CC00; color:#fff;padding:15px 0 15px 25px;margin: 0 0 5px 0;font-size:1.4em;}
#resultbox h3 {background-color: #efefef; color:#000;padding:10px 0 10px 25px;margin: 0 0 5px 0;font-size:1.0em;}

#resultbox div.nav {background-color:#CCDAE3;color:#606060;padding:8px 25px 8px 25px;margin: 0 0 5px 0;}
#resultbox div.nav a.arrowRight {background:transparent url(../img/arrow_r.png) no-repeat scroll 8px 5px;display:inline-block;width:20px;text-decoration:none;}
#resultbox div.nav a.arrowLeft {background:transparent url(../img/arrow_l.png) no-repeat scroll 0 5px;display:inline-block;width:20px;text-decoration:none;}
#resultbox div.nav a.currentPage, #resultbox div.nav a.currentNumber {cursor:default;font-weight:normal;color:#606060;}

/*#resultbox div#background {position:absolute;top:0;left:0;width:100%;height:100%}*/

#resultbox ul#resultlist {list-style-type:none; padding:0px;}
#resultbox ul#resultlist li {margin: 0 0 2px 0; padding: 5px 5px 5px 25px;}
#resultbox ul#resultlist li a {margin: 0 0 0 15px;}
#resultbox ul#resultlist li.odd {background: #EFEFEF url("../img/arrow_r.png") no-repeat scroll 25px 11px}
#resultbox ul#resultlist li.even {background: #DFDFDF url("../img/arrow_r.png") no-repeat scroll 25px 11px}


#loader-wrapper {position:relative;}
#loader {display:none;margin-top:2px;position:absolute;right:6px;}


.search {
	background: #6692A9;
	height: 18px;
	margin: 0;
	padding: 7px 5px;
	width: 160px;
}

.search input#searchword {
	font-size: 1em; 
	color: #606060;
	margin-right: 3px;
	padding: 1px;
	width: 130px;
	font-size: 13px;
	vertical-align: top;
}

.search-submit, .login-submit {
	height: 19px;
	width: 19px;
	cursor: pointer;
	padding: 9px;
	background: white url(images/arrow-blue-search.png) no-repeat 4px 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.search-input {
color:#606060;
font-size:13px;
margin-right:3px;
padding:1px;
vertical-align:top;
width:135px;
}


.preis{
z-index: 1;
height: 137px;
width: 143px;
overflow: hidden;
background:transparent url(images/priceTag.gif) no-repeat scroll center top;
margin-left: 15px;

}

.spacer{
height: 30px;
}

/* jquery content overlay START */
/* use a semi-transparent image for the overlay */
#overlay {
 	background-image:url(/fileadmin/templates/images/bg_overlay.png);
	color:#000000;
	height:450px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
	margin: 20px;
}

/* jquery content overlay END */

/* jquery error message START */
.error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
/* jquery error message START */