body {
	background-color: #fff;
	text-align: center;
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-size: 13px;
	font-family: Verdana,Arial,Univers,Helvetica,SunSans-Regular;
}

a,
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none;
	color: #505050;
}	
#logo{
	text-align:left;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 140px;
	height: 76px;
	display: inline;
	float: left;
	margin: 1px;
	padding: 0px;
}

#shopTemplateTitle
	{
	background-image: url(../view/images/global/webbilder/title.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #fff;
	width: 677px;
	height: 76px;
	display: block;
	text-align: center;
	position: absolute; top: 0px; left: 165px;
	margin: 1px;
}

#shopTemplateTitle h1
	{
	font-size: 4em;
	color: #505050;
	}

#shopSearchForm {
	background-color: <!--{$shopSearchStyle.colorCi1_main}-->;
	border: 0.1em solid <!--{$shopSearchStyle.colorCi1_dark}-->;
	border-collapse: collapse;
	width: 30em;
	text-align: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	padding: 0.2em 0.2em 0.2em 0.4em;
}

#shopSearchFormHeader {
	height: auto;
	width: 397px;
	font-weight: bold;
	text-align: left;
	display: block;
	margin-top: 2em;
	color: #505050;
	visibility: hidden;
}

#shopSearchForm input{
	background-color: #fff;
	border: 0.1em solid <!--{$shopSearchStyle.colorCi1_dark}-->;
	border-collapse: collapse;
	padding: 0.2em 0.2em 0.2em 0.2em;
	width: auto;
	vertical-align: middle;
	text-align: right;
	margin-right: 2em;
	margin-left: 1em;
	margin-top: 1em;
}

#shopSearchForm button{
	background-color: transparent;
	width: auto;
	vertical-align: middle;
	margin: 1em 0em 0em 0em;
	border: none;
	white-space:nowrap;
}

#shopSearchForm img{
	background-color: transparent;
	margin: 0;
	border:0;
	white-space:nowrap;
}

a.search:link {
	text-decoration: none;
	color: #505050;
}

a.search:visited{
	text-decoration: none;
	color: #505050;

} 
a.search:hover{
	text-decoration: none;
	color: #505050;
} 
a.search:active{
	text-decoration: none;
	color: #505050;
}

#businessCard{
	text-align: left;
	background-color: <!--{$shopSearchStyle.colorCi1_light}-->;
	border: 0.1em solid <!--{$shopSearchStyle.colorCi1_main}-->;
	padding: 0.2em 0.2em 0.2em 0.4em;
	width: 200px;
}
.alignMiddle {
	vertical-align: middle;
}
#postcode {
	float: left;
	padding-right: 0.5em;
}
#town {
}
#name {
}
#description {
}

#deleteMiddle
	{
	background: url("../view/images/global/webbilder/btn_mid_red_small.gif") repeat-x center;
	padding: 3px 1.5px 4.5px 4.5px;
	background-color: transparent;
	display: inline;
	text-decoration: none;
	overflow: visible;
	font-size: 11px;
	height: 20px;
	white-space:nowrap;
}	

#deleteMiddle button
	{
		background-color: transparent;
		border: none;
		white-space:nowrap;
	}
	
#greenButtonInside
	{
	background: url("../view/images/global/webbilder/btn_mid_green_small.gif") repeat-x center;
	padding: 3px 2px 4.5px 4.5px;
	display: inline;
	background-color: transparent;
	font-size: 11px;
	margin: 0px;
	overflow: visible;
	border: none;
	height: 20px;
	white-space:nowrap;
}
.searchResultTable{
	text-align: center;
	margin-right: auto;
	margin-left: 20px;
}	
.searchResultTable table
{
	clear: both;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
}

.searchResultTable td
{
	vertical-align: top;
	background-color: #fff;
	border: 1.0em solid #fff;
}

#invisibletd
{
	background-color: #fff;
	border: 1.0em solid #fff;
}

#foreign{
	position:absolute; left: 163px;
	width: 559px;
	height:526px;

	text-align:left;
	font-size:10px;

	background-image: url(../view/images/global/webbilder/footerContent.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	border-right:1px solid <!--{$shopSearchStyle.colorBoxes_main}-->;
}

#foreign-inside
{
	margin: 40px 20px auto 50px;
}

#foreign img{
	float: left;
}
#foreign h3{
	font-size: 14px;
	padding-top: 35px;
	padding-left: 200px;
}
#foreign ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#foreignwgpartner {
	clear: both;
	font-size:12px;
	font-weight:bold;
	margin-top: 10px;
}

#foreignadress {
	margin-top: 10px;
}

#foreignredtext {
	font-size:10px;
	color: #D90000;
	font-weight:bold;
}

#foreignweblink {
	font-size:13px;
}

.boxed{
	border: 1px solid grey;
	padding: 1px;
	padding-left: 5px;
	margin: 0px;
	margin-left: 163px;
	width: 265px;
}






#leftNavigation{
	position:absolute; left:1px;	top:77px;
	width: 164px;
	height: 545px;
	border-right: 1px solid <!--{$shopSearchStyle.colorBoxes_main}-->;
	background-image: url(../view/images/global/webbilder/rechtspfeil.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#shopGroupInfo{

	width: 118px;
	text-align:right;
	vertical-align:bottom;
	height: 526px;

	background-repeat: no-repeat;
	background-position: bottom left;
	font-size: 9px;
}	
#shopGroupInfo h4{
	position:absolute; left:15px; top: 346px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

#shopGroupInfo img{
	position:absolute; left:13px; top: 21px;
}

#shopGroupInfoText{
	position:absolute; left:2px; top: 362px;
}

#shopTemplateContent {

	border: 1px solid <!--{$shopSearchStyle.colorBoxes_main}-->;	
	height: auto;
	text-align: center;
	padding:20px;
	margin:0px;
}

#shopTemplateContent h2{
	font-size:18px;
}

#about,
#products-inside,
#group-inside{
	text-align:left;
	font-size: 11px;
}



#resultContent{

	text-align:left;
	font-size:13px;
}

#shopSearchResults{





	text-align:left;


}



#backToSearch {
	margin:50px;

}		

.search{
font-weight: bold;
}

#shopSearchResults .both{
	background-color: #ccc;
}	


#rightbar{
	float:right;
	position: absolute; left: 842px;
	width: 160px;
	height: 622px;
	background-image: url(../view/images/global/webbilder/footerLeft.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
	font-size:9px;
	font-weight:normal;
}
#rightbarDate
{
	position: absolute; top: 576px; left: 20px;
	text-align: left;
}

/* Begin Buttons */

a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
a.stdBtn:hover,
a.stdBtn:active,
button.stdBtn,
button.stdBtnHover,
button.stdBtn:link,
button.stdBtn:visited,
button.stdBtn:hover,
button.stdBtn:active{
	text-decoration:none;
	font-family: Verdana,Arial,Univers,Helvetica,SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
}

a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
a.stdBtn:hover,
a.stdBtn:active{
	/* Making <a> similar to <button> add padding: 1px 3px; */
	padding:3px 5px;
}

