@font-face {font-family: 'Geogrotesque-Regular';src: url('webfonts/1DFEF2_0_0.eot');src: url('webfonts/1DFEF2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1DFEF2_0_0.woff') format('woff'),url('webfonts/1DFEF2_0_0.ttf') format('truetype');}

@font-face {
    font-family: 'geogrotesque_mdmedium';
    src: url('webfonts/geogtq-md-webfont.eot');
    src: url('webfonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/geogtq-md-webfont.woff') format('woff'),
         url('webfonts/geogtq-md-webfont.ttf') format('truetype'),
         url('webfonts/geogtq-md-webfont.svg#geogrotesque_mdmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
 

 
html {margin:0;
	padding:0;}
	
body {margin:0;
	padding:0;}
 
body, th, td, h1, h2, h3, ul, li, p, img {
	font-family: "Geogrotesque-Regular",Helvetica,Arial,sans-serif;
	/*font-family: "GeogrotesqueRegular",Helvetica,Arial,sans-serif;
	line-height:18px;*/
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:normal;
}

/*strong { font-family: 'geogrotesque_mdmedium'; font-weight: normal; }
b { font-family: 'geogrotesque_mdmedium'; font-weight: normal; }*/

img { border: none; }
img a { border: none; } 

body {
	padding:0 0 20px 0; background: url(../images/bg_body.png) repeat;
}

form {margin:0; padding:0;}

#centerArea {width: 1007px; margin: 0 auto; position:relative; }

#ebenegalerie { position:absolute; top:166px; left:13px; width:981px;z-index:15;}
#ebenegalerie .ebenetop {background-image: url(/images/galerien/ebenetop_333.gif); background-repeat:no-repeat;height:14px; font-size:0px;}
#ebenegalerie .ebeneinhalt { background-color:#333333; padding:0 20px;}
#ebenegalerie .ebenebottom {background-image: url(/images/galerien/ebenebottom_333.gif); background-repeat:no-repeat;height:14px; font-size:0px;}
#ebenegalerie h1 {font-size:20px; font-weight:bold; color:#FFFFFF;}
#ebenegalerie a, #ebenegalerie a:visited {color:#FFFFFF;}
#ebenegalerie a:hover {color:#CCCCCC;}

.rot {color:#CC0000;}
.rotfett {color:#CC0000; font-weight:bold;}

h1 a, h1 a:visited, h1 a:hover {text-decoration:none;}

a {
	color:#333333;
}

a:hover {
	color:#999999;
}

a:visited {
	color:#556392;
}

a:active {
	color:#FF0000;
}




/* Startseite */
.startseite { width: 715px; float:left; }
.content .startseite p { font-size: 12px; line-height: 17px; margin-bottom: 10px; }
.content .startseite ul { font-size: 12px; line-height: 17px; margin-bottom: 10px; }
.content .startseite ul li{ font-size: 12px; }

.startseite img {float:left;}
.startseite .text {float:left; width: 105px; height: 140px; /*float:left; padding: 0 10px; position: relative; z-index: 100; */ }
.startseite p.font_gross { font-size: 18px; line-height: 18px; margin: 12px; }


.startseite h2 { margin: 20px 0 5px 0; padding: 0; font-size: 15px; text-transform: uppercase; }

.content .startseite h2 { padding: 0; }
.content .startseite h3 { font-size: 15px; }


.startseite .aktionsbox {/* float: left; width: 228px; height:285px; text-align: center;*/float: left; width: 228px; height:185px;
						  box-shadow: 0 1px 3px #666; -moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666;
						  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/*.startseite .aktionsbox .bild { height: 140px; padding: 10px 0; }*/
.startseite .aktionsbox h2 { background: url(../images/layout/shopnavi_aktiv.png); text-align:left; color: #FFF; margin: 0; padding: 5px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; position: relative; z-index:20; font-size: 18px; }
.startseite .aktionsbox h2.rosa { background: url(../images/layout/shopnavi_aktiv_2.png); color: #FFF; margin: 0; padding: 5px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }

/*.startseite .text { text-align: left; }*/

.startseite .box_1 { float: left; width: 228px; height: 140px; border-top: solid 1px #000; }
.startseite .box_1_5 { float: left; width: 349px; height: 140px; border-top: solid 1px #000; }
.startseite .box_2 { float: left; width: 471px; height: 140px; border-top: solid 1px #000; }
.startseite .box_3 { float: left; width: 714px; height: 140px; border-top: solid 1px #000; }






/* Aktionsslider */

.container { width: 230px!important; height: 166px!important; float:left; position: relative; }

    #slides {
      display: none
    }
	/*
	#slides img{
		height: 166px; width: 230px;
    }*/

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(/images/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
	  position: absolute;
	  top: -29px; right: 0;
	  z-index: 200;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
	  position: absolute;
	  top: -29px; right: 24px;
	  z-index: 200;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
	  display: none;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
	  display: none;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
	  display: none;
    }
	
	.slidesjs-play.slidesjs-navigation { display: none!important; }
	.slidesjs-stop.slidesjs-navigation { display: none!important }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(images/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
	.slidesjs-container { width: 230px!important; height: 166px!important; }
	.slidesjs-control { width: 230px!important; height: 166px!important; }


/* Ende Aktionsslider */

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 230px;
	height: 166px;
	/* custom decorations */
	margin: 0 0 0 0;
}

/*
	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;
}

.items div {
	float:left;
}

.pointer {
	width:230px;
}

.pointer h1{ font-size: 50px; line-height: 50px; margin: 0 0 20px 0; float:left; margin-right: 30px; }
.pointer h2{ font-size: 17px; line-height: 22px; font-weight: normal; margin: 0 0 20px 0; color:#6c6c6c; display:inline-block; width: 540px;}
.pointer .preis { text-align:center; font-size:22px; font-weight:bold; background: #c6cdd4; border: solid 2px #ffffff; width: 90px; height: 70px; padding: 20px 0 0 0; border-radius: 47px; -moz-border-radius: 47px; -webkit-border-radius: 47px; color:#FFF; text-shadow: 0 -1px 0 #818990; }
.pointer .preis span { font-size:16px; background: #c6cdd4; font-weight: normal; }

/* single scrollable item */



.shoplink { width: 590px; padding: 0 0 10px 0; background: url(../_images/linie_fein.png) repeat-x bottom; position:absolute; right:5px; top: -5px; z-index: 99; }
.shoplink h2 { font-size: 19px; color: #6c6c6c; font-weight: normal; float:left; margin-right: 20px; }
.shoplink a { padding: 16px 0 12px 20px; font-size: 19px; font-weight: bold; text-decoration: none; background: url(../_images/linie_fein_hoch.png) no-repeat left;  text-shadow: 0 1px 0px #fff; }

/* single scrollable item */


/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* position and dimensions of the navigator */
.navi { position:absolute; right:0;top:5px;
	width:60px;
	height:20px;
}


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

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

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

.bildlinks {margin:0 10px 10px 0; float:left;}
.bildrechts {margin:0 0 10px 10px; float: right;}



/* 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:right;
    margin:-20px 10px;
    cursor:pointer;
    font-size:1px;
	position: relative; z-index:30;
	
}

/* right */
a.right { background-position: 0 -44px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-44px -44px; }
a.right:active { background-position:-88px -44px; }


/* left */
a.left { margin-right: 18px; }
a.left:hover  { background-position:-44px 0; }
a.left:active { background-position:-88px 0; }

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

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

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


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}







#topArea {
	/*background-image: url(/images/layout/top_background.jpg);
	background-color:#999;*/
	height: 20px;
	width:1007px;
	position:absolute;
	z-index: 105;
	background-color: #FFF;
	right: 14px;
	top: 0;
	width: 485px;
	box-shadow: 0 1px 3px #666; -moz-box-shadow: 0 1px 3px #666; -webkit-box-shadow: 0 1px 3px #666;
	border-radius: 0 0 0 4px;
	padding: 3px 10px;
}

.tabSuche th {
	font-size:11px;
	text-align:left;
	font-weight:bold;
}

.tabSuche td {
	font-size:11px;
}

.tabWarenkorb th {	
	font-size:11px;
	text-align:left;
	font-weight:bold;
}

.tabWarenkorb td {
	font-size:11px;
}

.tabAccount td {
	font-size:11px;
	height:20px;
}

.tabAccount p {
	font-size:11px;
	margin:8px 0 5px 0;
}

.tabAccount input {
	font-size:11px;
	width:80px;
	border:1px solid #333;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

#topAccountON {
	z-index:200;
	position:absolute;
	background-image: url(/images/layout/top_account_on.gif);
	background-repeat: no-repeat;
	top:3px;
	left:10px;
}

#topAccountOFF {
	position:absolute;
	background-image: url(/images/layout/top_account_off.gif);
	background-repeat: no-repeat;
	top:3px;
	left:10px;
	height:19px;
}

#topWarenkorbOFF {
	position:absolute;
	background-image: url(/images/layout/top_wk_off.gif);
	background-repeat: no-repeat;
	top:3px;
	left:120px;
	height:19px;
}

#topWarenkorbON {
	z-index:1;
	position:absolute;
	background-image: url(/images/layout/top_wk_on.gif);
	background-repeat: no-repeat;
	top:3px;
	left:120px;
}

#SchnellbestOFF {
	position:absolute;
	background-image: url(/images/layout/schnellbest_off.gif);
	background-repeat: no-repeat;
	width:125px;
	top:3px;
	left:370px;
	height:19px;
}

#SchnellbestON {
	z-index:205;
	position:absolute;
	background-image: url(/images/layout/schnellbest_on.gif);
	background-repeat: no-repeat;
	width:125px;
	top:3px;
	left:370px;
}

#topSucheON {
	z-index:3;
	position:absolute;
	top:12px;
	left:0px;
	padding:2px 0 0 5px;
	height:19px;
}

#topSucheOFF {
	position:absolute;
	top:252px;
	right:30px;
	padding:0;
	z-index:201;
	width:140px;
	height:19px;
}

.topSucheBack {
	background-image: url(/images/layout/top_suchresultat_back.gif);
	background-repeat: repeat-y;
}

.topAccountBack {
	background-image: url(/images/layout/top_account_back.gif);
	background-repeat: repeat-y;
}

#topNavig {
	position:absolute;
	top:10px;
	left:744px;
	width:250px;
	text-align:right;
	color:#666;
}

#topLogin {
	display:none;
	position:absolute;
	top:10px;
	left:264px;
	width:300px;
	text-align:left;
	color:#FFFFFF;
}

#topNavig a, #topNavig a:hover, #topNavig a:active, #topNavig a:visited {	
	color:#666;
	font-weight: normal;
	text-decoration:underline;
	font-size:12px;
}


