/****
	Default-CSS - www.pagna.de
	
	Main Colors:
	blue = 		#006ab3
	grey = 		#c2c2c2
	darkgrey = 	#404040
****/


/* HTML, Body >> Global
----------------------------------------------------------------------------------------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li{
 margin: 0;
 padding: 0;
 font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif, "Lucida Grande";
}

ul, ol, li{list-style-type: none;}

a {outline: none;}
a:hover, a:active, a:focus {outline: none;}

html, body{
 height:100%;
 font-size: 101%;
}

body{behavior: url("/_modules/lib/csshover3.htc");}


/* Content >> Global Tags
----------------------------------------------------------------------------------------------------*/
a:link,
a:visited{
 color: #404040;
 text-decoration: none;
}

a:hover{
 color: #006ab3;
 text-decoration: none;
}

a:active{text-decoration: none;}

strong{font-weight: bold;}

img{border: 0;}

h1{
/*	font-size: 1em;*/
}

h2{
 font-size: 0.8em;
 color: #c2c2c2;
}

h3{
 font-size: 1.1em;
 color: #404040;
}

.grid1col h3{margin-top: 10px;}

p, ul{
 font-size: 0.75em;
 line-height: 1.5em;
 color: #404040;
}

ol li{
 margin-left: 29px;
 list-style-type: decimal;
 list-style-position: outside;
 font-size: 0.75em; 
 line-height: 150%;
}

*+html ol li{
 margin-left: 32px;
}

p{padding-bottom: 10px;}

hr{
 margin-bottom: 10px;
 border: 0;
 border-top: solid 1px #c2c2c2;
 border-bottom: transparent;
}


/* Content >> Global Classes
----------------------------------------------------------------------------------------------------*/
.c{clear: both;}

/* .clear muss raus, wenn alle classen auf ".c" gestellt wurden*/
.clear { clear: both; }

.center{text-align: center;}

.klein{font-size: 0.7em;}

.bold{font-weight: bold;}

.little{font-size: 0.85em;}

.right{text-align: right;}

.top{vertical-align: top;}

#headline h1{
 font-size: 1.0em;
 color: #006ab3;
 border-bottom: 1px solid #fff;
}


/* Content >> Colours
----------------------------------------------------------------------------------------------------*/
/* Text Farbe Blau und Grau*/
.blue{color: #006ab3;}

.grey{color: #c2c2c2;}

.d_grey{color: #404040;}


/* Boxes >> Global
----------------------------------------------------------------------------------------------------*/
#container{
 margin: 0 0 0 40px;
 width: 990px;
}

/* Hauptcontainer im IE6 braucht 2px mehr Platz*/
* html #container{width: 992px;}


/* Boxes >> Header
----------------------------------------------------------------------------------------------------*/
#header{
 width: 872px;
 height: 100px;
}

#logo{
 padding: 38px 9px 0 0;
 width: 212px;
 height: 62px;
 float: left;
}

#headTxt{
 padding: 5px 0 0 0;
 width: 651px;
 height: 38px;
 float: left;
 font-size: 0.9em;
 color: #3b3b3b;
 text-align: right;
}

* html #headTxt,
*+html #headTxt{
 padding-top: 10px;
 height: 28px;
}
#headTxt p span{font-weight: bold;}


/* Navi >> MainNavi (top)
----------------------------------------------------------------------------------------------------*/
#mainnavi {
 margin: 21px 0 9px 0;
 width: 651px;
 height: 25px;
 float: left;
 background-image: url('/_pic/site/navi_bg.jpg');
 background-repeat: repeat-x;
position: relative;
z-index: 30;
}

/* Fehlerhaft interpretiertes Margin-Top korrigiert */
* html #mainnavi,
*+html #mainnavi{margin: 26px 0 9px 0;}

/* Letzter Navigations hat keinen rechten border */
#mainnavi ul li a.last{border: none;}

ul#navigation-1,
ul#navigation-1 li ul{list-style-type: none;}

ul#navigation-1{
 margin: 0;
 padding: 1px 0;
 width: 651px;
 position: absolute;
 list-style:none;
}

ul#navigation-1 li{
 margin: 0;
 padding: 0;
 width: 129px;
 float: left;
 display: block;
 border-left: 1px solid #fff;
}

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited{
 padding: 4px 0;
 width: 129px;
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 overflow: hidden;
}

ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active{
 padding: 4px 0;
 text-align: center;
 text-decoration: none;
 color: #fff;
}