a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
button.stdBtn,
button.stdBtn:link,
button.stdBtn:visited{
	color: #000000;
	background-color: <!--{$shopSearchStyle.colorCi1_main}-->;
/*	background-color: <!--{$style.colorBoxes_main}-->;*/
	background-image: url(../view/images/global/webbilder/w24_button.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	border: none;
}

a.stdBtn:hover,
a.stdBtn:active,
button.stdBtnHover,
button.stdBtn:hover,
button.stdBtn:active{
	color: #FFFFFF;/*<!--{$style.colorTextBase}-->;*/
	background-color: <!--{$shopSearchStyle.colorCi1_light}-->;
/*	background-color: <!--{$style.colorBoxes_light}-->;*/
	background-image: url(../view/images/global/webbilder/w24_buttonHover.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	border: none;
/*
	border:1px solid <!--{$style.colorTextNavigation}-->;
*/
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
a.smallBtn:hover,
a.smallBtn:active,
button.smallBtn,
button.smallBtnHover,
button.smallBtn:link,
button.smallBtn:visited,
button.smallBtn:hover,
button.smallBtn:active{
	text-decoration:none;
	font-family: Verdana,Arial,Univers,Helvetica,SunSans-Regular;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	cursor: pointer;	
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
a.smallBtn:hover,
a.smallBtn:active{
	/* Making <a> similar to <button> add padding: 1px 3px; */
	padding:1px 3px;
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
button.smallBtn,
button.smallBtn:link,
button.smallBtn:visited{
	color: #000000;/*<!--{$style.colorTextNavigation}-->;*/
	background-color: <!--{$shopSearchStyle.colorCi1_dark}-->;
/*	background-color: <!--{$style.colorBoxes_dark}-->;*/
	background-image: url(../view/images/global/webbilder/w24_button.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	border: none;
/*
	border:1px solid <!--{$style.colorTextBase}-->;
*/
}

a.smallBtn:hover,
a.smallBtn:active,
button.smallBtnHover,
button.smallBtn:hover,
button.smallBtn:active{
	color: #FFFFFF;/*<!--{$style.colorTextBase}-->;*/
	background-color: <!--{$shopSearchStyle.colorCi1_light}-->;
/*	background-color: <!--{$style.colorBoxes_light}-->;*/
	background-image: url(../view/images/global/webbilder/w24_buttonHover.gif);
	background-repeat: repeat-x;
	background-position: 0px 100%;
	border: none;
/*	
	border:1px solid <!--{$style.colorTextNavigation}-->;
*/
}

/* End Buttons*/

#groupContent a:link,
#groupContent a:visited,
#productsContent a:link,
#productsContent a:visited{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: <!--{$shopSearchStyle.colorCi1_light}-->;
	font-weight:bold;
	color: #505050;
	text-decoration:none;
}	
#groupContent a:hover,
#groupContent a:active,
#productsContent a:hover,
#productsContent a:active{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button_h.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: <!--{$shopSearchStyle.colorCi1_main}-->;
	font-weight:bold;
	color: #fff;
	text-decoration:none;
}
.leftNavi,
.leftShopNavi,
.leftCartNavi{
	padding: 1px;
	border-bottom: 1px solid #fff;
	border: none;
	background-color:<!--{$shopSearchStyle.colorCi1_dark}-->;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	font-family: <!--{$shopSearchStyle.fontFamilyNavigation}-->;
}
.leftShopNaviButton{
	list-style-type:none;
	padding: 0.2em;
	padding-left: 0.4em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid <!--{$shopSearchStyle.colorBoxes_light}-->;
	border-right: 2px solid <!--{$shopSearchStyle.colorBoxes_light}-->;
	background-color:<!--{$shopSearchStyle.colorCi1_dark}-->;
	margin: 0.0em;
}

.leftNaviButton{
	list-style-type:none;
	padding: 2px;
	padding-left: 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #F7EEC3;
	border-right: 2px solid #F7EEC3;
	background-repeat: no-repeat;
	background-position: left;
	background-color:<!--{$shopSearchStyle.colorCi1_light}-->;
	width:132px;
	margin: 0px;
	text-align:left;
}

.leftNaviButton:hover,
.leftNaviButton:active{
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: left;
	background-color:<!--{$shopSearchStyle.colorCi1_main}-->;
	width:132px;
}	

.leftNaviButton a:link,
.leftNaviButton a:visited
{
	padding-top:2px;
	padding-bottom:2px;
	width: 132px;
	padding-left:24px;
	color: #505050;
	text-decoration: none;
	background-color:<!--{$shopSearchStyle.colorCi1_light}-->;
	background-image: url(../view/images/global/webbilder/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:none;
}

.leftNaviButton a:hover,
.leftNaviButton a:active{
	padding-top: 2px;
	padding-bottom:2px;
	color: #505050;
	text-decoration:none;
	background-color:<!--{$shopSearchStyle.colorCi1_main}-->;
	width: 132px;
	background-image: url(../view/images/global/webbilder/button_h.gif);
	background-repeat: no-repeat;
	background-position: left;
		}

.newButton:link,
.newButton:visited{
 	margin: 0px;
 	float: left;
 	font-weight: bold;
 	font-size: 10px;
	padding: 6px 5px 7px 5px;
 	background-color: <!--{$shopSearchStyle.colorBoxes_main}-->;
 	font-family: Verdana,Arial,Univers,Helvetica,SunSans-Regular;
 } 
 
.newButton:hover,
.newButton:active{ 
	text-decoration: none;
	color: #000;  
 	background-color: <!--{$shopSearchStyle.colorBoxes_light}-->;
	font-family: Verdana,Arial,Univers,Helvetica,SunSans-Regular;
}
/* Begin Unsorted */

	
a{
text-decoration:none;
color:#505050;
}
a:hover {
text-decoration:none;
color:#666666;
}
a:active {
text-decoration:none;
color:#505050;
}

h1
{
	margin: 0px;
	padding: 0px;
}    

h2
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}  

h3
{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

h5
{
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

#topleftlogo
	{
		float: left;
		height: 76px;
		width: 164px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		background-color: <!--{$style.colorBackground}-->;
	}	

#logo
	{
		float: left;
		height: 76px;
		width: 150px;
		margin-right: 8px;
		padding: 0px;
      	background-color: #B0E9D0;
		overflow:hidden;
	}	

#title
	{

        color: <!--{$style.colorTextBase}-->;
        height: 76px;
        width: 474px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px 0px 3px 0px;
	  	overflow: hidden;
		float:left;
    }
    
#title h2
	{
        font-size: 15px;
	  	padding-top: 10px;
	}    

#title h3
	{
	    
        font-size: 10px;
	}    

#title24 {
		height: 76px;
		width: 270px;
        margin: 0px 0px 0px 0px;
		padding: 3px 0px;
		float:right;
		font-size:10px;
		color:#999;        

}
#title24 a{

		color:#999;        

}

#header{
      	width:846px;
      	height:40px;
	     	background: #fff url("../view/images/global/webbilder/nav_shop-bg.gif") no-repeat; 
        font-size: 12px;
        margin: 0px;
        padding:11px 0px;
        position: relative; 
        color: <!--{$style.colorTextNavigation}-->;
       	font-family: <!--{$style.fontFamilyNavigation}-->;

     }
     

#header a 
	{

      	font-size: 12px;
       	font-weight: normal;
       	text-decoration:none;
       	color: <!--{$style.colorTextNavigation}-->;
       	margin: 0px;
       	font-family: <!--{$style.fontFamilyNavigation}-->;
       	padding-left: 8px;
   	}
#header a:hover
	{
      color: #999;
      font-weight: normal;

	}   	
   	

#header h1
	{
		text-align:center;
		width: 1em;
		display: inline;
        font-size: 10px;
        	margin: 0px;

	}
   	
#header img
	{
		border: 0;

    float:right;
		margin: -4px 10px 0px 0px;
	}
   	
#bo_login #nav-bo_login, 
#bo_order #nav-bo_order, 
#bo_config #nav-bo_config,   	
#bo_customer #nav-bo_customer, 
#home #nav-home,
#shop #nav-shop,
#agb #nav-agb, 
#about #nav-about,
#contact #nav-contact,
#cart #nav-cart,
#privacy #nav-privacy,
#login #nav-login,
#group #nav-group,
#products #nav-products
	{
      background-color: #08ad53;
      border-left: 1px <!--{$style.colorBackground}--> solid;
      font-family: <!--{$style.fontFamilyNavigation}-->;
      font-size: 10px;
      margin-right: -4px;
	}
	
	
#bo_order #nav-bo_order a, 
#bo_login #nav-bo_login a,
#bo_config #nav-bo_config a, 
#bo_customer #nav-bo_customer a, 
#home #nav-home a, 
#shop #nav-shop a,
#agb #nav-agb a, 
#about #nav-about a,
#contact #nav-contact a,
#cart #nav-cart a,
#privacy #nav-privacy a,
#login #nav-login a,
#group #nav-group a,
#products #nav-products a
	{
	    background-color: #08ad53;
	    border: none;
		text-decoration: none;
		font-weight: bold;
       	font-family: <!--{$style.fontFamilyNavigation}-->;
        font-size: 10px; 
        margin: 0px 4px 0px 0px;
        color: <!--{$style.colorTextBase}-->;
   }

	

    

th 	
	{ 
		font-family: <!--{$style.fontFamilyBase}-->;
		font-size: 1em;
		font-weight: bold;
		line-height: 1.1em;		
		border-width: 0.1em;
		border-style: solid;
		border-color: <!--{$style.colorBoxes_dark}-->;
	
		padding: 0.2em;
		vertical-align: top;
	}


.tableHeaderBottom{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		text-align: left;
	}
	

.tableHeaderTop{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		text-align: left;
	}
	

.tableHeaderBottomRight{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
	}
	
.tableHeaderTopRight{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
	}
	
.tableHeaderRight{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	
		text-align: right;
	}
	
.tableHeaderBottomLeft{
	border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	
	text-align: right;
	}	

.tableHeaderBottomLeft{
	border: 0.1em solid <!--{$style.colorCi1_dark}-->; 

}

.tableHeaderTopLeft{
	border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	
	text-align: right;
	}	


.tableHeaderLeft{
	border: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	
	text-align: right;
	}	


.tableHeaderBottomMiddle{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		text-align: right;
	}	
		

.tableHeaderTopMiddle{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		text-align: right;
	}	
		

.tableHeaderMiddle{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
	}	
		

.alignRight
	{
		text-align:right;
	}
	
.alignLeft
	{
		text-align:left;
	}				


.alignRightSimply{
	text-align: right;
	}
	
.alignRightBold
	{
		text-align: right;
		font-weight: bold;
	}	


.alignRightBoldRight
	{
		text-align: right;
		font-weight: bold;
	}	


.alignMiddle
	{
		vertical-align: middle;
		border: 0;
	}

.tableDataLeft
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}
.tableDataLeftBold
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		font-weight: bold;
	}		
.requestNote{
		font-weight:normal;
}	
.tableDataRight
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}
	
.tableDataRightBold
	{
		font-weight: bold;
		text-align: right;
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}	
	
		
.tableDataMiddle{ 		
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->;
		
	}
	
.tableDataMiddle-Right{
		text-align: right; 		
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->;
		
	}	
	
.tableDataMiddleBold-Right{
		font-weight: bold; 
		text-align: right;		
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->;
		
	}	
	

.tableDataLeftRight
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}


.tableDataBottom
	{
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}

.tableDataBottomLeft
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}
.tableDataBottomMiddle
	{
		border: 0.1em solid <!--{$style.colorBoxes_main}-->;
		
	}
.tableDataBottomRight
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}

.tableDataBottomLeftRight
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
	}
	
	
.tableFooterTopLeft
	{
		border-top: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	
		text-align: right;
		font-size: 12px;
	}
	

.tableFooterTopMiddle
	{
		border-top: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
		font-size: 12px;
	}

.tableFooterTopMiddleBorderLeft
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
		font-size: 12px;
	}	
	
	
.tableFooterTopRight
	{
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		
		text-align: right;
		font-size: 12px;
	}
	

.tableFooterLeft
	{
		text-align: right;
		
		font-size: 12px;
	}

.tableFooterMiddleLeft
	{
		text-align: right;
		
		font-size: 12px;
		border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}
	
	
.tableFooterMiddle
	{
		text-align: right;
	
		font-size: 12px;
	}

.tableFooterRight
	{
		text-align: right;
		
		font-size: 12px;
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}
	

.tableFooterMiddleLeftBold
	{
		text-align: right;
		font-weight: bold;
		font-size: 12px;
		border: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	
	}
	

.tableSingleLine
	{
		text-align: right;
		vertical-align: top;
		margin-right: 10px;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_einfachlinie.gif") right no-repeat; 
	}
	
.tableSingleLineLeft
	{
		text-align: right;
		vertical-align: top;
		margin-right: 10px;
		background-position: right;
		border-left: 1px solid <!--{$style.colorBoxes_dark}-->;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_einfachlinie.gif") right no-repeat; 
	}
	

.tableSingleLineMiddle
	{
		text-align: right;
		vertical-align: top;
		margin-right: 10px;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_einfachinie5.gif") right no-repeat; 
	}
	

.tableSingleLineRight
	{
		text-align: right;
		vertical-align: top;
		margin-right: 10px;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_einfachinie5.gif") right no-repeat; 
	}
	

