/* zentrale Formate */

body {
	background-color: rgb(223,241,251);
	font-family: Verdana, Arial, Helvetica, "Sans Serif";
	font-size: .8em;
	margin:0px;
	/*width: 755px;
	margin-left:250px;
	/*margin-right:auto;
	border-width:1px;
	border-style:solid;
	border-color:blue; */ 
}

a {
	color:blue;
	text-decoration:underline;
}

img {
	border: 0px;
}

h1 {
	text-align:center;
	font-size:medium;
}

h3 {
	text-align:center;
	font-size:small;
	padding-top:5px;
}

select {
	font-size: 12px;
}

table {
	table-layout:fixed;
	border-width:1px;
	border-color:black;
	padding:0em;
	text-align:justify;
	/* border-collapse: collapse; /* entspricht dem html-tag cellspacing=0 */ 
}

td {
	vertical-align:top;
	table-layout:fixed;
	font-size: 10px;
	border-width:0px;
	border-style:solid;
	border-color:black;
	text-align:left;
}

th {
	table-layout:fixed;
	font-size: 12px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	text-align:center;
}

pre {
	font-size: 12px;
	white-space: pre-wrap;
}


/* Klassen-Selektoren */
/* Hauptnavigation */
.hauptnavigation {
    width: 200px;
    display: block;
    border-top: 1px solid #AFAFAF;
}

.navigationspunkt {
    border-bottom: 1px solid #AFAFAF;
    padding-bottom: 1px;
}

.navigation_aktiv {
    color: #000000;
    background-color: #CECEC2;
    }

.hauptnavigation a:link, .hauptnavigation a:visited {
    display: block;
    width: 200px;
    text-decoration: none;
    color: #000000;
    margin-top: 1px;
    }

.hauptnavigation a:hover {
    color: #000000;
    background-color: #DCDCD3;
    }

.hauptnavigation h1 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding-left: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    }

.hauptnavigation h2 {
    clear: both;
    font-size: 1em;
    font-weight: normal;
    padding: 2px 0px 5px 15px;
    margin: 0px;
    margin-top: 0px;
    }

.hauptnavigation h3 {
    clear: both;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0px 5px 30px;
    margin: 0px;
    margin-top: 0px;
    }

.verb {
	background-color:#FF0000;
}

.pos {
	background-color:#FF0000;
}

.nav1 {
	padding-top:30px;
	word-spacing:2em;
	z-index:1;
	vertical-align:middle;
}

.nav2 {
	font-style:italic;
	margin-left:10px;
	padding-top:1px;
	padding-bottom:5px;
}

.tagged {
	font-weight:bold;
}

.focus {
	color:red; 
	font-weight:bold;
}

.admin {
	font-weight:bold;
}

.tagging {
	cursor:text;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:1em;
	background-color:#CCCCCC;
}

.result {
	padding-left:10px;
	padding-right:10px;
	/* font-size:1em; */ 
	background-color:#CCCCCC;
}

.comment {
	font-family: Times New Roman;
	font-style:normal;
	font-size:15px;
	color:green;
}

.login {
	padding-top:30px;
}


/* Attribut-Selektoren */

.navigation a:link, .navigation a:visited {
	/*display: block;*/ 
	width: 160px;
	text-decoration:none;
	color:#000000;
	margin-top: 1px;
}

.navigation a:hover span:hover {
	color: #000000;
	background-color: rgb(0,203,255);
}

.verbindungen td {
	vertical-align:top;
	font-size: 12px;
	border-width:1px;
	border-style:solid;
	border-color:black;
	padding:0.3em;
	text-align:left;
}

.verbindungen table {
	vertical-align:top;
	font-size: 14px;
	border-width:0px;
	border-style:solid;
	border-color:black;
	padding:0.3em;
	text-align:left;
	border-spacing:0px;
	border-collapse: collapse;
}

span.intervall {
   text-decoration:underline;
	 color:blue;
}

/* id-Selektoren */

#kopfbereich {
	background-color:rgb(0,203,255);
	left:0px;
	right:0px;
	height:119px;
	position:fixed;
	border-width:0px;
	border-style:solid;
	border:bottom;
	z-index:1;
}

#audio2:hover, .intervall:hover {
  cursor:pointer;
}
#funktionsbereich {
	background-color:#A2E8FA;
	height:37px;
	left:0px;
	right:0px;
	position:fixed;
	top:119px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:black;
	z-index:1;
}

#navigation {
	/* background-color:#A2E8FA;*/
/*	color:white; */
	position:fixed;
	left:0px;
	top:155px;
	width:170px;
	bottom:0px;
	/* padding-left:30px; */
	padding-top:30px;
	border-right-style: solid;
	border-right-width: 0px;
	border-right-color:black;
	z-index:2;
}

/* #tagging {
	padding-top: 20px;
	z-index:1;
}
 */

#content {
	left:200px;
	bottom:20px;
	width:940px;
	position:absolute;
	top:156px;
	padding-left: 30px;
	overflow:auto;
	padding-top: 15px;
	border-left-style: solid;
	border-left-width: 1px;
	border-color:black;
	z-index:0;
}

#fussbereich {
	left:200px;
	width:940px;
	bottom:2px;
	position:absolute;
	height:18px;
	overflow-x:hidden;
	border-top-style: solid;
	border-top-width: 0px;
	border-color:black;
	z-index:0;
}

#verbindung_1 {
	z-index:1;
}

#verbindung_2 {
	z-index:1;
}

#verbindung_3 {
	z-index:1;
}

#verbindung_4 {
}

#titel_links {
	height:30px;
	width:297px;
	z-index:2;
}

#titel_rechts {
	height:30px;
	width:297px;
	z-index:2;
}

#sound {
	height:20px;
	width:297px;
	z-index:2;
}

#kolumne_rechts {
	height:500px;
	z-index:1;
}

#admin {
	top:0px;
	border:1px solid;
	left:-100px;
	width:95px;
	height:653px;
	z-index:1;
}

#border {
	top:0px;
	border: 1px solid;
	width:955px;
	height:650px;
}

#footer {
	border-top: 1px solid;
	margin-top: 30px;
	font-style:italic;}

#lemmaliste {
	z-index:1;
 /*height:250px; */
	width:170px;
	overflow:auto;
	visibility:hidden;
	background-color:#CCCCCC;
	border-style:solid 1px;
	padding-left:5px;
}

#erlaeuterung {
	z-index:1;
	margin-left: 30px;
	margin-top: 25px;
	height:350px;
	width:300px;
	overflow:auto;
	padding-left:5px;
}

#help {
	z-index:1;
	position:absolute;
	top:20px;
	right:20px;
	border-width:0px;
	cursor:pointer;
	font-size:x-large;
	background-color: #A2E8FA;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	border-style:solid; 
	border-color:black;
}

/* Pseudoklassen f?r Verweise */

a.nav:link {
	text-decoration: none;
	color: black;
}

a.nav:visited {
	text-decoration: none;
	color: black;
}

a.nav:hover {
	text-decoration: none;
	color: black;
}

a.nav:active {
	text-decoration: none;
	color: black;
}