/*******************************************************************************
	Project		:	öko-recycling
	Print CSS default template
	:: update - 14.07.2008 ::
*******************************************************************************/

/* colors
text =	#4f4f4f
background = #efefef
blau =	#003366, #6699cc, #3C658C
grün =	#388446
*/
.green { color:#388446;}

/*	reset some basic style
*******************************************************************************/
:link,:visited,:hover { text-decoration:none;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,span,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0;}
img, a img,:link img,:visited img, fieldset { border:none;}
img { margin:0; padding:0; vertical-align:bottom;}
address { font-style:normal;}
p	{margin-bottom:0em;}
a, a:link	{ outline:0;} /*removing dotted active borders from inline links*/

table { border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px;}
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px;}

legend { display:none;}
body, div, p, li { background-repeat:no-repeat;}


/*	define list style
*******************************************************************************/
ul,ol,li 	{list-style:none;}
dl dt		{margin:0 0 0 0;}
dl dd+dt	{margin-top:0;}
dl dd		{margin:0 0 0 0;}
ol li		{margin:0 0 0 0; list-style:none;}
ol li ol	{margin:0 0 0 0;}
ol li ul	{margin:0 0 0 0;}
ul li		{margin:0 0 0 0; list-style:none;}
ul li ul	{margin:0 0 0 0; list-style:none;}
ul li ol	{margin:0 0 0 0;}


/************* start webpage style *************/
/*	html
*******************************************************************************/
html { margin-bottom:1px; font-size:70%;}

/*	body
*******************************************************************************/
body {	font-family:verdana, helvetica, arial, sans-serif; font-size:1em; background-color:#fff; color:#4f4f4f; overflow:auto;
	scrollbar-base-color:#efefef;
	scrollbar-face-color:#3C658C;
	scrollbar-track-color:#efefef;
	scrollbar-3dlight-color:#6699cc;
}

