/* CSS Document */
form {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
body {
scrollbar-arrow-color: #C5D2F3; 
scrollbar-face-color: #3D719B; 
scrollbar-highlight-color: #C5D2F3; 
scrollbar-3dlight-color: #3D719B; 
scrollbar-shadow-color: #3D719B; 
scrollbar-darkshadow-color: #3D719B;
scrollbar-track-color: #E7E7E7; 
}


/************************************* Farben der Contentbereiche *****************************************/

.bg_body{
		background: #FFFFFF;
}

.bg_content_left{
		background: #FFFFFF;
}

.bg_content_center{
		background: #FFFFFF;
}

.bg_content_right{
		background: #FFFFFF;
}

.bg_footer{
		background: #E7E7E7;
}

bg_linkleiste_left{
		background:#948F7B;
}

bg_linkleiste_right{
		background:#948F7B;
}

.content{
        background-color:#F9F9FF;
		border: 1px solid #DDDDF9;
		width:650px;
		height:100%;
}

/************************************* Schrift *****************************************/

.text_dark{
        color: #000033;
        font-family: arial;
        font-size: 12px;}

.text_light{
        color: #FFFFFF;
        font-family: arial;
        font-size: 11px;}

.text_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 11px;}

.text_small_dark{
        color: #000000;
        font-family: Arial;
        font-size: 10px;}

.text_small_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 10px;}

.text_small_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 10px;}


.title_dark{
        color: #000066;
        font-family: Arial;
        font-size: 12px;
		font-weight: bold;}
		
.title_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 11px;
		font-weight: bold;}

.title_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 11px;
		font-weight: bold;}		

.title_big_dark	{
        color: #000066;
        font-family: Arial;
        font-size: 16px;
		font-weight: bold;}		
		
.title_big_light{
        color: #FFFFFF;
        font-family: Arial;
        font-size: 16px;
		font-weight: bold;}
		
.title_big_red{
        color: #FF0000;
        font-family: Arial;
        font-size: 14px;
		font-weight: bold;}						

/************************************* Links *****************************************/

/********/
.link_light_bold a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_light_bold a:hover {
	color : #666666;
	text-decoration: none;}
	
.link_light_bold_no a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_light_bold_no a:hover {
	color : #666666;
	text-decoration: none;}	
	
.link_light_bold_act a {
	color : #883D26;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_light_bold_act a:hover {
	color : #FFFFFF;
	text-decoration: none;}		

/********/
.link_light_normal a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_light_normal a:hover {
	color : #666666;
	text-decoration: none;}

.link_light_normal_no a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_light_normal_no a:hover {
	color : #666666;
	text-decoration: none;}	
	