.tableDoubleLine
	{
		text-align: right;
		vertical-align: top;
		margin-right: 10px;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_doppellinie_alt_36.gif") right top no-repeat; 
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->; 	
	}

	
.tableDoubleLineMiddle
	{
		text-align: right;
		vertical-align: top;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_doppellinie5.gif") right top no-repeat; 
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		padding-bottom: 1px;
	}
	

.tableDoubleLineRight
	{
		text-align: right;
		vertical-align: top;
		background-position: right;
		background: <!--{$style.colorBoxes_light}--> url("../view/images/global/webbilder/unten_doppellinie5.gif") right top no-repeat; 
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		padding-bottom: 1px;
	}
	
		
.tableFooterMiddleBold
	{
		text-align: right;
		background: <!--{$style.colorBoxes_light}-->; 	
		font-size: 12px;
		font-weight: bold;
	}



.tableFooterRightBold
	{
		text-align: right;
		background: <!--{$style.colorBoxes_light}-->; 
		font-weight: bold;	
		font-size: 12px;
		border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}	
	
	
	
.tableFooterBottomLeft
	{
		text-align: right;
		background: <!--{$style.colorBackground}-->;	
		font-size: 12px;
	}
	
.tableFooterBottomMiddle
	{
		text-align: right;
		background: <!--{$style.colorBackground}-->;	
		font-size: 12px;
	}	

.tableFooterBottomRight
	{
		text-align: right;
		background: <!--{$style.colorBackground}-->;
		font-size: 12px;
		border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}
	
		
	
.tableFooterBottomLeftBold
	{
		text-align: right;
		background: <!--{$style.colorBackground}-->;	
		font-size: 12px;
		font-weight: bold;
	}
	
.tableFooterBottomMiddleBold
	{
		text-align: right;
		background: <!--{$style.colorBoxes_light}-->; 
		font-weight: bold;
		font-size: 12px;
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 	
	}	
	


.tableFooterBottomMiddleLeftBold
	{
		text-align: right;
		background: <!--{$style.colorBoxes_light}-->; 
		font-weight: bold;
		font-size: 12px;
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}
	
		

.tableFooterBottomRightBold
	{
		text-align: right;
		background: <!--{$style.colorBoxes_light}-->; 
		font-weight: bold;
		font-size: 12px;
		border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
		border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->; 
	}		



input.error {
	background-color: #D70000;
	color: #FFFFFF;
}

#error
	{
	  width: 100%;
	  margin: 0;
	  padding: 0;
	}

#error-inside
	{
	  border: 1px solid <!--{$style.colorError}-->;
      background-color: <!--{$style.colorBackground}-->;
	  text-align: center;
	  margin: 5px;
	  padding: 5px;
	}

#errorDisplay #leftProductImage{
	float:left;

}

#errorDisplay #productDetails,
#errorDisplay #backToCatalogButton{
	
	left: 170px;
}

#errorDisplay #backToCatalogButton{
	top: 200px;
}

#errorDisplay #productDetails{
	border-top: 2px solid <!--{$style.colorError}-->;
	border-bottom: 2px solid <!--{$style.colorError}-->;
	padding: 5px 0px;
}


   	
#content{
float:right;
text-align:left;
width: 655px;


}
   	
#content-inside {
	   background-color:#fff;
	   padding: 0px;
	   margin: 0px 0px 0px 0px;
	   text-align: center;
	   width:650px;
   	}  	

#shop #content{
/* ACHTUNG SUCHE WIRD NICHT MIT ANGESPROCHEN - WENN MÖGLICH #CONTENT BENUTZEN*/
}

#shop #content-inside 
{
/* ACHTUNG SUCHE WIRD NICHT MIT ANGESPROCHEN - WENN MÖGLICH #CONTENT-INSIDE BENUTZEN*/	 
}  	

#about,
#contact,
#agb,
#privacy{
	font-size: 12px;
}	

#about
{
	text-align:left;
}
	
#agbContentText
{
	
	padding-top: 10px;
	margin-bottom: 10px;
	
}	
	
#contact	
	{
		text-align:left;
	}
#contactHeader{
       font-weight:bold;
	 }	
	
#footer{

	background-repeat:no-repeat;
	background-position: left top;	
	height: 85px;
	width: 842px;	
}
.date{
    padding-top:42px;
    text-align:center;
	font-size: 9px;
	color:#999999;	
}	
.date a,.date a:visited{   
    padding-top:42px;
    text-align:center;
	font-size: 9px;
	color:#999999;
}	



#formular
	{
		padding-top: 1em;
		padding-bottom: 1em;
		font-size: 1.2em;
	}

#formular ul 
	{
      	margin:0px;
     	list-style:none;     	
     	padding-left: 0.5em;
   	}
   	
#formularText
	{
		width: 7em;
		float: left;
		text-align:left;
		line-height: 1.5em;
	}
	
#formularInput
	{
		width: 50%;
		text-align: left;
		line-height: 1.5em;
	}
		  
#formularInput input
	{
		height: 1.2em;
	}	
	
#formularLaw
	{
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: center;
	}	
	
#formularAction
	{
		text-align: right;
		padding-top: 55px;
		padding-bottom: 10px;
		margin-right: 4px;
	}	 	

.tableDataRight a,
.tableDataRight a:link,
.tableDataRight a:visited{
		text-align: center;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 2px;
		padding-right: 2px;
		color: <!--{$style.colorTextBase}-->;
		font-family: <!--{$style.fontFamilyBase}-->;
		text-decoration: none;
		vertical-align: middle;
		
	}	
	
.tableDataRight a:hover,
.tableDataRight a:active
{
}			 	
		
#checkoutTable,
#paymentDataTable
	{
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-size: 11px;
}		

#checkoutTable a, a:hover
#paymentDataTable a, a:hover{
	font-family: <!--{$style.fontFamilyBase}-->;
}

.formError{
	color: <!--{$style.colorError}-->; 
}

#checkoutTable table,
#paymentDataTable table{
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 13px;
}
	
#paymentDataTable table td
#checkoutTable table td
	{
		padding: 2px 4px 2px 4px;
	}

#paymentDataTable input.plainInputHidden,	
#checkoutTable input.plainInputHidden{
		border: none;
	}	

.alignMiddle
	{
		vertical-align: middle;
	}
div.mandatoryFieldsInfo
	{
		text-align: left;
		margin-left: 0px;
		font-size: 12px;
	}

#deleteMiddle
	{
		background:url("../view/images/global/webbilder/btn_mid_red_small.gif") repeat-x;
		padding: 3px 1px 4px 4px; 
		background-color: <!--{$style.colorBoxes_main}-->; 
		display: inline;
		text-decoration: none;
		padding-left: 4px;
		height: 21px;
	}	

#greenMoneyButton
	{
		display: inline;
		margin-right: 16px;
		margin-left: 32px;
		vertical-align: middle;
		position: relative; top: -7px;
		padding: 4px 1px 4px 4px;
		height: 21px;
	}	
	
#greenMoneyButton a
	{
		color: <!--{$style.colorTextBase}-->;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
		text-decoration: none;
	}	
	
#greenMoneyButton a:link
	{
		display: inline;
		text-decoration:none;
		color: <!--{$style.colorTextBase}-->;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
	}	
	
#greenMoneyButton a:focus	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-family: <!--{$style.fontFamilyBase}-->;
	}
	
#greenMoneyButton a:visited	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-family: <!--{$style.fontFamilyBase}-->;
	}		
	
#greenMoneyButton a:hover	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-family: <!--{$style.fontFamilyBase}-->;
		
	}
	
#greenMoneyButton a:active	
	{
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
		
	}			
	
#greenMoneyButtonInside
	{
		background:url("../view/images/global/webbilder/btn_mid_green_small.gif") repeat-x;
		padding: 5px 71px 4px 4px;
		display: inline;
		background-color: <!--{$style.colorBackground}-->;
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		vertical-align:middle;
		height: 21px;
	}	

#greenMoneyButtonInside img
	{
		padding: 5px 1px 4px 4px;
		display: inline;
		background-color: <!--{$style.colorBackground}-->;
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		vertical-align:bottom;
		height: 21px;
	}	
	
#greenMoneyButtonInside a:link	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}
	
#greenMoneyButtonInside a:focus	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}	
	
#greenMoneyButtonInside a:hover	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}
	
#greenMoneyButtonInside a:active	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}	
	
#yellowCartButton
	{
		display: inline;
		margin-right: 16px;
		margin-left: 32px;
		vertical-align: middle;
		position: relative; top: -7px;
		height: 21px;
	}	
	
#yellowCartButton a
	{
		color: <!--{$style.colorTextBase}-->;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
		text-decoration: none;
		vertical-align: middle;
	}	
	
#yellowCartButton a:link
	{
		display: inline;
		text-decoration:none;
		color: <!--{$style.colorTextBase}-->;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
	}	
	
#yellowCartButton a:focus	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-family: <!--{$style.fontFamilyBase}-->;
	}	
	
#yellowCartButton a:hover	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-family: <!--{$style.fontFamilyBase}-->;
	}
	
#yellowCartButton a:active	
	{
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
		font-size: 11px;
		font-family: <!--{$style.fontFamilyBase}-->;
	}			
	
#yellowCartButton img a
	{
		color:<!--{$style.colorTextBase}-->;
		text-decoration: none;
		font-size: 11px;	
	}	
	
#yellowCartButtonInside
	{
		background:url("../view/images/global/webbilder/btn_mid_yellow_small.gif") repeat-x;
		padding: 3px 20px 4px 4px;
		display: inline;
		background-color: <!--{$style.colorBackground}-->;
		font-size: 11px;
		height: 21px;
	}	

#yellowCartButtonInside a
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}
	
#yellowCartButtonInside a:link	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}
	
#yellowCartButtonInside a:focus	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}	
	
#yellowCartButtonInside a:hover	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}
	
#yellowCartButtonInside a:active	
	{
		font-size: 11px;
		color: <!--{$style.colorTextBase}-->;
		text-decoration:none;
	}		

	
#yellowPenButtonInside
	{
		background:url("../view/images/global/webbilder/btn_mid_yellow_small.gif") repeat-x;
		padding: 3px 20px 4px 4px;
		display: inline;
		background-color: transparent;
		font-size: 11px;
		height: 21px;
	}	

