/* CSS Document */

/* ------------------------------------------ ALLGEMEINGÜLTIGES ---------------------------------------- */
* {
	margin: 0;
	outline: none;
}

HTML {
	margin: 0;
	padding: 0;
	height: 100%;
	}

BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #1a1a1a;
	height: 100%;
	}
	
IMG { border: none; }

P { margin: 0 0 8px 0; padding: 0; }


/* --------------------------------------------- SEITENBEREICHE ---------------------------------------- */

.wrap { width: 695px; margin: auto; text-align: left; }

#header { padding-bottom: 0; margin-bottom: 0; height: 85px; background: url(../img/bgHeader.gif) repeat-x top; }	

#footer { 
	background-color: #F2F2F2; 
	border-top: 1px solid #dcdcdc; 
	font: 11px Arial, Helvetica, sans-serif; 
	text-align: center; 
	line-height: 16px;
	}
	
.push { clear: left;}

#footer, .push { height: 40px; margin: 0 auto; /* .push must be the same height as .footer */ }

#footer a { color: #1a1a1a; text-decoration: underline; padding: 0px 2px 1px 2px; }
#footer a:hover { color: #1a1a1a;  }

.allbutfooter { 
	min-height: 100%;
	height: auto !important;
	background-color: #FFF;
	height: 100%;
	margin: 0 auto -41px; /* the bottom margin is the negative value of the footer's height */		
	}
	
#nav { font: 11px Arial, Helvetica, sans-serif; height: 21px; width: 695px; }

#nav A {

	padding: 3px 7px 2px 7px;
	margin-right: 2px;
	color: #1a1a1a;
	display: block;
	float: left;
	height: 14px; 
	}	
	
#nav .gelb {
	background-color: #FFDD00;
	border-bottom: 3px solid #ffc900;	
	
	}	
	
#nav .gruen {
	background-color: #bae046;
	border-bottom: 3px solid #97cd22;			
	}	

#nav .grau {
	background-color: #5f5d61;
	border-bottom: 3px solid #5f5d61;			
	}	
	
#nav .active {
	background: #FFF url(../img/navArrow.gif) no-repeat left center;
	border-bottom: 3px solid #FFF;
	padding-left: 16px;
	font-weight: bold;
	text-decoration: none;
	}	


/* ------------------------------------------------------ TYPO --------------------------------------------------- */

h1 { 
	font: 18px Arial Narrow, Helvetica, sans-serif;
	/* text-transform: uppercase; */
	margin-bottom: 15px;
	font-weight: bold;
	}
	
h2 {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}	
	
h3 { 
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	}	
	
.kleinertext { 
	font-size: 11px; 
	line-height: 16px;
	}
	
#contentLeft {
	float: left;
	width: 480px;
	}
	
#contentRight {	
	float: right;
	}	
	
#contentLeft .cmsLink, #imageFloatContainer .cmsLink {
	text-decoration: none;
	color: #C0C0C0;
	padding-right: 10px;
	font-weight: normal;
	}	
	

#content A { 
	color: #1a1a1a;
	}
	
#content A:hover { 

	}	
	
.fotostrecke { margin-top: 0px; position: relative; }	
#fotostrecke img { margin-right: 5px; }

.topbild { margin-top: 10px; position: relative; }
.topbild #oeko { position: absolute; top: 0px; right: -5px; }

.pfeile { position: absolute; right: 0px; bottom: 0px; }
.pfeile IMG { margin: 0; }
.pfeile DIV { display: inline; cursor: pointer; }
	

.mainContent { margin-top: 25px; float: left; width: 460px; padding-bottom: 15px;}

.wideContent { clear: both; margin-top: 25px; float: left; width: 100%; padding-bottom: 30px;}

.fahrplanabfrage { margin-top: 15px; float: right; width: 181px; height: 225px; background: url(../img/bgFahrplanabfrage.gif); }
.fahrplanabfrage .head { padding: 10px 20px 5px 15px;  }
.fahrplanabfrage .uhr { float: left; }	
.fahrplanabfrage .schnellWohin { float: right; padding-top: 5px; }	

.fahrplanabfrage .formular { clear: left; padding: 10px 19px 15px 20px; text-align: center; }

.input {
	border: 1px solid #bbb;
	font-size: 11px;
	color: #808080;
	padding: 3px;
	width: 58px;
	text-align: center;
	margin-bottom: 4px;
	}
	
.button {
	border-bottom: 1px solid #69643d;
	border-right: 1px solid #69643d;
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;	
	font-size: 11px;
	padding: 4px 4px 4px 4px;	
	text-align: center;
	color: #1A1A1A;
	margin-top: 10px;
	font-weight: normal;
	width: 100%;
	}

.kontakt {
	margin-top: 15px;
	}
	
.mitarbeiter {
	clear: left;
	margin-bottom: 25px;
	}	
	
.kontaktdaten {
	float: left;
	margin-left: 20px;
	width: 320px;
	}	
	
.foto {
	float: left;
	width: 112px;
	}
	
.bildunterschrift {
	font-size: 10px;
	color: #999999;
	}
	
.iconVCF {
	float: left;
	margin-right: 7px;
	margin-top: 2px;
	}	
			
.adresse {
	width: 185px; height: 640px; background: url(../img/bgMap.gif);	
	}
	
.box {
	width: 181px; height: 640px; 
	} 	
	
.boxTop { background: url(../img/boxTop.gif) no-repeat; height: 3px; }	
.boxBody { background: url(../img/boxBody.gif) repeat-y; }	
.boxBottom { background: url(../img/boxBottom.gif) no-repeat; height: 65px; }	
	
.adresse .padding, .box .padding { padding: 14px; }	
	
.map {
	margin-top: 15px;
	margin-bottom: 5px;
	}

