/*Main CSS Stylesheet*/
@import url(menu.css);
body, html {
		margin: 0px;
		padding: 0px;
		background: #FFFFFF url(../images/fern-tile-bg.jpg) bottom repeat-x fixed;
		color: #000000;
		font: small Sylfaen, Arial, Times, serif;
}

body {	
		min-width: 750px;
}

a {	
		color: #804000;
}

a:hover { 
		color: #669900;
}

ul {
		list-style-image: url('../images/bullet.png')
}

hr {
		color: #804000;
}

h2 {
		color: #804000;
		text-align: center;
}

h3 {
		color: #804000;
		text-align: center;
}


img {
		border: none;
}

#leftspace {
		width:90px;
		background-image: url(../images/tilefern.jpg);
}
	
#wrap {
		border-left: 10px ridge #008000;
		border-right: 10px ridge #008000;
		margin: 0 auto;
		width:750px;
		background-image: url(../images/gradient.png);
		font: 14px Arial, Helvetica;
}

#intro_main {
	background-color: #FFFFFF;
	text-align: justify;
	margin-top: -5px;
	padding: 5px;
}

#intro_main h1 {
	color: #804000;
	font-size: 20pt;
	text-align: center;
}

#intro_main h2 {
	color: #A8651C;
	font-size: 14pt;
	text-align: center;
}

.de {
	height: 60px;
	width: 126px;
	position: relative;
	left: 590px;
	top: 0px;
	margin-top: 0px;
	padding-top: 0px;
/* 	background: #F00;   helps with positioning
	opacity: 0.5;       */
}

div.de a, div.de a:hover, div.de a:link, div.de a:visited {
	display: block;
	height: 60px;
	width: 126px;
	border: 0;
	text-decoration: none;
}

#header {
		font-size: 42px;
		background-image: url(../images/header_bg.jpg);
		background-repeat: no-repeat;
		height: 60px;
		padding: 10px 0 10px 10px;
		text-indent: -9000px;

}

#header h1 {
		margin: 0;
		padding: 0;
		color: white;
		width: 1px;
		font-weight: bold;
		text-indent: -9999px;
		float:left;
		height: 30px;
}

#header span {
		color:#FFF;
		float:left;
		text-align:left;
		font-size: 0.5em;
		display: none;
		padding: 5px;
}

#press {
		border-style: solid;
		border-color: #FFF;
		border-top-width: 10px;
		border-left-width: 3px;
		border-right-width: 3px;
		border-bottom-width: 3px;
		background-image: url(../images/tilefern.jpg);
		font-size: 12px;
		text-align: justify;
		overflow: scroll;
		width: 494px;
		height: 500px;
		overflow-x: hidden;
}

#floatleft {
		background: url(../images/floatleft_bg2.jpg) no-repeat top left #FFFFFF;
		float: left;
		width: 500px;
		text-align: justify;
		margin-bottom: 10px;
}
		
#floatleft p {
		padding: 0 10px;
}
		
#floatleft ul {
		padding: 10px;
		padding-left: 30px;
}

#floatright {
		background: none;
		float: right;
		width: 250px;
		height: 615px;
		margin-bottom: 10px;
}

#floatright ul {
		margin-bottom:0;
   }

#floatright h3, #floatright p {
		padding: 0 10px 0 0;
}


#footer {
	background: none;
	clear: both;
	text-align: center;
	padding: 0px;
	font-size: 11px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: solid medium #003300;
}

#bottomest {
		font-size: 10px;
		text-align: center;
		color:#2E3A01;
}

#footer p {
		padding: 5px;
		margin: 0;
}

#footer a {
		color:#1B2F00;
		text-decoration:none;
}

#footer a:hover {
		color: #669900;
}

#split {
		color: #284600;
		font-weight: bold;
}

.heading1 {
	color: #804000;
	font-size: 20pt;
	text-align: left;
}

#navigation {
	font-weight: bold;
}

#valid, #valid a {
	border: none;
	width: 88px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-decoration: none
}

#valid img {
	/* for IE */
	filter:alpha(opacity=31);
	/* CSS3 standard */
	opacity:0.31;
	border: none;
}

.thinborderfloat {
	float: right;
	border: solid 1px silver;
	padding: 5px;
	margin-left: 10px;
} 

/*Nur fuer Photos Seite*/	
#motioncontainer a img{ 
		border: 1px solid #ccc;
}

#motioncontainer a:hover img{ 
		border: 1px solid navy;
}

#motioncontainer a:hover{ 
		color: #FF0000;
}

#statusdiv{ 
		position: absolute;
		padding: 2px;
		left: -300px;
		background-color: #C7FB58;
		border: 1px solid gray;
		visibility: hidden;
}
	


/*Pixelling*/
#PixelBaseImg {
		filter: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=2,Duration=1.5);
}