html, body {margin: 0; padding: 0;}
body {color: #333; font-family: "Helvetica regular",  Helvetica, Arial, sans-serif; font-size: 14px; background: #FFC url(../img/extracello_bg.png) no-repeat;}

a {color: #600;}
a:visited {color:#C00;}
a:hover {color: #C00;}
a:active { color:#000000;}

h1  {color: #FFF; background: #900; font-weight: normal; font-size: 16px; line-height: 16px; padding: 3px 6px 3px 6px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

td, th {vertical-align:top;}
img {border: 0;}
/* eigene Formate */
.mitte {text-align: center;}
.links {text-align: left;}
.rechts {text-align: right;}
.block {text-align: justify;}
.fett {font-weight: bold;}
.kursiv {font-style: italic;}
.floatR {float: right;}
.floatL {float: left;}
.formMsg{font-weight: bold; color: red;}
.clearAll {height: 0;clear: both;}

#naviTop {position: absolute; top: 168px; left: 116px; width: 620px; color: #FFF; z-index: 200; padding: 0; margin: 0;}
#naviTop img {border: none;}
#naviTop ul {margin: 0; padding: 0;}
#naviTop li {display: inline; list-style:none; padding: 0; margin: 0;}
#naviTop li a {float: left; display:block;}
#naviTop li a img {border:none; vertical-align:bottom; /* for IE6 */}
#naviTop li a:hover {visibility:visible;}
#naviTop li a:hover img {visibility:visible;}
#naviTop li a:hover img/**/ {visibility:hidden; /* hide from IE5.0/win */}

#navihome {background:url(../img/navi/home_dn.gif) no-repeat left bottom;}
#navicalendar {background:url(../img/navi/calendar_dn.gif) no-repeat left bottom;}
#navimedia {background:url(../img/navi/media_dn.gif) no-repeat left bottom;}
#navidownloads {background:url(../img/navi/downloads_dn.gif) no-repeat left bottom;}
#navibiography {background:url(../img/navi/biography_dn.gif) no-repeat left bottom;}
#navicontact {background:url(../img/navi/contact_dn.gif) no-repeat left bottom;}
#naviguestbook {background:url(../img/navi/guestbook_dn.gif) no-repeat left bottom;}

#content {position: absolute; top: 288px; left: 148px; width: 410px; text-align: justify; padding-bottom: 40px;}

/* forms */
.formRow {clear: both; margin-bottom: 10px; width: 450px;}
label {float: left; width: 100px; text-align: right; font-weight: bold; padding-top: 0.5em;}
.textinput {width: 298px; border: 1px solid #999;}
.fField {margin-left: 110px;}
#gbForm .fField {margin-left: 0; margin-bottom: 1em;}
#gbForm label{clear: both; float: none; width: 100%;}

#subNavi {list-style: none; margin: 0; padding: 0; width: 100%; text-align: center;}
#subNavi li {display: inline; width: 33%;}
#subNavi a {font-weight: bold; color: #333; text-decoration: none; margin: 0 20px; padding: 4px;}
#subNavi a:hover {color: #FFFFCC; background: #333;}
#subNavi .activePage {color: #FFFFCC; background: #333;}

.audioPlayer {width: 20px; height: 20px; float: left;}
.invesyPlayer p {margin-left: 30px;}

.calEvent h2 {font-size: 14px;}
.calDate {width: 25%; float: left;}
.calEventText {margin-left: 26%; margin-bottom: 3em;}
.calEventInfo {margin-top: -0.5em;}

#calYears {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 24px;
}

#calYears li {
	float: left;
	width: 80px;
	font-size: 120%;
}

#calYears li a {
	display: block;
	line-height: 120%;
	padding: 2px 6px 2px 6px;
	float: left;
	color: #333;
	text-decoration: none;
}

#calYears li a:hover {
	color: #FFF;
	background: #1A171B;
}

#calYears li a.selYear {color: #FFF; background: #1A171B;}

.gallery, .fileList {list-style: none; margin: 0; padding: 0;}
.gallery div {font-style: italic; margin-bottom: 18px;}
