/* ### CSS-Definitionen (nur Screen) fuer www.gilberg.net ### */
/* ### CSS-Definitionen fuer Druck siehe css/print.css ### */

/* ### Formate fuer den gesamten Dokumenten-Body ### */

body {
	font-family: Arial, Helvetica, sans-serif;
}



/* ### Format fuer den umfassenden DIV-Container ### */

.main {
	width: 780px;
	margin: auto;
	margin-top: 10px;
}

#navi {
	margin-left: 15px;
	margin-top: 15px;
	float: left;
}



/* ### Formate fuer Inhaltsbereich  ### */

.header {
	width: 720px;
	height: 40px;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}

.kopfzeile {
	font-size: x-large;
	font-weight: bolder;
	text-align: right;
}

.inhalt {
	width: 540px;
	margin-left: 170px;
	margin-right: 20px;
	padding-top: 0px;
}

h1 {
	margin-bottom: 25px;
	margin-top: 15px;
	font-size: large;
}

p {
	line-height: 1.3em;
	text-align: justify;
}

li {
	line-height: 1.2em;
}

.topper {
	text-align: center;
	font-size: small;
}

sup {
	font-size: 0.8em;
}

.bottom {
	display: none;
}


/* ### Fusszeile ###*/

.footer {

}

.fusszeile{
	text-align: center;
	font-size: small;
}



/* ### Bild-DIVs im Inhalt ### */

.bild {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-right: -10px;
	width: 200px;
	text-align: center;
}

.caption {
	font-size: x-small;
	margin-top: 2px;
	line-height: 1.0em;
}

/* ### Formate fuer das Kontaktform ###*/

.form {
	font-size: 85%;
}

.kontakt {
	background-color: #101277;
	color: white;
	font-weight: bold;	
}



/* ### Formate fuer normale Links ### */

a:hover {
	color: red;
}


/* ### Formate fuer die CSS-Buttons und Links in der Navigation linke Spalte ### */

.aktiv {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #FFD700;
	display: block;
	width: 120px;
	height: 25px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #0000FF;
	margin-bottom: 2px;
}

a.menu {
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
	color: white;
	display: block;
	width: 120px;
	height: 25px;
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
	background-color: #101277;
	margin-bottom: 2px;
}

a.menu:link {
	color: white;
}

a.menu:visited {
	color: white;	
}

a.menu:hover {
	background-color: #0000FF;
	text-decoration: underline;
	color: #FFD700;
}

a.menu:active {
	background-color: #0000FF;
	text-decoration: underline;
	color: red;	
}


/* ### Formate fuer dass Glossar ###*/

dl {
	margin-bottom: 25px;
}

dt {
	font-weight: bold;
	margin-top: 10px;
}

dd {
	margin-right: 10px;
	line-height: 1.3em;
	font-size: 0.9em;
	margin-left: 10px;
}

.lit {
	font-weight: bold;
	color: #0000FF;
	font-size: 16px;
}

.index {
	font-size: small;
	text-align: center;
	margin: auto; 
	margin-bottom: 15px;
	margin-top: 18px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

a.glossar {
	color: black;
}

a.glossar:hover {
	color: black;
}



/* Rahmenformate */ 

.cut {
	clear: both;
	line-height: inherit;
	font-size: 0;
}

#o-l {
	background: url(../bild/schatten-ol.jpg) no-repeat left top;
	width: 18px;
	height: 18px;
	float: left;	
}

#o {
	background: url(../bild/schatten-o.jpg) repeat-x top;
	width: 740px;
	height: 18px;
	float: left;
}

#o-r {
	background: url(../bild/schatten-or.jpg) no-repeat right top;
	width: 20px;
	height: 18px;
	float: left;
}

#left {
	background: url(../bild/schatten-r.jpg) repeat-y right;
}

#right {
	width: 740px;
	background: url(../bild/schatten-l.jpg) repeat-y left;
}

 #zentral {
	background-image: url(../bild/netzwerk.gif); 
	background-repeat: no-repeat;
	background-position: 510px 20px;
	margin-left: 18px;
	width: 740px;
	background-color: white;
	border: 1px solid #101277; 
}

#u-l {
	background: url(../bild/schatten-ul.jpg) no-repeat left bottom;
	width: 18px;
	height: 18px;
	float: left;
}

#u {
	background: url(../bild/schatten-u.jpg) repeat-x bottom;
	width: 740px;
	height: 18px;
	float: left;
}

#u-r {
	background: url(../bild/schatten-ur.jpg) no-repeat right bottom;
	width: 20px;
	height: 18px;
	float: left;
}