#greenButtonInside
	{
		background:url("../view/images/global/webbilder/btn_mid_green_small.gif") repeat-x;
		padding: 3px 28px 4px 4px;
		display: inline;
		background-color: <!--{$style.colorBackground}-->;
		font-size: 11px;
		height: 21px;
	}	

#checkoutMiddle
	{
		background: url("../view/images/global/webbilder/btn_mid_green_small.gif") repeat-x;
		padding: 3px 80px 2px 5px;
		display: inline;
		background-color: <!--{$style.colorBackground}-->;
		font-size: 10px;
		height: 21px;
		margin: 0;
	}

#checkoutConfirm
	{
		text-align: left;
		margin-top: 19px;	
		padding-bottom: 242px;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
	}
#checkoutConfirm table
	{
		font-size: 13px;
	}
	
#checkoutConfirm th
	{
		text-align: left;
	}	


#checkout_confirm_caption
	{
		font-weight: bold;
	}

#checkout_confirm_text
	{
		width: 430px;
	}

#checkout_confirm_mail
	{
		width: 425px;
		margin-top: 20px;
	}
	
#checkout_confirm_mail table
 	{
 		padding: 0; 
 		margin: 0; 
 		border: 0;
 	}
 	
#checkout_confirm_mail tr 	
 	{
		border: 0; 	
 	}
 	
#checkout_confirm_mail td
 	{ 	
 		border: 0;
 		background-color: <!--{$style.colorBackground}-->;
 		vertical-align: top;
 	}
 	
#checkout_confirm_mail td img 	
 	{
		border:0; 
		width:27px; 
		height:27px;  	
 	}
 	
#yellow_line
	{
		width: 430px;
		height: 1px;
		overflow: hidden;
		background-color: <!--{$style.colorBoxes_dark}-->; 
		margin-top: 10px;
		margin-bottom: 10px;
	}

#checkoutButtonsFrame
	{
		float: right;
		margin-right: 14px;
	}

#checkoutButtonsFrame table 
{
	border: 0px;
	background-color: <!--{$style.colorBackground}-->;
	width: 100%;
}

#checkoutButtonsFrame tr 
{
	border: 0px;
	background-color: <!--{$style.colorBackground}-->;
}

#checkoutButtonsFrame td
{
	border: 0px;
	background-color: <!--{$style.colorBackground}-->;
	text-align: right;
}

#continueShoppingButton
	{
		float: left;
		padding: 0px;
		margin: 0px;
	}

#continueShoppingMiddle
	{
	background: url("../view/images/global/webbilder/btn_mid_yellow_small.gif") repeat-x;
	padding: 3px 80px 2px 5px;
	display: inline;
	background-color: <!--{$style.colorBackground}-->;
	font-size: 10px; 
}

#continueShoppingButtonBox
	{
		text-align: left;
		width: 90px;
		position: relative; top: -5px; left: 23px;
		background-color: <!--{$style.colorBoxes_main}-->; ;
		border-width: 0px 2px 2px 2px;
		border-style: solid;
		border-color: <!--{$style.colorBoxes_dark}-->; 
		padding: 4px 4px 4px 4px;
		font-size: 11px;
	}

.separator 
	{
		height: 1px;
		overflow: hidden;
		background-color: <!--{$style.colorBoxes_dark}-->; 
		margin-top: 2px;
		margin-bottom: 2px;
	}

#continueShoppingButtonBox a
	{
		display: block;
		font-size: 11px;
		text-decoration: none;
		font-weight: normal;
		color: <!--{$style.colorTextBase}-->;
	}

#continueShoppingButtonBox a:hover
	{
		color: <!--{$style.colorError}-->; 
	}

#formErrorMessage,
#requestErrorMessage
	{
		font-weight: normal;
		color: <!--{$style.colorTextBase}-->;
		border-width: 2px 0px 2px 0px;
		border-style: solid;
		border-color: <!--{$style.colorError}-->; 
		width: 300px;
		padding-top: 3px;
		padding-bottom: 3px;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
#requestErrorMessage{
	position: absolute; left: 400px;
	display:block;
	margin-left: 310px;
	margin-right:auto;
}

#errorPage
	{
		text-align: left;
		padding-bottom: 290px;
	}

#errorPage h2
	{
		color: <!--{$style.colorError}-->;  
		text-align: left;
	}

#errorPage p
	{
		width: 500px;
		color: <!--{$style.colorTextBase}-->;
		font-size: 12px;
	}
	
#greyRuler
	{	
		text-align: center;
		width: 80%;
		background:url("../view/images/global/webbilder/Portal_Trennlinie_grau.jpg") no-repeat;	
		padding: 5px 5px 5px 5px;
		margin: 10px 10px 10px 60px;
	}	



#popup {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
}	

#privacyHeader{
		text-align: left;
}	
#privacyContent{
		text-align: left;
}

.agbHeader
{
}
	
.agbContent
{
		text-align: left;
}


#leftProductImage{
    float:left;
	margin-right:10px;
	background-color: <!--{$style.colorBackground}-->;
	width: 150px;
/*	height: 212px;*/
}

#productImage {
	border: none;

}

#rightProductInformation
{
float:right;
width:470px;
	
}

#productDetails{
	
	text-align: left;
	margin-bottom: 10px;
	font-size: 12px;
}

#productHr{
	margin-right: 10px;
}	

#productDetails h4{
	padding: 0;
	margin: 0;
}

#productShortDescription, 
#productLongDescription {
	background-color: <!--{$style.colorBackground}-->;
	width: 65%;
	text-align: left;
	display: block;
}

#selectDescriptionButton{
	float: right;
	display: inline;
	position: relative; right: 10px;
}
#productShipping{
	position: relative; left: 0px;
}

#productTable{
	font-size: 12px;
	text-align: left;
}

#productTable table{
	width: 440px;
	margin: 0px 0px 10px 0px;
	border-collapse: collapse; 
}

#productTable td.productTableLeft input,
#productTable td.productTableMiddleRight input,
#productTable td.productTableRight input{
	width:130px;
}	


#productTable .tableHeaderLeft,
#productTable .tableHeaderBottomMiddleLeft{
	text-align: left;
}	

#backToCatalogButton{
	font-size: 11px;
}
#backToCatalogButton a {
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	font-size: 11px;
	font-family: <!--{$style.fontFamilyBase}-->;
}

#backToCatalogButton img{
	border: 1px solid <!--{$style.colorBoxes_dark}-->;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	}
	
	

#backToCatalogButton a:link{
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 11px;
}
#backToCatalogButton a:visited{
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	font-size: 11px;
	font-family: <!--{$style.fontFamilyBase}-->;
}
#backToCatalogButton a:hover{
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	font-size: 11px;
	font-family: <!--{$style.fontFamilyBase}-->;
}
#backToCatalogButton a:active {
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
	font-size: 11px;
	font-family: <!--{$style.fontFamilyBase}-->;
}

.productTableLeft {
	background-color:#fff;
	border-bottom: 1px dashed #000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

	

.productTableRight {
	background-color:#fff;
	border-bottom: 1px dashed #000;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	margin: 0px;
}


		
.productTableMiddleLeft {
	background-color:#fff;
	border-bottom: 1px dashed #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;	
	margin-right: 0;
}

	
.productTableMiddleLeftTop {
	background-color: #fff;
	border-bottom: 1px dashed #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;	
	border-right: 1px dashed #000;
	margin-right: 0;
}

.productTableMiddleRight {
	background-color: #fff;
	border-bottom: 1px dashed #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;	
	width:120px;
}



.productTableMiddleRightTop {
	background-color: #fff;
	border-bottom: 1px dashed #000;
	font-weight: normal;
	text-align: right;
	vertical-align: top;	
}

.productTableMiddleLeft input{
	font-size: 12px;
}

.plainInput{

	border: none;
	font-weight: bold;
	font-family: <!--{$style.fontFamilyBase}-->;
	text-align: right;
}

#informationButton{
	background-color: transparent;
	border: none;
}

#productList{
margin:10px;
text-align:left;


}

.productListTable{
	width: 100%;
	padding-right: 0px;
	position:relative;
	left: 1px;
} 

#emptyCell{
	width: 30px;
}

.productListTable img{
	border: none;
}

#productList a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
}

#productListData{
	padding: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
	overflow: auto;
	width: 680px;

}

.productListDataTable{
	width: 650px;

	}
#productName, #productCode, #productPrice, #productName a, #productCode a, #productPrice a{
	font-size: 11px;
	font-weight: bold;
	font-family: <!--{$style.fontFamilyBase}-->;
	color: <!--{$style.colorTextBase}-->;


}

#productPrice{
    text-decoration:underline;}

#productBlockPricing{
	text-align: left;
	font-size: 11px;
}

#productBlockPricing td{
	text-align: right;
}	

#productCode, productPrice{
	vertical-align: top;
}

.plainInputHidden{
	background-color: <!--{$style.colorBoxes_main}-->;
	border: none;
	font-size: 1.0em;
	font-weight: bold;
	font-family: <!--{$style.fontFamilyBase}-->;
	text-align: left;
}

.plainInputHidden-Right{
	background-color: <!--{$style.colorBoxes_main}-->;
	border: none;
	font-size: 1.0em;
	font-weight: bold;
	font-family: <!--{$style.fontFamilyBase}-->;
	text-align: right;
}

#rightConfirmOrderArea{
	text-align: center;
	width: 220px;
	margin-right: 15px;
	margin-top: 20px;
	background-color: <!--{$style.colorBoxes_light}-->; 
	border: 1px solid <!--{$style.colorBoxes_main}-->;
	float: right;
}
#rightConfirmOrderButton{

	padding: 0px;
	margin: 2px;
	width: auto;
}

#checkoutButtonLegalNotice
{
	text-align: left;
	font-size: 11px;
	color:#333333;
	background-color: <!--{$style.colorBoxes_light}-->;
	width: 190px;
	margin: 2px auto;
}

#checkoutButtonLegalNotice a,
#checkoutButtonLegalNotice a:link,
#checkoutButtonLegalNotice a:visited,
#checkoutButtonLegalNotice a:hover,
#checkoutButtonLegalNotice a:active{
	text-decoration:none;
	color: <!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
}	

