/* CSS */
/* by T Heyer */

/* html tags */

body {
	background-color: #f9f7f3;
	font-size: 12px;
	font-family: Helvetica, Swiss, Arial, Sans-Serif;
	color: rgb(42,36,31);
	padding:0px;
	margin:0px;
}

p {
	margin: 0;
	padding: 5px 10px;
}

h1 {
	font-size: 14px;
	text-indent: 3px;
	background-color: #eeeeee;
	width: 878px;
	margin-left: 10px;
	padding: 2px;
}

h2 {
	font-size: 12px;
	margin: 0;
	padding: 10px 10px;
}

a {color: rgb(0,0,158); text-decoration: none;}
a:active {color: rgb(22,162,156);}
a:visited {color: rgb(0,0,158);}
a:hover {color: rgb(22,162,156);}

/* id */

/* boxes - everything goes in here */

#box0 {
	z-index: 1;
	position: fixed;
	top: 1px;
	left: 100px;
	background-color: #fff;
	border: 1px solid rgb(0,0,158);
	padding: 5px 11px 10px 11px;
}

#box1 {
	z-index: 2;
	position: fixed;
	top: 170px;
	left: 100px;
	width: 900px;
	background-color: #fff;
	border: 1px solid rgb(0,0,158);
}


/* header */

#header {
	width: 878px;
	height: 145px;
	background-image: url(head.jpg);
}


/* content */

#content520 {
	background-color: #fff;
	margin: 0;
	padding: 0;
	height: 520px;
}

/* copyright-footer not in box */

#copy {
	z-index: 3;
	position: fixed;
	top: 580px;
	left: -20px;
	font-size: 10px;
	text-align: center;
}

/* classes */

.unten {
	padding: 119px 0 1px 1px;
	
}

.text {
	background-color: #f9f7f3;
	padding: 5px;
	width: 285px;
}

.blue {color: rgb(0,0,158);}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}