/* page styles */

clearfix {
	clear:both;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #dddddd;
    scrollbar-face-color: #dddddd;
    scrollbar-highlight-color: #eeeeee;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.facebookbutton {
    background-image: url("images/fblogokompl.png");
    background-position: 0 -99px;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 39px;
    margin: 0 0 0 30px;
    width: 39px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #CCCCCC;
    text-transform: uppercase;
    font-weight: bold;
}

.small {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #999999;
}


.agbez h1 {
	font-size:15px;
} 

<!--
.title {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #CCCCCC; 
    font-weight: bold; 
    background-attachment: fixed;
    background-image: url(images/title_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
} -->


.category {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000000; 
    font-weight: normal; 
}

.fbasket {  
		vertical-align:top;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #444444; 
    font-weight: bold; 
}


.fpreis {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #444444; 
    font-weight: normal; 
}

.fartikelnr {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #444444; 
    font-weight: normal; 
}
.finfo {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    color: #444444; 
    font-weight: normal; 
}

     a.abcd {
    	font-color: #00264e;
    	color: #00264e;
			font:bold 11px Arial;
			text-decoration:none;
			background-color: #7ba7d8;
    }   
    
    a.abcd:hover
    	{
	    	color: #00264e;
	    	font-color: #00264e;
				font:bold 11px Arial;
			  background-color: #dee5ed;
    	}

    	
     a.maingroup {
    	font-color: #CCCCCC;
    	color: #FFFFFF;
			font:bold 11px Arial;
			text-decoration:none;
    }   

   	
    
   
		div.maingroup {
			width:161px;height:23px;border:0px solid #FFFFFF;
			margin:0px;
			background-color:#00AAFF; 
			font:bold .9em Times;
    		font-color: #FFFFFF;
    		color: #FFFFFF;
			padding-top:5px;
			padding-left:5px;
			line-height: 1.7;
			vertical-align: middle;
			text-decoration:none;
			//background-image: url(images/bt.gif);
			filter:alpha(opacity=70);
			opacity: 0.7;
			-moz-opacity:0.7;
			zoom: 1;
		}
		
		div.maingroup:hover 
		{
			 filter:alpha(opacity=100);
			opacity: 1;
			-moz-opacity:1;
			zoom:1;
		}
		
		div.selectedgroup 
		{
			width:161px;height:23px;border:0px solid #FFFFFF;
			margin:0px;
			background-color:#00AAFF; 
			font:bold .9em Times;
    	font-color: #FFFFFF;
    	color: #FFFFFF;
			padding-top:5px;
			padding-left:5px;
			line-height: 1.7;
			vertical-align: middle;
			text-decoration:none;
			background-image: url(images/btrot.gif);
			 filter:alpha(opacity=100);
			opacity: 1;
			-moz-opacity:1;
		}
		
		
		
		div.subgroup {
			width:151px;border:0px solid #FFFFFF;
			margin-left:5px;
			background-color:#7ba7d8; 
			font:bold .9em Times;
    		font-color: #FFFFFF;
			padding-top:5px;
			padding-left:5px;
			line-height: 1.7;
			vertical-align: middle;
			text-decoration:none;
			filter:alpha(opacity=70);
			opacity: 0.7;
			-moz-opacity:0.7;
			zoom: 1;
		}		
		div.maingroup:visited 
		{
			font:bold .9em Times;
    	font-color: #FFFFFF;
		}	

   

/* link styles */

a, a:visited, a:active {
    color: #00264e;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

a:hover {
    color: #4983c0;
    text-decoration: underline;
    font-weight: normal;
}


/* form styles */

option, textarea, select, input, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #444444; 
    background-color: #EFEFEF; 
    border: 1px solid #4983c0;
    padding: 0 0 0 0;
}



none {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #77badf; 
    background-image: url(images/form_shbg.gif);
    background-repeat: repeat-x;
    float: left;
    background-color: #FFFFFF; 
    border: 1px solid #4983c0;
}

/* table styles */

.lk_table_headline {  
    color: #FFFFFF;
    background-image: url(images/form_shbg.gif);
    background-repeat: repeat-x;
    background-color: #EFEFEF; 
    border: 0px solid #4983c0;
}
.lk_table_bg1 {  
    color: #111111; 
    border: 1px solid #FFFFFF;
}
.lk_table_bg2 {  
    color: #333333; 
    border: 1px solid #FFFFFF;
}

.articletable
	{
    color: #333333; 
    border: 1px solid #888888;
	}
	


.subwindow{ padding: 7px;
           position:absolute;
           z-index:1000;
           background-color: #EEEEEE;
           border: 1px solid #000000;
           color: #000000;
					}

.mainheader {
   font-family: Verdana;
   font-size: 20px;
   color: #4a85c0;
   font-weight: bold;

}
.maintext {
   font-family: Verdana;
   font-size: 12px;
   color: #222244;
   font-weight: bold;
}

.news td {
   font-family: Verdana;
   font-size: 12px;
   color: #222244;
   font-weight: bold;

}

#menu {

	background-image: url(../images/menu_back.jpg);
	width:146px; height: 537px;
	padding:0; margin:0;
	padding-left:0px;
	background-color:#f7f7f7; 
	border:1px solid #FFFFFF;
}