/* HEADER, HINTERGRÜNDE */

#headerArea {
	border-top:0px solid #BFBFBF;
	padding:0 0 0 0; /*13px 0 0 0;*/
	background-repeat: no-repeat;
	height: 295px;/*303px*/
	width:1007px;
	position:relative;
	margin:0;
}




#topBox { position: absolute; right: 14px; background:#f0f0f0; border-radius: 0 0 4px 4px; z-index:500; box-shadow: 0 1px 3px #333;  } /* width: 540px; */

#topBox .reiter { float: left; padding: 12px 25px 11px 53px; position: relative; cursor: pointer; background:#f0f0f0;  }
/*
#topBox #schnellbestellung.reiter { cursor: default; }
*/

/*
.top_inhaltbox2 { display: none;  border:2px dotted red; }
#schnellbestellung:target > .top_inhaltbox2 { display: block; }
*/


#topBox #anmelden.reiter { border-radius: 0 0 0 4px; border-right: 1px solid #dcdcdc; }
#topBox #miniwarenkorb.reiter { border-right: 1px solid #dcdcdc; }
#topBox #schnellbestellung.reiter { border-radius: 4 4 4 4px;   }
 
#topBox .reiter.aktiv { background: #FFF; box-shadow:0 1px 5px #666; z-index: 100;}
#topBox .reiter:hover { background: #f7f7f7; }
#topBox #anmelden.reiter.aktiv { border-radius: 0 0 0 0; }
z
#topBox #miniwarenkorb.reiter.aktiv { border-radius: 0 0 0 0; }
#topBox #schnellbestellung.reiter.aktiv { border-radius: 0 0 0 0; box-shadow:-3px 0px 3px #ccc; }
/*
#topBox #schnellbestellung.reiter:hover { background: none; }
*/
.top_inhaltbox2 .inhalt #SchnellbestellungSubmit { cursor: pointer; }
#topBox .reiter.aktiv:hover { background: #FFF; }

#CPH_Top_UPD_Anzahl { position: relative; }
#ctl00_CPH_Top_UPD_Anzahl { position: relative; }

#topBox .menge { background: #e30016; color: #FFF; float:right; text-align:center; width: 20px; height: 16px; border-radius: 10px; padding: 4px 0 0 0; font-size: 11px; position: absolute; right: 10px; top: 12px; }   /*  right: -10px; top: -18px;  */

#topBox .classicaspmenge { background: #e30016; color: #FFF; float:right; text-align:center; width: 20px; height: 16px; border-radius: 10px; padding: 4px 0 0 0; font-size: 11px; position: absolute; right: -10px; top: -18px; } 

/*
#topBox #schnellbestellung { padding: 9px 10px 5px 45px; }

*/
#topBox .icons { position: absolute; top: 7px; left: 20px; }
#topBox span { margin-right: 5px; }
#topBox a.inputbutton { position: absolute; top: 13px; right: 22px; }



