html, body { 
	font-family: verdana, arial, helvetica, serif; 
	font-size: 10pt; 
	background: #737373; 
	padding: 0; 
	margin: 0;
}
/* * * * * START: HOME - EINSTIEGSEITE  * * * * */
body#home {
	text-align: center;
}
#contenthome {
	background-image:url(../bilder/home/home_bild_duo.jpg);
	background-repeat:no-repeat;
	background-position: center;
	margin-top: 48px;
	height:600px;
}

#sprachen {
	color: #f9f8f8;
	padding-top: 568px;
}

#sprachen a {
	color: #f9f8f8;
}

#sprachen a:hover {
	color: #ff6633;
}
/* * * * * END: HOME - EINSTIEGSEITE  * * * * */


/* * * * * START: BIO / PRAESENZ SEITEN * * * * */
#content   { 
	text-align: left; 
	z-index: 1; 
	margin: 44px 0 40px 0; 
	padding-left: 70px; 
	vertical-align: bottom; 
	voice-family: inherit;
}
/* * * * * END: BIO / PRAESENZ SEITEN * * * * */


/* * * * * START: TEXT-SEITEN * * * * */
#textseite { 
	background-color: #FFF; 
	width: 817px; 
	margin: 0 0 0 0;
}
#textarea { 
	margin-left: 30px;
	padding: 20px 0 0 0; 
}
/* * * * * END: TEXT-SEITEN * * * * */



/* * * * * START: MENU * * * * */
#menu01  { 
	text-align: left; 
	z-index: 1; 
	width: 180px; 
	float: left; 
}
#menu02  { 
	text-align: center; 
	padding-top: 10px; 
	z-index: 3; 
	width: 650px; 
	height: 83px;
	float: left; 
}
.stroke { 
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#act .stroke { 
	color: #414141; 
}
#nav a { 
	color: #e9e9eb; 
	font-size: 8pt; 
	font-weight: bold; 
	padding-left: 1.2em; 
	z-index: 6; 
	cursor: pointer; 
}
#nav a { 
	text-decoration: none; 
	z-index: 6 
}
#nav li li a { 
	font-weight: normal; 
	display: block; 
	padding-top: 0.15em; 
	padding-bottom: 0.1em; 
	padding-left: 1.5em; 
	z-index: 6;
}
#nav li#act { 
	font-weight: normal; 
	background-color: #414141; 
}
#nav li:hover { 
	font-weight: normal; 
	background-color: #414141; 
}
#nav li:hover .stroke { 
	color: #414141; 
}

/* menue Level-2: orange wenn hover */
#nav li li a:hover { 
	font-weight: normal; 
	background-color: #f63; 
	padding-top: 0.15em; 
	padding-bottom: 0.1em; 
	padding-left: 1.5em; 
	z-index: 6; 
	cursor: pointer; 
}
li { 
	background-color: #737373; 
	text-align: left; 
	cursor: default; 
	position: relative; 
	z-index: 6; 
	width: 8em; 
	float: left 
}
li#first  { 
	border-left: 0em;
}
li#last  { 
	width: 0; 
	border-left: 0 none;
}
li ul { 
	font-weight: normal; 
	background-color: #414141; 
	background-image: none; 
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0; 
}
li>ul { 
	top: auto; 
	left: auto; 
}
li li  { 
	background-color: transparent; 
	display: block; 
	float: none; 
	border: 0 
}
li:hover ul, li.over ul { 
	display: block;
}

/* Aktuelle Seite  */
li#act ul, li.act ul { 
	display: block;
}
li ul li#activ, li.activ { 
	background-color: #f63 
}
ul { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}
/* * * * * END: MENU * * * * */





/* * * * * START: BIO TIMELINE * * * * */
#timelinebar {
	background: #F63;
	width: 820px;
	height: 3px;
	padding: 0;
	margin: 0;
}
#timeline20  { 
	height: 24px;
	width: 820px;
	margin: 0 0 14px 0;
	padding: 0;
}
#timeline20 ul {
	margin: 0;
	padding: 0;
}
.block10 { 
	position: relative; 
	z-index: 4; 
	padding-left: 0.35em; 
	vertical-align: top; 
	width: 34px; 
	height: 21px; 
	overflow: hidden ;
}

.block10 a { 
	display: block;  
	z-index: 4; 
	cursor: pointer;  
}
.block10 a:hover { 
	display:block; 
	text-indent:-34px; 
}
.block10active { /* shows active year */
	position: relative; 
	text-indent:-34px; 
	z-index: 4; 
	padding-left: 0.35em; 
	vertical-align: top; 
	width: 34px; 
	height: 21px; 
	overflow: hidden; 
}
/* * * * * START: BIO CONTENT * * * * */
#biowrapper {
	width: 820px;
	height: 390px;
}
#biocontent {
	float: left;
	width: 461px;
	height: 390px;
	padding: 0 20px 0 25px;
	font-size: 9pt; 
	background: #FFF;
}
#biotext {
	height: 348px;
	width: 461px;
	padding: 12px 0 0 0;
	background: #FFF;
}
#biobild {
	float: left;
	width: 314px;
	height: 390px;
}
#biotext h1  { 
	color: #ff6633; 
	font-size: 9pt; 
	font-weight: normal; 
	white-space: normal; 
	margin-top: 0;
}
#biotext p { 
	color: #000; 
}
#biocontent a, #next a {
	color: #666; 
	text-decoration: none; 
}
#biocontent a:hover, #next a:hover { 
	color: #f63; 
}
#next { 
	width: 461px;
	height: 30px;
	color: #666; 
	text-align: right;
}
/* * * * * END: BIO TIMELINE * * * * */