/* reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, input, legend, caption, tbody, tfoot, thead, tr, th, td, .sIFR-active  
{ margin:0; padding:0; outline:0; }

/* site styles */
BODY { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; background-color:#FFF; line-height:160%; }
p, div, table, span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; }

.color00 { background-color:#FDFCF8; } /* light yellow (content) */
.color01 { background-color:#ECDFB7; } /* medium yellow (content) */
.color02 { background-color:#CBAB44; } /* gold yellow (h2) */
.color03 { background-color:#8E7631; } /* dark gold ()	*/

.color04 { background-color:#EEE8D3; } /* light green (roundedges alternate)	*/
.color05 { background-color:#999152; } /* green (h1,h3) */
.color06 { background-color:#DCD3B6; } /* dark green (roundedges) */

.white	{ background-color:#eee8d3; }

a 			{ color:#999152; text-decoration:none; }
a:hover 	{ color:#8E7631; text-decoration:underline; }

h1 { clear:both; font-size:30px; color:#999152; margin:0 0 10px 0; }
h2 { font-size:20px; color:#CBAB44; margin:0 0 10px 0; }
h3 { font-size:15px; color:#999152; margin:0 0 10px 0; }
h4 { font-size:13px; color:#666; }/*bottom navigation*/
h5 { font-size:12px; color:#8E7631; }
h6 { font-size:12px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#999152; } /* roundedges */

/* sifr3-r419 */
h1, h2, h3 { letter-spacing: -.01em; line-height: 1em; }

.sIFR-flash { visibility: visible !important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; display: block; left: 0; top: 0; width: 0; height: 0; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { float: none; margin: 0pt; padding: 0pt; letter-spacing: 0px; overflow:auto; }

.sIFR-active h1, .sIFR-active h2, .sIFR-active h3  { visibility: hidden; font-family: Verdana; line-height: 1em; }
.sIFR-active h1 { margin:0; padding:0; }
.sIFR-active h2 { margin:0; padding:0; }
.sIFR-active h3 { margin:0 0 10px 0; padding:0; }

#principal		{ position:relative; top:0; left:0; width:774px; background-color:#FFF; text-align:left; overflow:hidden; }
#header			{ position:relative; top:0; left:0; width:774px; height:73px; background:url(/media/olio/img/logo.jpg) top left no-repeat #FFF; overflow:hidden; }
#logo			{ float:left; position:relative; top:0; left:0; width:350px; height:80px; overflow:hidden; }

/* e-mail Hertle 28.07.2009 no grey nav */
#nav	{ display:none; position:relative; top:0; left:0; width:774px; height:20px; background-color:#F1F0F0; border-bottom:1px solid #ff2700; overflow:hidden; }
#nav ul { margin:0; padding:0; list-style-type:none; }
#nav li { float:left; margin:0; padding:0; list-style-type:none; line-height:160%; }
#nav li a { background:url(/media/olio/img/mainmenu.gif) right no-repeat; padding:0 20px 0 10px; text-transform:uppercase; font-weight:bold; }
#nav ul li.mainmenu a { color:#666; }
#nav ul li.mainmenu a:hover, #nav ul li.mainmenuover a, #nav ul li.mainmenuover a:hover { color:#FF0000; text-decoration:none; }

#collage { position:relative; top:0; left:0; width:774px; overflow:hidden; }

#thirdnav { width:100%; padding:25px 0 11px 0; background:url(/media/olio/img/thirdnav.gif) top no-repeat #FFF; }
#thirdnav ul { padding:0; margin:0; list-style:none; line-height:1px; }
#thirdnav a { display:block; }
#thirdnav li { float:left; padding:0 0 0 7px; font-size:12px; }
#thirdnav li a.thirdmenu { display:block; padding:0 0 10px 0; width:145px; background:url(/media/olio/img/thirdmenu.png) no-repeat; text-align:center; color:#f0e6c8; line-height:60px; font-size:15px; font-weight:bold; text-decoration:none; border:0; }
#thirdnav li a.thirdmenuover { display:block; padding:0 0 10px 0; width:145px; background:url(/media/olio/img/thirdmenuover.png) no-repeat; text-align:center; color:#FFF; line-height:60px; font-size:15px; font-weight:bold; text-decoration:none; border:0; }

#thirdnav li a.submenu { color:#FFF; line-height:18px; text-decoration:none; border-bottom:1px solid #cecbad; }
#thirdnav li a.submenuover { color:#f0e6c8; line-height:18px; text-decoration:none; border-bottom:1px solid #cecbad; }

#thirdnav li ul { position: absolute; padding-top:12px; margin:-12px 5px 0 5px; width:135px; left:-999em; z-index:5; } /* first submenu */
#thirdnav li:hover ul, #thirdnav li.sfhover ul { left:auto; color:#FFF; background-color:#999152; }/* margin um den submenu an das thirdmenu zu positionieren */
#thirdnav li ul { background:url(/media/_.gif); filter: alpha(opacity=95); -moz-opacity: .95; opacity:0.95; }
#thirdnav li li { width:180px; padding:0 0 5px 0; color:#0A296A; float:none; border:0; }
#thirdnav li li a { padding: 0.2em 7px; }
#thirdnav li li a:hover { padding: 0.2em 7px; }
#thirdnav li ul ul { margin: -2.1em 0 0 12em; } /* second submenu, expand to right */
#thirdnav li:hover ul ul, #thirdnav li.sfhover ul ul { left: -999em;}
#thirdnav li:hover ul, #thirdnav li li:hover ul, #thirdnav li.sfhover ul, #thirdnav li li.sfhover ul { left: auto; }

/* new Header */
#repeatsecondnav { float:left; width:220px; margin:14px 10px 0 0; text-align:right;}
#repeatsecondnav a.secondmenu, #repeatsecondnav a.secondmenuover  { font-size:10px; color:#6f6f6f; text-transform:uppercase; border-left:1px solid #6f6f6f; padding:0 3px; }

#search { float:right; width:182px; margin:14px 5px 0 0; }
#search input[type=text] { float:left; background:url(/media/olio/img/searchinput.gif) repeat-x; width:153px; height:15px; border:1px solid #737270; margin:0; padding:2px; font-size:11px; }
#search input[type=submit] { float:left; background:url(/media/olio/img/searchgo.gif) top left no-repeat; width:23px; height:21px; margin:0; padding:0; overflow:hidden; }

html #ddnav li li{ display:inline; }

#stage01		{ position:relative; top:0; left:0; width:774px; background:url(/media/olio/img/stage01.jpg) top no-repeat #f0e6c8; overflow:hidden; }
#stage02		{ position:relative; top:0; left:0; width:774px; background:url(/media/olio/img/stage02.jpg) top no-repeat #f0e6c8; overflow:hidden; }
#stage03		{ position:relative; top:0; left:0; width:774px; background:url(/media/olio/img/stage02.jpg) top no-repeat #f0e6c8; overflow:hidden; }

#breadcrumb { position:absolute; top:0; left:0; width:762px; height:30px; margin:0; padding:0 6px; color:#c6a848; z-index:4; }
#breadcrumb ul { margin:0; padding:0; list-style-type: none; }
#breadcrumb li { float:left; margin:0; list-style-type: none; font-size:10px; padding:0 5px 0 0; }
#breadcrumb ul li a { color:#c6a848; }
#breadcrumb ul li a:hover { border-bottom:1px dotted #c6a848; text-decoration:none; }
#breadcrumb .breadcrumbactive { color:#c6a848; }
#breadcrumb .breadcrumbparent { color:#c6a848; }
#breadcrumb .breadcrumbtitle { font-weight:bold; color:#c6a848; }

#content		{ float:left; width:444px; padding:35px 55px 35px 50px; overflow:hidden; }

/* new template 03 for distributorsearch */
#stage03 #content		{ float:left; width:649px; padding:35px 55px 35px 50px; overflow:hidden; }
	.olio2009 { float:left; width:440px; height:120px; padding:20px 175px 20px 30px; background:url(/media/olio/img/logoolioaward2009.gif) 97% 50% no-repeat #eee8d2; border:1px solid #9d9558; }
	.olio2010 { float:left; width:440px; height:120px; padding:20px 175px 20px 30px; background:url(/media/olio/img/logoolioaward2010.gif) 95% 50% no-repeat #eee8d2; border:1px solid #9d9558; }
	.oliodistributorsearch	{ position:relative; top:0; left:0; width:440px; }
	.oliodistributorsearch label { float:left; margin:0 10px 5px 0; font-weight:bold; }
	.oliodistributorsearch label img { margin:0 6px 0 0; }
	.oliodistributorsearch select { float:left; width:135px; }
	.oliodistributorsearch input[type=checkbox] { float:left; width:13px; height:13px; margin:1px 6px 2px 0; padding:0; border:0; outline:none; background-color:#000; }
	.oliodistributorsearch input[type=text] { float:left; width:124px; margin-right:4px; }
	
	.oliodistributorresults .distributorname { float:left; width:140px; padding:0 5px; border:0; font-weight:bold; }
	.oliodistributorresults .distributoraddress { float:left; width:375px; padding:0 5px; font-weight:bold; }
	.oliodistributorresults .distributorzipcode { float:left; width:80px; padding:0 5px; font-weight:bold; }
	
	.oliodistributorresults strong { float:left; display:inline; margin:0 10px 0 0; }
	.oliodistributorresults a { float:left; width:20px; height:20px; border:0; cursor:pointer; }
	
	.distributors	 { float:left; width:647px; background-color:#dcd3b6; border:1px solid #9d9558; }
	.distributorlist { float:left; width:647px; height:20px; overflow:hidden; }
	.light { background-color:#eee8d3; }
	.distributorname { float:left; width:140px; padding:0 5px; border-right:1px solid #9d9558; }
	.distributoraddress { float:left; width:370px; padding:0 5px; }
	.distributorzipcode { float:left; width:80px; padding:0 5px; }
	.open { float:left; width:20px; padding:0 5px 0 0; background:url(/media/olio/img/open.png) top left no-repeat; cursor:pointer; }
	.close { float:left; width:20px; padding:0 5px 0 0; background:url(/media/olio/img/close.png) top left no-repeat; cursor:pointer; }
	.oliolist { float:left; width:637px; padding:0 5px; background-color:#f3f1e4; }
	.oliolist .line { clear:both; width:100%; height:1px; margin:0; background-color:#e6dfc7; overflow:hidden;}

#right			{ float:left; width:150px; overflow:hidden; }
#pic			{ float:left; width:150px; padding:230px 0 20px 0; overflow:hidden; }
.picimages		{ float:left; border:1px solid #ccab44; width:148px; overflow:hidden; }

#functions		{ float:left; width:148px; margin:116px 0 10px 0; padding:5px 9px; line-height:35px; border:1px solid #ccab44; overflow:hidden; }

#functions label 	{ cursor:pointer; color:#666; font-weight:bold; width:148px; }
#functions input[type=text] { font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#666; cursor:pointer; border:1px solid #DDD; width:144px; height:20px; overflow:hidden; } 
#functions select 	{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#666; cursor:pointer; border:1px solid #DDD; width:146px; overflow:hidden; }
#functions textarea	{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#666; cursor:pointer; border:1px solid #DDD; width:146px; overflow:hidden; }
#functions .submit, #functions .submit:hover { margin:5px 9px; }

.pages { color:#999152; height:25px; overflow:hidden; }
.prevpage { color:#999152; cursor:pointer; }
.active { color:#999152; font-weight:bold; font-size:16px; cursor:pointer; }
.nextpage { color:#999152; cursor:pointer; }

#footer	{ clear:both; position:relative; top:0; left:0; width:774px; color:#828282; font-size:10px; overflow:hidden; }

#secondnav    { height:20px; text-align:center; overflow:hidden; }
#secondnav a.secondmenu, #secondnav a.secondmenuover  { text-transform:uppercase; padding:0 10px 0 11px; line-height:16px; border-right:1px solid #828282; }

#adress { text-align:center; }
#partnerlinks	{ text-align:center; }

#footer a, #footer div { font-size:10px; color:#828282; }
#footer a:hover { background-color:#828282; color:#FFF; text-decoration:none; }

label 		{ cursor:pointer; }
input 		{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; cursor:pointer; border:0; padding:2px; margin:0; vertical-align:top; } 
select 		{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; cursor:pointer; border:0; padding:2px; margin:0; }
textarea	{ font-family:Verdana, Helvetica, sans-serif; font-size:12px; cursor:pointer; border:0; padding:2px; margin:0; }

.submit 	{ width:130px; height:24px; padding:0 0 5px 0; line-height:22px; background:url(/media/olio/img/submit.gif) top no-repeat; color:#eee8d3; border:0; cursor:pointer; }
.submit:hover, .submitover, .submitOver { width:130px; height:24px; padding:0 0 5px 0; line-height:22px; background:url(/media/olio/img/submitover.gif) top no-repeat; color:#eee8d3; border:0; cursor:pointer; }

.details, .details:hover, .goback, .goback:hover, .goprint, .goprint:hover 	{ float:right; width:180px; height:20px; text-align:center; margin:0 5px 0 0; background:url(/media/olio/img/details.gif) top no-repeat; color:#eee8d3; border:0; cursor:pointer; }

.links		{ background:url(/media/olio/img/seta.gif) left no-repeat; padding:5px 0 5px 25px; line-height:20px; color:#999152; }
.downloads	{ background:url(/media/olio/img/seta.gif) left no-repeat; padding:5px 0 5px 25px; line-height:20px; color:#999152; }

.roundedges	{ border:1px solid #ccab44; }
.roundedges table { width:100%; line-height:20px; background-color:#eee8d2; }
.roundedges td { padding:2px 5px; }
.roundedges tr { background-color:#dcd3b6; }
.roundedges tr.white { background-color:#eee8d2; }

.image 		{ border:1px solid #ccab44 !important; }
.icon		{ float:left; vertical-align:middle; margin-right:5px; }
.left		{ float:left; }
.right		{ float:right; vertical-align:top; padding:0; margin:0; }
.pt 		{ clear:both; width:100%; height:25px; margin:-1px 0 10px 0px; border-top:1px solid #999152; text-align:right; }
.buttons	{ clear:both; width:100%; height:25px; margin:0 0 10px 0px; text-align:right; }
.space		{ clear:both; width:100%; height:20px; overflow:hidden; }
.clear 		{ clear:both; width:100%; height:1px; overflow:hidden; }
.line 		{ clear:both; width:100%; height:1px; margin:10px 0 10px 0; background-color:#666; overflow:hidden; }

.kleinS 	{ font-size:10px; } /* Standard */
.normalS 	{ font-size:12px; }
.grossS 	{ font-size:14px; font-weight:bold; }
.riesigS	{ font-size:22px; font-weight:bold; }

.kleinR		{ font-size:10px; color:#999152; } /* Hervorragend */
.normalR 	{ font-size:12px; color:#999152; }
.grossR 	{ font-size:14px; color:#999152; font-weight:bold; }
.riesigR	{ font-size:22px; color:#999152; font-weight:bold; }

.kleinB 	{ font-size:10px; color:#6C6E70; } /* Alternative */
.normalB 	{ font-size:12px; color:#6C6E70; }
.grossB 	{ font-size:14px; color:#6C6E70; font-weight:bold; }
.riesigB	{ font-size:22px; color:#6C6E70; font-weight:bold; }

.noprint	{ clear:both; width:100%; overflow:hidden; }

/* from the feclub site */
#overlay		{ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#333; }
#cataloguepopup	{ position:absolute; top:0px; left:0px;width:800px;height:550px;background-color:#FFF; border:0;padding:0;z-index:200;overflow:hidden;}
#cataloguetitle { width:100%;height:20px;background-color:#F1F0F0;font-size:12px;font-weight:bold;color:#666;padding:2px 5px;}

form#oildissearch div#navigation {
	text-align: center;
}

/** 
 * Adbanner
 * Varianten: FSB, SKY, SKY+FSB, WLP top, WLP right, AdContent
 */
#rsadfsb		{ position:relative; width:774px; height:90px; margin:0; padding:0; overflow:hidden; margin-bottom:1px; text-align: center; }
#rsadsky		{ position:absolute; top:80px; left:774px; width:200px; height:600px; }
#rsadskyfsb		{ position:absolute; top:170px; left:774px; width:200px; height:600px;}
#rsadwlptop		{ position:relative; width:774px; margin:0; padding:0; overflow:hidden; margin-bottom:1px; text-align: right; }
#rsadwlpright 	{ position:absolute; top:0; left:774px; width:200px; height:600px; }

#rsadtop { position:relative; width:774px; }
#rsadright { position:absolute; top:0; left:774px; width:200px; height:600px; }

#rsadpro1 { position:relative; width:150px; margin-bottom:20px; }
#rsadpro2 { position:relative; width:150px; margin-bottom:20px; }
#rsadpro3 { position:relative; width:150px; margin-bottom:20px; }