/* Basics */
@media screen, print {
	html, body
	{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		border:none;
		overflow:hidden;
	}

	form {margin:0;}
	td {vertical-align:top;}
	th {text-align:left;vertical-align:top;}
	a img {border:none;text-decoration:none;}
	img {-ms-interpolation-mode:bicubic;}
	small {font-size: 0.9em;}

}

@media screen {

	/* Positionierung*/
	html
	{
		overflow-y:hidden;
		overflow-x:visible;
	}

	div.back
	{
		position:absolute;
		z-index:-1;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}

	#window
	{
		position:fixed;
		overflow:hidden;

		left:20px;
		top:20px;
		right:20px;
		max-width:860px;
		min-width:600px;
		bottom:20px;

		border: 1px solid;
		xborder-color: #bbb #444 #444 #bbb;
		border-color: #ddd #000 #000 #ddd;
	}
	
	#menu1
	{
		position:absolute;

		top:0;
		left:0;
		width:171px;
		bottom:46px;
		
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
	}

	#menu2
	{
		position:absolute;

		right:0;
		width:46px;
		top:0;
		bottom:46px;
		
		padding:7px 0;

		overflow-x:hidden;
		overflow-y:auto;
	}

	#menu3
	{
		position:absolute;

		right:0;
		width:46px;
		bottom:0;
		height:32px;

		padding:7px 0;
		overflow:hidden;
	}

	#head1
	{
		position:absolute;
		left:171px;
		right:50%;
		height:30px;
		padding:5px 10px;
		overflow:hidden;
	}

	#head2
	{
		position:absolute;
		left:50%;
		height:30px;
		padding:5px 10px;
		right:46px;
		overflow:hidden;
	}

	/* Style */
	body
	{
		background-color:#AAA57D;
/*
		background-image:url(/common/media/scratch/240531386_64558be41d_o_3b.jpg);
		background-image:url(http://farm1.static.flickr.com/57/235860707_07acde6e09_o.jpg);
		background-image:url(http://farm1.static.flickr.com/80/252157473_3402cfb11b_o.jpg);
		x-background-position:0 -500px;
*/
		background-image:url(/common/media/scratch/235860707_07acde6e09_o_3.jpg);
		background-position:left center;
		width:3000px;
	}

	#window > div.back
	{
		background-color:#101;
			filter:alpha(opacity=40);
	opacity: 0.40;
	-moz-opacity:0.40;
		}

	#menu1 a.item
	{
		display:block;
		position: relative;

		color:white;

		padding: 4px 12px 5px 5px;
		overflow-x:hidden;
		text-align:right;
		x-white-space:nowrap;

		font-family:Arial, sans-serif;
		text-decoration:none;
		font-weight:bold;

		margin:7px 7px 0px 7px;
	}

	#menu1 a.item > small
	{
		display:block;
		font-weight:normal;
	}

	#menu1 a.item > div.back
	{
			filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
		}

	#menu1 a.item:hover > div.back
	{
			filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
		}

	#menu1 > a.item > div.back
	{
		background-color:#7B3;
	}
	#menu1 > a.item.selected > div.back
	{
		background-color:#0ee;
	}

	#menu1 > div.submenu > a.item
	{
		margin-top:0!important;
		color:#444!important;
		font-size:1em!important;
	}

	#menu1 div.submenu a.item div.back
	{
		background-color:white!important;
	}

	#menu1 > div.submenu > a.item.selected
	{
		color:white!important;
	}

	#menu1 > div.submenu > a.item.selected > div.back
	{
		background-color:#0ee!important;
	}

	#menu2 > a.item,
	#menu3 > a.item
	{
		display:block;
		position: relative;

		color:white;
		text-align:center;

		font-family:Arial, sans-serif;
		text-decoration:none;
		font-weight:bold;

		padding:2px 7px;
	}

	#doc
	{
		position:absolute;
		left:171px;
		right:46px;
		top:40px;
		bottom:0px;
		overflow:hidden;
	}

	#doc > div.back
	{
		background-color:white;
			filter:alpha(opacity=87);
	opacity: 0.87;
	-moz-opacity:0.87;
		}

	#content
	{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;

		padding:10px;
		overflow:auto;
	}

	#head2 div.back
	{
		background-color:#999933;
			filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
		}

	#head1 div.back
	{
		background-color:#0ee;
			filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
		}

	div.head
	{
		color:white;
		font-family:Arial, sans-serif;
		white-space:nowrap;
	}
	
	div.head a
	{
		color:white;
	}

	#copyright
	{
		position:absolute;
		left:7px;
		bottom:7px;

		color:white;

		width:157px;
		overflow-x:hidden;
		white-space:nowrap;
		text-align:center;

		font-family:Arial, sans-serif;
	}

	div.overlay
	{
		color:white;
		border:1px solid white;
		overflow:hidden;
		padding:5px;
		margin:10px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		z-index:100000;
	}

	div.overlay > div.back
	{
		background-color:darkblue;
			filter:alpha(opacity=40);
	opacity: 0.40;
	-moz-opacity:0.40;
			border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

	#envinfo
	{
		position:fixed;
		top:0;
		left:0;
	}

	a.item > div.overlay
	{
		position:fixed;
		z-index:1000000;
		border-width:2px;
			border-radius: 6px!important;
	-moz-border-radius:  6px!important;
	-webkit-border-radius:  6px!important;
			xvisibility:hidden;
		display:none;
	}

	a.item:focus > div.overlay,
	a.item:hover > div.overlay
	{
		xvisibility:visible;
		display:block;
	}

	#menu2 > a.item > div.overlay
	{
		left:694px;
		margin-top:-36px;
		width:120px;
	}
	
	#menu2 > a.item > div.overlay > div.back
	{
		background-color:green;
			filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
		}
	
	#menu1 a.item.selected.hassubmenu
	{
		border-bottom:1px solid white;
	}

	#content div.gallery div.thumbs
	{
		white-space:nowrap;
		overflow:auto;
		height:expression(this.scrollHeight > this.clientHeight ? this.offsetHeight + (this.offsetHeight - this.clientHeight) + 5 : this.offsetHeight);
		_width:601px; /* 621px - Platz (>=15px) für Scrollbar */
	}

	#content div.gallery div.screenshot
	{
		overflow:hidden;
	}

	#content div.gallery div.screenshot img
	{
		max-width:100%;
		x_width:expression(this.offsetWidth > this.style.maxWidth ? this.style.maxWidth : this.offsetWidth);
		_width:601px; /* 621px - Platz (>=15px) für Scrollbar */
	}

	#content *[background-color],

	#doc input,
	#doc textarea,
	#doc select,
	#doc option
	{
			filter:alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity:0.60;
			color:black;
	}

	#doc iframe
	{
			filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
		}

	#doc input[type="button"],
	#doc input[type="submit"]
	{
			filter:alpha(opacity=90);
	opacity: 0.90;
	-moz-opacity:0.90;
		}
}

/* Style */
@media screen, print {
	body
	{
		font-size:69%;
	}

	div.menu, div.head, #copyright
	{
		font-size:115%;
	}

	input,select,textarea
	{
		font-size:100%;
	}
	#content
	{
		line-height:1.5em;
	}
	
	body, table, input, textarea, select
	{
		font-family:Verdana,Sans-serif;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-family: Georgia,Serif;
		margin:1em 0 0.5em 0;
	}
/*
	h1 {font-size:1.8em;padding-bottom:0.3em;border-bottom:1px solid #333333}
*/
	h1 {font-size:2em;padding-bottom:0.6em;border-bottom:1px solid #333333;}
	h2 {font-size:1.4em;}
	h3 {font-size:1.2em;}
	h4 {font-size:1em;}
	h1 small {font-size:0.66em;}
	h2 small {font-size:0.714em;}
	h3 small {font-size:0.833em;}
	h4 small {font-size:1em;font-weight:normal;}
	
	#content .subcontent h1
	{
		border:none;
		font-size:1.6em;
/*
		font-size:1.4em;
		background-color:#e8e8e8;
		padding:0.2em 0.2em;
*/
	}

	p, pre, div.code 
	{
		margin:0.5em 0 1em 0;
	}
	pre
	{
		line-height:1.25em;
	}


	div.code pre
	{
		margin:0;
	}
}


@media screen {
	a.new, .highlight
	{
		background-color:yellow;
	}
	a.new:visited
	{
		background-color:transparent;
	}
	div.code, pre.code
	{
		border:1px solid #e0e0e0;
		background-color:white;
		max-height:250px;
		overflow:auto;
		padding:5px 10px;
		_width:604px; /* 600-20(padd cont)-2(bord cont)-20(padd div)-2 (border div) = 536 */
	}
	
	#content span.searchword
	{
		background-color:yellow;
		color:black;
		padding:0 2px 2px 2px;
		_top:1px;
	}
	#content a .searchword
	{
		color:black;
		text-decoration:inherit;
		cursor:pointer;

		/* Opera, Safari */
		position:relative;
		margin-left:-3px;
		margin-right:-2px;
		z-index:-1;
	}

	ul
	{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-top:0;
		margin-left:0;
		padding-left:0;
	}
	li
	{
		background:url(/common/img/tri_right.gif) no-repeat 0 0.5em;
		padding:0;
		padding-left:10px;
	}
	ul ul
	{
		border-left:1px dotted gray;
		padding-left:6px;
		margin-left:2px;
	}

}


#content table.cols
{
	display:block;
}
#content table.cols td
{
	padding-left:10px!important;
}
#content table.cols td.left
{
	border-right:1px solid lightgrey;
	width:50%;
	padding-right:10px!important;
	padding-left:0!important;
}

div.hr
{
	overflow:hidden;
	height:0px;
	overflow:hidden;
	border-top:1px solid lightgrey;
	margin:1em 0 0.5em 0;
}

div.hr.fontcolor
{
	border-top-color:#333333;
}

div.vr
{
	overflow:hidden;
	width:1px;
	height:100%;
	background-color:#333333;
}

@media print
{
	div.menu, div.head, .noprint {display:none;}
	body
	{
	    font-size:8pt;
	    /* FF: */
	    height:auto;
	    overflow:visible;
	}
	a {text-decoration:none!important;}
	div.hr {margin:0 0 -1em 0;}

	ul
	{
		list-style-type: disc!important;
		margin-top:0;
		margin-left:1.3em;
	}
}