.link_light_normal_act a {
	color : #883D26;
	font-size : 11px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_light_normal_act a:hover {
	color : #FFFFFF;
	text-decoration: none;}		

/********/
.link_light_bold_reiter_no a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_light_bold_reiter_no a:hover {
	color : #666666;
	text-decoration: none;}

.link_light_bold_reiter_act a {
	color : #FFFFFF;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_light_bold_reiter_act a:hover {
	color : #666666;
	text-decoration: none;}	


/********/
.link_dark_bold a {
	color : #000066;
	font-size : 12px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_dark_bold a:hover {
	color : #666666;
	text-decoration: none;}

.link_dark_bold_no a {
	color : #000000;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_dark_bold_no a:hover {
	color : #666666;
	text-decoration: none;}

.link_dark_bold_act a {
	color : #883D26;
	font-size : 11px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_dark_bold_act a:hover {
	color : #883D26;
	text-decoration: none;}

/********/
.link_dark a {
	color : #5871A3;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_dark a:hover {
	color : #555555;
	text-decoration: none;}
	
.link_dark_no a {
	color : #000000;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_dark_no a:hover {
	color : #666666;
	text-decoration: none;}	
	
.link_dark_act a {
	color : #883D26;
	font-size : 12px;
	font-weight: normal;
	font-family : Arial;	
	text-decoration: none;}

.link_dark_act a:hover {
	color : #FFFFFF;
	text-decoration: none;}		


/********/
.link_small_light a {
	color : #883D26;;
	font-size : 10px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_small_light a:hover {
	color : #666666;
	text-decoration: none;}

/********/
.link_big_light a {
	color : #883D26;
	font-size : 12px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_big_light a:hover {
	color : #883D26;
	text-decoration: none;}

/********/
.link_big_red a {
	color : #FF0000;
	font-size : 12px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_big_red a:hover {
	color : #FF0000;
	text-decoration: none;}

/********/
.link_small_dark a {
	color : #000000;
	font-size : 10px;
	font-weight: bold;
	font-family : Arial;	
	text-decoration: none;}

.link_small_dark a:hover {
	color : #666666;
	text-decoration: none;}
	
/********/
.aktuell a{
    color : #883D26;
    font-weight: bold;
    text-decoration: underline;}
	
	
/************************************* Contentelemente *****************************************/

.klickpfad{
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
        font-family: Arial;
        font-size: 10px;
		height:18px;
		width:665px;		
}

.tabellenkopf {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
    text-align: center;
    padding: 4px;
    background-color: #83AECA;
}

.tabelleninhalt {	
	background-color: #F9F9FF;
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	padding: 4px;
}

.box_right_header{   
    padding-left:5px; height:19px; text-align:left;  width:130px 	
}

.box_right_content{
    padding-left:5px; background-color:#F2F5F7; height:15px; border-bottom: 1px solid #DDDDF9; width:130px
}

.box_left_header{
   padding-left:5px; text-align:left;  height:19px; width:170px
}

.box_left_content{
   padding-left:5px; background-color:#F2F5F7; text-align:left; border-bottom: 1px solid #DDDDF9; height:19px; width:170px
}

.artikelbox{
    border: 1px solid #DDDDF9;
    background-color:#FFFFFF;
}

.artikelbox_header{
 	border-top:1px solid #DDDDF9; border-left:1px solid #DDDDF9; border-right:1px solid #DDDDF9;
	background-color: #FFFFFF
}

/************************************* other(Input;Button;Select;Ränder) *****************************************/

/*** Select ***/
.select {
    color : #000066;
    font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #DDDDF9;}

/*** Ränder ***/


.border_dark {
	   border: 1px solid #DDDDF9;}

.border_light {
	   border: 1px solid #AFAFAF;}	   


/*** Button ***/

.button{
       font-family: Arial;
       font-size: 9px;
	    
       border: 0px solid #000033;
       padding-top:2px;
	   background-color: #000033;
       color: #FFFFFF;}	

/*** Input ***/

.input{ 
       font-family: Arial;
       font-size: 10px;
       border: 1px solid #D9DDE1;
       background-color: #FFFFFF;
       color: #000000;
	   }	
	  
.input_red{ 
       font-family: Arial;
       font-size: 10px;
       border: 1px solid #FF0000;
       background-color: #FFFFFF;
       color: #000000;
	   }	
	
/************************************* Tabellen in Warenkorb *****************************************/

.warenkorb_kopf {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
    text-align: center;
    padding: 4px;
    background-color: #83AECA;
}

.warenkorb_kopf_big {     
    
    background-color: #83AECA;
}

.warenkorb_inhalt {	
	background-color: #F9F9FF;
	color: #000000;
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	padding: 4px;
}

/************************************* Tabellen in Kasse *****************************************/

.kasse_kopf {    
    text-align: center;
    padding: 4px;
    background-color: #83AECA;
	text-align: center;
	padding: 4px;
}

.kasse_gesamtpreis{ 
    text-align: right;
    padding-right: 10px;
    background-color: #83AECA;
	color: #000000;
	padding-right:4px; 
	font-family: Arial;  
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold;
}

.kasse_inhalt {	
	background-color:#F9F9FF;
	color: #000000;	
	text-align: center;
	padding: 4px;
}

/************************************* Tabellen in Bestellung *****************************************/

.bestellung_kopf {    
    text-align: center;
    padding: 4px;
    background-color: #83AECA;
	text-align: center;
	padding: 4px;
}

.bestellung_gesamtpreis{ 
    text-align: right;
    padding-right: 10px;
    background-color: #83AECA;
	color: #000000;
	padding-right:4px; 
	font-family: Arial;  
	font-size: 11px; 
	font-style: normal; 
	font-weight: bold;
}

.bestellung_inhalt {	
	background-color: #F9F9FF;
	color: #000000;	
	text-align: center;
	padding: 4px;
}

/************************************* ÜbersichtsBoxen *****************************************/

/* -------------------------- Box Schnellsuche -------------------------*/

.box_suche_top {
	width:120px; 
	height:30px; 
	border-bottom: 1px solid #D9DDE1; 
	background-color:#EEEEEE;}

.box_suche_bottom {
	width:120px;
	height:25px;		
	background-color:#E7E7E7;}

.box_suche_input {
	width:100px;	   
    font-family: Arial;
    font-size: 9px;
    border: 1px solid #D9DDE1;
    background-color: #FFFFFF;
    color: #000000;}	
	
.box_suche_button {
    width:100px;	
	padding-top:2px;
	font-family: Arial;
    font-size: 9px;
    border: 0px solid #333333;
    background-color: #000033;
    color: #FFFFFF;}			

/* -------------------------- Box Login -------------------------*/

.box_login_top {
	width:130px; 
	height:30px; 
	border-bottom: 1px solid #D9DDE1; 
	background-color:#EEEEEE;}

.box_login_bottom {
	width:130px;
	height:25px;	 
	background-color:#E7E7E7;}
 
.box_login_input {	
	
    font-family: Arial;
    font-size: 9px;
    border: 1px solid #D9DDE1;
    background-color: #FFFFFF;
    color: #000000;}	
	
.box_login_button {
	width:100px;	
	padding-top:2px;
	font-family: Arial;
    font-size: 9px;
    border: 0px solid #D9DDE1;
    background-color: #000033;
    color: #FFFFFF;}			



/* -------------------------- Box Warenkorb -------------------------*/

.box_warenkorb_top {
	width:120px; 
	height:30px; 
	border-bottom: 1px solid #D9DDE1; 
	background-color:#EEEEEE;}

.box_warenkorb_bottom {
	width:120px; 
	height:25px; 
	background-color:#E7E7E7;}
	
.box_warenkorb_button {
	width:100px;
	padding-top:2px;
	font-family: Arial;    
	font-size: 9px;
    border: 0px solid #333333;
    background-color: #000033;
    color: #FFFFFF;}