#menu ul {
	margin: 0; padding: 0;
}


#menu li {
	list-style:none outside none;
			//width:161px;height:23px;border:0px solid #FFFFFF;
			margin:0px;
			background-color:#00AAFF; 
			font:bold .9em Times;
    		font-color: #FFFFFF;
    		color: #FFFFFF;
			padding-top:5px;
			padding-left:5px;
			line-height: 1.7;
			vertical-align: middle;
			text-decoration:none;
			//background-image: url(images/bt.gif);

}

#menu li a {
	padding:0; margin:0;
	//width:161px;height:23px;border:0px solid #FFFFFF;
    font-color: #CCCCCC;
    color: #FFFFFF;
	font:bold 11px Arial;
	text-decoration:none;
}



#menu li:hover {

}

#menu li ul {

	//visibility:hidden;
	//display:none;

}

#menu li.open {
	text-align:left;
	//width:161px;height:23px;border:0px solid #FFFFFF;
	margin:0px;
	background-color:#D63416; 
	font:bold .9em Times;
	    	font-color: #FFFFFF;
	    	color: #FFFFFF;
	padding-top:5px;
	padding-left:5px;
	line-height: 1.7;
	vertical-align: middle;
	text-decoration:none;
	background-image: url(images/btrot.gif);
	display:block;

}

#menu li.open ul {
	visibility:visible;
	display:block;
}

#menu li.open li {
	position:relative;
		list-style:none outside none;	
	//width:161px;border:0px solid #FFFFFF;
	margin-left:0px;
	background-color:#7ba7d8; 
	font:bold .9em Times;
    		font-color: #FFFFFF;
	padding-top:5px;
	padding-left:5px;
	line-height: 1.7;
	vertical-align: middle;
	text-decoration:none;
	background-image:none;
}

















#menu2 {

	background-image: url(../images/menu_back.jpg);
	width:161px; height: 537px;
	padding:0; margin:0;
	padding-left:0px;
	background-color:#f7f7f7; 
	border:1px solid #FFFFFF;
}

#menu2 ul {
	margin: 0; padding: 0;
}


#menu2 li {
	vertical-align: middle;
	list-style:none outside none;
	padding-top:5px;
	padding-left:5px;
	font:bold .9em Times;
	background-color:#0052AA; 
    font-color: #FFFFFF;
    color: #FFFFFF;
	filter:alpha(opacity=70);
	zoom:1;
	opacity: 0.7;
	-moz-opacity:0.7;

}

#menu2 li a {
	
	background-color:#0052AA; 
	padding:0; margin:0;
	//width:161px;height:23px;border:0px solid #FFFFFF;
    font-color: #CCCCCC;
    color: #FFFFFF;
	font:bold 11px Arial;
	text-decoration:none;
}



#menu2 li:hover {
			filter:alpha(opacity=100);
			opacity: 1;
			-moz-opacity:1;
	zoom: 1;
}

#menu2 li ul {

	visibility:hidden;
	display:none;

}

#menu2 li.open {
	background-color:#D63416; 
   	font-color: #FFFFFF;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	zoom: 1;
}

#menu2 li.open a {
	background-color:#D63416; 
   	font-color: #FFFFFF;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	zoom: 1;
}

#menu2 li.open ul {
	visibility:visible;
	display:block;
}

#menu2 li.open li,#menu2 li.open li a {
	background-color:#7ba7d8; 
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	zoom: 1;

}

#itembox {
			width:320px;
			height:180px;
			border: 1px solid #00AAFF;
			float:left; 
			margin: 3px 3px 3px 3px;
			
}

#itembox_image {
		height: 130px;
		width: 130px;
		padding: 12px 12px 12px 0px; 
		float: left;
		text-align:center;
}

#itembox_detail {
		height: 155px;
		width: 155px;
		padding: 12px 12px 12px 0px; 
		text-align: left;
		float: right;
}

.ag {
 border: solid 1px #00AAFF;
 width: 640px;
 margin: 3px 3px 3px 3px;
 padding: 10px;
 
}

.agbez {
 
 background-color: #F7F7F7;
 width: 100%;
 padding: 0px;
 height:50px;
 font-size: 15px;

}
.agbeschr {
 width: 640px;
 padding: 0px;
 text-align:left;
 font-color: #333333;
}

.detailbox {
	border: 0px solid;
	width: 95%;
	margin: 0px;
	padding: 0px;
}

.detailbox .titel {
	padding: 0px;
	margin: 5px;

}

.detailbox .fotos {
	width:400px; 
	border: solid 1px #00AAFF; 
	float:left; 
	margin:0px; 
	padding:0px;
}

.detailbox .beschreibung {
	float: left;
	border: 0px solid #00AAFF;
	margin:5px; 
	padding:0px;
	text-align:left;
}

.maintiles {
	float:left;
	margin: 15px;
}