/**********************************************************************/
/****************************  M E N U  *******************************/
/**********************************************************************/

	
/********************  W A R E N G R U P P E N  ***********************/

.warengruppe    
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 13px;
	color: #FFFFFF;
	background-color: #638790;
	}

a.warengruppe 
	{

	letter-spacing: 0em; 
	display: block;
	text-align: left; 
    border-style: none; 
    letter-spacing: 0em; 
	padding-left: 10px;
  	padding-top: 1px;
  	padding-bottom: 1px;
  	
    }
    
a.warengruppe:link    
	{
	/*color: #FFFFFF;*/  
	background-color: #638790;  
	}

a.warengruppe:hover   
	{ 
	/*color: #FFFFFF;*/   
	background-color: #89280F; 
	}
	

/********************  E S P E R A N T O  ***********************/

.esperanto    
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 13px;
	color: #FFFFFF;
	background-color: #97b4bb;
	}

a.esperanto 
	{
	letter-spacing: 0em; 
	display: block;
	text-align: left; 
    border-style: none; 
	padding-left: 10px;
  	padding-top: 1px;
  	padding-bottom: 1px;
  	
    }
    
a.esperanto:link    
	{
	/*color: #FFFFFF;*/  
	background-color: #97b4bb;  
	}

a.esperanto:hover   
	{ 
	/*color: #FFFFFF;*/   
	background-color: #89280F; 
	}

.esperantolinie {
	background-color: #7da1aa;
}	

	
/********************  S U B M E N U  ***********************/

.submenu   
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 13px;
	color: #FFFFFF;
	background-color: #97b4bb;
	}

a.submenu 
	{
	letter-spacing: 0em; 
	display: block;
	padding-left: 10px;
  	padding-top: 1px;
  	padding-bottom: 1px;
	}
    
a.submenu:link    
	{
	/*color: #441717;*/
	background-color: #97b4bb;
	/*padding-left: 10px;*/
	}

a.submenu:hover   
	{ 
	/*color: #441717;*/   
	background-color: #89280F; 
	}
	


/******************** W A R E N K O R B ***********************/

.button 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #4B534F;
	text-decoration: none;
	background-color: #820000;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	border-collapse : separate;
	border-top: 1px solid #820000;
	border-right: 9px solid #820000;
	border-bottom: 1px solid #820000;
	border-left: 9px solid #820000;
	/*border-collapse : separate; 
	clip:   rect(   );*/
	width: 100%;
	}

.warenkorbhead 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #820000;
	padding-top: 12px;
	padding-bottom: 2px;
	padding-left: 10px;
	}

.warenkorb 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 13px;
	padding-left: 10px;
	border: none;
	background-color: #7da1aa;
	line-height: 16px;
	}

.warenkorbbg 
	{
	background-color: #820000;
	}


/******************** I N F O R M T I O N ***********************/

.info
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 12px;
	text-decoration: none;
	background-color: #87a8b1;
	/*background-color: #B74C2E;*/
	}
	
	
a.info 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.info:hover 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #89280F;
	text-decoration: none;
	}
	

.infolinie 
	{
	background-color: #7da1aa;
	width: 150px;
	}

	
.copyright 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	padding-left: 10px;
	text-decoration: none;
	line-height: 16px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #7da1aa;
	}
	
	
/**********************************************************************/
/**********************************************************************/
/**********************************************************************/


	
	
	
/**********************************************************************/
	
.buttonkleinprim 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #4B534F;
	text-decoration: none;
	background-color: #CFD6D7;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #CFD6D7;
	border-collapse : separate;
	width: 120px;
	}
	
.buttonkleinsec
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #705328;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #705328;
	border-collapse : separate;
	width: 120px;
	}


.bgimage 
	{  
	background-image: url(../assets/standards/bg_pixel.gif); 
	background-repeat: repeat-x
	}

.head 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	}

.fliess 
	{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF;
	text-decoration: none;
	line-height: 16px;
	}



.headlinea 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #330033;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 2px;
	}
	
	
.subhead 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CFD6D7;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.21em;
	}



.popupmenu {
	background-color: #705328;
}
.angebotimages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4B2500;
	text-decoration: none;
	padding-bottom: 7px;
	border: 1px solid #CCCA70;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
}
.abgebotimagesborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #CC6600;
	text-decoration: none;
}
.angebottext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #4B2500;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 12px;
	padding-left: 15px;
}
.angebotinfo {
	background-color: #CCCA70;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #CCCA70;
	text-decoration: none;
}
.angebothead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #BAAF16;
	text-decoration: none;
}
.content{
	position: relative;
	height: 100%;
	margin: auto;
	padding: 0px;
	clear: both;
	float: none;
	width: 756px;
	visibility: visible;
	z-index: 1;
}

#wrapper 
	{
	margin: 0px auto;
	width: 756px;
	height: 100%;
	
	}



body>#wrapper 
	{
	width: 756px;
	height: 100%;
	}


.layer {
	position: relative;
	visibility: visible;
	z-index: 4;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	background-color: #333366;
	border: 0px;
}