.variant {
	background-color: <!--{$style.colorBackground}-->;
	text-align: left;
	display: block;
	margin-bottom: 1em;
	font-size: 12px;
}

.variant h5{
	font-weight:bold;
	font-size: 1.0em;
	font-family: <!--{$style.fontFamilyBase}-->;
	text-align: left;
	display: inline;
	}
	
.variant input{
	vertical-align: middle;
	margin-left: 1.0em;
}	
	
.productButton,
#cartTable a.newButton{
 	margin: 0px 0px 0px 1px;
 	float: left;
 	font-weight: bold;
 	font-size: 10px;
	padding: 2px 2px 1px 2px;
	border: 1px solid #000000;
 	background-color: <!--{$style.colorBoxes_dark}-->;
 	font-family: <!--{$style.fontFamilyBase}-->;
 	cursor: pointer;
 }
 
.productButton:link {
	border-color:  #333333 ;
 	border-width: 0.1em 0.1em 0.1em 0.1em;
 	border-style: solid;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;  
	}	
		
.productButton:visited {
	border-color:  #333333 ;
 	border-width: 0.1em 0.1em 0.1em 0.1em;
 	border-style: solid;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;  	
}

.productButton:active
 { 
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;  
 	background-color: <!--{$style.colorBoxes_light}-->;
 	cursor: pointer;
}

.productButton:hover{ 
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;  
 	background-color: <!--{$style.colorBoxes_light}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
	cursor: pointer;
}

#backOfficeCustomerList input
	{
		border: 2px solid <!--{$style.colorBoxes_dark}-->; 
	}

#backOfficeCustomerList table, #backOfficeCustomerListTable table {
	width: 800px;
	font-size: 12px;
	text-align: left;
}

#backOfficeCustomerList table th {
	vertical-align: middle;
}

#backOfficeCustomerList table td a {
	text-decoration: none;
	color: #000000;
}

#backOfficeCustomerList #filter #fulltextSearch {
	float: left;
}

#backOfficeCustomerList #filter #navigation {
	float: right;
}

#backOfficeCustomerList #filter #dateRange {
}

#backOfficeCustomerForm {
	text-align: left;
}
#backOfficeCustomerForm table {
	font-size: 12px;
}

#backOfficeOrderList input
	{
		border: 2px solid <!--{$style.colorBoxes_dark}-->; 
	}

#backOfficeOrderList table {
	width: 825px;
	font-size: 12px;
	text-align: left;
}
#backOfficeUserList table {
	width: 825px;
	font-size: 12px;
	text-align: left;
}
#backOfficeOrderList table th {
	vertical-align: middle;
}

#backOfficeOrderList table td a {
	text-decoration: none;
	color: #000000;
}

#backOfficeOrderForm {
	text-align: left;
}

#backOfficeOrderForm table {
	font-size: 12px;
	text-align: left;
}

#boNavigation{
	margin-top: 2em;
	font-size: 11px;
	font-family: <!--{$style.fontFamilyNavigation}-->;
}

#sap #bo_left_nav-sap,
#pass #bo_left_nav-pass,
#about #bo_left_nav-about,
#agb #bo_left_nav-agb,
#privacy #bo_left_nav-privacy,
#style #bo_left_nav-style,
#contact #bo_left_nav-contact{
	background-color: <!--{$style.colorBoxes_main}-->;
   font-family: <!--{$style.fontFamilyNavigation}-->;
}
#sap #bo_left_nav-sap a,
#pass #bo_left_nav-pass a,
#about #bo_left_nav-about a,
#agb #bo_left_nav-agb a,
#privacy #bo_left_nav-privacy a,
#style #bo_left_nav-style a,
#contact #bo_left_nav-contact a{
	background-color: <!--{$style.colorBoxes_main}-->;
	font-weight: bold;
   font-family: <!--{$style.fontFamilyNavigation}-->;
}

.backofficeButton{
	border-top: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-left: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-right: 2px solid <!--{$style.colorBoxes_dark}-->;
	background-color: <!--{$style.colorBoxes_main}-->;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	padding: 0.2em;
	margin: 0.1em;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
}
.backofficeButton:hover{
	background-color: <!--{$style.colorBoxes_light}-->;
	border-top: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-left: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-right: 2px solid <!--{$style.colorBoxes_dark}-->;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	padding: 0.2em;
	margin: 0.1em;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
}
.backofficeButton_hover{
	background-color: <!--{$style.colorBoxes_light}-->;
	border-top: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-left: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-right: 2px solid <!--{$style.colorBoxes_dark}-->;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	padding: 0.2em;
	margin: 0.1em;
}
.backofficeButton:active{
	background-color: <!--{$style.colorBoxes_light}-->;
	border-top: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-left: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-right: 1px solid <!--{$style.colorBoxes_dark}-->;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	padding: 0.1em 0.2em 0.3em 0.2em;
	margin: 0.1em;
	text-decoration: none;
	color: <!--{$style.colorTextBase}-->;
}
.button_hover{
	background-color: <!--{$style.colorBoxes_light}-->;
	border-top: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 2px solid <!--{$style.colorBoxes_dark}-->;
	border-left: 1px solid <!--{$style.colorBoxes_dark}-->;
	border-right: 2px solid <!--{$style.colorBoxes_dark}-->;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
}

.bold{
	font-weight: bold;
}
#editAbout, #editContact, #editAgb, #editStyle, #editPass, editPrivacy{
	font-size: 1em;
}

#editAbout input, #editContact input, #editAgb input, #editPrivacy input, #editStyle input, #editPass input{
	font-size: 1em;
	border: 0.1em solid <!--{$style.colorBoxes_dark}-->;
}

#editAbout input.noBorder,
#editContact input.noBorder,
#editAgb input.noBorder,
#editPrivacy input.noBorder,
#editStyle input.noBorder,
#editPass input.noBorder{
	border: 0px solid transparent;
}

#boConfig a:link, #boConfig a:visited, #boConfig a:hover, #boConfig a:active{
	text-decoration:none;
	color: <!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 12px;
}

#editAgb a:link, #editAgb a:visited, #editAgb a:hover, #editAgb a:active,
#editPrivacy a:link, #editPrivacy a:visited, #editPrivacy a:hover, #editPrivacy a:active{ 	
	text-decoration:none;
	color: <!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 11px;
}	

#backOfficeCustomerListTable a:link, #backOfficeCustomerListTable a:visited, #backOfficeCustomerListTable a:hover, #backOfficeCustomerListTable a:active, #backOfficeOrderList a:link, #backOfficeOrderList a:visited, #backOfficeOrderList a:hover, #backOfficeOrderList a:active, #backOfficeUserList a:link, #backOfficeUserList a:visited, #backOfficeUserList a:hover, #backOfficeUserList a:active{
	text-decoration:none;
	color: <!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 11px;
}

.borderBoxes_dark-l{
	border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	}
	
.borderBoxes_dark-r-r{
	border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	text-align: right;
}

.borderBoxes_dark-lb{
	border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->;
}

.borderBoxes_dark-mb{
	border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->;
}

.borderBoxes_dark-rb-r{
	border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	text-align: right;
}

.borderBoxes_dark-rb-l{
	border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	text-align: left;
}
.borderBoxes_dark-lrb-c{
	border-right: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	border-left: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	border-bottom: 0.1em solid <!--{$style.colorBoxes_dark}-->;
	text-align: center;
}

#boUserListSearch table{
width: 825px;
}

#boBoUserPass{
	text-align:left;
	}

#products-inside,
#group-inside{
	text-align:left;
	height:500px;
	font-size: 13px;
}

#group h4{
padding-top:0px;
}

#groupInfoFlash{
margin-top:28px;
float:left;
	
}	

#products>a:link,
#products>a:visited,
#group>a:link,
#group>a:visited{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #08ad53;
	font-weight:bold;
}	

#products>a:hover,
#products>a:active,
#group>a:hover,
#group>a:active{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button_h.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #08ad53;
	font-weight:bold;
	color: #FFFFFF;
}		



#bo_order #nav-bo_order a, 
#bo_login #nav-bo_login a,
#bo_config #nav-bo_config a, 
#bo_customer #nav-bo_customer a, 
#home #nav-home a, 
#shop #nav-shop a,
#agb #nav-agb a, 
#about #nav-about a,
#contact #nav-contact a,
#cart #nav-cart a,
#privacy #nav-privacy a,
#login #nav-login a,
#group #nav-group a,
#products #nav-products a
{
	background-image: url(../view/images/global/webbilder/button_h.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #08ad53;	
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
	padding-right: 10px;
	margin-right: -8px;
}

#bo_login #nav-bo_login, 
#bo_order #nav-bo_order, 
#bo_config #nav-bo_config,   	
#bo_customer #nav-bo_customer, 
#home #nav-home,
#shop #nav-shop,
#agb #nav-agb, 
#about #nav-about,
#contact #nav-contact,
#cart #nav-cart,
#privacy #nav-privacy,
#login #nav-login,
#group #nav-group,
#products #nav-products{
	padding-left: 0px;
	padding-right: 0px;
}	

#header a:link,
#header a:visited{

	background-repeat: no-repeat;
	background-position: left;

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
	padding-right:4px;
}

#header a:hover,
#header a:active{

	background-repeat: no-repeat;
	background-position: left;

	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 18px;
	padding-right:4px;
}



#header li{
padding-left:0px;
padding-right: 0px;
margin-right: -4px;
}

#group #groupContent a:link,
#group #groupContent a:visited,
#groupContent a:link,
#groupContent a:visited,
#productsContent a:link,
#productsContent a:visited
{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #E5FFFE;
	font-weight:bold;
	text-decoration:none;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 12px;
	color: <!--{$style.colorTextBase}-->;
}	
 
#group #groupContent a:hover,
#group #groupContent a:active,
#groupContent a:hover,
#groupContent a:active,
#productsContent a:hover,
#productsContent a:active
{
	margin-right:15px;
	text-align:right;
	display: inline;
	float:right;
	padding-left: 23px;
	padding-right:4px;
	line-height: 18px;
	background-image: url(../view/images/global/webbilder/button_h.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #08AD53;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 12px;

}



#checkoutTable .alignRightSimply{
margin-bottom: 10px;
font-weight: bold;
padding-right: 10px;
}