.clearer { display:block; clear:both; line-height:0; height:1px; font-size:0;	visibility:hidden;}
.clear {	clear:both;}
.flLeft { float:left;}
.flRight { float:right;}
.warning { color:#f00;}
.hidden { display:none;}

/*	Headlines
------------------------------------------------------------------------------*/
h1 { font-size:0.5em; font-weight:normal; line-height:0.5em; padding:0; text-indent:-999em;}
h2 { color:#388446; font-family:"trebuchet ms", verdana, helvetica, arial, sans-serif; font-size:1.4em; font-weight:bold; line-height:1.5em; padding:0 0 3px 0;}
h3 { color:#003366; font-size:1em; line-height:1.2em; padding:2px 0 2px 0;}
h4 { color: #388446; font-size:0.9em; line-height:1.2em; padding:0;}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main p, #main ul, #main ol { margin-bottom:0.5em; font-size:1em; line-height:1.1em;}
#main ol { margin-left:25px; list-style-position:inside; list-style-type:decimal-leading-zero;}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#main a, #main a:link { color:#003366; text-decoration:none;}
#main a:hover { color:#6699cc;}

/*	Images
------------------------------------------------------------------------------*/
#main div.image { margin-bottom:0;}
#main div.image p { margin:0; font-size:0.9em;}
#main div.flLeft { margin-right:10px;}
#main div.flRight { margin-left:10px;}

/* Thumbnails */
.flLeft {}
.flLeft a { display:block; height:65px; width:120px; text-decoration:none; border:0;}
.flLeft a img { display:block; height:60px; width:115px; border:0;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:0.50; opacity:0.5;
}
.flLeft a:hover { white-space:normal; border-color:#ddd;}
.flLeft a:hover img { position:absolute; top:10px; left:0; height:160px; width:auto; border:thin outset gray; cursor:default;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0; opacity:1;
}

.flRight {}
.flRight a { display:block; height:65px; width:120px; text-decoration:none; border:0;}
.flRight a img { display:block; height:60px; width:115px; border:0;
	filter:alpha(opacity=50);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:0.50; opacity:0.5;
}
.flRight a:hover { white-space:normal; border-color:#ddd;}
.flRight a:hover img { position:absolute; top:10px; right:0; height:160px; width:auto; border:thin outset gray; cursor:default;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0; opacity:1;
}

/*	JAOS - Gallerie
------------------------------------------------------------------------------*/
#jaos { margin:0 auto;}
.jaosg_galerie { text-align:left; vertical-align:middle; padding:5px;}
.jaosg_thumbnail a img { text-align:left; vertical-align:middle;
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity:0.70; opacity:0.7;
}
.jaosg_thumbnail a:hover img {
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0; opacity:1;
}
.jaosg_nav { text-align:center;}
.jaosg_bild img { text-align:center;}
.jaosg_bildbeschreibung { text-align:justify;}
#jaosg_gallerytext { text-align:left;}


/************* divs and classes *************/
/*	website
*******************************************************************************/
#center { position:relative; width:755px; display:block; margin:0px auto; padding:0; background-position:center;}
/*
.oer { position:absolute; top:10px; left:0px; background:white url(oerschr.gif) no-repeat top left;}
.oer a { display:block; height:40px; width:200px; text-indent:-700em;}
.logo { position:absolute; top:0px; right:50px; background:white url(oerlogo.gif) no-repeat top right;}
.logo a { display:block; height:80px;	width:85px; text-indent:-700em;}


/*	header
*******************************************************************************/
#header { position:relative; left:0px; height:125px; width:650px; margin:0; padding:0;}

/*	index page
*******************************************************************************/
#index { position:relative; height:auto; width:750px; margin:-15px 0; padding:0; clear:both;}
#flash { display:none;}
#intro { position:relative; top:0px; height:auto; width:600px; margin:30px 0; padding:0; display:block; text-align:right; float:left;} 
#intro h1, #intro h2, #intro h3 { color:#4f4f4f; font-size:1em; line-height:1.2em; padding:2px 0 2px 0;}
                                                                               
/*	content
*******************************************************************************/
#content { position:relative; height:auto; width:650px; margin:0; padding:0; clear:both;}

/* show
---------------------------------------------------------------------------------*/
#img { display:none;}
.show { display:none;}
.show a { display:none;}

/* main text
-------------------------------------------------------------------------------*/
#main { position:relative; top:0px; left:40px; height:auto; width:470px; margin:20px 0 0 0; padding:0; display:block; float:left; z-index:100;}

.pic { display:none;}
.slogan { position:relative; top:0px; left:0px; height:20px; padding:15px 0 15px 0; color:#003366; font-family:"Frutiger LT Std 55 Roman", "trebuchet ms", verdana, helvetica, arial, sans-serif; font-size:12px; font-weight:bold;}

/* Style Partnerlinks */
.descr { border:0; padding:3px 4px; margin-left:15px; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }

/* right col
-------------------------------------------------------------------------------*/
#rcol { display:none;}


/************* sitemap *************/
/*	sitemap style
*******************************************************************************/

#main ul.sitemap { margin:0; margin-top:20px; padding:0; width:420px; list-style:none;}
#main ul.sitemap li { list-style:none;}
#main .sitemap a { 
	padding:4px 8px;
	color:#4b4b4b; text-decoration:none; display:block; border:none; border-left:5px solid #003366;
	border-bottom:1px solid #dcdcdc;
}
#main .sitemap a:hover { /*border-color:#f5f5f5;*/ background-color:#f5f5f5;}
#main .sitemap li.headl a:hover { background:none;}
#main .subcat li a { border:0; border-left:1px solid #dcdcdc; padding:3px 4px; margin-left:15px;}
#main .subart li a { border:0; border-left:1px solid #dcdcdc; padding:3px 4px; margin-left:15px;}


/*	footer
********************************************************************************/
#foot { position:relative; margin:20px 0 0 0; padding:5px 0 0 0; display:block; width:650px; border:none; border-top:1px solid #003366; float:left;}
#foot p, #foot p a, #foot p a:link { color:#003366; font-size:11px; margin:-1px -5px -1px -1px; padding:5px; white-space:nowrap;} /*removing dotted borders IE*/
#foot p a:hover { text-decoration:none;}
#foot .colleft { float:left; width:300px; margin-left:-5px;}
#foot .colright { display:none;}