@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  border: none;
	}
	
IMG { border: none; }	
  
HTML {
	height: 100%;
  }

BODY {
	text-align: center;
    font: 14px Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	color: #3a3a3c;
	height: 100%;
	}
A { text-decoration: none; } 

P {
	margin-top: 0px;
	margin-bottom: 12px;
	clear: both;
	}
	
UL {
	margin: 10px 0 15px 0;
	list-style-type: none;
	}			
	
UL LI {
	background: url('../images/bullet.gif') no-repeat 0 9px;
	padding-left: 10px;
	line-height: 21px;
	}	


.baseForm {
    height: 100%;
    }  

#page {
	height: 100%;
	width: 950px;
	margin: 0 auto;
	}
	
#content A, .window A {
	color: #4092b5;
	}
	
#content A.file {
	background: url('../images/iconFile.gif') no-repeat 0 4px;
	display: block;
	padding-left: 17px;
	}	
	
#content A.arrow {
	background: url('../images/arrowBlue.gif') no-repeat 2px 5px;
	padding-left: 17px;	
	}

#content A.forwardlink {
	background: url('../images/arrowBlue.gif') no-repeat 2px 5px;
	padding-left: 17px;	
	}
	
#content A.internallink {
	background: url('../images/arrowBlue.gif') no-repeat 2px 5px;
	padding-left: 17px;	
	}
	
/* NAV ----------------------------------------------------------------------------------------- */	

.logo {
	margin: 35px 0 35px 0;
	display: block;
	}


#nav {
	float: left;
	width: 215px;
	text-align: left;
	}
	
#nav UL {
	list-style-type: none;
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	margin: 0;
	}
	
	#nav UL UL {
		padding: 0px 0 5px 0;
		background: none;
		margin: 0;
		}
	
	#nav UL.login {
		background: #f2f3ee url('../images/dottedLine.gif') repeat-x bottom left;
		padding: 5px 0 5px 0;

		}		
	
#nav UL LI {
	line-height: 16px;
	background: url('../images/dottedLine.gif') repeat-x top left;
	padding: 0 0 2px 0;
	}
	
	#nav UL UL LI {
		background: none;
		}
	
	#nav UL.login LI {
		background: none;
		}
	
#nav UL LI A {
	color: #4092b5;
	display: block;
	padding: 7px 0 6px 0px;	
	}
	
#nav UL UL LI A {
	padding: 2px 0 2px 0;
	}	
	
/*
#nav UL LI A:hover {
	color: #26221d;
	}
*/	



#nav UL LI A.active {
	color: #26221d;
	background: url('../images/navItemActive.gif') no-repeat 0 13px;
	font-style: italic;
	padding-left: 13px;
	}

	#nav UL UL LI A.active {
		background: url('../images/arrowBlack.gif') no-repeat 0 6px;
		padding-left: 17px;
		padding-bottom: 4px;
		}
		
INPUT.text {
	border: 1px solid #949494;
	color: #535353;
	font: 14px Georgia, "Times New Roman", Times, serif;
	background: url('../images/bgSearch.gif') repeat-x;
	padding: 3px 3px 4px 3px;
	}
	
		
#search {
	margin-top: 20px;
	border: 1px solid #949494;
	width: 142px;
	color: #535353;
	padding: 3px 3px 4px 3px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	background: url('../images/bgSearch.gif') repeat-x;
	float: left;
	}
	
#searchButton {
	margin-top: 20px;
	float: left;
	background-color: #dcdcdc;
	border: 1px solid #949494;
	border-left: none;
	padding: 1px 10px 3px 10px;
	line-height: 20px;
	color: #535353;
	cursor: pointer;
	}	
	
/* CONTENT ------------------------------------------------------------------------------------- */		

#functions {
	margin: 39px 0 30px 0;
	height: 20px;
	line-height: 15px;
	}

#functions A {
	line-height: 20px;
	}
	
#functions .left A {
	background: url('../images/arrowBlueLeft.gif') no-repeat 0 7px;
	padding-left: 18px;
	}	
	
#functions A.print {
	float: right;
	background: url('../images/print.gif') no-repeat 0 0;
	padding-left: 23px;
	margin-right: 15px;
	}
	