#paymentDataTable{
width: 370px;
text-align:left;
clear:left;
}

#billingAddress{
	margin-right: 0px;
	padding-right: 0px;
	float:left;
}

#deliveryAddress{
margin-right: 0px;
	padding-right: 0px;
	
	
	float:left;
}

#billingAddressTable table{
	width: 370px;
}

#deliveryAddressTable table{
	width: 370px;
	
}

#billingAddressQuestion,
#deliveryAddressQuestion{
	text-align:right;
}

#billingAddressQuestion input,
#deliveryAddressQuestion input{
	border: none;
}

#productsContent{
	padding-left: 110px;
}

#home #content{
/*  Achtung #content berarbeiten*/
}
#home #content-inside 
{
/*  Achtung #content-inside berarbeiten*/
}  	
#home-inside
{
	text-align:left; 
	font-size:14px;
	margin: 25px 0px 0px 320px;
}
#home-text
{
	text-align:left; 
	font-size:14px;
	margin: 10px 0px 0px 0px;
}
#h5Home{
color: #D90000;
font-size:14px;	
}
#homeHeader{
	text-align: left;
	font-size:14px;
	font-weight:bold;
}
#home-inside #preHome,#home-text #preHome {
	font-weight:bold;
}
#home-text #textHome {
	color: #D90000;
	font-weight:bold;
}
#home-text #homeContactLeft
{
	width:80px;
	float: left;
	margin-top: 5px;
}
#home-text #homeContactRight
{
	margin-top: 5px;
}
#home-inside #textHome {
	color: #D90000;
	font-weight:bold;
}
#home-text #homeLeft
{
	width:300px;
	float: left;
	margin-top: 5px;
}
#home-text #homeRight
{
	margin-top: 5px;
}
#home-inside #homeContactLeft
{
	width:80px;
	float: left;
	margin-top: 5px;
}
#home-inside #homeContactRight
{
	margin-top: 5px;
}
.homesign{
height:200px;

}
#hometable td, #hometable h5{
text-align:center;
}

#monitor {
	position:relative; top:10px; left:20px;
	float:left;
	z-index:1;
}
#homecatalog {
	position:relative; left:40px; top:40px;
	float:left;
	z-index:22;
}

#zumShop img{
	
	border:none;
	float:left;
}
#home-inside a:link,
#home-inside a:visited,
#home-inside a:hover, 
#home-inside a:active{
	color: <!--{$style.colorTextBase}-->;
}

#group #groupInfoMain {
	padding-bottom: 0px;
	padding-top:0px;
	float:right;
	
}

#checkoutTable tr,
#checkoutTable th,
#checkoutTable td
{
		border-color: #FFFFFF;
		background-color: #FFFFFF; 
}
/* End Unsorted */

/* Begin General */

/*button{
	padding: 0px;
	margin: 0px;
	text-decoration:none;
	font-size: 0px;
}*/

/* End General */

/* Begin Cart */

#cartTable table{
	text-align: left;
	width: 610px;
	font-size: 12px;
}
		
#cartTable td{
	text-decoration:none;
	color:	<!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
}

#cartTable td.tableDataMiddle a,
#cartTable td.tableDataLeft a{
	text-decoration:none;
	color:	<!--{$style.colorTextBase}-->;
	font-family: <!--{$style.fontFamilyBase}-->;
}

#cartTable input{
	border: 1px solid <!--{$style.colorBoxes_dark}-->;
	font-size: 11px;
}

#cartTable .tableHeaderMiddle{
	text-align: left;
}

#formularAction table,
#formularAction tr,
#formularAction td{
	margin: 0px;
	padding: 0px;
	background-color: <!--{$style.colorBackground}-->;
	border: none;	
	text-align: center;
	vertical-align: middle;
}

#formularAction table,
#formularAction tr{
	width: 100%;
}

#formularAction td{
	width: 33%;
	text-align: center;
}	

#productThumbImage{
	border: 0px;
	width: 40px;
	
}

/* End Cart */

/* Begin EditPassword */

#editPassword form{
	width: 50%;
	text-align:right;
}

#editPassword .stdBtn{
	position: relative; 
	left: 8px;
}



#editPassword table{
	margin-bottom:10px;
}

#editPassword table,
#editPassword input{
	border: 1px solid <!--{$style.colorBoxes_dark}-->;
	font-size: 12px;
}	
	
/* End EditPassword */

/* Begin Login */

#login{
	font-size: 12px;
}

#login table{
	border: none;
	width: 100%;
	margin-bottom: 10px;
}

#loginContainer tr,
#loginContainer th,
#loginContainer td
{
	background: transparent;
	border: none;
}	

#loginContainer input{
	width: 90%;
	padding: 1px;
}

#loginContainer{
	padding: 0px;
	margin: 0px;
	margin-right: auto;
	width: 50%;
}	
#loginContainerButtons{
	padding: 0px;
	margin: 0px;
	margin-right: auto;
	width: 80%;
}	
	
/* End Login */

/* Begin Request */

#request{
	font-size: 12px;
}

#request table{
	width: 80%;
	
}

#request th{
	text-align:left;
	border:none;
	border-bottom:2px solid #666666;
	width:100%;
}

#request td{
	width: 70%;
	border:none;
}	


DIV#requestSend,
DIV#requestSend table,
DIV#requestSend th,
DIV#requestSend tr,
DIV#requestSend td
{
 font-size: 12px;
}

/* End Request */


/* Begin Buttons */

.alignButtonLeft{
	float: left;
}

.alignButtonRight{
	float: right;
}

.alignButtonMiddle{
}


a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
a.stdBtn:hover,
a.stdBtn:active,
button.stdBtn,
button.stdBtnHover,
button.stdBtn:link,
button.stdBtn:visited,
button.stdBtn:hover,
button.stdBtn:active{
	overflow-x: visible;
	overflow-y: visible;
	text-align: left;
	text-decoration:none;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
}

td a.stdBtn,
td a.stdBtn:link,
td a.stdBtn:visited,
td a.stdBtn:hover,
td a.stdBtn:active{
	/* Making <a> similar to <button> add padding: 2px 0px; */
	padding: 4px 2px;
	line-height:24px;
}

a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
a.stdBtn:hover,
a.stdBtn:active{
	padding: 4px 2px;
	line-height: 21px;
}