ul#navigation-1 li ul.navigation-2{
 margin: 0;
 list-style: none;
 font-size: 1em;
 display: none;
}

ul#navigation-1 li:hover ul.navigation-2{
 border: none;
 display: block;
 position: relative;
 z-index: 888;
}

* html ul#navigation-1 li:hover ul.navigation-2{
 position: absolute;
 z-index: 889;
}

*+html ul#navigation-1 li:hover ul.navigation-2{
 z-index: 999;
}

ul#navigation-1 li ul.navigation-2 li{
 padding: 0 16px;
 overflow: visible;
 display: inline-block;
 border-bottom: 1px solid #ddd;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
/* border-right: none;*/
 background: #fafafa;
}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited{
 padding-left: 5px;
 color: #000;
 text-align: left;
}

ul#navigation-1 li ul.navigation-2 li:hover{background: #eee;}



/* Navi >> ProductNavi (left)
----------------------------------------------------------------------------------------------------*/
#naviSidebar{
 margin-top: 33px;
 width: 212px;
 float: left;
}

#naviSidebar ul li.last{
 margin-bottom: 25px;
 border-bottom: 1px solid #c2c2c2;
}

/* Auszeichnungen naviSidebar links */ 
#naviSidebar ul.search{
 padding: 0 0 2px 0;
 margin-top: 2px;
 text-transform: uppercase;
 list-style: none;
}

/* Positionierung der Sidebar im IE 7 */
*+html #naviSidebar ul/*.submenue*/{ margin-top: 10px; }
*+html #naviSidebar ul.search,
*+html #naviSidebar ul/*.submenue*/,
*+html #naviSidebar ul.p_overview{ margin-left: 0; }

/* Positionierung der Sidebar im IE 6 */
* html #naviSidebar ul.search,
* html #naviSidebar ul/*.submenue*/,
* html #naviSidebar ul.p_overview{ margin-left: 0;}

#naviSidebar ul/*.submenue*/,
#naviSidebar ul.p_overview {
 margin-top: 10px;
 padding: 0;
 text-transform: uppercase;
 list-style: none;
 font-size: 0.8em;
}

#naviSidebar ul/*.submenue*/ li,
#naviSidebar ul.p_overview li{
 padding: 5px 0 5px 0;
/* border-top: 1px solid #c2c2c2;*/
}

*+html #naviSidebar ul/*.submenue*/ li{
	padding-bottom: 0;
}

#naviSidebar ul li a,
#naviSidebar ul li li a{
 padding-left: 20px;
 width: 190px;
 display: block;
 overflow: hidden;
 text-decoration: none;
 color: #000;
}

#naviSidebar ul li a:hover{
	/*color: #3388c2;*/
	text-decoration: underline;
}

#naviSidebar ul.search {
 margin-bottom: 8px;
 height: 22px;
 display: block;
 list-style-type: none;
}

#naviSidebar ul.search form {
 width: 210px;
 height: 22px;
 border: 1px solid #c2c2c2;
 background-image: url('/_pic/site/search_icon.png');
 background-repeat: no-repeat;
}

#naviSidebar ul.search input {
 padding: 1px 0 0 25px;
 width: 185px;
 height: 22px;
 border: none;
 background: none;
}

*+html #naviSidebar ul.search input{padding-top: 3px;}
#naviSidebar ul li{

}
#naviSidebar ul li a.head{
	width: 100%;
	font-weight: bold;
	padding: 5px 0;
	border-top: 1px solid #c2c2c2;
}

#naviSidebar ul li span.color,
.adetail_marticle_content span.color{
 margin-top: 2px;
 width: 11px;
 height: 11px;
 overflow: visible;
 display: block;
 background: url('/_pic/site/main_navi.gif');
 background-repeat: no-repeat;
}

/* aktiv aufgeklappt */
#naviSidebar ul li span.color_a{
 margin-top: 2px;
 width: 11px;
 height: 11px;
 overflow: visible;
 display: block;
 background-image: url('/_pic/site/main_navi_a.gif');
 background-repeat: no-repeat;
}

* html #naviSidebar ul li span.color{overflow: hidden;}

#naviSidebar ul li a{margin-top: -14px;}

* html #naviSidebar ul li a{margin-top: -15px;}
*+html #naviSidebar ul li a{margin-top: -16px;}

#naviSidebar ul li ul{
 margin: 0 0 0 1px;
 list-style: none;
 font-size: 0.9em;
 text-transform: none;
}