#functions A.bigger {
	float: right;
	background: url('../images/A.gif') no-repeat 2px;
	padding-left: 20px;
	}		

#content {
	float: right;
	width: 535px;
	text-align: left;
	}

#content .bold {
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-weight: bold;
	}
	
#content A {
	background: url('../images/arrowBlue.gif') no-repeat 0 7px;
	padding-left: 17px;
	display: block;
	}
	
#content A.noArrow {
	background: none;
	padding-left: 0px;
	padding-right: 8px;
	}	
	
#functions A {
	background: none;
	}		
	
.boxHead {
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	margin-top: 20px;
	border-top: 1px solid #FFF;
	height: 25px;
	}
	
.boxHead A {
	margin-left: 20px;
	}	
	
h2, h3 {
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	display: block;
	padding-bottom: 6px;
	line-height: 19px;
	}
	
	.boxHead h2, .boxContent h3 {
		float: left;
		padding: 0;
		}
		
h2.fl {
	line-height: 22px;
	padding: 0 8px 0 0;
	}			
	
h3 {
	float: none;
	}
	
h4 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 10px 0 5px 0;
	}
	
.boxHead { 
	clear: both;
	}			
	
.boxHead A {
	float: right;
	}
	
	
	
.boxContent {
	clear: both;
	background: #f4f4ef url('../images/dottedLine.gif') repeat-x bottom left;
	padding: 7px 0px 7px 0px;
	}
	
.boxContent .fl { clear: both; }	
.boxContent .item .fl { clear: none; width: 360px;  }	
.boxContent .fl, .boxContent .fr { margin-bottom: 2px; }

#boxEvents .item {
	height: 75px;
	padding-bottom: 12px;
	}
	
#boxEvents h3 {
	line-height: 18px;
	margin-top: -2px;
	}	
	
#boxEvents P {
	margin: 0px 0;
	}		

.boxContent IMG {
	float: left;
	border: 1px solid #b8b6b1;
	margin: 0 10px 4px 0;
	}

.boxContent P {
	margin: 2px 0 2px 0;
	}	
	
.boxContent .date {
	color: #798086;
	padding-right: 5px;
	float: left;
	width: 80px;
	}		

.boxContent .title	{
	float: left;
	width: 390px;
	}
	
#content P IMG {
	border: 1px solid #c1bebd;
	float: left;
	margin: 6px 10px 5px 0;
	}
	
#content P A {
	background: none;
	display: inline;
	padding: 0;
	}	
	
.events {
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	padding-bottom: 1px;
	margin-bottom: 5px;
	clear: both;
	}
	
.events .event {
	background: url('../images/dottedLine.gif') repeat-x top left;
	padding: 5px 0px;	
	cursor: pointer;
	}
	
