/*--------------------------  created by Thorsten Thews , 2008 (http://www.derthews.de) ------------------------------------*/

body {
	font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size : 80%;
	overflow: hidden;
	background : #FFFFFF;
	margin: 0px 0px 0px 0px;
	background-attachment : fixed;
	background-image : url(../images/background.png);
	background-position : right;
	background-repeat : no-repeat;	
}

/*--------------------------- TEASER -------------------------------------*/
#teaser {
	position: absolute;
	top: 40px;
	left: 0;
	width: 200px;
}

#teaser img{
    position: absolute;
	top: 35px;
	left: 20px;
	height: 146px;
	width: 120px;
}

#teaser h1 {
	color: #000080;
	font-family : Georgia, Verdana, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
	margin: 0px 10px 10px 20px;
}
/*--------------------------- /TEASER ------------------------------------*/

/*----------------------- NAVIGATION -------------------------------*/
#navigation {
	display:none;
}
/*----------------------- /NAVIGATION -------------------------------*/


/*------------------------- CONTENT ----------------------------------*/
#scrollContent
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: scroll;
}

#textframe{
	position: absolute;
	border: none;
	height: 250px;
	width: 70%;
	margin: 10px 150px 10px 50px;
}

#textframe h1 {
	color: #000080;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: bold;
	margin: 120px 10px 10px 5px;
	display: block;
	background-color: #EFEFEF;
}

#textframe h2 {
	color: #000080;
	font-family : Verdana, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	margin: 20px 10px 10px 5px;
	display: block;
}

#textframe p{
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	padding: 10px 30px 0px 25px;
}

#textframe a{
	text-decoration: none;
	color: #0080FF;
}


#textframe td{
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	border: 1px solid #818181;
	padding: 2px 2px 2px 2px;	
}

#textframe a:hover{
	text-decoration: underline;
}

#textframe li {
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 0px 25px;
	color: #000000;	
	list-style-image : url(../images/dot_blue.gif);
}

#textframe ul {
	margin: 0px 1px 0px 18px;
}

#textframe img{
	border: 1px solid #0080FF;
	float: left;
	width: 240px;
	height: 180px;
	padding: 1px 1px 1px 1px;
	margin: 10px 60px 20px 50px;
}

#textframe img.single{
	margin: 10px 110px 20px 300px;
}

#filler{
	height: 300px;
}
/*------------------------- /CONTENT ---------------------------------*/


/*------------------------- COMMON -----------------------------------*/

.orange {
	color : #F2E361;
}

.bigger {
	font-size: 125%;
}


/*------------------------- /COMMON ----------------------------------*/