a.stdBtn,
a.stdBtn:link,
a.stdBtn:visited,
button.stdBtn,
button.stdBtn:link,
button.stdBtn:visited,
div.alignButtonRight{
	color: #000000; /*<!--{$style.colorTextNavigation}-->;*/
	background-color: <!--{$style.colorBoxes_main}-->;
	background-image: url(../view/images/global/webbilder/w24_button.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: none;
/*
	border: 1px solid <!--{$style.colorTextBase}-->;
*/
}

a.stdBtn:hover,
a.stdBtn:active,
button.stdBtnHover,
button.stdBtn:hover,
button.stdBtn:active{
	color: #FFFFFF;/*<!--{$style.colorTextBase}-->;*/
	background-color: <!--{$style.colorBoxes_light}-->;
	background-image: url(../view/images/global/webbilder/w24_buttonHover.gif);
	background-repeat: repeat-x;
	background-position: top left;
	border: none;
/*
	border:1px solid <!--{$style.colorTextNavigation}-->;
*/
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
a.smallBtn:hover,
a.smallBtn:active,
button.smallBtn,
button.smallBtnHover,
button.smallBtn:link,
button.smallBtn:visited,
button.smallBtn:hover,
button.smallBtn:active{
	overflow-x: visible;
	overflow-y: visible;
	text-align: left;
	text-decoration:none;
	font-family: <!--{$style.fontFamilyBase}-->;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
	cursor: pointer;	
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
a.smallBtn:hover,
a.smallBtn:active{
	line-height: 24px;
}

a.smallBtn,
a.smallBtn:link,
a.smallBtn:visited,
button.smallBtn,
button.smallBtn:link,
button.smallBtn:visited{
	color: #000000;/*<!--{$style.colorTextNavigation}-->;*/
	border: none;
	background-color: <!--{$style.colorBoxes_dark}-->;
	background-image: url(../view/images/global/webbilder/w24_button.gif);
	background-repeat: repeat-x;
	background-position: top left;
/*
	border:1px solid <!--{$style.colorTextBase}-->;
*/
}

a.smallBtn:hover,
a.smallBtn:active,
button.smallBtnHover,
button.smallBtn:hover,
button.smallBtn:active{
	color: #FFFFFF;/*<!--{$style.colorTextBase}-->;*/
	border: none;
	cursor: pointer;
	background-color: <!--{$style.colorBoxes_light}-->;
	background-image: url(../view/images/global/webbilder/w24_buttonHover.gif);
	background-repeat: repeat-x;
	background-position: top left;		
/*	
	border:1px solid <!--{$style.colorTextNavigation}-->;
*/
}

/* End Buttons*/

/* Begin Left Navigation */

#leftNavigation{
	width:165px;
	float: left;
	font-size:10px;
	margin: 0px;

	padding: 0px;
	padding-bottom:25px;
	background-color: #FFFFFF;
	
}	 



/* Begin Navigation-Panel */
.roundedNavigationPanel{
	background: transparent; 
	width:162px; 
	margin:0 auto;
	
}

.roundedNavigationPanel .rnpB1,
.roundedNavigationPanel .rnpB2, 
.roundedNavigationPanel .rnpB3, 
.roundedNavigationPanel .rnpB4{
	display:block; 
	overflow:hidden;
}

.roundedNavigationPanel .rnpB1, 
.roundedNavigationPanel .rnpB2, 
.roundedNavigationPanel .rnpB3{
	height:1px;
}


.roundedNavigationPanel .rnpB2{
	background: #B4B8B8; 
	border-left:1px solid #B4B8B8; 
	border-right:1px solid #B4B8B8;
}

.roundedNavigationPanel .rnpB3{
	background: #D4D4D4; 
	border-left:1px solid #D4D4D4; 
	border-right:1px solid #D4D4D4;
}

.roundedNavigationPanel .rnpB4{
	height: 2px;
	background: #FAFAFA; 
	border-left:1px solid #FAFAFA; 
	border-right:1px solid #FAFAFA;
}

.roundedNavigationPanel .rnpB2{
	margin:0 3px; 
	border-width:0 2px;
}

.roundedNavigationPanel .rnpB3{
	margin:0 2px;
}

.roundedNavigationPanel .rnpB4{
	height:2px; 
	margin:0 1px;
}

.roundedNavigationPanel .leftShopNavi{
	/*border-top: 1px solid <!--{$navigationStyle.colorButtonBorderNavigation}-->;*/
}



.roundedNavigationPanel .leftShopNaviButton,
.roundedNavigationPanel .leftShopNaviButtonHover{
	font-weight:bold;
	font-size:12px;
}

.leftShopNavi{
font-size:9px;
}


.leftShopNaviSubButton{
padding-left:-10px;}

.roundedNavigationPanel .leftShopNaviSubButton,
.roundedNavigationPanel .leftShopNaviSubButtonHover{
	padding-right:2px;
	overflow:hidden;

}

.roundedNavigationPanel .leftShopNaviButton,
.roundedNavigationPanel .leftShopNaviButton:link,
.roundedNavigationPanel .leftShopNaviButton:visited
{
	padding:2px;


	color: <!--{$navigationStyle.colorButtonTextNavigation}-->;
}

.roundedNavigationPanel .leftShopNaviSubButton,
.roundedNavigationPanel .leftShopNaviSubButton:link,
.roundedNavigationPanel .leftShopNaviSubButton:visited{
	padding:2px;


	color: <!--{$navigationStyle.colorButtonTextNavigation}-->;	
}

.roundedNavigationPanel .leftShopNaviButtonHover,
.roundedNavigationPanel .leftShopNaviButton:hover,
.roundedNavigationPanel .leftShopNaviButton:active{
	padding:2px;

	color: <!--{$navigationStyle.colorButtonTextNavigation}-->;
}

.roundedNavigationPanel .leftShopNaviSubButtonHover,
.roundedNavigationPanel .leftShopNaviSubButton:hover,
.roundedNavigationPanel .leftShopNaviSubButton:active{
	padding:2px;
	background-color: #ccc;
	border-bottom: 1px solid #ccc;
	color: #fff;

}

.roundedNavigationPanel .leftShopNaviButtonHover a:link,
.roundedNavigationPanel .leftShopNaviButtonHover a:visited,
.roundedNavigationPanel .leftShopNaviButton a:link,
.roundedNavigationPanel .leftShopNaviButton a:visited,
.roundedNavigationPanel .leftShopNaviSubButtonHover a:link,
.roundedNavigationPanel .leftShopNaviSubButtonHover a:visited,
.roundedNavigationPanel .leftShopNaviSubButton a:link,
.roundedNavigationPanel .leftShopNaviSubButton a:visited{
	color: #000;
	background-image: url(../view/images/global/webbilder/greyarrow.gif) right no-repeat;	
	text-decoration: none;

}

.roundedNavigationPanel .leftShopNaviButtonHover a:hover,
.roundedNavigationPanel .leftShopNaviButton a:hover,
.roundedNavigationPanel .leftShopNaviButtonHover a:active,
.roundedNavigationPanel .leftShopNaviButton a:active,
.roundedNavigationPanel .leftShopNaviSubButtonHover a:hover,
.roundedNavigationPanel .leftShopNaviSubButton a:hover,
.roundedNavigationPanel .leftShopNaviSubButtonHover a:active,
.roundedNavigationPanel .leftShopNaviSubButton a:active{
	color: #999;
	text-decoration: none;
}

.roundedNavigationPanel button{
	border:none;
	background-image: url(../view/images/global/webbilder/w24_button_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: <!--{$navigationStyle.colorPanelTabTextNavigation}-->;
	cursor: pointer;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
}
/* End Navigation-Panel */

/* Begin Cart-Panel */
.roundedCartPanel{
	background: transparent; 
	width:162px; 
	margin:0 auto;
}

.roundedCartPanel .rcapB1,
.roundedCartPanel .rcapB2, 
.roundedCartPanel .rcapB3, 
.roundedCartPanel .rcapB4{
	display:block; 
	overflow:hidden;
}

.roundedCartPanel .rcapB1, 
.roundedCartPanel .rcapB2, 
.roundedCartPanel .rcapB3{
	height:1px;
}

.roundedCartPanel .rcapB2{
	background: #B4B8B8; 
	border-left:1px solid #B4B8B8; 
	border-right:1px solid #B4B8B8;
}

.roundedCartPanel .rcapB3{
	background: #D4D4D4; 
	border-left:1px solid #D4D4D4; 
	border-right:1px solid #D4D4D4;
}

.roundedCartPanel .rcapB4{
	height: 2px;
	background: #FAFAFA; 
	border-left:1px solid #FAFAFA; 
	border-right:1px solid #FAFAFA;
}

.roundedCartPanel .rcapB2{
	margin:0 3px; 
	border-width:0 2px;
}

.roundedCartPanel .rcapB3{
	margin:0 2px;
}

.roundedCartPanel .rcapB4{
	height:2px; 
	margin:0 1px;
}

.roundedCartPanel button{
	border:none;
	background-image: url(../view/images/global/webbilder/w24_button_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: <!--{$navigationStyle.colorPanelTabTextCart}-->;;
	cursor: pointer;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
}

.roundedCartPanel .leftCartNavi,
.roundedCartPanel .leftCartNavi:link,
.roundedCartPanel .leftCartNavi:visited{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:2px;
	padding-right:2px;
	display:block;
	border:1px solid <!--{$navigationStyle.colorPanelCart}-->;  
	background:<!--{$navigationStyle.colorButtonCart}-->;
	color:<!--{$navigationStyle.colorButtonTextCart}-->;
	text-decoration: none;
}

.roundedCartPanel .leftCartNavi:hover,
.roundedCartPanel .leftCartNavi:active{
	border:1px solid <!--{$navigationStyle.colorPanelCart}-->;  
	background:<!--{$navigationStyle.colorButtonHoverCart}-->;
	color:<!--{$navigationStyle.colorButtonTextHoverCart}-->;
	text-decoration: none;
}

.leftCartNaviButtonLeft,
.leftCartNaviButtonBottomLeft{
	float:left;
}

.leftCartNaviButtonRight,
.leftCartNaviButtonBottomRight{
	text-align: right;
	padding-right: 2px;
}

.leftCartNaviButtonLeft,
.leftCartNaviButtonRight{
	padding-top:2px;
}

.leftCartNaviButtonBottomLeft,
.leftCartNaviButtonBottomRight{
	padding-bottom:2px;
}
/* End Cart-Panel */

/* Begin Customer-Panel */
.roundedCustomerPanel{
	background: transparent;
	width:162px; 
	margin:0 auto;
}

.roundedCustomerPanel .rcpB1,
.roundedCustomerPanel .rcpB2, 
.roundedCustomerPanel .rcpB3, 
.roundedCustomerPanel .rcpB4{
	display:block; 
	overflow:hidden;

}

.roundedCustomerPanel .rcpB1, 
.roundedCustomerPanel .rcpB2, 
.roundedCustomerPanel .rcpB3{
	height:1px;
}

.roundedCustomerPanel .rcpB2{
	background: #B4B8B8; 
	border-left:1px solid #B4B8B8; 
	border-right:1px solid #B4B8B8;
}



.roundedCustomerPanel .rcpB3{
	background: #D4D4D4; 
	border-left:1px solid #D4D4D4; 
	border-right:1px solid #D4D4D4;
}

.roundedCustomerPanel .rcpB4{
	height: 2px;
	background: #FAFAFA; 
	border-left:1px solid #FAFAFA; 
	border-right:1px solid #FAFAFA;
}

.roundedCustomerPanel .rcpB2{
	margin:0 3px; 
	border-width:0 2px;
}

.roundedCustomerPanel .rcpB3{
	margin:0 2px;
}

.roundedCustomerPanel .rcpB4{
	height:2px; 
	margin:0 1px;
}

.roundedCustomerPanel .leftNavi{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 2px;
	padding-bottom: 2px;
	display:block;
	border:1px solid <!--{$navigationStyle.colorButtonBorderCustomer}-->;  
	background:<!--{$navigationStyle.colorButtonCustomer}-->;
}

.roundedCustomerPanel button{
	border:none;
	background-image: url(../view/images/global/webbilder/w24_button_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: <!--{$navigationStyle.colorPanelTabTextCustomer}-->;
	cursor: pointer;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
}

.roundedCustomerPanel .leftNaviButton{
	list-style-type:none;
}

.roundedCustomerPanel li,
.roundedCustomerPanel ul{
	margin-left:0px;
	padding-left:0px;
}

.roundedCustomerPanel .leftNaviButton a,
.roundedCustomerPanel .leftNaviButtonHover a{
	color:<!--{$navigationStyle.colorButtonTextCustomer}-->;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}

.roundedCustomerPanel li:link,
.roundedCustomerPanel li:visited{
	background-color: #e5fffe;
}

.roundedCustomerPanel .leftNaviButtonHover,
.roundedCustomerPanel li:hover,
.roundedCustomerPanel li:active{
	background-color: #808080;
	list-style:none;
}
/* End Customer-Panel */

/* Begin DirectOrder-Panel */
.roundedDirectOrderPanel{
	background: transparent;
	width:162px; 
	margin:0 auto;
}

.roundedDirectOrderPanel .rdopB1,
.roundedDirectOrderPanel .rdopB2, 
.roundedDirectOrderPanel .rdopB3, 
.roundedDirectOrderPanel .rdopB4{
	display:block; 
	overflow:hidden;
}

.roundedDirectOrderPanel .rdopB1, 
.roundedDirectOrderPanel .rdopB2, 
.roundedDirectOrderPanel .rdopB3{
	height:1px;
}


.roundedDirectOrderPanel .rdopB2{
	background: #B4B8B8; 
	border-left:1px solid #B4B8B8; 
	border-right:1px solid #B4B8B8;
}

.roundedDirectOrderPanel .rdopB3{
	background: #D4D4D4; 
	border-left:1px solid #D4D4D4; 
	border-right:1px solid #D4D4D4;
}

.roundedDirectOrderPanel .rdopB4{
	height: 2px;
	background: #FAFAFA; 
	border-left:1px solid #FAFAFA; 
	border-right:1px solid #FAFAFA;
}

.roundedDirectOrderPanel .rdopB2{
	margin:0 3px; 
	border-width:0 2px;
}

.roundedDirectOrderPanel .rdopB3{
	margin:0 2px;
}

.roundedDirectOrderPanel .rdopB4{
	height:2px; 
	margin:0 1px;
}

.roundedDirectOrderPanel .leftNavi{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 2px;
	padding-bottom: 2px;
	display:block;
	border:1px solid <!--{$navigationStyle.colorButtonBorderDirectOrder}-->;  
	background:<!--{$navigationStyle.colorButtonDirectOrder}-->;
}

.roundedDirectOrderPanel button{
	border:none;
	background-image: url(../view/images/global/webbilder/w24_button_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: <!--{$navigationStyle.colorPanelTabTextDirectOrder}-->;
	cursor: pointer;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
}

.roundedDirectOrderPanel .leftNaviButton,
.roundedDirectOrderPanel .leftNaviButtonHover{
	list-style-type:none;
}

.roundedDirectOrderPanel li,
.roundedDirectOrderPanel ul{
	margin-left:0px;
	padding-left:0px;
}

.roundedDirectOrderPanel .leftNaviButton a,
.roundedDirectOrderPanel .leftNaviButtonHover a,
.roundedDirectOrderPanel .leftNaviButton span,
.roundedDirectOrderPanel .leftNaviButtonHover span{
	color:<!--{$navigationStyle.colorButtonTextDirectOrder}-->;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}

.roundedDirectOrderPanel li:link,
.roundedDirectOrderPanel li:visited{
	background-color: <!--{$navigationStyle.colorButtonDirectOrder}-->;
}

.roundedDirectOrderPanel .leftNaviButtonHover,
.roundedDirectOrderPanel li:hover,
.roundedDirectOrderPanel li:active{
	background-color: <!--{$navigationStyle.colorButtonHoverDirectOrder}-->;
}

#rdopMenu form{
	margin: 0px;
}

#rdopMenu button{
	margin: 0px;
	padding: 2px;
	border: 0px;
	cursor: pointer;
	text-align: center;
	text-decoration:none;
}
/* End DirectOrder-Panel */

/* Begin Online-Request-Panel */
.roundedOnlineRequestPanel{
	background: transparent;
	width:162px; 
	margin:0 auto;
}

.roundedOnlineRequestPanel .rorpB1,
.roundedOnlineRequestPanel .rorpB2, 
.roundedOnlineRequestPanel .rorpB3, 
.roundedOnlineRequestPanel .rorpB4{
	display:block; 
	overflow:hidden;
}

.roundedOnlineRequestPanel .rorpB1, 
.roundedOnlineRequestPanel .rorpB2, 
.roundedOnlineRequestPanel .rorpB3{
	height:1px;
}



.roundedOnlineRequestPanel .rorpB2{
	background: #B4B8B8; 
	border-left:1px solid #B4B8B8; 
	border-right:1px solid #B4B8B8;
}

.roundedOnlineRequestPanel .rorpB3{
	background: #D4D4D4; 
	border-left:1px solid #D4D4D4; 
	border-right:1px solid #D4D4D4;
}

.roundedOnlineRequestPanel .rorpB4{
	height: 2px;
	background: #FAFAFA; 
	border-left:1px solid #FAFAFA; 
	border-right:1px solid #FAFAFA;
}

.roundedOnlineRequestPanel .rorpB2{
	margin:0 3px; 
	border-width:0 2px;
}

.roundedOnlineRequestPanel .rorpB3{
	margin:0 2px;
}

.roundedOnlineRequestPanel .rorpB4{
	height:2px; 
	margin:0 1px;
}

.roundedOnlineRequestPanel .leftNavi{
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top: 2px;
	padding-bottom: 2px;
	display:block;
	border:1px solid <!--{$navigationStyle.colorButtonBorderOnlineRequest}-->;  
	background:<!--{$navigationStyle.colorButtonOnlineRequest}-->;
}

.roundedOnlineRequestPanel button{
	border:none;
	background-image: url(../view/images/global/webbilder/w24_button_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: <!--{$navigationStyle.colorPanelTabTextOnlineRequest}-->;
	cursor: pointer;
	font-weight:bold;
	font-size: 11px;
	text-align:left;
}

.roundedOnlineRequestPanel .leftNaviButton{
	list-style-type:none;
}

.roundedOnlineRequestPanel li,
.roundedOnlineRequestPanel ul{
	margin-left:0px;
	padding-left:0px;
}

.roundedOnlineRequestPanel .leftNaviButton a,
.roundedOnlineRequestPanel .leftNaviButtonHover a{
	color:<!--{$navigationStyle.colorButtonTextOnlineRequest}-->;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}

.roundedOnlineRequestPanel li:link,
.roundedOnlineRequestPanel li:visited{
	background-color: <!--{$navigationStyle.colorButtonOnlineRequest}-->;
}

.roundedOnlineRequestPanel .leftNaviButtonHover,
.roundedOnlineRequestPanel li:hover,
.roundedOnlineRequestPanel li:active{
	background-color: <!--{$navigationStyle.colorButtonHoverOnlineRequest}-->;
}
/* End Online-Request-Panel */

/* End Left Navigation */


/*Shop center by Bo



*/

#container{

margin-left:auto;
margin-right:auto;
text-align:left;
width:845px;}

/*  Start List View by Bo*/

#grouptable {
margin:0px;
text-align:left;
 }
#grouptable h2{
border-bottom:1px solid #336600;
margin:0;
 } 
.catrows{
padding-bottom:5px;
border-bottom:1px dashed #006600;
}
#linklist h5 a{
color:#505050;
text-align:left;
text-decoration:none;

}
#linklist h5 a:hover{
color:#336600;
text-align:left;
text-decoration:none;


}
.productlistdivL {
border:1px solid #336600;
width:300px;
float:left;
display: block;
}
.productlistdivR {
border:1px solid #336600;
width:300px;
float:right;
display: block;
}