input { border-radius: 4px; box-shadow: inset 0 1px 2px #999; background: #f8f8f8; padding: 8px 10px; border: none; }
#ctl00_CPH_miniwarenkorb_inhalt input { padding: 4px 10px;}
#topBox label { width: 240px; float: left; padding: 9px 0 0 0; }

.top_inhaltbox2 { background: #FFF; overflow: hidden; border-radius: 0 0 4px 4px; position: relative; z-index: 200; display: none; }
.top_inhaltbox2 .inhalt { padding: 20px; width: 500px; }
.top_inhaltbox { background: #FFF; overflow: hidden; border-radius: 0 0 4px 4px; position: relative; z-index: 200; display: none; }
.top_inhaltbox .inhalt { padding: 20px; width: 500px; }

.top_inhaltbox .inhaltprofil { 
	padding:20px;
	width:40%;
	float:left;
 }
 
#topBox .links { width: 30px; float: left; }
#topBox .rechts { padding: 0; width: 470px; float: left;}

#topBox input { }
#topBox input.error { border: solid 1px #C00; margin: 2px 0 2px 0; color: #000; }

.top_inhaltbox .tabelleFormular { margin: 0; padding: 0; } 
.top_inhaltbox .miniwarenkorb { margin: 0; padding: 0 0 20px 0; } 
.top_inhaltbox .miniwarenkorb th { text-align: left; font-weight: bold; padding: 0 0 5px 0; font-size: 13px; border-bottom: solid 1px #CCC; } 
.top_inhaltbox .miniwarenkorb td { padding: 2px 0; } 

.top_inhaltbox .miniwarenkorb tr.versandkosten td { padding: 10px 0; border-top: solid 1px #ccc; } 
.top_inhaltbox .miniwarenkorb tr.total td { padding: 10px 0 5px; border-bottom: solid 2px #000; border-top: solid 1px #000; } 

.hinweisbox { background: #eee8de; padding: 10px; margin: 20px 0 10px; border-radius: 4px; border: solid 1px #e3ded0; width: 480px; }
.hinweisbox strong { color:#C00; }

.versandbereit { background: #e59a9a; padding: 10px; margin: 20px 0 10px; border-radius: 4px; border: solid 1px #a96666; width: auto; }

.umfragebox { background: #bfdaca; padding: 10px; margin: 20px 0 10px; border-radius: 4px; border: solid 1px #9bc5ac; width: 480px; }
.umfragebox strong { color:#C00; }

.hinweisbox_zahlungsart { background: #fff; padding: 10px; margin: 20px 0 10px; }

.error { color: #C00; border-radius: 4px; padding: 10px; border: dashed 1px #C00; margin: 20px 0; }
label.error { color: #C00; border: none; margin: 0; padding: 0; }
.content input.error { border: solid 1px #C00; color: #000; margin: 2px 0 2px 0; width: 178px; }
.content input.vorwahlerror { border: solid 1px #C00; margin: 0 5px 0 0; width: 38px; }
.content input.nummererror { border: solid 1px #C00; margin: 0; width: 113px; }
.pfeilbuttons { float:left; margin: 4px 0 0 5px; }

/* Bestellvorgang */
.bestellvorgang { padding: 0px 20px 20px 15px; }
.bestellvorgang .reiter { float: left; padding: 10px 0px; width: 24.5%; background: #eeeeee; border-radius: 6px 6px 0 0; margin: 0 1px 0 0; font-size: 18px; text-align: center; cursor: pointer; position: relative; z-index: 101; }
.bestellvorgang .reiter.aktiv {background: #fff; border: solid 1px #d3d3d3; border-bottom: none; padding: 10px 0px 11px 0; margin-bottom: -1px;}
.bestellvorgang .reiter.inaktiv { color: #CCC; cursor: default; }

.bestellvorgang label { width: 240px; float: left; padding: 9px 0 0 0; }
.bestellvorgang input.vorwahl { width: 40px; margin-right: 5px; }
.bestellvorgang input.nummer { width: 115px; }
.bestellvorgang select { width: 200px; margin: 5px 0 10px; }

.bestellvorgang .links { width: 240px; float: left; }
.bestellvorgang .rechts { padding: 15px 0 0 0; float: left; width: 565px; }
.bestellvorgang .lieferadressegleich { padding: 0; width:10px; border:none;}

a.button {background: #63b1ba; box-shadow: none; color: #FFF; text-decoration: none; border-radius: 4px; padding: 5px 10px; font-size: 15px; font-weight: normal; border: none; cursor: pointer; width: auto; margin: 15px 0 0 -1px; float: left;}
a.button:hover { background: #74c6d0; }

a.button.grau {background: #f1f1f1; color:#000; font-size: 13px; }

a.loeschenbutton { background: #eaeaea; text-decoration: none; padding: 2px 8px 3px; font-size: 16px; border-radius: 4px; }

.warenkorb { margin: 0 0 20px 0; } 
.warenkorb th { text-align: left; font-weight: bold; padding: 0 0 5px 0; font-size: 13px; border-bottom: solid 1px #CCC; } 
.warenkorb td { padding: 5px 0; } 
.warenkorb tr.versandkosten td { padding: 25px 0 10px 0; border-top: solid 1px #ccc; } 
.warenkorb tr.total td { padding: 10px 0 5px; border-bottom: solid 2px #000; border-top: solid 1px #000; }

.bestellvorgang .hinweisbox { width: auto; margin: 0; }
.bestellvorgang .hinweisbox strong { color: #000; }
.bestellvorgang .hinweisbox strong.hinweis { color: #C00; }

.statusbar { background: #e4e4e4; float: left; width: 100%; border-radius: 4px; margin: 0 0 20px 0; }
.statusbar .content ul { float: left; margin: 0; }
.statusbar li { float: left; list-style: none; margin-right: -30px; position:relative; z-index: 100; }
.statusbar li a { display:block; padding: 8px 55px 8px 59px; text-align:center; background:url(../images/statusbar_pfeil.png) no-repeat right top; text-decoration: none; }
.statusbar.ohneversand li a { padding: 8px 73px 8px 78px; }
.statusbar li a:hover { color: #333333;  }
.statusbar li.aktiv { z-index: 99; }
.statusbar li.aktiv a { background:#63b1ba url(../images/statusbar_pfeil_aktiv.png) no-repeat right top; color:#FFF; }
.statusbar li.aktiv.bestaetigt a{ background:#63b1ba url(../images/statusbar_pfeil_aktiv_bestaetigt.png) no-repeat right top; }

.statusbar li.inaktiv { z-index: 98; }
.statusbar li.inaktiv a { background:#f5f5f5 url(../images/statusbar_pfeil_inaktiv.png) no-repeat left top; color:#ccc; cursor: default; }
.statusbar li:first-child a{ padding: 8px 70px 8px 20px; color: #41a62a; }

.statusbar li.aktiv.abschluss a { border-radius: 0 4px 4px 0; background:#63b1ba url(../images/statusbar_pfeil_abschluss_aktiv.png) no-repeat left top; color:#FFF; }



.logo { position:absolute; left: 30px; top: 30px; z-index: 500; }
/*#LogoVeloplus {border-radius: 6px 6px 6px 6px;border: 1px solid #BFBFBF; width:170px; margin-left:13px; }*/
#Headerbild { position:absolute; top:0px; left: 13px; border-radius: 0px 0px 6px 6px; /*border: 1px solid #BFBFBF;*/ height:300px; width: 980px; z-index:99;}
/*#Headerbild img { box-shadow: 1px 1px 3px #525252; -moz-box-shadow: 1px 1px 3px #525252; -webkit-box-shadow: 1px 1px 3px #525252;}*/


/* container for slides */
.images { position:relative; height:280px; width:980px; float:left; cursor:pointer; box-shadow: 1px 1px 3px #525252; -moz-box-shadow: 1px 1px 3px #525252; -webkit-box-shadow: 1px 1px 3px #525252; border-radius: 0 0 6px 6px; }
.images img{ border-radius: 0 0 6px 6px; }

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:256px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	position: absolute;
	right: 10px;
	top: 220px;
	z-index: 105;
	clear:both;
}

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

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

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

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

#sample-menu-1 { position:absolute; right:0; bottom: 8px; height: 48px; z-index: 500;  }
.TopNavigation { background: url(../images/layout/nav_bg_full.png) no-repeat; background-repeat:repeat-x; color:#FFF; height: 48px; width:980px; }
.TopNavigation ul {  }
.TopNavigation li { float:left; list-style-type:none; }
.TopNavigation li a { color:#fff; display:block; padding:10px 10px 8px 10px; margin-right: 3px; text-decoration:none; font-size:15px; text-transform: uppercase; }
.TopNavigation li a:hover  { background-image: url(../images/layout/nav_bg_aktiv.png); }
.TopNavigation li.aktiv a { background-image: url(../images/layout/nav_bg_aktiv.png); }

.TopNavigation li.aktiv_erste a { background-image: url(../images/layout/nav_bg_aktiv.png); border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; }

.Suchbox {position:absolute;float:right; right:0; bottom: 10px; }

.navi_top {
}

.navi_text{
}

.navi_img{ margin: auto; width: 18px; height: 12px; background: url(../images/layout/navi_pfeil.png) no-repeat;
}




.clearer {clear:both; font-size:0px;line-height:0px; height:0px;}

#werbung { display:none;position:absolute; z-index:1; top:0; left:1007px; width:170px; padding-top:296px;}

#headerTitel h1 {
	position:absolute;
	color:#FFF;
	top:185px;
	left:275px;
	font-size:40px;
	font-weight:bold;
	text-transform:uppercase;
	z-index:100;
	display:none;
}

#headerLinks {
	position:absolute;
	top:68px;
	left:13px;
	font-size:14px;
}

#headerSchnellbestellung {
	position:absolute;
	top:75px;
	left:1007px;
	background:#CC0;
	padding:2px 0 0 5px;
	z-index:10;
}


#backgroundArea {
	/*background-color:#FFFFFF;*/
	background-repeat:repeat-x;
	/*height:100%;*/
	width:980px;
	background: #fff;
	box-shadow: 1px 1px 3px #525252;
	margin: 0 0 0 13px;
	border-radius: 6px;
}

#backgroundAreaMuster {	
	width:993px;
	background-color:transparent;
	
}

#KruemmelArea {
	position:absolute;
	top:320px;	
	left:260px;
	width:700px;
	z-index:10;
	background: #f5f5f5; padding:2px 7px; border-radius: 8px;
	border: solid 1px #d3d3d3;
	/*left:13px; Platzierung links*/
}

/* NAVIGATION LINKS */



#navigArea {
	float:left;
	width:225px;
	margin:0;
	margin:0 18px 0px 0;
	padding: 15px 0 0 0;
}

/* NAVIGATION SHOP */

.history {
	font-size:12px;
	font-weight:normal;
	margin-left:10px;
}

#beratungsinfo {
	background: #f8f8f8;
	margin-bottom:15px;
	margin-left:16px;
	padding: 10px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 0 1px 1px #999;
}

.oeffnungszeiten {
	font-size: 13px;
	color: #5a5a5a;
	font-weight: normal;
	padding-top: 10px;
}

#navigAreaShop {
	margin-bottom:15px;
	margin-left:13px;
	border: solid 1px #d3d3d3;
	border-radius: 6px;
	background: #FFF;
}

.navigAreaShop {
	margin-bottom:15px;
	margin-left:13px;
	border: solid 1px #d3d3d3;
	border-radius: 6px;
	background: #FFF;
}
.navigAreaShop ul.teasernavig {list-style: circle; list-style-type:circle; padding:8px 2px 0 2px;}
.navigAreaShop ul.teasernavig li {margin:0; margin-left:15px;border-top:0; margin-bottom:8px; font-weight:normal;}

/* 1. Stufe */
#navigAreaShop h2 {font-size: 15px;font-weight: bold;text-transform: uppercase;}

#navigAreaShop ul { list-style:none; }
#navigAreaShop ul li { border-top: solid 1px #d3d3d3; position: relative; }
#navigAreaShop ul li a { text-decoration:none; color:black; display:block; padding: 6px 0 6px 23px; }
#navigAreaShop ul li a:hover { background: none; color:#be1822; }
#navigAreaShop ul li.erste { border-top: none; }
#navigAreaShop ul li.aktiv a { background: #f3f3f3; color:#be1822; }

#navigAreaShop ul li.erste a:hover { border-radius: 6px 6px 0 0; }
#navigAreaShop ul li.letzte a:hover { border-radius: 0 0 6px 6px; }
/*
#navigAreaShop ul li:nth-of-type(9) a { background: #be1822; color: #FFF; font-weight: normal; }
*/
#navigAreaShop ul li:nth-of-type(9) a:after { content: "%%%"; margin: 0 10px; font-weight: bold; }
#navigAreaShop ul li ul li:nth-of-type(9) a:after { content: ""; }


/*Pfeile*/
#navigAreaShop ul li a span { display:block; position:absolute; top: 10px; left: 10px; width: 7px; height: 7px; margin-right: 10px; background: url(../images/layout/pfeil_braun.png) no-repeat ;  }
#navigAreaShop ul li a:hover span { background: url(../images/layout/pfeil_rot.png) no-repeat ;  }
#navigAreaShop ul li.aktiv a span { background: url(../images/layout/pfeil_rot.png) no-repeat ;  }

/*
#navigAreaShop ul li:nth-of-type(9) a span { background: url(../images/layout/pfeil_weiss.png) no-repeat ; }

#navigAreaShop ul li:nth-of-type(9) a:hover span { background: url(../images/layout/pfeil_weiss.png) no-repeat ;  }
#navigAreaShop ul li:nth-of-type(9).aktiv a span { background: url(../images/layout/pfeil_weiss.png) no-repeat ;  }
*/

/* 2. Stufe */
#navigAreaShop ul li.aktiv ul { }
#navigAreaShop ul li.aktiv ul li a { background: none; display: block; color:black; padding: 6px 0 6px 38px;  }
#navigAreaShop ul li.aktiv ul li a:hover { color: #be1822; }
#navigAreaShop ul li.aktiv ul li.aktiv a { color: #be1822; }

/*Pfeile*/
#navigAreaShop ul li.aktiv ul li a span { left: 25px; background: url(../images/layout/pfeil_braun.png) no-repeat ; }
#navigAreaShop ul li.aktiv ul li a:hover span { left: 25px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }
#navigAreaShop ul li.aktiv ul li.aktiv a span { left: 25px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }


/* 3. Stufe */
#navigAreaShop ul li.aktiv ul { }
#navigAreaShop ul li.aktiv ul li ul li a { background: none; color:black; padding: 6px 0 6px 53px;  }
#navigAreaShop ul li.aktiv ul li.aktiv ul li a { background: none; color:black; padding: 6px 0 6px 53px; }
#navigAreaShop ul li.aktiv ul li.aktiv a:hover { color: #be1822; }

#navigAreaShop ul li.aktiv ul li.aktiv a { color: #be1822; background: #f3f3f3; }


/*Pfeile*/
#navigAreaShop ul li.aktiv ul li ul li a span { left: 40px; background: url(../images/layout/pfeil_braun.png) no-repeat ; }
#navigAreaShop ul li.aktiv ul li.aktiv ul li a span { left: 40px; background: url(../images/layout/pfeil_braun.png) no-repeat ; }
#navigAreaShop ul li.aktiv ul li ul li a:hover span { left: 40px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }
#navigAreaShop ul li.aktiv ul li ul li.aktiv a span { left: 40px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }




#navigAreaShop p.header {	
	background-image: url(/images/layout/navigHeader.gif);
	background-repeat: no-repeat;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
	width:220px;
}

#navigAreaShop p.homeebene1 {
	border-top:1px solid #999;
	/*background-color:white;*/
	padding:2px 0 2px 9px;
	font-weight:bold;
}

#navigAreaShop p.homeebene1aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
}

#navigAreaShop p.ebene1 {
	border-top:1px solid #999;
	/*background-color:white;*/
	padding:2px 0 2px 9px;
	font-weight:bold;
}

#navigAreaShop p.ebene1aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
}

#navigAreaShop p.ebene2 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 35px;
}

#navigAreaShop p.ebene2aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 35px;
	color:white;
}

#navigAreaShop p.ebene3 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 70px;
}

#navigAreaShop p.ebene3aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 70px;
	color:white;
} 

/* NAVIGATION SERVICE */

#navigAreaService a, #navigAreaService a:hover, #navigAreaService a:visited, #navigAreaService a:active {
	text-decoration:none;
	color:#333;
	font-style:normal;
	
}

#navigAreaService {
	margin-bottom:20px;
	margin-left:13px;
	border-radius: 6px;
	background:#dad7c6;
	border: solid 1px #919191;
}

/* 1. Stufe */
#navigAreaService ul { list-style:none; }
#navigAreaService ul li { border-top: solid 1px #919191; position: relative; }
#navigAreaService ul li a { text-decoration:none; color:black; display:block; padding: 6px 0 6px 23px; }
#navigAreaService ul li a:hover { background: #2b2b2a; color:#FFF; }
#navigAreaService ul li.erste { border-top: none; }
#navigAreaService ul li.aktiv a { background: #2b2b2a; color:#FFF; }

#navigAreaService ul li.erste a:hover { border-radius: 6px 6px 0 0; }
#navigAreaService ul li.letzte a:hover { border-radius: 0 0 6px 6px; }

/*Pfeile*/
#navigAreaService ul li a span { display:block; position:absolute; top: 10px; left: 10px; width: 7px; height: 7px; margin-right: 10px; background: url(../images/layout/pfeil_braun.png) no-repeat ;  }
#navigAreaService ul li a:hover span { background: url(../images/layout/pfeil_weiss.png) no-repeat ;  }
#navigAreaService ul li.aktiv a span { background: url(../images/layout/pfeil_weiss.png) no-repeat ;  }


/* 2. Stufe */
#navigAreaService ul li.aktiv ul { }
#navigAreaService ul li.aktiv ul li a { background: none; color:black; padding: 6px 0 6px 38px; width: 190px; }
#navigAreaService ul li.aktiv ul li a:hover { color: #be1822; }
#navigAreaService ul li.aktiv ul li.aktiv a { color: #be1822; }

/*Pfeile*/
#navigAreaService ul li.aktiv ul li a span { left: 25px; background: url(../images/layout/pfeil_braun.png) no-repeat ; }
#navigAreaService ul li.aktiv ul li a:hover span { left: 25px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }
#navigAreaService ul li.aktiv ul li.aktiv a span { left: 25px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }


/* 3. Stufe */
#navigAreaService ul li.aktiv ul { }
#navigAreaService ul li.aktiv ul li ul li a { background: none; color:black; padding: 6px 0 6px 53px; width: 175px; }
#navigAreaService ul li.aktiv ul li a:hover { color: #be1822; }
#navigAreaService ul li.aktiv ul li.aktiv a { color: #be1822; }

/*Pfeile*/
#navigAreaService ul li.aktiv ul li ul li a span { left: 40px; background: url(../images/layout/pfeil_braun.png) no-repeat ; }
#navigAreaService ul li.aktiv ul li ul li a:hover span { left: 40px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }
#navigAreaService ul li.aktiv ul li ul li.aktiv a span { left: 40px; background: url(../images/layout/pfeil_rot.png) no-repeat ; }



#navigSozialLogos {
	margin-left:13px;
}

#navigSozialLogos img{
}

#navigAreaService ul{
	list-style:none;
}

#navigAreaService p.header {	
	background-image: url(/images/layout/navigHeader.gif);
	background-repeat: no-repeat;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
	width:220px;
}

#navigAreaService p.ebene1 {
	border-top:1px solid #999;
	
	padding:2px 0 2px 9px;
	
}

#navigAreaService p.ebene1aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
}

#navigAreaService p.ebene2 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 35px;
}

#navigAreaService p.ebene2aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 35px;
	color:white;
}

#navigAreaService p.ebene3 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 70px;
}

#navigAreaService p.ebene3aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 70px;
	color:white;
}

/* NAVIGATION INSERATE */

#navigAreaInserate {
	margin-bottom:15px;
	margin-left:13px;
}

#navigAreaInserate ul{
	list-style:none;
}

#navigAreaInserate a {
	text-decoration:none;
	color:black;
}

#navigAreaInserate p.header {	
	background-image: url(/images/layout/navigHeader.gif);
	background-repeat: no-repeat;
	padding:3px 0 3px 9px;
	font-weight:bold;
	color:white;
	width:220px;
}

#navigAreaInserate p.homeebene1 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 9px;
	font-weight:bold;
}

#navigAreaInserate p.homeebene1aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
}

#navigAreaInserate p.ebene1 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 9px;
	font-weight:bold;
}

#navigAreaInserate p.ebene1aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	padding:2px 0 2px 9px;
	font-weight:bold;
	color:white;
}

