@charset "UTF-8";
/* CSS Document */


html {
	height: 101%;
	font-size: 62.5%;
}

* 	{
	margin: 0px; padding: 0px; border:0px;}

body {
	text-align: center;
	background: url(images/bgr_01.jpg);
	background-attachment:fixed; padding:0px;
	font: 1.2em/1.8em Verdana, sans-serif;
}
a:link {
	color:#FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
a:active {
}

#container01 {
	background: url(images/ornament02.jpg);
	width: 900px;
	border: 3px solid #FFFFFF;
	height: auto;
	padding: 15px;
	position: static;
	margin: 30px auto;
	text-align: left;
}
#titel {
	background: url(images/titel_headline_2.jpg) no-repeat left top;
	background-color: #E6E6E6;
}
#titel_spanisch {
	background-color: #E6E6E6;
	background-image: url(images/titel_spanisch.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi01 {
	background: url(images/ornament02.jpg);
	width: 130px;
	left: 800px;
	top: 187px;
	line-height: 40px;
	float: right;
	margin-top: 170px;
	font-size: 25px;
	font-weight: bolder;
	font-family: "Courier New", Courier, monospace;
	font-variant: small-caps;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 186px;
	}

#navi01 ul {
	list-style-type: none;
	padding-left: 20px;
}
#trailer {
	background-color:#999999;
	height: 250px;
	width: 350px;
	border: 1px solid #996633;
	float: right;
	margin-right: 40px;
	margin-top: 200px;
}
#infoindex {
	width: 360px;
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: -110px;
	position: relative;
	margin-left: 344px;
}
#info01 {
	width: 400px;
	font-size: 14px;
	line-height: 25px;
	color: #333333;
	margin-top: 170px;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	clear: left;
}
#info02 {
	width: 600px;
	height: 50px;
	position: absolute;
	visibility: visible;
	left: 230px;
	z-index: 50;
	margin: 330px 0 0 110px;
}
#info03 {
	width: 550px;
	height: 50px;
	position: absolute;
	margin-top: 620px;
	margin-left: 340px;
	visibility: hidden;
	font-size: 14px;
	color: #333333;
	z-index: 20;
}
.kleingedrucktes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}
#info01 a:link {
	height: 600
!;
	color: #0358A9;
	text-decoration: underline;
}
#info01 a:visited {	height: 600
!;
	color: #333333;
	text-decoration: underline;
}
#info01 a:hover {
	color: #FF4900;
}
#info01 a:active {
	color: #333333;
}
#quote {
	width: 150px;
	position: absolute;
	margin-top: 800px;
	margin-left: 70px;
	visibility: visible;
	padding: 10px;
	color: #FFFFFF;
	border: 4px solid #FFFFFF;
	background-image: url(images/ornament02.jpg);
	font-size: 120%;
	font-weight: bolder;
}
h1 {
	font-family: "Courier New", Courier, monospace;
	font-size: 22px;
	color: #0358A9;
	line-height: 30px;
	margin: 20px 0 50px 0;
}

h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #0358A9;
	margin: 20px 0;
}
h4 {
	font-family: "Courier New", Courier, monospace;
	font-size: 16px;
	color: #0358A9;
}
.on {
	background-color: #C0778F;
}
a.popup {
	color: #000000;
	font-size: 20px;
	line-height: 25px;
	text-decoration: inherit;
} /* zwingt die Bilder untereinander */
a.popup  img {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 15px;
}
a.popup:hover /*
a.smallpic:hover {
background-color: transparent;
}*/
 img {
	background-color: #E6E6E6;
}
a.popup /* Die nächsten drei Anweisungen gelten für die grossen Bilder */
 span {
	padding: 10px;
	left: -1000px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	position: absolute;
	visibility: hidden;
}
a.popup  span  img {
	border-width: 20px;
	padding: 2px;
}
a.popup:hover  span {
	visibility: visible;
	top: -500px;
	left: -500px; /* Position von links */
	z-index: 50;
	width: 500px;
	position: absolute;
	text-decoration: none;
	background-color: #E6E6E6;
}
#footer {
	text-align: center;
	width: auto;
	background: #E6E6E6;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #666666;
}
#headmenu {
	background-color: #EBEBEB;
	text-align: left;
	padding: 0 0 0 10px;
}
#headmenu  img {
	margin-right: 6px;
	border: 0px;
	height: 23px;
	padding-top: 10px;
	margin-bottom: 5px;
}
#infobutton {
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 680px;
	margin-left: 780px;
	font-size: 14px;
	visibility: hidden;
}
.socmed {
	display: inline;
}
#picstream {
	top: 320px;
	width: 380px;
	height: 285px;
	left: 340px;
	position: relative;
	border: 3px solid #FFFFFF;
}
/*für java stream
#picstream {
	top: 340px;
	width: 380px;
	height: 200px;
	left: 340px;
	display: block;
	position: relative;
}*/

#sound01 {
	width: 50px;
	height: 50px;
	position: absolute;
	margin-top: 600px;
	margin-left: 200px;
	font-size: 14px;
	visibility: hidden;
}
.languages {
	visibility: visible;
	text-align: right!;
	display: inline;
	float: right;
}
#table {
	background-color: #CCCCCC;
	border: 3px solid #FFFFFF;
	padding: 5px;
}

.floatright {
	float: right;
	margin: 0 0 0 30px;
}

p {
	margin: 20px 0;
}

.formular {
	clear: right;
	margin: 20px 0;
}