#timeline {
	margin: 35px auto 25px auto;
	background: url(../img/bgTimeline.gif) repeat-x;
	text-align: center;

}	

#jahreszahlen {
	width: 955px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 10px;
	margin: auto;
	}
	
#jahreszahlen TD { position: relative; }
#jahreszahlen .active { width: 80px; position: relative; }
#jahreszahlen A { color: #FFF; }
	
#jahreszahlen .breit {
	color: #969696;
	}
	
#jahreszahlen #bubble {
	background: url(../img/bgBubble.gif) no-repeat;
	width: 69px;
	height: 49px;
	position: relative;
	top: -25px;
	left: 3px;
	color: #474747;
	font: 32px Arial Narrow, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 40px;
	}	
	
#jahreszahlen #bubbleBig {
	background: url(../img/bgBubbleBig.gif) no-repeat;
	width: 105px;
	height: 49px;
	position: relative;
	top: -25px;
	left: 3px;
	color: #474747;
	font: 32px Arial Narrow, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 40px;
	}		

/* --------------------------------------------------------------------------------------------------------------- */

.headerLogin { margin: 10px 0 0px 8px; }

.file { padding: 5px 0 15px 0; line-height: 16px; }
.file .title { font-weight: bold; padding-top: 3px; }
.file .title A { text-decoration: none; }
.file .meta { color: #c0c0c0; }
.file .filetypeIcon { float: left; padding-right: 10px; padding-top: 2px; }

.datum { color: #c0c0c0; padding-left: 5px; }
.grau { color: #c0c0c0; font: 11px Arial, Helvetica, sans-serif; }

.galleries { padding-bottom: 35px; }
.galleries A { font-weight: bold; text-decoration: none; }

.entry { padding-bottom: 20px; }

.admin .functions {
	margin-top: 20px;
	margin-bottom: 20px;
	}

.admin A {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding-bottom: 3px;
	text-decoration: none;
	}
	
.admin .functions IMG { margin-right: 5px; margin-bottom: -2px; }	
	
.user { border: 1px solid #FFF; border-bottom: 1px dotted #c0c0c0; line-height: 23px; }	
.user IMG { padding-top: 3px; float: left; }	
.username { width: 170px; float: left; }
.password { width: 120px; float: left; }
.key { width: 40px; float: left; }
.checkbox { width: 140px; padding-left: 10px; padding-top: 2px; float: left; }
.userSave { float: right; }

.user A { 
	font-size: 11px;
	color: #c0c0c0;
	float: right; 
	padding-left: 10px; 
	text-decoration: none; 
	}
	
.user .input {
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
	margin: 2px 0 4px 0;
	width: 90px;
	}	
	
.galleryEditForm {
	padding: 0;
	margin-bottom: 30px; 
	}

.galleryEditForm .title { font-weight: bold; }
	
.formCMS { margin-top: 5px; padding-bottom: 20px; }	
	
.formCMS .input {
	border: 1px solid #B2B2B2;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	}
	
.formCMS TEXTAREA {
	border: 1px solid #B2B2B2;
	padding: 3px;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	width: 471px;	
	height: 100px;
	}			
	
.formCMS .button { padding: 1px; height: 26px; width: 100px; }	

.formCMS SELECT { margin: 10px 0 10px 0; font: 12px Arial, Helvetica, sans-serif; }


#formEditGallery { margin: 0; padding: 0; margin-top: 7px; }
#formEditGallery .input { margin: 0; }
#formEditGallery .button { margin-top: 3px; margin-bottom: 10px; }

#fotoUpload { margin: 5px 0 0 0; padding: 0; }


.huge { width: 400px; text-align: left; }
.big { width: 385px; text-align: left; }
.medium { width: 300px; text-align: left; }
.small { width: 75px; }
.userdata { width: 140px; text-align: left; }

#imageFloatContainer {
	margin-top: 25px;
	margin-bottom: 0px;

	}
	
.img { background-color: #FFF; color: #333;  margin: 0 3px 0 0; text-align: center; height: 200px; width: 170px; }	
	
.img IMG {
	margin: 5px 5px 0 5px;
	}	
	
.img .fotoFrame {
	height: 125px;

	}	
	
.img .desc {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 5px;
	width: 160px;
	line-height: 12px;
	height: 65px;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	}	
	
.img .desc:hover {
	background-color: #F0F0F0;
	}
	
.img .desc DIV {
	padding: 3px 0 3px 3px;
	height: 100%;
	}		
	
.img .fotoDesc {
	width: 100%;
	padding: 0; margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	overflow: hidden;
	}	
		
.iconDelete { position: absolute; right: 0px; top: 0px; cursor: pointer; }		

.img .formContent TEXTAREA {
	width: 150px;
	margin: 5px 5px 0px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	height: 150px;
	}

.img .formContent .button { 
	font: 11px Arial, Helvetica, sans-serif;
	width: 76px;
	margin-top: 4px;
	}	
	
#log .datetime  {
	color: #999;
	width: 125px;
	clear: left;
	float: left;
	border-bottom: 1px dotted #c0c0c0;
	}
	
#log .username { width: 180px; float: left; border-bottom: 1px dotted #c0c0c0; }	
#log div { font-size: 11px; line-height: 18px; }	



#log .bold DIV { font-size: 12px; color: #000; padding-bottom: 0px; margin: 0; }
#log .cmsLink { clear: left; margin-top: 20px; float: left; }

#log .bold { border-top: 1px solid #fff; }

/* --------------------------------------------------------------------------------------------------------------- */
.zentriert { text-align: center; }
.bold { font-weight: bold; }

.gelb { color: #FFDD00; }

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.bold { font-weight: bold; }

.m5 { margin: 5px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }



.lh14 { line-height: 14px; }

.pr { position: relative; }