*{margin:0; padding:0;}

img{border:none;}
a{color:#000080;}
a:hover,a:focus{color:#366;text-decoration:none;}

html{
	height:101%;
}
body {
	font:0.75em arial,helvetica,sans-serif;
	text-align:left;
	background-color:#727594;
	min-height:100%;
	padding-bottom:5px;
}
#main{
	width:74em;
	padding-left:0.003em;
}
/* class "weiche":
        Schiebt die "unsichtbaren" Hilfen aus dem Viewport,
        dadurch lassen sich uebereifrige Screenreader, die
        ausgerechnet "display:none" akustisch auswerten,
        taeuschen, und lesen die so versteckten Hilfen dennoch vor.
        Siehe auch: http://www.byteshift.de/alistapart/fir/
        und http://css-discuss.incutio.com/?page=ScreenreaderVisibility
*/
.weiche{
	position:absolute;
         left:-500em;
}
.weiche a:focus,.weiche a:active{ /* macht die Uebersprunglinks beim Tabben sichtbar */
	position:absolute;
         left:500.5em;
         top:0;
}
/*--------------------------------Header-------------------------*/
#header{
	background:url("../images/holz.jpg") repeat right top;
	height:7.3em;
	position:absolute;
	top:0; left:0;
	width:74em;
}
#header ul{
	list-style:none;
	height:0.5em;
	font-weight:bold;
	margin-top:1.5em;
}
#header>ul{
	height:4.5em;
}
#header li{
	font-family:georgia, times, sans-serif;
	float:left;
}
#header #feu{
	padding:0 0 0 60px;
}
#header #feu img{
	height:4.5em;
	width:4.83em;
}
#header #inst{
	width:38em;
	height:3.9em;
	text-align:right;
	font-size:1.5em;
	float:right;
	color:#669;
	padding:0.4em 130px 0.4em 0;
	position:absolute;
	top:0.85em;
	right:0;
}
#header ul>#inst{
	width:30em;
	height:2.5em;
	padding:0.4em 130px 1em 0;
	margin-top:-0.2em;
	position:static;
}
#header #inst span{
	font-size:0.8em;
	color:#669;
	padding:1em 0 0 0;
}
#header #leitung{
	font-size:0.9em;
	color:#669;
	padding:0.3em 0 0 0;
}

#header a{
	color:#515198;
	text-decoration:none;
}
#header a:hover, #header a:focus{
	color:#366;
}
#print-header{
         position:absolute;
         top:0; left:0;
         display:none;
}
/*-------------crumb---------------*/
#crumb{
	clear:both;
	padding:0.4em 0.5em;
	color:#000080;
	background-color:#fff;
	border-bottom:dotted 2px #515198;
	font:0.9em arial,helvetica,sans-serif;
	overflow:hidden;
	margin-top:8em;
}
address{
	font:normal 1em arial,helvetica,sans-serif;
	line-height:1.5em;
}
address img{
	float:right;
	margin:0 0 20px 20px;
	width:15em;
}
/*----------------------------Menue---------------------------------*/
#menu{
	list-style:none;
	float:left;
	width:14em;
	padding-bottom:220px;
}

#menu li{
	list-style:none;
	font:bold 1em arial,helvetica,sans-serif;
	text-transform:uppercase;
	padding:0.5em 0 0 0.5em;
}
#menu li ul{
	list-style:none;/*
	border-top:2px solid #fff;*/
	padding-top:0;
	margin:0 0 0.5em -0.5em;
}
#menu li li{
	border:none;
	font:normal 1em arial,helvetica,sans-serif;
	text-transform:none;
	padding:0.2em 0 0 1em;
}
#menu a{text-decoration:none}
#menu a:hover, #menu a:focus{color:#366;text-decoration:underline;}

/*-------------------content---------------------------*/
#content{
	background-color:#EDF1F4;
	margin-left:14em;
	height:43em;
	padding:1em 1em 1em 1.5em;
	line-height:1.5em;
}
#area > #content{
	min-height:43em;
	height:auto;
	margin-left:14em;
}
p{
	line-height:1.5em;
	padding:0.5em 0;
}
h1{
	color:#515198;
	font-size:1.3em;
	padding-bottom:0.1em;
	margin:0 0 1em 0;
}
h2{
    	background-color:#F5FAFD;
    	color:#727594;
	font-size:1.0em;
	letter-spacing:0.05em;
	margin:1em 0 0.5em 0;
	padding-left:0.7em;
}
h3{
	font-size:1em;
	margin:0.8em 0 0 0;
}
h4{
	font-size:0.9em;
}
#content ul{
	list-style:none;
	line-height:1.3em;
	margin:0 0 0 1em;
         width:98%;
}
#content ul li{
	background:url('../images/minus.gif') no-repeat 0 0.25em;
	padding-left:12px;
	margin:0.5em 2em 0.5em 0;
}
/*-------------------startseite--------------------------*/
#content #arealg1{
	height:30em;
	background:url('../images/gregor.jpg') no-repeat ;
	padding:1em 0 0 180px;
	margin-top:2em;
}

#content #arealg1 ul li{
	background:url('../images/markerlg1.gif') no-repeat 0 0.25em ;
	list-style:none;
	padding:0.5em 0.5em 0 1em;
	margin:1em 0 0 0;
	font:bold 1.0em arial,helvetica,sans-serif;
}