.events .bg { background-color: #f1f1ec; }
.event .date {
    width: 140px; 
    display: block;
    float: left;
    }	
.event .title { 
    font-weight: bold; 
    padding-right: 5px; 
    width: 240px; 
    float: left;
    display: block;
		line-height: 18px;
    }
.event .category { 

    display: block;
    }
.event .clear {
    display: block;
    clear: both;
    }

	
.event .left {
	margin: 5px 15px 5px 5px;
	float: left;
	width: 160px;
	}
	
.event .center { padding: 5px 0 5px 0; width: 240px; display: block; float: left; overflow: hidden; }	
.event .center .category { display: block; }
.event .center A { float: left; margin-top: 0px; }
.event .right { float: right; padding: 7px 0 7px 0; }
.event .right IMG { border: 1px solid #B8B6B1; }	

P.result {
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	padding: 5px 0 8px 0;
	margin-bottom: 0px;
	}
	
LI SPAN.amount {
	color: #7f7e80;
	font-size: 10px;
	padding-left: 5px;
	line-height: 11px;
	}
	
.itemlist {
	margin-top: 15px;
	background: url('../images/dottedLine.gif') repeat-x top left;
	margin-bottom: 35px;
	padding-top: 1px;
	float: left;
	width: 100%;
	}	
	
.itemlist .item {
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	position: relative;
	padding: 5px 0 10px 0;
	margin: 0;
	float: left;
	clear: left;
	width: 100%;
	cursor: default;
	}
	
.itemlist .item P	{
	margin: 0;
	line-height: 19px;
	color: #3a3a3c;
	}
	
.itemlist .item A {
	position: absolute;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	}	
	
.itemlist .hover {
	background: #f4f4ef url('../images/dottedLine.gif') repeat-x bottom left;
	margin: 0px;
	}
	
ADDRESS {
	font-style: normal;
	float: left;
	width: 250px;
	margin-right: 15px;
	padding-bottom: 20px;
	}
	
.selbsthilfegruppen {
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	padding: 0;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	}		
	
.selbsthilfegruppen h2 { padding-bottom: 15px; }	

.columnLeft {
	padding-top: 10px;
	float: left;
	width: 180px;
	}
	
.columnLeft .gallery { padding-top: 5px; }	
	
.columnRight {
	padding-top: 10px;
	float: right;
	width: 335px;
	}	
	
.columnLeft IMG {
	border: 1px solid #CCC;
	}	

	
	
/* CUSTOM FORM ELEMENTS ------------------------------------------------------------------------------------ */ 	

.dropdown {
	background: url('../images/dropdownLeft.gif') no-repeat top left;
	line-height: 14px;
	font-size: 13px;
	position: relative;
	z-index: 10000;
	float: right;
	width: 300px;
	margin-bottom: 20px;
	}
	
.dropdown.opened {
	background: url('../images/dropdownLeftOpened.gif') no-repeat top left;
	}	
	
.dropdown .selected {
	background: url('../images/dropdownRight.gif') no-repeat top right;	
	padding: 0px 0px 0px 4px;
	line-height: 22px;
	cursor: pointer;
	}
	
#content .dropdown .selected A { 
	background: none;
	color: #000;
	padding-left: 0px;
	display: inline;
	}	
	
#content .dropdown .amount {
	display: none;
	}
	
#content .dropdown LI { font-size: 13px; }	
	

	
.dropdown.opened .selected {
	background: url('../images/dropdownRightOpened.gif') no-repeat top right;
	}		
	
.dropdown UL {
	background: #FFF url('../images/newsboxDottedLine.gif') repeat-x top left;
	border-bottom: 1px solid #ccccc7;
	position: absolute;
	top: 11px;
	list-style-type: none;
	display: none;
	}
	
	

.dropdown.opened UL {	display: block; }

.dropdown UL LI {
	padding: 0px 30px 4px 4px;
	line-height: 14px;
	font-size: 12px;
	cursor: pointer;
	border-right: 1px solid #ccccc7;
	border-left: 1px solid #ccccc7;
	background: none;
	}
	
#content .dropdown UL LI A {
	padding-left: 0px;
	background: none;
	display: inline;
	line-height: 16px;
	padding-bottom: 4px;
	text-decoration: underline;
	}
	
#content .dropdown LI .amount {
	display: inline;
	}			
	
#publikationen .date {
	color: #798086;
	display: block;
	width: 70px;
	float: left;
	}
	
#publikationen .main {
	display: block;
	width: 298px;
	float: left;
	}	
	
#publikationen .main .title { font-weight: bold; padding-right: 5px; }	
#publikationen .main .author { color: #666; }

#ausleihe .item P {
   width: 430px;
   }
   
#content .itemlist .item A.pdf {
	background: url('../images/iconFile.gif') no-repeat 0 4px;
	padding-left: 16px;
	right: 120px;
	}
	
#ausleihe .klappentext {
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 12px;
	display: none;
	}
	
#ausleihe .item {
	cursor: pointer;
	}		
	
/* LOGIN WINDOW -------------------------------------------------------------------------------- */  	

#loginLink { cursor: pointer; }

.window {
	background-color: #FFF;
	width: 345px;
	height: 260px;
	text-align: left;
	position: relative;
	display: none;
	}
	
.ui-dialog {
	border: 3px solid #b4b5b6;
	}
	
.ui-dialog-titlebar-close {
	display: none;
	}
	
.window .title {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin: 8px;
	}	
	
