/* CSS Document */
<style type="text/css">

body         { font-family: Verdana, Arial, Helvetica; font-size: x-small; color: rgb(0, 0, 0); 
               text-decoration: none; margin-top: 0; }

td           { font-family: Verdana, Arial, Helvetica; font-size: x-small; color: rgb(0, 0, 0); 
               text-decoration: none; margin-top: 0 }

a:link { color: rgb(0, 0, 255); text-decoration: none }

a:visited {  color: rgb(0, 0, 255); text-decoration: none }

a:hover {  color: rgb(255, 0, 0); text-decoration: none }

p            { font-family: Verdana, Arial, Helvetica; color: rgb(0, 0, 0); 
               text-decoration: none; margin-top: 0 ;font-size: x-small;}
			   
h1           { font-family: Verdana, Arial, Helvetica; font-size: large; font-weight: bold; 
               margin-bottom: 0 }

h2           { font-family: Verdana, Arial, Helvetica; font-size: medium; font-weight: bold; 
               margin-bottom: 0 }
			   
h3           { font-family: Verdana, Arial, Helvetica; font-size: small; font-weight: bold; 

               margin-bottom: 0 }


h4           { font-family: Verdana, Arial, Helvetica; font-size: small; font-weight: bold; 

               margin-bottom: 0 }

h5           { font-family: Verdana, Arial, Helvetica; font-size: x-small; font-weight: bold; 

               margin-bottom: 0 }
form 		{ margin-bottom: 0 }

.offer      {color: rgb(255, 0, 0);
			font-weight: bold; 
			} 
			
.tableHeader { color: rgb(0, 0, 0);
			   font-weight: bold; 
			   background: #bbbbbb;
			 } 			
			
.tableHeaderRed { color: rgb(255, 0, 0);
			   font-weight: bold; 
			   background: #bbbbbb;
			 } 

.errortext { color: rgb(255, 0, 0);
		 } 
			
text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small}

.unfold {margin-left: 4px; margin-top: 0px; margin-bottom: 0px; list-style-image: none; list-style-type: none; font-weight: normal; font-size: xx-small}
.folded {margin-left: 4px; margin-top: 0px; margin-bottom: 0px; list-style-image: none; list-style-type: none; border-color: #666666 black; font-weight: bold; ; font-size: xx-small;}

.xx_small {font-size: xx-small}
.nrfield_small {text-align: right; font-size: xx-small}
.nrfield {text-align: right}

#nav { /* all lists */
	padding: 0;
	margin-left: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style: none;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	margin:0;

}


#nav li { /* all list items */
	float: left;
	position: relative;
	width: 120px;
	background: #bbbbbb;
	padding: 1px 1px 1px 1px;

}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	border-left: thin solid #FF0000;
	border-bottom: thin solid #FF0000;
	border-right: thin solid #FF0000;

}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, 
#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	width: 120px;
	background: #dddddd;

}



div.treeview {
	border: thin solid #888888;
	width: 100%;
	background: #EEEEEE;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 0px 0px;
}

div.left_contact {
	font-size: xx-small;
	border: thin solid #888888;
	width: 100%;
	background: #EEEEEE;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 0px 0px;
}

div.login {
	border: thin solid #888888;
	width: 100%;
	font-family: Verdana, Arial, Helvetica; font-size: xx-small; font-weight: normal; 
	background: #EEEEEE;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 0px 0px;
}

.logintext {
	font-family: Verdana, Arial, Helvetica; font-size: xx-small; font-weight: normal; 
}

div.basket {
	font-family: Verdana, Arial, Helvetica; font-size: xx-small; font-weight: normal; 
	border: thin solid #888888;
	width: 100%;
	background: #EEEEEE;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 0px 0px;
}

div.info {
	border: thin solid #bbbbbb;
	width: 100%;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

div.spot {
	border: thin dashed #bbbbbb;
	width: 100%;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

.toptext {
	border: thin solid #ff0000;
	width: 100%;
	background: #dddddd;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

.spotcell {
	border: thin dashed #bbbbbb;
	width: 33%;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

.spotcellX {
	border: thin dashed #ff0000;
	width: 33%;
	background: #ffcccc;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}


div.news {
	border: thin dashed #bbbbbb;
	width: 100%;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

div.offer {
	border: thin dashed #ff0000;
	width: 100%;
	background: #eeeeee;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

div.errorbox {
	border: thin solid #ff0000;
	width: 100%;
	background: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

</style>