#navigAreaInserate p.ebene2 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 35px;
}

#navigAreaInserate p.ebene2aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 35px;
	color:white;
}

#navigAreaInserate p.ebene3 {
	border-top:1px solid #999;
	background-color:white;
	padding:2px 0 2px 70px;
}

#navigAreaInserate p.ebene3aktiv {
	border-top:1px solid #999;
	background-color:#CC0000;
	font-weight:bold;
	padding:2px 0 2px 70px;
	color:white;
}



/* CONTENTBEREICH */
#Aktion {
	background-repeat:repeat-y;
	height:404px;
}

#Aktion h2{
	font-size:14px;
}

.Aktionspreis {	
	font-weight:bold;
	color:#CC3333;
}

#News {	float:left;	width:338px;border-right:0px solid #ccc;	margin:0 0 15px 0;}
#VeranstaltungenStart {	float:left;	width:345px; height:162px;border-left:	1px solid #ccc;	margin:0 0 15px 15px; padding-left:10px;}

#Community {
	background-color:#98C000;
	padding:10px 10px 10px 150px;
	background-image: url(/images/startseite/back_wettbewerb1.jpg);
	background-repeat:no-repeat;
}

#CommunityStart {
	width:715px;
	background-repeat:no-repeat;
}

.CommunityDetail {
	background-color:#98C000;
}