.window .close {
	width: 16px;
	height: 16px;
	background: url('../images/close.gif') no-repeat;
	float: right;
	margin: 7px;
	cursor: pointer;
	}	
	
.window .boxHead {
	height: 5px;
	line-height: 5px;
	margin: 0px 8px 0 8px;
	}

.window .boxContent {
	margin: 0 8px 8px 8px;
	line-height: 18px;
	}	
	
.window LABEL {
	width: 115px;
	float: left;
	color: #3a3a3c;
	line-height: 25px;
	}
	
.window INPUT.text {
	width: 206px;
	margin-bottom: 5px;
	}	

.window SPAN.radio {
	width: 206px;
	line-height: 25px;
	border: solid 1px #FFFFFF;
	}	

.boxContentLogin {
	margin: 13px 8px 5px 8px;
	padding-bottom: 10px;
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	}
	
.boxExplication {
	margin: 8px 8px 5px 8px;
	padding-bottom: 12px;
	background: url('../images/dottedLine.gif') repeat-x bottom left;
	}		
	
A.windowCancel {
	position: absolute;
	left: 8px;
	bottom: 15px;
	cursor: pointer;
	background: url('../images/arrowBlue.gif') no-repeat 0 7px;
	padding-left: 17px;	
	}	
	
A.windowSubmit {
	background-color: #dcdcdc;
	border: 1px solid #949494;
	padding: 3px 20px 5px 20px;
	color: #535353;
	cursor: pointer;
	position: absolute;
	bottom: 8px;
	right: 8px;
	}	
	
.window .titel {
	display: block;
	font-weight: bold;
	line-height: 18px;
	color: #000;
	}
	
.window .autor {
	display: block;
	line-height: 24px;
	}		
	
/* --------------------------------------------------------------------------------------- */	
	
.columnImages {
	float: left;
	width: 170px;
	margin-right: 15px;
	margin-top: 20px;
	}
	
#content .gallery A {
	background: none;
	padding: 0;
	}	
	
#content .gallery .plus {
	background: url('../images/plus.gif') no-repeat 0 6px;
	display: block;
	margin-bottom: 25px;
	padding-left: 15px;
	}	
	
.columnText {
	float: left;
	margin-top: 15px;	
	width: 340px;
	}				
	
/* GALLERIES ----------------------------------------------------------------------------------- */  	

.galleryLink { cursor: pointer; }


#jFlowSlide {
	margin-left: 7px;
	clear: both;
	}

.jFlowSlideContainer .stage {
	border: 1px solid #dfdfdf;
	background-color: #f5f5f0;
	text-align: center;
	}
	
.jFlowSlideContainer P {
	text-align: center;
	font-size: 14px;
	width: 280px;
	line-height: 16px;
	margin: 7px auto;
	}
	
.jFlowPrev {
	position: absolute;
	left: 0px;
	cursor: pointer;
	z-index: 100000;
	}	
	
.jFlowNext {
	position: absolute;
	left: 315px;
	cursor: pointer;
	z-index: 10000;
	}	
	
#prevNext { 
	position: absolute;
	top: 264px;
	z-index: 100000;
	}
	
#prevNext IMG {
	border: 5px solid #FFF;
	}	
	
.controller { display: none; }	
	
/* FOOTER -------------------------------------------------------------------------------------- */  

#allbutfooter { 
  height: 100%;
	padding-left: 45px;
	padding-right: 80px;
  }

#left {
	width: 215px;
	height: 100%;
	float: left;
	}  
	
#nav {
	margin: 0 auto -150px;	
	float: none;
  min-height: 100%;
  height: auto !important;
  height: 100%;	
	float: left;
	}

	
#footer {
	text-align: left;
	float: left;
	overflow: hidden;
	}	
	
.push { clear: left;}

#footer, .push { 
  height: 150px; 
  margin: 0 auto; 
  }

	
#footer A {
	color: #535353;
	padding-right: 5px;
	line-height: 18px;
	float: left;
	}	
  	
	
	
/* VERSCHIEDENE --------------------------------------------------------------------------------------- */  
  
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }		

.grey {
	color: #798086;
	padding-right: 8px;
	}
	
/* BIGGER ----------------------------------------------------------------------------------------------- */