/* Main ****************************************************************/
* {
border: none;
outline: none;
margin: 0;
padding: 0;
}

body {
background-color: #fff;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
line-height: 1.4em;
/*background-image: url(../img/bg.jpg);
background-position: center 90px;
background-repeat: no-repeat;*/
}

#body {
width: 100%;
max-width: 1300px;
min-width: 965px;
margin: 0 auto;
text-align: left;
}

.clear {
clear: both;
height: 150px;
}

/* Haupt-Navigation ****************************************************************/
#topnav {
width: 100%;
height: 79px;
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 2em;
}

#topnav li {
display: inline;
float: left;
width: 13%;
height: 79px;
text-align: center;
line-height: 79px;
}

#topnav li#nav1 {
width: 22%;
}

#topnav li a {
display: block;
text-decoration: none;
color: #333;
border-left: 1px dotted #333;
}

#topnav li#nav1 a {
border-left: 0 none;
height: 79px;
line-height: 79px;
}

#topnav li#nav1 img {
line-height: 79px;
padding-top: 14px;
}

#topnav li a:hover {
background-color: #DAE6F1;
}

#topnav li.current {
background-color: #ECF2F8;
}

#topnav li#nav1 a:hover {
background-color: #fff;
}

#topnav li#nav7 {
width: 13%;
margin-right: -5px;
}

#topnav li {
background: #fff;
}

/* Unter-Navigation ****************************************************************/
#leftnav {
width: 100%;
}

#leftnav li {
width: 100%;
line-height: 2.1em;
list-style-type: none;
}

#leftnav li a {
display: block;
text-decoration: none;
color: #333;
border-bottom: 1px dotted #333;
padding-left: 10px;
}

#leftnav li a:hover {
background-color: #DAE6F1;
}

#leftnav li.current {
background-color: #ECF2F8;
}

/*
#leftnav li.current {
background-position: mitte links;
background-image: url(pfeil.png);
}
*/

/* Blauer Balken ****************************************************************/
#header {
width: 100%;
height: 12px;
background-color: #369;
}

/* Inhalts-Bereiche ****************************************************************/
#left, #right {
float: left;
width: 22%;
}

#right {
float: right;
}

#main {
float: left;
width: 55%;
}

#content {
padding: 2% 4%;
font-size: 1.1em;
}

.spalte1 {
float: left;
width: 48%;
padding-right: 2%;
/*text-align: justify;*/
}

.spalte2 {
float: left;
width: 48%;
padding-left: 2%;
/*text-align: justify;*/
}

#content div.zeile {
clear:both;
float:left;
margin-bottom:1em;
width:100%;
}

/* Bilder  ****************************************************************/

#content img.left {
float: left;
margin: 1em 0;
padding-right: 1em;
background-color: #fff;
}

#content img.right {
float: right;
margin: 1em 0;
padding-left: 1em;
background-color: #fff;
}

/* Standard-Elemente  ****************************************************************/
h2 {
font-size: 1em;
line-height: 2.5em;
font-weight: bold;
border-bottom: 1px dotted #333;
}

h2.extraBig {
font-size: 1.5em;
font-weight: normal;
}

h3 {
font-size: 1em;
line-height: 1.6em;
font-weight: bold;
margin: 0.2em 0;
}

#left h2, .wichtig h2 {
padding-left: 10px;
}

p {
padding: 0.6em 0;
line-height: 1.5em;
}

.lr p {
border-bottom: 1px dotted #333;
}

h1 {
font-size: 1.4em;
font-weight: normal;
border-left: 1.2em solid #369;
padding-left: 0.4em;
margin-bottom: 1.2em;
line-height: 1.2em;
}

/* Box für Wichtiges ****************************************************************/
.wichtig p {
padding: 4px 10px;
}

.wichtig {
background-color: #264D73;
color: #fff;
}

.wichtig h2 {
border-color: #fff;
}

.wichtig a {
	color: #fff;
	text-decoration: underline;
}

/* Listen ****************************************************************/
.liste, #content ul {
padding: 0.4em 0 0.4em 1.3em;
border-bottom: 1px dotted #333;
}

#content ol {
	padding: 0.4em 0 0.4em 1.5em;
	line-height: 1.4em;
}

#content ul {
border-bottom: 0 none;
}

.liste li, #content ul li {
list-style-type: square;
line-height: 1.6em;
}

.liste a, #content a {
color: #369;
text-decoration: none;
}

.liste a:hover, #content a:hover {
text-decoration: underline;
}

/* Termine */

li.highlight {
background-color: #DAE6F1;
border: 1px dotted #333;
padding: 0.3em;
}

/* Bilder (z.B. Kollegium und Bildergalerien) */

dl.pictures, div.pictures {
float: left;
margin: 0 2% 2% 0;
text-align: center;
width: 23%;
}

#content dl.pictures a {
color: #fff;
color: #333;
}

dl.pictures img, div.pictures img {
width: 92%;
background-color: #666;
padding: 4%;
}

dl.pictures dd {
height: 2.8em;
}

/*
div.pictures a:hover img {
border: 5px solid #666;
}
*/

div.picture img {
padding: 1%;
background-color: #666;
width: 98%;
}

#left img {
margin: 5%;
}

/* Musik */

object.musik {
	width:100%;
	height:42px;
}

/****** TABELLEN *******/

table {
border-collapse: collapse;
width: 100%;
}

td, th {
border: 1px solid #333;
text-align: center;
padding: 0.4em 0.2em;
}

thead th {
background-color: #ddd;
}

tbody th {
background-color: #eee;
text-align: right;
padding-right: 1em;
font-weight: normal;
}