* html #naviSidebar ul li ul{margin: 0 0 5px 0;}
*+html #naviSidebar ul li ul{margin: 0 0 5px 0;}

#naviSidebar ul li ul li{
 display: block;
 border-top: 1px solid #c2c2c2;
}

* html #naviSidebar ul li ul li{padding: 1px 0;}
*+html #naviSidebar ul li ul li{padding: 2px 0;}

/** Aktive Untergruppe **/
#naviSidebar ul li ul li.activeSite{
 margin-top: 0;
}
#naviSidebar ul li ul li.activeSite,
#naviSidebar ul li ul li{padding-top: 10px;}

* html #naviSidebar ul li ul li.activeSite{padding-top: 1px;}
*+html #naviSidebar ul li ul li.activeSite{padding-top: 1px;}
#naviSidebar ul li ul li.activeSite a{
/* color: #006ab3;*/
/* font-weight: bold;*/
}

/** dritte Ebene **/
#naviSidebar ul li ul li ul li{
 padding-left: 5px;
 color: #404040;
 font-size: 1em;
 border: none;
}

#naviSidebar ul li ul li ul{
	display: none;
}


/* Grids >> Global
----------------------------------------------------------------------------------------------------*/
#column{
 margin-top: 8px;
 margin-left: 9px;
 width: 660px;
 min-height:100%;
 float: left;
}

.last { margin-right: 0; }

* html #column{height: 100%;}

.grid1col,
.grid2col,
.grid3col,
.grid4col,
.grid6col,
.grid1_4{
	margin: 0 10px 10px 0;
	float: left;
}

.grid1col { width: 650px; }
.grid2col { width: 320px; }
.grid3col { width: 210px; }
.grid4col { width: 430px; }
.grid6col { width: 100px; }

/* vier spaltigkeit fuer mick und muck */
.grid1_4{ width: 155px;}



/* Grids >> Declarations
----------------------------------------------------------------------------------------------------*/
.grid1col a,
.grid2col a,
.grid4col a,
.grid3col a,
.grid6col a,
.grid1_4 a{
 color: #006ab3;
 font-weight: bold;
 text-decoration: none;
}

.grid1col a:hover,
.grid2col a:hover,
.grid3col a:hover,
.grid4col a:hover,
.grid6col a:hover,
.grid1_4 a:hover{
 color: #404040;
 font-weight: bold;
 text-decoration: underline;
}

.grid1col a.underline,
.grid2col a.underline,
.grid3col a.underline,
.grid4col a.underline,
.grid4col a.underline,
.grid1_4 a.underline{
 color: #000;
 font-weight: normal;
 text-decoration: none;
}

.grid1col ul,
.grid2col ul,
.grid3col ul,
.grid4col ul,
.grid6col ul,
.grid1_4 ul{
 padding-left: 20px;
 padding-bottom: 10px;
 list-style-image: url('/_pic/site/bullet_blue.gif');
}


/* Grids >> Specials
----------------------------------------------------------------------------------------------------*/
#column.grid1col p span{
 font-size: 1.1em;
 font-weight: bold;
 color: #026db3;
}

.promo{
 padding-bottom: 45px;
 border-bottom: 1px solid #c2c2c2;
}

#headline{
 padding: 8px 0 8px;
 margin-right: 10px;
 height: 19px;
 border-bottom: 1px solid #ddd;
}

* html #headline{padding: 8px 0;}

#homehead{
 padding: 16px 0 8px;
 margin-right: 10px;
}

#teaser{
 margin: 8px 10px 10px 0;
}
            
.product{
 margin-top: 16px;
 margin-bottom: 10px;
 width: 320px;

}

* html .product{margin-bottom: 20px;}

.p_img{
 width: 101px;
 height: 101px;
 float: left;
 overflow: hidden;
 border: 1px solid #ddd;
 text-align: center;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
}

.p_img * {
    vertical-align: middle;
}

.p_img {
    display: block;
}

.p_img span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

/*.p_img a{display: block;}*/
/*
.p_img img{
 margin-left: auto;
 margin-right: auto
}*/

.p_info{
 padding: 0 0 0 10px;
 width: 207px;
 float: left;
}

.p_info p{
 padding: 0 0 15px 0;
 margin: 0;
}

.p_info h3{
 padding-bottom: 4px;
 font-size: 0.85em;
 font-weight: bold;
}

.p_info ul{
 padding: 1px 0 1px 5px;
 margin: 0;
 float: left;
 list-style: none;
}

