@charset "utf-8";
/* CSS Document */
html {
	min-height: 101%;
}
body {
	font-size: 83%; 
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #07394a;
	font-family: Georgia, "Times New Roman", Times, serif;
}
html > body {
	font-size: 10px;
}
a {
outline: none;
border: 0;
}
a img { border: 0; }
.clearBoth {
	clear: both;
}
.hidden {
	display: none;
}
#globalWrapper {
	text-align: left;
	vertical-align: top;
	margin: 0 auto;
	padding: 0;
	width: 68em;
	background-color:#fff;
}
#header {
	height: 14em;
	width: 68em;
	margin: 0;
	padding: 0;
	background-image:url(../images/header2.jpg);
	background-repeat: no-repeat;
}
#mainWrapper {
	margin: 3em 1em 0 3em;
}
#navigation {
	width: 12em;
	margin: -0.5em 0 0 0;
	padding: 0;
	float: right;
}
#navlist {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #07394a;
	width: 12em;
}
#navlist li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #07394a;
}

#navlist li a {
	display: block;
	text-decoration: none;
	font-size: 1.8em;
	margin: 0.2em 0 0 0;
	padding: 0;
	color: #84815b;
}
#navlist li a:hover {
	background-color: #e6ebed;
}
#navlist #firstNavElement {
	border-top: 0px;
}
#navlist #lastNavElement {
}
#navlist #current {
	background-color: #e6ebed;
	display: block;
	text-decoration: none;
	font-size: 1.8em;
	margin: 0.2em 0 0 0;
	padding: 0;
	color: #84815b;
}
#mainText {
	float: left;
	width: 50em;
	padding: 0 1em 0 1em;
	margin: 0;
	min-height: 23em;
}
#mainText h2 {
	color: #fff;
	width: 20em;
	line-height: 1em;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#mainText h2 .highlighted {
	background-color: #48dbe8;
	display: -moz-inline-stack;
	display: inline-block;
	margin: 0 0 0.05em 0;
	padding: 0 0.5em 0 0;
}
#mainText h3 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
	color: #3e7785;
	margin: 0.5em 0 0.5em 0;
}
#mainText h4 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #3e7785;
	margin: 0.5em 0 0.5em 0;
}
#mainText p {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #84815b;
	width: 29em;		/* 350px wegen font-size 1.5 */
}
#mainText .imprintP {
	width: auto;
	font-size: 1.2em;
	line-height: 1.1em;
	width: 30em;
}
#mainText address {
	font-size: 1.3em;
	color: #84815b;
	width: 30em;
	font-style: normal;
}
#mainText a {
	color: #48dbe8;
	text-decoration: none;
}
#mainText a:hover {
	text-decoration: underline;
}
#mainText .imprintLinks {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding: 0;
	font-size: 1.5em;
}
#mainText ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainText li {
	margin: 0;
	padding: 0;
	color: #84815b;
	font-size: 1.3em;
	line-height: 1.3em;
}
#content {
	clear: both;
	margin: 0;
	padding: 0;
}
#content p {
	font-size: 1.3em;
	text-align: right;
	color: #84815b;
	margin: 0;
	padding: 0;
}
#content h3 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #3e7785;
	text-align: right;
	margin: 0;
	padding: 0;
}
#content img {
	width: 12em;
	height: 9em;
	margin: 0 1em 0 0;
	padding: 0;
	border: 0;
}
#content .noImgMargin {
	margin: 0;
}
#content .five-frame-bg {
	background-color: #e6ebed;
	padding: 1em;
}
#content .five-frame-bg img {
	width: 11.6em;
	height: 8.5em;
}
#content .lineSpacer {
	padding: 0.5em 0 0 0;
	height: 3.5em;
	vertical-align: middle;
}
#content .lineSpacer p {
	color: #84815b;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
#content .lineSpacer h3 {
	color: #3e7785;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
#content .moviePrev {
	position: relative;
	float: left;
	width: 12em;
	margin: 0 1em 0 0;
	height: 15em;
}
#content .moviePrev .overLayer {
	position: absolute;
	top: 1em;
	left: 0;
	background: transparent;
	width: 12em;
	height: 9em;
	z-index: 0;
}
#content .moviePrev .overLayer:hover {
	background-image: url(../images/movies/play_hover.png);
}
#content .moviePrev img {
	background-image:url(../images/filmstreifen.gif);
	padding: 1em 0;
}
#content .moviePrev .overLayer img {
	background: none;
}
#content .moviePrevRight {
	margin: 0;
}
#content .moviePrev h3, #content .moviePrev p {
	font-size: 1em;
}
#content .moviePrev a {
	height: 9em;
	width: 12em;
}

#content .moviePrevStart {
	position: relative;
	width: 65em;
	margin: 0;
	height: 15em;
}
#content .moviePrevStart .overLayer {
	position: absolute;
	top: 1em;
	left: 1em;
	background: transparent;
	width: 63em;
	height: 9em;
	z-index: 0;
}
#content .moviePrevStart .overLayer:hover {
	background-image: url(../images/start/start-hover.png);
}
#content .moviePrevStart img {
	background-image:url(../images/filmstreifen.gif);
	width: 63em;
	padding: 1em;
}
#content .moviePrevStart .overLayer img {
	background: none;
}
#content .moviePrevStart h3 {
	font-size: 1.1em;
	padding: 0 1em 0 0;
	font-style: normal;
	color: #84815b;
}
#content .moviePrevStart p {
	font-size: 1.1em;
	padding: 0 1em 0 0;
	font-style: italic;
	color: #3e7785;
}
#content .moviePrevStart a {
	height: 9em;
	width: 12em;
}


#content .bottomImageSpacer {
	padding: 0.5em 0 0 0;	
}
#content .bottomImageSpacer p {
	color: #84815b;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}
#content .bottomText p{
	width: 29em;
	text-align: left;
	font-size: 1.3em;
}
#content .bottomText a {
	color: #48dbe8;
	text-decoration: none;
}
#content .bottomText a:hover {
	text-decoration: underline;
}
#content .courseLog p {
	font-size: 1.3em;
	text-align: left;
	color: #84815b;
	margin: 0;
	padding: 0;
}
#content .courseLog h3 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	color: #3e7785;
	text-align: left;
	margin: 0.5em 0 0.5em 0;
	padding: 0;
}
#content .linksImg {
	height: 8.5em;
	width: 11.6em;
	float: left;
	margin: 0 1em 0 0;
}
#content .linksDesc {
	height: 6.6em;
	text-align: left;
}
#content .linksURL {
	height: 2em;
	text-align: left;
}
#content .linksDesc h3{
	color: #84815b;
	font-size: 1.2em;
	text-align: left;
	font-style: normal;
}
#content .linksURL a {
	color: #2fb1bd;
	font-size: 1.2em;
	line-height: 2em;
	text-decoration: none;
}
#content .linksURL a:hover {
	text-decoration: underline;
}

#popup {
	background-color: #fff;
}

#popup .moviePrev h3, #content .moviePrev p {
	font-size: 1em;
}
#popup .moviePrev a {
	height: 9em;
	width: 12em;
}

#footer {
	height: 5em;
	margin: 0;
	padding: 0;
}