#content #arealg1 ul li a{color:#669;text-decoration:none;}
#content #arealg1 ul li a:hover,#content #arealg1 ul li a:focus{color:#366;text-decoration:underline;}

/*-------------------ende startseite--------------------------*/

#content .publikationenliste{
	width:48em;
}
#content ol{
	line-height:1.5em;
         padding-left:0.5em;
}
#content ol li{
	margin:0.5em 2em 0.5em 2em;
}
#content #mitarbeiterliste{
	width:98%;
}

#content #mitarbeiterliste ul{
	line-height:1.5em;
}
#content #bild img{
	float:left;
         margin-right:15px;
         height:140px;
}

#content .bild-rechts{
         float:right;
         margin:5px 0 5px 10px;
}

#content .bild-links{
         float:left;
         margin:5px 10px 5px 0;
}

/*----------Tabelle----------*/
#content table{
	border-collapse:collapse;
         border:0;
         /*width:50%;*/
	font-size:1em;
	line-height:1.3em;
}

#content table caption{
	text-align:left;
	font-size:1em;
	font-weight:bold;
	padding:0 0 0.8em 0;
}
#content #conect{
	line-height:2em;
}
#content table .unsichtbar{
	display:none;
}
#content table td, #content table th{
         padding:0.3em;
         vertical-align:top;
         text-align:left;
         font-weight:normal;
}
#content table td h2{
	font-size:1em;
         background:none;
         border:none;
         color:black;
         margin:0;
         padding:0;
}
#content table thead th, #content #projekttabelle th{
	font-weight:bold;
}

#content #projekttabelle th{
	color:#727594;
}
#content #seminare{
	border-collapse:collapse;
         border:0;
         margin-top:1em;
         width:95%;
}
#content #seminare td, #content #seminare th{
	border:1px solid gray;
}
#content #seminare th{
	font-size:0.9em;
         color:#727594;
         font-weight:bold;
}
#content #seminare .sem-termine{
	white-space:nowrap;
}
#content #zurperson th{
	font-size:1em;
	font-weight:normal;
         width:8%;
}
#content #person{
         height:135px;
}
#content >#person{
         min-height:135px;
         height:auto;
}
#content #lebenslauf-tab th{
	font-size:1em;
         width:14%;/*
	text-align:right;
         white-space:nowrap;*/
}

#content #lebenslauf-text{
	width:99%;
}

#content #kursliste {
        line-height:1.2em;
}
#seminartabelle #thema td{
	font-weight:bold;
}
#content #projekttabelle thead, #content #seminartabelle thead, #content #kontakt thead, #content #zurperson thead, #content #lebenslauf-tab thead{
	display:none;
}
#content table td img{
	margin:0 0 0.5em 0;
}
#content table ul{
	margin-left:1.5em;
}
#content #projekttabelle ul{
	margin:0;
}
#content #projekttabelle ul li{
	background:none;
         padding-left:0;
         margin-top:0;
}

/*-----------fieldset---------*/
#content fieldset{
	border:solid 1px #727594;
	line-height:1.4em;
	padding:0.5em 0.5em 1em 1em;
	margin-top:30px;
}
#content fieldset li{
	margin:0.3em 0 0 0;
	padding:0 0 0 8px;
}
#content legend{
	font:bold 1.1em arial,helvetica,sans-serif;
	text-transform:uppercase;
	padding:0 0.3em;
	color:#727594;
}
#content legend a{
	color:#727594;
         text-decoration:none;
}
#content legend a:hover, #content legend a:focus{
	color:#366;
         text-decoration:underline;
}

#seminaranmeldeformular input {
	vertical-align:middle;
}

/*-----------geaendert-----------------*/
#content #geaendert{
	clear:both;
	font:0.8em arial,helvetica,san-serif;
	margin:2em 0 0 0;
	text-align:right;
	line-height:1em;
}
/*----------footer----------------*/
#footer{
	clear:both;
	padding:0.3em 0.5em 0 22em;
/*	background-color:#ebf0f6;*/
	color:#669;
	font:0.95em arial,helvetica,sans-serif;
	text-align:right;
}
#footer span{
	float:left;
	color:#CCC;
}
#footer ul{
	list-style:none;
}
#footer li{
	float:left;
	border-right:1px solid #fff;
	padding:0 0.5em;
}
#footer a:link,#footer a:visited,#footer a:active{color:#fff; text-decoration:none;}
#footer a:hover,#footer a:focus{color:#C3CEA8; text-decoration:underline;}
#footer span{text-align:left;float:left;
}


/*-------------------Print--------------------------*/
@media print{
	body{
		text-align:left;
	}
	#menu, #footer, #header, #geaendert, #crumb{display:none;}
	#main{width:auto;}
	#print-header{
		display:inline;
                 border-bottom:1px solid black;
                 font-size:0.9em;
                 padding-bottom:2px;
                 margin-bottom:20px;
                 width:100%;
         }
	#main #content{
		width:auto;
		border:0;
		padding:20px 0 0 0;
		margin-left:0;
	}
	#content img{display:none;}
	#content table img{display:inline;}
	#content #mitarbeiter #person img{display:inline;}
	h1{
		color:#000;
		border:none;
		font-size:1.2em;
                 padding-top:20px;
	}
         h2{
         	border:0;
                 background:none;
                 padding-left:0;
                 color:black;
         }
	#content ul{
		list-style:disc outside;
                 padding-left:0;
                 margin-left:20px;
	}
}