/*  End List View by Bo*/

#searchfield{
text-align:right;
padding:3px;
background-color:#CCCCCC;

}

*+html #searchfield{
text-align:right;
padding:3px;
background-color:#CCCCCC;
height:25px;

}

/* Start Searchresult by Bo*/
.searchNavHead{
	width: 200px;
	background-color: #dadada;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 5px;
	text-align: left;
}

*html .searchNavHead{
	width: 201px;
}

ul.sideNavSearch {
  width: 210px;
  margin: 0 0 10px 0; padding: 0;
  font-size: 12px;
  background-color: #ebebeb;
  text-align: left;
}
* html ul.sideNavSearch {  /* Korrekturen fuer IE 5.x */
  width: 200px;
  w\idth: 200px;
  padding-left: 0;
  padd\ing-left: 0;
}
ul.sideNavSearch li {
  list-style: none;
  margin: -1px 0 0 0; padding: 0;
}

ul.sideNavSearch a {
  display:block;
  padding: 3px;
  text-decoration: none; 
  font-weight: normal;
  border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
  color: #000; 
  background-color: #e6e6e6;
}

ul.sideNavSearch b {
  display:block;
  padding: 3px;
  text-decoration: none; 
  font-weight: bold;
  border: 1px solid #fff;
  color: #000; 
  background-color: #e6e6e6;
}

ul.sideNavSearch a.activeSubmenue1 {
	background-color: #ffee8b;
	padding-left: 15px;
}

ul.sideNavSearch a.activeSubNavSelected1 {
	background-color: #ffda00;
	padding-left: 15px;
	font-weight: bold;
	color: #333;
}

* html ul.sideNavSearch a {  /* Breitenangaben nur fuer IE */
  width: 204px;
  w\idth: 204px;
}
ul.sideNavSearch a:hover {
  color: #064a98; 
  background-color: #ebebeb;
}

.selectSearchNav {
	width: 210px;
	font-size: 10px;
}

* html.selectSearchNav {
	width: 200px;
}

.searchResultProdHead {
	background-color: #e6e6e6;
	padding: 5px;
	border-bottom: 1px dotted #000;
	font-weight: bold;
	color: #000;
}

.searchSelect{
	width: 150px;
	font-size: 12px;
}

.searchPageLink{
	font-weight: normal;
	text-decoration:none;
	color:#666666;
}

.searchPageLink_akt{
	font-weight: bold;
	text-decoration:none;
	color:#333333;
	font-size:1.2em;
}
/* end search Result by Bo*MM1*/

#catalogswf{
margin-left:-10px;
}
.redfontbold{
color:#990000;
font-size:12px;
font-weight:bold;
margin-bottom:10px;

}

/* 2011  */
.leftAlign{
float:left;	
}
.inputsearch{
margin:4px 0px 0px 35px;	
width:120px;
border:0px;
}
.buttonsearch{
	 background-color: transparent;
	 border:0px;
	 width:35px;
	 cursor:pointer;

}	
#searchStart{

	height: 323px;
	text-align:left;
	font-size:13px;



}

#chooseAreaText
{
	float:left;
	width:400px;
}

#chooseArea{

}

#chooseArea input{
font-size:38px;
border:2px solid #999;
}


#map{
margin: auto;
}
#searchArea{
float:left;	
width:300px;
margin: 20px 0px 0px 70px;
}	
#startcontent{
	background:#fff url(view/images/global/webbilder/signsafety-shop.jpg) bottom no-repeat;	
	height: 322px;
	border:1px solid #ccc;
	padding: 20px 20px 20px 270px;
	color:#5e5e5e;
}	
#startcontent a{
  font-weight:bold;
	color:#5e5e5e;
}	
#startcontent h1{
	padding:5px 0px 20px;
  font-size:14px;
	color:#5e5e5e;
}	
#list{
	color:#5e5e5e;	
	padding:0px 0px 60px;
}
#list h3{
	color:#5e5e5e;
	margin:10px 30px;	
}	
#list ul{
	color:#5e5e5e;
	list-style-type:none;
	margin:0px 30px;	
	padding:0px;
}	
#list li{
  font-size:11px;
  padding:0px 0px 4px;
}			
#list td{
vertical-align:top;	
}
#teaser{

}