/* ScreenCssVollversion Olio Nobile */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color:#000000;
	color: #cccccc;
	width: 760px;
}

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

 a:link { 
 color:#CC0033; 
 text-decoration: none;
 }
 
 a:visited { 
 color:#CC0033;
 text-decoration: none;
 }
 
 a:focus { 
 color:#CC0033; 
 text-decoration: none;
 }
 
 a:hover { 
 color:#CC0033;
 text-decoration: underline;
 }
 
 a:active{ 
 color:#CC0033;
 text-decoration: none;
 }


img{
border-style:none;
}

/*
h1 {
	font: normal 1.8em Lucida,Arial,Helvetica,sans-serif;
	margin-bottom: 4px;
}
*/

h1 {
	color: #CC0033;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.Stil1 {
	color: #CC0033;
	font-weight: bolder;
	font-size: 14px;
}
.Stil2 {color: #660033}

.Stil3 {color: #333333}

.Stil4 {
	color: #009933;
	font-weight: bold;
}
#clearer {
	clear: both;
}

  li.treeMenu_opened ul {
    display: block;
}
  li.treeMenu_closed ul {
    display: none;
  }

#container {

 	font-size: 13px;
	color: #cccccc;
	left: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
	width: 1020px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	float: left;

}

#bild{
	/* float: left; */
	height: 200px; 
	margin-bottom: 15px;
	margin-right: 0px;
	top: 0px;
	position: relative;
	left: 0px;
        /* background-color:#777777; */
}


/* navigation */
#topnavi {
	/* float: left; */
	margin:  0;
	width: 750px;
	color: #cccccc;


}

#navi {
	margin: 0;
    position: absolute;
    top: 209px;
    left: 0px;
	width: 120px;
	height: 397px;
}

.um1 {font-size: 11px; }
.um1a {font-size: 11px; }
.um2 {font-size: 11px; }
.um2a {font-size: 11px; }


#mainNavigation {
	font-size: 11px;
	margin-bottom: 7px;
}


#subNavigation {
	font-size: 11px;
	margin-bottom: 10px;

}

#mainNavigation a, #subNavigation a {
   color: #CC0033;
   text-decoration: none;
}

#mainNavigation a:hover, #subNavigation a:hover {
	color: #CC0033;
	text-decoration: underline;
}

#mainNavigation a.active{
   color: #FFFFFF;
   text-decoration: none;
}







#menu {
         position: absolute;
         top: 20px;
         left:20px;
	     text-align: left;
         font-family:  Arial,Helvetica,sans-serif;
         font-size: 12px;
	     color: #666666;
         font-weight: bold;

}

#menu a {
	text-decoration: none;
	color: #ffffff;
	}
#menu a:hover {
	color: #660033;
	}
	
div.order {
	margin: 0;
	float: left;
	width: 101px;
	height: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	text-decoration: none;
	}

#shopCart {
	/* border: #00FF00 1px solid; */
	margin: 0;
	float: left;
	width: 101px;
	height: 50px;
	margin-left: 30px;
	margin-bottom: 10px;
	text-decoration: none;
	}



/* content */
#content {
	margin:  0;
	padding: 0;
	width: 760px;
	margin-left:50px;	
}

#text {
	float: left;
	margin:  0;
	padding: 0;
	width: 760px;
	
	font-family:  Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #cccccc;
	text-align: justify;
}	



#order {
	float: left;
	margin: 0;
	padding: 0;
	width: 101px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-decoration: none;
    background-color: #000000;
	
}	
#credo {
	margin: 0;
	float: left;
	width: 101px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	text-decoration: none;
    background-color: #000000;

	
}
.linie {
	/* float: left; */
	width: 745px;
	height: 1px;
	padding-bottom: 10px;
	margin: 0;
}
#linie_1 {
	float: left;
	width: 745px;
	height: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#reserve {
	float: right;
	width: 70px;
	height: 650px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #000000;
	/*
	padding-right: 20px;
	margin-right: 20px;
	*/
}

/* footer */
#footer {
	color: #cccccc;
	text-align: left;
	width: 590px;
	float: left;
	height: 20px;
	font-size: 0.8em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}
       
div.navv{
	margin-left:50px;
}

div.ttext{
	float:left;
	width:610px;
	margin: 0;
	padding: 0;
}

div.Artikelliste {
	float: left;
	width: 610px;
	margin:  0;
	padding: 0;
	
	font-family:  Arial,Helvetica,sans-serif;
	font-size: 13px;
	color: #cccccc;


}	


div.ttext p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

table.productTable {
	width: 610px;
}



#footer a,.footer a:hover {color: #666;}

/* Bestell Form */

.olioField {
	width: 400px;
}

.olioFieldPlz {
	width: 50px;
}

.olioFieldOrt {
	width: 340px;
	margin-left: 10px;
}