.note .bblue a{
 padding: 2px 10px 1px 20px;
 display: block;
 color: #fff;
 text-transform: uppercase;
 background-image: url('/_pic/shop/merken.png');
 background-repeat: no-repeat;
 background-position: 5px 2px;
 background-color: #006ab3;
}

.border{
 width: 650px;
 height: 1px;
 border-bottom: 1px solid #ddd;
}

.grid2col .product .p_info ul{list-style-image: none;}

.colorlist{
 width: 99px;
 height: 23px;
 float: left;
 background-image: url('/_pic/site/colorl_bg.jpg');
 background-repeat: no-repeat;
}

.colorlist a{
 padding: 2px 20px;
 width: 52px;
 height: 15px;
 display: block;
 background-image: url('/_pic/shop/raute.jpg');
 background-repeat: no-repeat;
 background-position: 0 5px;
}


/* Footer >> 
----------------------------------------------------------------------------------------------------*/
#footer {
 margin-top: 18px;
 padding-top: 10px;
 width: 872px;
 height: 50px;
 text-align: right;
 font-size: 0.9em;
 border-top: 1px solid #ddd;
}


#footer ul li{
 list-style-type: none;
 display: inline;
 color: #404040;
}

#footer ul a{color: #404040;}
#footer ul span{padding: 0 5px;}

#footer ul li a:hover{text-decoration: underline;}


/* Product >> Declaration
----------------------------------------------------------------------------------------------------*/
/********************************************************************/
/*changes ts 30/31.03.2009 erweiterte stylsheets für detailansicht */
/*******************************************************************/

.adetail_mheader{
 padding: 11px 0 7px 0;
 margin-right: 10px;
 border-bottom: 1px solid #ddd;
 color: #006ab3;
}

.adetail_left{
 padding-top: 8px;
 padding-right: 10px;
 width: 314px;
 float: left;
} 

.left{margin-right: 10px;}

.adetail_mheader h1{
 padding: 10px 0;
 font-size: 0.9em;
}

.adetail_left h1{
 padding: 0 0 10px 0;
 font-size: 1em;
 color: #333333;
}