.menu {
	position: relative;
	visibility: visible;
	z-index: 6;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	background-color: #99FF00;
	border: 0px;
	width: 150px;
	left: 20px;
	top: 35px;
	bottom: 0px;
}
.logo {
	position: absolute;
	visibility: visible;
	z-index: 3;
	border: 0px;
	margin: auto;
	padding: 0px;
	left: 65px;
	top: 65px;
}

.headline {
	position: absolute;
	visibility: visible;
	z-index: 3;
	border: 0px;
	margin: auto;
	padding: 0px;
	left: 0px;
	top: 85px;
}


.footer {
	background-image: url(schatten_footer.gif);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 2;
	height: 21px;
	width: 756px;
	bottom: 10px;
	margin: auto;
	padding: 0px;
	overflow: visible;
	clear: none;
	float: none;
	border: 0px;
}


.close {
	padding-left: 15px;
}

/**********************************************************************/
/********************** B A C K G R O U N D S *************************/
/**********************************************************************/


.bgmiddle {
	background-image: url(../assets/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
}
.bgtop {
	background-image: url(../assets/bg_head.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
}
.bgbottom {
	background-image: url(../assets/bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	height: 56px;
}
.submenubg {
	background-color: #87a8b1;
}
.hintergrund {
	background-color: #7da1aa;
}


.bglogo {
	background-image: url(../assets/bg_logo.gif);
	background-repeat: no-repeat;
}

/*********************************************************************/


.subhead {
	padding-bottom: 47px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #FFCCCC;
	padding-right: 30px;
	padding-left: 0px;
}
input.korb {
border: 0px;
	border-collapse : separate;
	background-image:transparent url(../assets/ls_out.gif) no-repeat center center;
}


 input.korb:hover {
	background-image:transparent url(../assets/ls_over.gif) no-repeat center center;
}



/**********************************************************************/
/************************** B U T T O N S *****************************/
/**********************************************************************/

a
{
text-decoration: none;
} 	


input.submit 
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse : separate;
	width: 150px;
	height:20px;
	background:transparent url(../assets/submit_out2.jpg) no-repeat center center;
	} 

:hover input.submit
	{
	background:transparent url(../assets/submit_over2.jpg) no-repeat center center;
	} 
	
	

input.warenkorb 
	{ 
	width: 29px;
	height:35px;
	background: transparent url(../assets/wk_out2.jpg) no-repeat center center;
	} 
	
:hover input.warenkorb
	{
	background: url(../assets/wk_over2.jpg) no-repeat center center;
	} 
	
	

.lautsprecher 
	{
	width: 29px;
	height:35px;
	background: transparent url(../assets/ls_out2.jpg) no-repeat center center;
	} 
	
:hover .lautsprecher
	{
	background: url(../assets/ls_over2.jpg) no-repeat center center;
	}
	
	
.liniecontent 
	{
	background-color: #97b4bb;
	}



/**********************************************************************/
/*********************** T E X T F I E L D S **************************/
/**********************************************************************/

.form input,
.form textarea,
.form select
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	font-weight:normal;
	font-size:11px;
	margin:0 0 0 0;
	padding:2px;
	vertical-align:middle;
	width:300px;
	background:#7da1aa;
	}

	
.form input:focus,
.form texarea:focus,
.form select:focus
	{
	border-color:#FFFFFF;
	background:#89280F;
	}
	
.form input:hover,
.form textarea:hover,
.form select:hover
	{
	background:#89280F;
	border:1px solid #FFFFFF;
	}


.formklein input,
.formklein textarea,
.formklein select
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	font-weight:normal;
	font-size:11px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 1px;
	
	padding-left: 0px;
	text-align: right;
	background:#87a8b1;
	}

	
.formklein input:focus,
.formklein texarea:focus,
.formklein select:focus
	{
	border-color:#FFFFFF;
	background:#89280F;
	}
	
.formklein input:hover,
.formklein textarea:hover,
.formklein select:hover
	{
	background:#89280F;
	border:1px solid #FFFFFF;
	}



/**********************************************************************/
/*********************** B U T T O N S **************************/
/**********************************************************************/


#buttonwarenkorb
	{
	margin:0 0 0 -18px;
	text-align:right;
	}

#buttonwarenkorb input
	{
	margin:0;
	padding:0;
	background:transparent url(../assets/wk_rollover.gif) no-repeat;
	border:none !important;
	outline:none;
	width:29px !important;
	height:35px
	}

#buttonwarenkorb input:hover
	{
	background-position:0 -35px
	}






.buttonlautsprecher 
	{
	margin:0;
	padding:0;
	background:transparent url(../assets/ls_rollover.gif) no-repeat;
	border:none !important;
	outline:none;
	width:29px !important;
	height:35px
	}

:hover .buttonlautsprecher
	{
	background-position:0 -35px
	}



#buttonsubmit
	{
	margin:0 0 0 0px;
	text-align:center
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	}

#buttonsubmit input
	{
	margin:0;
	padding:0;
	background:transparent url(../assets/button_rollover.gif) no-repeat;
	border:none !important;
	outline:none;
	width:150px !important;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	}

#buttonsubmit input:hover
	{
	background-position:0 -20px
	}

