body {
	color: #000000;
	margin-bottom: 20px;
	margin: 30px 0px 20px 0px;
	padding: 0px;
	font-size: 100.01%; 
	font-face: Arial, Helvetica, sans-serif;
}


#horizon {

	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -300px;
	text-align: center;
	min-width: 800px; 
	}

#container {
	border: 1px solid #000000;
	text-align: left;
	position: relative;
	width: 790px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	} 
.header {
	position: absolute;
	z-index: 1;
	top: 0px;
}


#top {
	height: 140px;
	position: relative;
}
#navitop {
	position: absolute;
	z-index: 8;
	top: 120px;
	left: 20px;
	width: 770px;
	height: 20px;
	overflow: hidden;
	clip: rect(0px,770,20px,0px)	
}
.table {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #993366;
}

.table a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #993366;
	text-decoration: none;
}

.table a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #993366;
	text-decoration: none;
}

.table a:visited {
	color: #993366;
}



#navicontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	position: absolute;
	z-index: 6;
	top: 0px;
	font-variant: small-caps;
	width: 770px;
	left: -370px;
	font-variant: small-caps;
}

#navicontent a {
	text-decoration: none;
	color: #FFFFFF;	
}

#navicontent a:hover {
	text-decoration: none;
	color: #333333;	
}

#navicontent a:visited {
	text-decoration: none;
	color: #FFFFFF;	
}

#navicontent2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	position: absolute;
	z-index: 6;
	top: 0px;
	font-variant: small-caps;
	width: 770px;
	left: 0px;
	font-variant: small-caps;
}


#navicontent2 a {
	text-decoration: none;
	color: #FFFFFF;	
}

#navicontent2 a:hover {
	text-decoration: none;
	color: #333333;	
}

#navicontent2 a:visited {
	text-decoration: none;
	color: #FFFFFF;	
}




#footer {
	width: 790px;
	text-align: center;
	background: #E8E8E8;
	height: 30px;
	border-top: 1px solid #656565;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #333333;
}
#emailtext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	position: absolute;
	z-index: 8;
	width: 305px;
	top: 180px;
	left: 426px;
	text-align: justify;
}


#contenttext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #333333;
	position: absolute;
	z-index: 12;
	width: 380px;
	top: 170px;
	right: 60px;
	text-align: left;
	line-height: 1.4em;
}

#contenttext a {
	text-decoration: none;
	color: #990066;	
}

#contenttext a:hover {
	text-decoration: none;
	color: #990066;	
}

#contenttext a:visited {
	text-decoration: none;
	color: #990066;	
}
#contenttext2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #333333;
	position: absolute;
	z-index: 8;
	width: 183px;
	top: 180px;
	left: 426px;
	text-align: justify;
}

#contenttext2 a {
	text-decoration: none;
	color: #990066;	
}

#contenttext2 a:hover {
	text-decoration: none;
	color: #990066;	
}

#contenttext2 a:visited {
	text-decoration: none;
	color: #990066;	
}


#footer p {
	text-align: center;
	padding: 8px 0px;
	margin: 0px;
	font-size: 0.8em;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #990066;
	text-decoration: none;
	font-variant: small-caps;
}
.flowers {
	position: absolute;
	bottom: 33px;
	z-index: 2;
	height: 337px;
	width: 298px;
}
#deutsch img {
	position: absolute;
	z-index: 6;
	left: 20px;
	top: 20px;
	border: 1px solid #000000;
}
#flower1 {
	position: absolute;
	z-index: 8;
	left: 82px;
	top: 198px;
	
}
#flower2 {
	position: absolute;
	z-index: 8;
	left: 214px;
	top: 252px;
	
}
#flower3 {
	position: absolute;
	z-index: 8;
	left: 251px;
	top: 346px;
}
#flower4 {
	position: absolute;
	z-index: 8;
	left: 217px;
	top: 417px;
}
#button1 {
	position: absolute;
	z-index: 6;
	left: 427px;
	top: 231px;
}
#button2 {
	position: absolute;
	z-index: 6;
	left: 536px;
	top: 231px;
}

#button3 {
	position: absolute;
	z-index: 6;
	left: 648px;
	top: 231px;
}
#button4 {
	position: absolute;
	z-index: 6;
	left: 427px;
	top: 321px;
}
#button5 {
	position: absolute;
	z-index: 6;
	left: 536px;
	top: 321px;
}
#button6 {
	position: absolute;
	z-index: 6;
	left: 648px;
	top: 321px;
}
#button7 {
	position: absolute;
	z-index: 6;
	left: 427px;
	top: 411px;
}
#button8 {
	position: absolute;
	z-index: 6;
	left: 536px;
	top: 411px;
}
#button9 {
	position: absolute;
	z-index: 6;
	left: 648px;
	top: 411px;
}
#mouse {
	position: absolute;
	z-index: 7;
	left: 670px;
	top: 462px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	text-align: right;
}

#mouse a:link {
	text-decoration: none;
	color: #990066;	
}

#mouse a:visited {
	text-decoration: none;
	color: #990066;	
}

#mouse a:hover {
	text-decoration: none;
	color: #990066;	
}

#mouse a:active {
	text-decoration: none;
	color: #990066;	
}



#mouse2 {
	position: absolute;
	z-index: 7;
	left: 371px;
	top: 458px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	text-align: left;
}
#mouse2 a:link {
	text-decoration: none;
	color: #990066;	
}

#mouse2 a:visited {
	text-decoration: none;
	color: #990066;	
}

#mouse2 a:hover {
	text-decoration: none;
	color: #990066;	
}

#mouse2 a:active {
	text-decoration: none;
	color: #990066;	
}

.fs {
	position: absolute;
	z-index: 0;
	left: 600px;
	top: 266px;
}
#box {
	position: absolute;
	z-index: 10;
	height: 336px;
	width: 350px;
	left: 20px;
	top: 181px;
	overflow:hidden;
	clip: rect(0px,338px,350px,0px);
	}

#contentbox {
	position: absolute;
	z-index: 10;
	height: 339px;
	width: 350px;
	left: 0px;
	top: 353px;
	background-image: url(../images/portbg.png);
	background-repeat: no-repeat;
}