.adetail_mheader h1 a{color:#006ab3;}

.adetail_mheader h1 a:hover{
 color: #404040;
 text-decoration: underline;
}

.adetail_right{
padding-top: 8px;
 width: 324px;
 float: left;
}

.groupimage {
    padding: 10px 0;
}

ul.colorlist_info,
ul.colorlist_infoG,
.adetail_info ul{list-style: none;}

ul.colorlist_info{
 margin-top: 20px;
padding: 0;
 width: 150px;
 height: 18px;
 float: left;
 border: 1px solid #d6d6d6;
}

ul.colorlist_infoG{
 padding: 0;
 margin-top: 20px;
 width: 150px;
 float: left;
 border: 1px solid #d6d6d6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
}

.raute{background-image: url('/_pic/shop/raute.jpg');}

.raute{
 padding: 1px 18px 0;
 display: block;
 background-repeat: no-repeat;
 background-position: 3px 4px;
}

.inner_live{background-image: url('/_pic/shop/detail_icon_pieces.jpg');}
.inner_liveG{background-image: url('/_pic/shop/detail_icon_piecesG.gif');}

.inner_live,
.inner_liveG{
 padding-left: 18px;
 background-repeat: no-repeat;
 background-position: 2px 3px;
}

.inner_liveG{
	height: 30px;
}



.download{
 width: 300px;
 padding: 1px 18px;
 display: block;
 background-image: url('/_pic/shop/download_icon.jpg');
 background-repeat: no-repeat;
 background-position: 2px 1px;
}

.adetail_download{
/*	width: 324px;*/
	height: 21px;
	padding-top: 2px;
 background: #006ab3;
 color: #ffffff;
 text-transform:uppercase;
font-size: 0.9em;
}

.single_download{
 padding: 1px 20px;
 margin: 1px 0 0 3px;
 display: block;
 background-image: url('/_pic/shop/download_single_icon.jpg');
 background-repeat: no-repeat;
 background-position: 2px 3px;
}

.adetail_info .spacer_left{margin-left: 10px;}

.adetail_column{float: left;}

.adetail_btm_space{margin-bottom: 10px;}

.adetail_ean_btm{background: #006ab3;}
.adetail_ean_btmG{background: url('/_pic/shop/greenBG.jpg') repeat-x #48b206;}

.adetail_ean_btm{
 width: 152px;
 height: 21px;
 color: #ffffff;
}

.adetail_ean_btm a{color: #ffffff;}

.adetail_ean_ve,
.adetail_ean_color{
 width: 150px;
 border: 1px solid #d6d6d6;
 overflow: hidden;
}
/* mick und muck listing */
.mm h3 a{
	color: #48B306!important;
}
/* mick und muck detais */
.roundet{
	margin: 15px 0 0 0;
	width: 150px;
	height: 25px;
	 border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.rauteG{
	margin: 7px 6px 6px 4px;
	width: 11px;
	height: 11px;
	float: left;
	background: url('/_pic/shop/raute.gif') no-repeat #48b206;
	overflow: hidden;
}
.kiste{
	margin: 7px 6px 6px 5px;
	width: 11px;
	height: 11px;
	float: left;
	background: url('/_pic/shop/detail_icon_pieces.gif') no-repeat #48b206;
	overflow: hidden;
}

.articelCode{
	margin: 4px 5px 6px 2px;
	float: left;
	font-size: 0.85em;
}
.veEntry{
	margin: 4px 5px 6px 2px;
	float: left;
	font-size: 0.85em;
}



.adetail_ean_colorG{
 padding: 2px 0;
 width: 150px;
 border: 1px solid #d6d6d6;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
 overflow: hidden;
}
.adetail_ean_btmG{
	padding: 3px 0;
 	width: 150px;
 	color: #ffffff;
	 border: 1px solid #48b206;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

.adetail_ean_btmG a{
	height: 20px!important;
}

.adetail_ean_ve{border-bottom: 1px solid #d6d6d6;}

* html .adetail_ean_color{margin-bottom: -3px;}

* html .adetail_ean_btm{margin-top: -3px;}

*+html .adetail_ean_btm{margin-top: -3px;}

* html .adetail_ean_btm a{color: #fff;}
* html .adetail_ean_btm a:visited{color: #fff;}
* html .adetail_ean_btm a:link{color: #fff;}
* html .adetail_ean_btm a:hover{color: #fff;}
* html .adetail_ean_btm a:active{color: #fff;}

.adetail_ean_color .color{background-image: url('/_pic/shop/detail_icon_color.jpg');}
.adetail_ean_colorG .colorG{background-image: url('/_pic/shop/detail_icon_colorG.gif');}

.adetail_ean_color .color,
.adetail_ean_colorG .colorG{
 padding: 1px 18px;
 width: 95px;
 float: left;
 display: block;
 background-repeat: no-repeat;
 background-position: 2px 4px;
 font-size: 1.1em;
}
.adetail_ean_colorG .colorG{
 background-position: 4px 5px;	
}
.adetail_ean_colorG .color_button,
.adetail_ean_color .color_button{
 margin-top: 4px;
 width: 10px;
 height: 10px;
 float: left;
 display: block;
 border: 1px solid #666;
 overflow: hidden;
}

.adetail_ean_ve .ve{
 padding: 1px 18px;
 width: 95px;
 float: left;
 display: block;
 background-image: url('/_pic/shop/detail_icon_pieces.jpg');
 background-repeat: no-repeat;
 background-position: 0 2px;
 font-size: 1.1em;
}

.adetail_ean_lnoteG,
.adetail_ean_lnote {
 width: 80px;
 height: 23px;
 float: left;
}

.adetail_ean_lnoteG{
	margin-bottom: 2px;
	margin-left: 2px;
}

* html .adetail_ean_lnote{
 width: 76px;
 overflow: hidden;
}

*+html .adetail_ean_lnote{
 width: 76px;
 overflow: hidden;
}
.adetail_ean_lnote a{
 margin: 0px 3px;
 padding: 3px 16px;
 display: block;
 background-image: url('/_pic/shop/detail_icon_note.png');
 background-repeat: no-repeat;
 background-position: 0 3px;
 color: #fff;
}

.adetail_ean_lnoteG a{
 padding: 3px 21px;
 display: block;
 background-image: url('/_pic/shop/detail_icon_noteG.png');
 background-repeat: no-repeat;
 background-position: 0 3px;
 color: #fff;
font-weight: bold;
}
.adetail_ean_lshopG a:hover,
.adetail_ean_lnoteG a:hover{
	color: #2d6c01;
	font-weight: bold;
	text-decoration: none;
}

.adetail_ean_lnoteG a span{
	position: relative;
	top: 2px;
}

.adetail_ean_lnote a:hover{color: #fff;}

.adetail_ean_lshop,
.adetail_ean_lshopG{
	width: 60px;
 height: 18px;
 float: right;
}
.adetail_ean_lshopG{
	width: 67px;
	height: 23px;
	float: right;
}

.adetail_ean_lshop a{
 padding: 2px 22px;
 display: block;
 background-image: url('/_pic/shop/detail_icon_shop.png');
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.adetail_ean_lshopG a{
 padding: 5px 0 2px 27px!important;
 display: block;
 background-image: url('/_pic/shop/detail_icon_shopG.png');
 background-repeat: no-repeat;
 background-position: 3px 5px;
 color: #fff;
}

ul.colorlist_ean{
 margin: 0;
 padding: 0;
}

ul.colorlist_ean li{
 margin: 0 0 10px;
 display: block;
 font-size: 10px;
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
}

.adetail_spacer{height: 20px;}

.adetail_marticle_head{
/* margin-top: 10px;*/
 height: 23px;
 background: #006ab3;
 color: #ffffff;
}

.adetail_marticle_head span{
 margin: 0px 3px;
 padding: 6px 20px;
 display: block;
 background-image: url('/_pic/shop/detail_icon_header_ma.png');
 background-repeat: no-repeat;
 background-position: 1px 5px;
 font-size: 0.7em;
 text-transform: uppercase;
}

.adetail_marticle ul{list-style: none;}

.adetail_marticle{margin: 10px 0 0 5px;}

ul.colorlist_ma{
	padding-bottom: 5px;
	margin: 0 14px 5px;
/*	border-bottom: 1px solid #ccc;*/
}

ul.colorlist_ma li{
 display: block;
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 font-size: 1.2em;
 line-height: 150%;
}

div.img_bg{
 width: 100%;
/* background-image: url('/_pic/shop/img_bg.jpg');*/
/* background-repeat: repeat-x;*/
 background-color: #fff;
 border: 1px solid #dddddd;
 text-align: center;
}

div.teaser{display: none;}


/* Archiv Module >> Declaration
----------------------------------------------------------------------------------------------------*/
ul.archiv-list{
 list-style-image: none;
}

.archiv h2{
 padding: 0 0 5px 0;
 font-size: 1em;
 text-transform: uppercase;
}
.archiv h2 a{color: #006ab3;}

.archiv h3{padding: 0 0 10px 0;}

.archiv p{
 padding: 0 0 15px 0;
 font-size: 1em;
}

#column .archiv ul{padding-left: 0;}

.archiv ul li a img{
 margin: 0 0px 10px 3px;
 float: right;
}

* html .archiv ul li a img{margin: 15px 0px 10px 3px;}
*+html .archiv ul li a img{margin: 15px 0px 10px 3px;}

.archiv ul li{
 margin: 0 0 15px 0;
 list-style: none;
 clear: both;
 border-bottom: 1px solid #c2c2c2;
}

.archiv a:hover{
 text-decoration: none;
 color: #404040;
}

* html .archiv p a:hover{
 font-weight: normal;
 color: #000;
}

a.sitemap{font-size: 0.75em;}


/*Angebot startseite volle breite */

.angebots_img{
	z-index: -10;
	position: absolute;
	height: 356px;
	overflow: hidden;
	width: 650px;
	float: left;
}

.angebot{
 width: 650px;
 height: 356px;
 position: relative;
 z-index: 0;
/* z-index: -2;*/
 background-image: url('/_pic/site/angebot_bg.jpg');
 background-repeat: repeat-x;
 background-color: #e1dee2;
 border: 1px solid #d7d7d7;
}

* html .angebot{z-index: 2;}

.angebot .corner{
 width:43px;
 height: 44px;
 position: relative;
 top: -1px;
 left: 608px;
 background-image: url('/_pic/site/corner.jpg');
 background-repeat: no-repeat;
}

* html .angebot .corner{
 top: -336px;
/* left: 608px;*/
}
*+html .angebot .corner{
 top: -336px;
/* left: 608px;*/
}

.angebot .text{
 margin: 25px 10px;
 width: 350px;
height: 356px;
 float: left;
position: absolute;
clear: both;
}

.angebot .image{
	float: right;
	margin-top: 25px;
/* position: relative;
 bottom: -5px;
 right: 0;*/
}

.angebot h1{
 margin-bottom: 10px;
 color: #434343;
 font-size: 34px;
 font-weight: bold;
}

.angebot h2{
 padding: 0;
 margin: 0;
 color: #006ab3;
 font-size: 17px;
 line-height: 160%;
}

.angebot p{
 padding: 5px 0;
 margin: 0;
 font-size: 12px;
 line-height: 160%;
 color: #434343;
}

.angebot .text a.bttn_link{
 margin: 30px 0;
 padding: 0;
 width: 185px;
 display: block;
 line-height: 190%;
 color: #006ab3;
 font-weight: bold;
 text-decoration: none;
 background-image: url('/_pic/site/link_bttn.jpg');
 background-repeat: no-repeat;
 background-position: top right;
}

/* Angebot startseite ein drittel */
.angebot-klein{
 width: 210px;
/* position: relative;*/
 background-image: url('/_pic/site/angebotS_bg.jpg');
 background-repeat: repeat-x;
 background-color: #e2dee3;
 border: 1px solid #d7d7d7;
}	

* html .angebot-klein{
 margin: 0;
 padding: 0;	
 width: 200px !important; 
 border: none;
}

/** Framework Fix für Startseite **/
* html .grid3col{
 margin: 0 7px 0 0;
 padding: 0;
}

.angebot-klein .text{
 margin: 10px;
 float: left;

}

.angebot-klein .image{
 margin: 0 auto 15px auto;
 width: 130px;
}

.angebot-klein h1{
 font-weight: bold;
 font-size: 12px;
 line-height: 190%;
 color: #006ab3;
}

.angebot-klein p{
 padding: 5px 0;
 margin: 0;
 font-size: 12px;
 line-height: 160%;
 color: #434343;
}

#gallery{clear: both;}

#gallery ul li a{cursor: pointer;}

.float-left{
	float: left;
	padding: 1px;
	margin: 15px 0 3px 2px;	
	border: 1px solid #c2c2c2;
	background-color: #fff;
	/** CSS3 nur in modernen Brwosern **/
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

/** Kontakt Vcard **/
.portrait img{
	margin-bottom: 10px;
	display: block;
/*	border: 1px solid #555;*/
	background-image: url('');
	background-repeat: no-repeat;
}

.vcardData{
	padding-bottom: 10px;
}


/** SUCHE FRONTEND **/
fieldset legend,
fieldset label{
	display: none;
}

fieldset{
	border: none;
	padding: 0;
	margin: 10px 0 0 0;
}

#ArticlesearchForm input{
	width: 179px;
	height: 20px;
	margin: 0;
	padding: 2px 5px 0 26px;
	font-weight: normal;
	font-size: 14px;
	color: #494949;
}

#ArticlesearchForm .submit input{
	position: relative;
	top: -24px;
	left: 2px;
	height: 0;
	z-index: 2;
	cursor: pointer;
}

#ArticlesearchForm .submit input{
	height: 22px;
	width: 22px;
	padding-right: 0!important;
	background-color: #fff;
	background-image: url('/_pic/site/search_icon.png') ;
	background-repeat: no-repeat;
	border: none;
}

/* Merkzettel-Sidebar Frontend  */
#MzSidebar {
	display: none;
	margin-top: -20px;
}
#MzSidebar ul{
	border-bottom: 1px solid rgb(194, 194, 194);
	margin-bottom: 30px;
}

/* Ende Merkzettel-Sidebar Frontend  */

/* Pagina Frontend */
.prev,
.next,
.pagina{
	float: left;
	font-size: 11px;
}

.pagina{margin: 3px 0px 0px;}

.prev a,
.next a{
	display: block;
	height: 16px;
	width: 16px;
	font-weight: bold;
}

*+html .prev a,
*+html .next a{
	margin-top: 14px;
}

* html .prev a,
* html .next a{
	margin-top: 14px;
}

*+html .prev a{margin-right: -4px;}
* html .prev a{margin-right: -4px;}

.prev a{margin: 2px 0;}
.next a{margin: 2px 8px;}

.prev a:hover,
.next a:hover{
	color: #006ab3;
}

.pagina span a{
	border: 1px solid #ccc;
	width: 17px;
	height: 17px;
	padding: 2px 5px;
}

*+html .pagina span{
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 20px;
	padding-left:5px;
}

* html .pagina span{
	display: block;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 20px;
	padding-left:5px;
}

.pagina span a:hover,
.pagina span.current{
	border: 1px solid #006ab3;
	background-color: #006ab3;
	width: 17px;
	height: 17px;
	padding: 2px 5px;
	color: #fff;
}

*+html .pagina span a:hover{
	border: 1px solid #006ab3;
	background-color: #006ab3;
	width: 17px;
	height: 17px;
	padding: 2px 5px;
	color: #fff;
}

*+html .pagina span.current{
	background-color: #006ab3;
	color: #fff;
	display: block;
	float: left;
	height: 14px;
	width: auto;
	padding-left:5px;
	margin-top: 7px;
	margin-left: 4px;
}


* html .pagina span a:hover{
	border: 1px solid #006ab3;
	background-color: #006ab3;
	width: 17px;
	height: 17px;
	padding: 2px 5px;
	color: #fff;
}

* html .pagina span.current{
	background-color: #006ab3;
	color: #fff;
	display: block;
	float: left;
	height: 14px;
	width: auto;
	padding-left:5px;
	margin-top: 7px;
	margin-left: 4px;
}

/* Overlay etc.  */
/* the overlayed element */
div.overlay {

    /* growing background image */
    background-image:url(/themed/pagna/jqtools.images/white.png);

    /* dimensions after the growing animation finishes  */
    width:700px;
    height:600px;

    /* initially overlay is hidden */
    display: none;

    /* some padding to layout nested elements nicely  */
    padding:55px;
    vertical-align:middle;
}

/* Cart  */
.cart_overlay { }
.cart_header { }
.cart_item { height: auto; overflow: hidden; padding-bottom: 15px;}
.cart_description{
	width: 340px;
}
/**+html .cart_description{
	width: 340px!important;
}*/


/* Misc. Klassen  */
.pointer { curspor: pointer; }
.dec_none { text-decoration: none; } 
.normal { font-weight: normal; }

.f-left { float: left; height: auto; padding-bottom: 20px;}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(/themed/pagna/jqtools.images/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

div.MzOverlay {
    /* growing background image */
    background-image:url(/themed/pagna/jqtools.images/white_narrow.png);
    width:460px;
}

div.EmailOverlay {
    /* growing background image */
    background-image:url(/themed/pagna/jqtools.images/white_small.png);
    width:460px;
}


/* black */
div.overlay.black {
    background:url(/themed/pagna/jqtools.images/transparent.png) no-repeat !important;
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    background:url(/themed/pagna/jqtools.images/petrol.png) no-repeat !important;
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;
}

a.kill_note,
a.kill{
	height: 14px;
	width: 60px!important;
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding-left: 15px;
	background-image: url('/_pic/site/loeschen_bttn.jpg');
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

a.kill{
	margin-top: 10px;
	padding-top: 3px;
}

a.kill_note{
/*	margin-top: 80px;*/
}
a.save{
	padding-left: 15px;
	padding-top: 15px;
	height: 14px;
	width: 160px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/*.remove{
	width: 100px;
	position: relative;
	top: -30px;
}*/

 a.kill:hover{
	text-decoration: underline;
	font-weight: normal!important;
}

#haendlerform form b{font-size: 12px;}


/* test */

.imageTop{
	display: none;
	position: absolute;
	top: -37px;
	right: 75px;
	z-index: 60;
}

.imageBottom1{
	display: none;
	position: absolute;
	top: -65px;
	left: 10px;
	z-index: 60;
}
.imageBottom2{
	display: none;
	position: absolute;
	top: -67px;
	left: 175px;
	z-index: 60;
}

.image_frame{
	position: relative;
}
.image_frameBottom{
	margin: 64px 0 0 0;
	position: relative;
}

#mm-logo{
	position: relative;
	left: 500px;
	top: -80px;
}

/* Tatzen */
#tatze-ol, #tatze-ul { display: none; position: absolute; z-index: 20; width: 61px; height: 63px; background: url('/_pic/shop/tatze1.png') no-repeat; }
#tatze-or, #tatze-ur { display: none; position: absolute; z-index: 20; width: 64px; height: 63px; background: url('/_pic/shop/tatze2.png') no-repeat; }


.adetail_marticle_content{
	font-size: 1em;
}
	.adetail_marticle_content ul{
		margin: 2px 0 0 2px;
		padding: 0;
	}
		.adetail_marticle_content ul li{
			margin: 0 0 0 20px;
			padding: 0;
			line-height: 1.5em;
		}
			.adetail_marticle_content ul li a{
				text-decoration: none;
			}
				.adetail_marticle_content ul li a:hover{
					color: #006AB3;
				}
			.adetail_marticle_content ul li p{
				padding: 0;
			}