#CommunityDetailInhalt {
	width:715px;
}

#Community td{
	border-bottom:1px solid #ccc;
	height:25px;
	/*text-valign:top;*/
}

#CommunityFilm {
	float:left;
	width:182px;
}

#CommunityBild {
	float:left;
	width:182px;
	height:391px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

#CommunityPreise {
	float:left;
	width:182px; 
}

.CommunityPadding {
	padding:0 5px 0 10px;
}

#Veranstaltungen table{
	width:600px;
}

#Veranstaltungen td{
	border-bottom:1px solid #ccc;
	height:25px;
	/*text-valign:top;*/
}

#contentArea {
	float:left;
	width:717px;
	margin:0 0 0 0px!important;
	padding: 10px 10px 0 5px;
}

body.bestellabschluss #contentArea { width: 980px; }

.content {
	min-height:600px; padding: 50px 0 0 0;
}

.contentspezial {
	padding: 0 0 0 0;
}

.contentCommunity {
	padding:0 10px 10px 10px;
	background-image: url(/images/back_community.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

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

.ImageContent { 
	float:left;
	padding: 15px;
	margin:0 0 10px 0;
	width:200px;
	text-align: center;
}

.ImageListe {
	margin:0;
	width:50px;	
}

.content h1 {
	font-size:30px;
	font-weight:normal;
	padding:10px 0 15px 0;
}

.content h2 {
	font-size:22px;
	font-weight:normal;
	padding:10px 0 20px 0;
}

.content h3 {
	font-size:14px;
	font-weight:bold;
	padding:10px 0 10px 0;
}

.content h4 {
	margin:0 0 10px 0;
	padding:0;
}

.content p {
	margin:0 0 15px 0;
}

.content ul {
	margin:0 0 15px 20px;
}

.contentBannerStart {
	margin:0 17px 13px 0;
	background-repeat:no-repeat;
	width:230px;
	height:88px;
	float:left;
	border:0;
}

.contentBannerStartText {
	padding:15px;
	text-align:left;
	width:70%;
}

.contentBannerStartText h1{
	font-size:18px;
	text-decoration:none;
}


.contentArtikelliste_Artikel {
	margin:0;
	width:198px;
	height:220px;
	padding: 30px 20px;
	float:left;
	border-bottom: solid 1px #e2e2e2;
	
	/*background-image:url(/images/layout/artikel/back_artikelliste_artikel.jpg);
	background-repeat:repeat-x;*/
	-webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; }

	
.prozent { position: absolute; left: 0; top: 0; color: #FFF; font-size: 18px; white-space: nowrap; font-weight: bold; border-style: solid; border-width: 70px 70px 70px 0; border-color: #3894a1 transparent transparent transparent; z-index: 100; }
.prozent span { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 0; top: -57px; }

#makeMeScrollable div.scrollableArea div.prozent { width: auto; border-width: 55px 55px 55px 0; font-size: 15px; z-index: 100; position: absolute; }
#makeMeScrollable div.scrollableArea div.prozent span {  top: -45px; }

#search_container div.contentArtikelliste_Artikel div.prozent { width: auto; border-width: 45px 45px 45px 0; font-size: 13px; z-index: 100; position: absolute; }
#search_container div.contentArtikelliste_Artikel div.prozent span { font-weight:normal; top: -38px; }

.artikelcontent_bild .prozent { left: 19px; top: 31px; }
.contentArtikelliste_Artikel:hover {
	box-shadow: 0 0 15px #dddddd;
	cursor: pointer;
}

.contentArtikelliste_Aktion {	
	position:absolute; top:10px; left:10px;
	}


.contentArtikelliste_Artikel h1, .contentArtikelliste_Artikel h2, .contentArtikelliste_Artikel h3, .contentArtikelliste_Artikel h4 {
	margin:10px 0 10px 0;
	padding:0;
	width:198px;
	min-height: 32px;
	}

.contentArtikelliste_Artikel h1 a, .contentArtikelliste_Artikel h1 a:hover, .contentArtikelliste_Artikel h1 a:visited, .contentArtikelliste_Artikel h1 a:active, .contentArtikelliste_Artikel h2 a, .contentArtikelliste_Artikel h2 a:hover, .contentArtikelliste_Artikel h2 a:visited, .contentArtikelliste_Artikel h2 a:active, .contentArtikelliste_Artikel h3 a, .contentArtikelliste_Artikel h3 a:hover, .contentArtikelliste_Artikel h3 a:visited, .contentArtikelliste_Artikel h3 a:active, .contentArtikelliste_Artikel h4 a, .contentArtikelliste_Artikel h4 a:hover, .contentArtikelliste_Artikel h4 a:visited, .contentArtikelliste_Artikel h4 a:active{
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
}


.contentArtikelliste_Preis {
	font-size:14px;
	font-weight:bold;
	color:#333;
}

.contentArtikelliste_Img {
	 /*float:left;*/
}










.contentKauftenauchliste_Artikel {
	position:relative;
	margin:0;
	width:123px;
	height:200px;
	padding: 10px 10px;
	float:left;
	border-bottom: solid 1px #e2e2e2;
	
	/*background-image:url(/images/layout/artikel/back_artikelliste_artikel.jpg);
	background-repeat:repeat-x;*/
	-webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; 
}

.contentKauftenauchliste_Artikel:hover {
	box-shadow: 0 0 15px #dddddd;
	cursor: pointer;
}

.contentKauftenauchliste_Aktion {	
	position:absolute; top:10px; left:10px;
	}


.contentKauftenauchliste_Artikel h1 {
	margin-top:10px;
	padding:0;
	width:98px;
	min-height: 32px;
	}

.contentKauftenauchliste_Artikel h1 a, .contentKauftenauchliste_Artikel h1 a:hover, .contentKauftenauchliste_Artikel h1 a:visited, .contentKauftenauchliste_Artikel h1 a:active{
	font-size:12px;
	
	text-decoration:none;
}

.contentKauftenauchliste_Preis {
	font-size:12px;
	font-weight:bold;
	color:#333;
}


.contentKauftenauchliste_Img {
	 /*float:left;*/
	 height:70px;
}

.contentKauftenauchliste_Artikel div {
	position:absolute;
	bottom:0px;
}

.artikelbilderKauftenauch {
	text-align: center;
	}
	
.artikelbilderKauftenauch a{
	display:block;
	height:200px;
	width:123px;
	margin-top:0px;
	}

.contentKauftenauchliste_Artikel h1 {
	margin-bottom:5px;
}
.contentKauftenauchliste_Artikel div p{
	margin-bottom:15px;
	overflow:hidden;
	width:60px;
}
.contentKauftenauchliste_Artikel div p img {
	width:60px;
}









.contentZubehoerliste {
	background-color:#ECECFB;
}


.contentZubehoerliste_Artikel {
	margin:0;
	width:198px;
	height:220px;
	padding: 30px 20px;
	float:left;
	border-bottom: solid 1px #e2e2e2;
	background-color:#FFFFFF;

	position: relative;
	/*background-image:url(/images/layout/artikel/back_artikelliste_artikel.jpg);
	background-repeat:repeat-x;*/
	-webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; transition: all 300ms; z-index: 1; }

.contentZubehoerliste_Artikel:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	cursor: pointer;
	background-color:#FFFFFF;
	z-index: 2;
}

.contentZubehoerliste_Aktion {	
	position:absolute; top:10px; left:10px;
	}


.contentZubehoerliste_Artikel h1 {
	margin-top:10px;
	padding:0;
	width:198px;
	min-height: 32px;
	}

.contentZubehoerliste_Artikel h1 a, .contentZubehoerliste_Artikel h1 a:hover, .contentZubehoerliste_Artikel h1 a:visited, .contentZubehoerliste_Artikel h1 a:active{
	font-size:14px;
	
	text-decoration:none;
}

.contentZubehoerliste_Preis {
	font-size:14px;
	font-weight:bold;
	color:#333;
}

.contentZubehoerliste_Img {
	 /*float:left;*/
}













.artikelbilder {
	min-height: 140px;
	text-align: center;
	}
	
.artikelbilder a{
	height: 140px;
	display:block;
	}
	
.content #Artikel h1 { color: #000; font-size: 30px;  }	
	
.contentMedialiste {
	width:160px;
	height:85px;
	float:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:0 15px 15px 0;
}

.bewertung {
	/*background-image:url(/images/layout/artikel/back_tabelle1.jpg);*/
	background-repeat:repeat-x;
	margin:5px 0 20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 10px 15px 15px;
	box-shadow: 0 1px 2px #aaaaaa;
	border-radius: 6px;
	width: 685px;
}

.bewertung .datum { font-size: 12px; padding: 0 0 3px 0; }
.bewertung .bild { margin-left: -3px; padding: 0 0 5px 0; }
.bewertung .kommentar { font-size: 16px; line-height: 24px; }

.fehlermeldung {
	 display:block;
	 background-color:#CC0000;
	 color:white;
	 font-weight:bold;
	 padding:10px;
	 margin-bottom:20px;
	 border-radius:8px;
}

.fehlermeldung ul {
	 padding:20px;
}

.Textfett {
	font-size:14px;
	font-weight:bold;
}

/* NAVIGATION CONTENTBEREICH */

.navCont_li {
	float:left;
	white-space:inherit;
}

.navCont_txt_aktiv {
	background-image: url(/images/layout/artikel/text_aktiv.gif);
	height:21px;
	float:left;
}


.navCont_re {
	float:left;
	white-space:inherit;
}

.navCont_txt_off a {
	color:black;
	text-decoration:none;
	white-space:nowrap;
	display: block;
}

.navCont_txt_off a:visited {
	color:black;
	text-decoration:none;
	white-space:nowrap;
}

.navCont_txt_off a:hover {
	color:#999;
	text-decoration:none;
	white-space:nowrap;
}

/* Artikeldetail Navigation und Inhaltsboxen */
.artikeldetail_reiter {
float: left; padding: 10px 0px; width: 32.6%; background: #eeeeee; border-radius: 6px 6px 0 0; margin: 0 1px 0 0; font-size: 18px; text-align: center; cursor: pointer; position:relative; z-index:101;
}
.artikeldetail_reiter:hover { background: #f5f5f5; }

.artikeldetail_reiter.aktiv {
background: #fff; border: solid 1px #d3d3d3; border-bottom: none; padding: 10px 0px 11px 0; margin-bottom: -1px;
}

.artikelcontent_box {
position:relative; overflow:hidden; border-top: solid 1px #d3d3d3; z-index:100; margin-left: -10px; height: 407px;
-webkit-transition: all 500ms 500ms ; -moz-transition: all 500ms 500ms; -o-transition: all 500ms 500ms; -ms-transition: all 500ms 500ms; transition: all 500ms 500ms;
}

.artikellinks { margin-bottom: 0px; float:left; width: 100%; padding: 5px 0 0 0; }
a.zuruecklink { float: left; padding: 6px 20px 20px 40px; background:url(../images/backbutton_artikel.png) no-repeat; cursor: pointer; }
a.letzter_artikel { float: right; padding: 6px 20px 20px 40px; background:url(../images/backbutton_artikel.png) no-repeat; cursor: pointer; }
a.naechster_artikel { float: right; padding: 6px 40px 20px 0px; background:url(../images/nextbutton_artikel.png) 100px 0 no-repeat; cursor: pointer; }

.artikelcontent {
position: absolute; padding: 20px 10px 20px 10px; /*opacity: 0.0;*/ z-index: 10; display: none;
-webkit-transition: 250ms; -moz-transition: 250ms; -o-transition: 250ms; -ms-transition: 250ms; transition: 250ms;
/*width:720px;*/
}

.artikelcontent p { font-size: 16px; line-height: 28px; }


.artikelcontent.show {
/*opacity: 1.0;*/ z-index: 20; display: block;
-webkit-transition: 250ms 250ms; -moz-transition: 250ms 250ms; -o-transition: 250ms 250ms; -ms-transition: 250ms 250ms; transition: 250ms 250ms;
}


.artikelcontent_bild { float:left;width:350px; text-align: center; }
.artikelcontent_text { float:left;/*width:347px;*/width:342px; margin-bottom:20px; font-size: 16px; line-height: 28px; padding: 15px 0 0 0; }
.artikelcontent_textAll { float:left; width:100%; margin-bottom:20px; font-size: 16px; line-height: 28px; }

.artikelcontent_text a { background: #63b1ba url(../images/linkpfeil.png) 92px 0 no-repeat; color: #FFF; text-decoration: none; padding: 5px 40px 5px 10px; border-radius: 4px; line-height: 38px; }
.artikelcontent_text a:hover  { background: #74c6d0 url(../images/linkpfeil.png) 92px 0 no-repeat; }

.artikelcontent_text a.gt { background: #63b1ba url(../images/linkpfeilright.png) right 0 no-repeat; color: #FFF; text-decoration: none; padding: 5px 40px 5px 10px; border-radius: 4px; line-height: 38px; }
.artikelcontent_text a.gt:hover  { background: #74c6d0 url(../images/linkpfeilright.png) right 0 no-repeat; }

.artikelcontent_text a.gtpdf { background: #63b1ba url(../images/linkpfeilright.png) right 0 no-repeat; color: #FFF; text-decoration: none; padding: 5px 40px 5px 10px; border-radius: 4px; line-height: 38px; }
.artikelcontent_text a.gtpdf:hover  { background: #74c6d0 url(../images/linkpfeilright.png) right 0 no-repeat; }

.artikelcontent_text p { font-size: 16px; line-height: 28px; }
.artikelcontent_textAll p { font-size: 16px; line-height: 28px; }

.artikelcontent td { font-size: 16px; line-height: 28px; padding: 0 20px 0 0; }
.content .artikelcontent input { padding: 8px 10px; border: none; border-radius: 4px; box-shadow: inset 0 1px 2px #999; background: #f8f8f8;}
.content .artikelcontent textarea { padding: 8px 10px; border: none; border-radius: 4px; box-shadow: inset 0 1px 2px #999; margin: 20px 0 5px 0; background: #f8f8f8;}

.artikelcontent input.button { background: #63b1ba; box-shadow: none; color: #FFF; text-decoration: none; border-radius: 4px; padding: 5px 10px; font-size: 15px; font-weight: normal; border: none; cursor: pointer; width: auto; margin: 15px 0 0 -1px; }
.artikelcontent input.button:hover { background: #74c6d0; }

/* Breitenangaben für Reiter in Artikeldetail.
Notwendig für Opera 7.xx, jedoch bei Zoomen im Firefox Probleme wegen fixen div Breiten.

#navCont_1 {
	width:102px;
}

#navCont_2 {
	width:73px;
}

#navCont_3 {
	width:131px;
}

#navCont_4 {
	width:74px;
}

#navCont_5 {
	width:108px;
}
*/

.artikeltabelle {border-collapse:collapse; margin:15px 0; }
.artikeltabelle th {text-align: left;font-weight:bold; vertical-align:top;}


.tabelleArtikelliste {
	background:#ebebeb;
	margin:10px 0 30px 4px;
	empty-cells:show;
	table-layout:fixed;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:686px;
	padding:0px;
	border-spacing:2px;
}

.tabelleArtikelliste td {
	padding:3px 0 3px 0;
	vertical-align:middle;
	margin:0;
	height:30px;
	width:33%;	
}

.tabelleWarenkorbTotal {
	/*background-image:url(/images/layout/artikel/back_tabelle1.jpg);*/
	background-repeat:repeat-x;
	margin:0px 0 30px 0;
	empty-cells:show;
	table-layout:fixed;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:715px;
	padding:0px;
	border-spacing:2px;
}

.tabelleWarenkorb {
	/*background-image:url(/images/layout/artikel/back_tabelle1.jpg);*/
	background-repeat:repeat-x;
	margin:10px 0 30px 0;
	empty-cells:show;
	table-layout:fixed;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	width:715px;
	padding:0px;
	border-spacing:2px;
}

.tabelleWarenkorb td {
	padding:3px 0 3px 0;
	vertical-align:middle;
	margin:0;
}
.tabelleWarenkorb th {
	padding:3px 0 10px 0;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0;
	border-spacing:2px;
}





#Treuerabattbanner {
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	padding:5px; /*5px 0*/
	line-height:normal;
	text-align:center;
	width:705px;
}

#Treuerabattbanner img {
	margin: 0 10px 0 0;
}

#Treuerabattbanner h2 a {
	text-decoration: none;
}

.tabelleArtikel {
	clear:both;
	background: #f8f8f8;
	background-repeat:repeat-x;
	margin: 20px 0 30px 0;
	empty-cells:show;
	table-layout:fixed;
	width:715px;
	padding: 10px;
	border-radius: 6px;
	border-spacing:2px;
	box-shadow: 0 1px 2px #999;
}

.tabelleArtikel th {
	padding:3px 0 10px 0;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin:0;
	border-spacing:2px;
}

.tabelleArtikel td {
	padding:3px 0 3px 0;
	margin:0;
	height:40px;
	vertical-align:middle;
	/*background-color:#00FF99*/
	
}
 
.tabelleFormular {
	width:550px;
	/*background-image:url(/images/layout/artikel/back_login_bestellen.jpg);
	background-repeat:repeat-x;
	background-color:#ECECEC;*/
	margin:10px 0 20px 0;
}
 
.tabelleFormularCommunity {
	width:400px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	/*background-color:#ECECEC;*/
}


.tabelleFormular td {
	height:25px;
	/*width:50%;*/
	border-spacing:2px;
	vertical-align:middle;
}

.contentfuss {
	background-color:#eeebe2;
	padding:0 0px 10px 20px;
	border-top:1px solid #727272;
	width: 960px;
	border-radius: 0 0 6px 6px;
	margin-top: 40px;
}

.fusszeile {
	text-align:center;
	color:#a59389;
	font-size:13px;
	line-height:1.5em;
	padding-top:20px;
	padding-bottom:18px;
	font-weight: normal;
}

.fusszeile a, .fusszeile a:active, .fusszeile a:hover {
	text-align:center;
	color:#333333;
	font-size:13px;
	text-decoration:underline;
	font-weight: bold;
}

.fusszeile li  {
	font-weight: bold;
}

.fusszeile a:visited {
	color:#A59389;
}

.sitemapfooter a { color:#A59389; text-decoration: none; }
.sitemapfooter a:hover { color:#A59389; text-decoration: underline; }


.clear {
	clear:both;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}

.nomargin {
	margin:0px;
	padding:0px;
}

.linieunten {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.wochenhitprozent
 { 
 	COLOR : #CC0000;  
	FONT-SIZE : 24px; 
	FONT-WEIGHT : bold; 
	TEXT-DECORATION : none; 
}

.infos_kategorie {
	width:715px;
	margin-bottom:20px;
	padding:10px 0 10px 0;
	border-bottom:1px solid #ccc;
}

/* FORMULARELEMENTE */

/*.content input {
	border:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	width:180px;
	padding:3px 6px;
	color:#666;
	width: 200px;
}

.content textarea {
	border:1px solid #666;
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:200px;
	height:100px;
}*/

.radio {
	width:auto;
	border:none;
}

.content input { padding: 8px 10px; border: none; border-radius: 4px; box-shadow: inset 0 1px 2px #999; background: #f8f8f8; width: 180px;}
/*.content input.checkbox{ width:20px;}*/
.content textarea { padding: 8px 10px; border: none; border-radius: 4px; box-shadow: inset 0 1px 2px #999; margin: 20px 0 5px 0; background: #f8f8f8; width:200px; height:100px;}
input#amount { box-shadow: none; background: #FFF; padding: 0; }
#filterbox_2 input.gsc-search-button { box-shadow: none; margin-left: -20px; position: relative; z-index: 200; padding: 0; height: 15px; }

/*input.button {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-BOTTOM: #000000 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BACKGROUND-COLOR: #CCCCCC;
	FONT-WEIGHT: bold;
	font-size:12px;
	COLOR: #000000;
}*/

input.button { background: #63b1ba; box-shadow: none; color: #FFF; text-decoration: none; border-radius: 4px; padding: 5px 10px; font-size: 15px; font-weight: normal; border: none; cursor: pointer; width: auto; margin: 15px 0 0 -1px; }
input.button:hover { background: #74c6d0; }
input.checkbox { width: 20px; box-shadow: none; }
span.checkbox input{ width: 20px; box-shadow: none; }

input.button.grau {background: #f1f1f1; color:#000; font-size: 13px; }

#slideshow {
    position:relative;
    height:280px;
	width: 980px;
	z-index: 10;
	border-radius: 0 0 6px 6px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 280px;
	width: 980px;
    background-color: #FFF;
	border-radius: 0 0 6px 6px;
	box-shadow: 1px 1px 3px #525252;
    /* border: 4px solid red; */
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 280px;
	width: 980px;
    display: block;
    border: 0;
    margin-bottom: 10px;
	border-radius: 0 0 6px 6px;
}

ul.versandarten_info { margin: 0 0 0 40px; }

hr { background-color: #e2e2e2;
    border: 0 none;
    clear: both;
    color: #e2e2e2;
    height: 1px;
 }

.gutschein { box-shadow: 0 1px 2px #aaaaaa; border-radius: 6px; }
/*	onFocus="this.style.backgroundColor='#FFFF99'" onBlur="this.style.backgroundColor='#FFFFFF'" */

.tooltip-advanced {position: relative; border-bottom: 1px dotted #CC2200; cursor: help;}
.tooltip-advanced div {display: none; color: #000; text-align: left; background: transparent;
}
.tooltip-advanced div div {display: block; font-weight: normal; margin-top: 15px; padding:10px;background: #FFF;	
	border-radius: 6px;
	box-shadow: 0 1px 1px #999;
	border-width: 1px; 
	border-style: solid; 
}
.tooltip-advanced:hover {color: #000; border: none; z-index: 1;}
.tooltip-advanced:hover div {
display: block;
position: absolute;
left: -30px;
top: 0;
width: 200px;
}

.term {color: #C65353; font-size: 15px;}
.term a {color: #C65353; text-decoration: underline;}
.term a:hover {text-decoration: none;}



/* Start Bewertungs-Sterne im ArtikelDetail */

.article { padding-left: 0px; width:192px;height:26px;overflow:visible; }
.star { cursor:pointer; }
.star-rating { margin: 0 auto;display:inline-block;margin-top:-4px;}
.rb0:checked ~ .rating,label.rb0l:hover ~ .rating { width: 0px; /* no stars */ } 
.rb1:checked ~ .rating,label.rb1l:hover ~ .rating { width: 13px; /* half a star */ } 
.rb2:checked ~ .rating,label.rb2l:hover ~ .rating { width: 26px; /* a star */ } 
.rb3:checked ~ .rating,label.rb3l:hover ~ .rating { width: 39px; /* 1.5 stars */ }
.rb4:checked ~ .rating,label.rb4l:hover ~ .rating { width: 52px; /* 2 stars */ }
.rb5:checked ~ .rating,label.rb5l:hover ~ .rating { width: 65px; /* ... */ }
.rb6:checked ~ .rating,label.rb6l:hover ~ .rating { width: 78px; }
.rb7:checked ~ .rating,label.rb7l:hover ~ .rating { width: 91px; }
.rb8:checked ~ .rating,label.rb8l:hover ~ .rating { width: 104px; }
.rb9:checked ~ .rating,label.rb9l:hover ~ .rating { width: 117px; } 
.rb10:checked ~ .rating,label.rb10l:hover ~ .rating { width: 130px; /* 5 stars */ }
.star-rating label.star { width: 13px; left: -13px; padding: 0;height: 40px;position: relative;z-index: 3;float: left;}
.star-rating label.star.last { width: 26px; }
.star-rating input[type=radio],.star-rating label.rb{ display: none; }
.rating { background: url('/images/layout/artikel/start_bewertung_fill.png') repeat-x top left;position: relative;z-index: 2;top: 4px;height: 26px;width:0px;}
.rating-bg { background: url('/images/layout/artikel/start_bewertung.png') repeat-x top left;position: relative;z-index: 1;top: -22px; height: 26px; width: 130px; }
/* IE8 fallback to radio buttons */
.ie8 .star-rating input,.ie8 .star-rating label.rb { display: inline-block; }
.ie8 .rating,.ie8 .rating-bg,.ie8 .star-rating label.star { display: none; }

/* Ende Bewertungs-Sterne im ArtikelDetail */


/* Start Bewertungs-Sterne im ArtikelDetail */

.article_klein { padding-left: 0px; width:192px;height:26px;overflow:visible; }
.star_klein { cursor:pointer; }
.star-rating_klein { margin: 0 auto;display:inline-block;margin-top:-4px;}
.rb0_klein:checked ~ .rating_klein,label.rb0l:hover ~ .rating { width: 0px; /* no stars */ } 
.rb1_klein:checked ~ .rating_klein,label.rb1l:hover ~ .rating { width: 13px; /* half a star */ } 
.rb2_klein:checked ~ .rating_klein,label.rb2l:hover ~ .rating { width: 26px; /* a star */ } 
.rb3_klein:checked ~ .rating_klein,label.rb3l:hover ~ .rating { width: 39px; /* 1.5 stars */ }
.rb4_klein:checked ~ .rating_klein,label.rb4l:hover ~ .rating { width: 52px; /* 2 stars */ }
.rb5_klein:checked ~ .rating_klein,label.rb5l:hover ~ .rating { width: 65px; /* ... */ }
.rb6_klein:checked ~ .rating_klein,label.rb6l:hover ~ .rating { width: 78px; }
.rb7_klein:checked ~ .rating_klein,label.rb7l:hover ~ .rating { width: 91px; }
.rb8_klein:checked ~ .rating_klein,label.rb8l:hover ~ .rating { width: 104px; }
.rb9_klein:checked ~ .rating_klein,label.rb9l:hover ~ .rating { width: 117px; } 
.rb10_klein:checked ~ .rating_klein,label.rb10l:hover ~ .rating { width: 130px; /* 5 stars */ }
.star-rating_klein label.star_klein { width: 13px; left: -13px; padding: 0;height: 40px;position: relative;z-index: 3;float: left;}
.star-rating_klein label.star_klein.last_klein { width: 26px; }
.star-rating_klein input[type=radio],.star-rating_klein label.rb_klein{ display: none; }
.rating_klein { background: url('/images/layout/artikel/start_bewertung_fill_klein.png') repeat-x top left;position: relative;z-index: 2;top: 4px;height: 26px;width:0px;}
.rating-bg_klein { background: url('/images/layout/artikel/start_bewertung_klein.png') repeat-x top left;position: relative;z-index: 1;top: -22px; height: 26px; width: 130px; }
/* IE8 fallback to radio buttons */
.ie8 .star-rating_klein input,.ie8 .star-rating_klein label.rb_klein { display: inline-block; }
.ie8 .rating_klein,.ie8 .rating-bg_klein,.ie8 .star-rating_klein label.star_klein { display: none; }

/* Ende Bewertungs-Sterne im ArtikelDetail */




/*  ------------------------------------------------------------------------------------
Bewertung Ajax Preloader       05.01.2015  
*/

.comment_loader { width:500px; margin:0px auto; text-align:center; } 
.comment_loader_image {  float:left;display:block; margin-bottom:10px;margin-top:20px; }
.comment_loader_message {   float:left;  padding:6px; margin-top:18px;color:#999; }

/*  ------------------------------------------------------------------------------------
Bewertung Ajax Preloader  Ende 
*/			
			
			
			
/* Spezial Content in der Artikelliste un im Detail */				
.top20 {    padding: 20 0 0 0; }