@charset "utf-8";
/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */

/* ****************************************** */
/* Global settings for Brunnenkopp		      */
/* ****************************************** */


/* Global settings */
* {
	margin: 0;
	padding: 0;
}

/* Layout sizes */
html, body {
	height: 100%;
}

/* Main body style with background top image */
body {
	font-family: Arial, sans-serif;
	color: #333;
	font-size: 12px;	
	background: #ffffff url(media/bg.jpg) repeat-x;	
}

br.clear {
	clear: both;
	line-height: 0em;
}

img {
	border: 0px;
}

a {
  color: #164886;
  text-decoration: underline;
  }
  a:hover {
    color: #164886;
    text-decoration: none;
    }


/* ****************************************** */
/* Container settings for Brunnenkopp	      */
/* ****************************************** */

div#main {
	position: relative;
	width: 910px;
	margin: 0 auto;
	min-height: 100%;
}

	* html div#main {
		height: 100%;
	}

	div#headline {
		position: relative;
		float: left;
		clear: both;
		width: 910px;
		height: 45px;
	}

	div#headline div#logo {
		position: relative;
		float: left;
		width: 236px;
		height: 45px;
	}
	
	div#mainimage {
		position: relative;
		float: left;
		clear: both;
		width: 910px;
		height: 166px;
		background:url(media/default_image.jpg) no-repeat;
	}
	
	div#subnavigation {
		position: relative;
		float: left;
		width: 674px;
		height: 45px;
	}
	
		div#subnavigation ul {
			position: relative;
			float: left;
			padding-left: 720px;
			padding-top: 0px;
			width: 370px;
			height: 45px;
		}
		
		div#subnavigation ul li { 
			position: relative;
			float: left;
			height: 22px;
			margin-top: 12px;
			list-style: none; 
			padding-left: 20px;
			}
			
			div#subnavigation ul li.home { background: url(media/icon_home.gif) no-repeat; background-position: left; }
			div#subnavigation ul li.sitemap { background: url(media/icon_sitemap.gif) no-repeat; background-position: left; }
			div#subnavigation ul li.kontakt { background: url(media/icon_kontakt.gif) no-repeat; background-position: left; }
			div#subnavigation ul li.impressum { background: url(media/icon_impressum.gif) no-repeat; background-position: left; }
		
		div#subnavigation ul li a { 
			font-size: 12px; 
			color: #656565; 
			text-decoration: none; 
			padding-right: 20px; 
			position: relative; 
			float: left; 
			line-height: 22px;
			vertical-align: middle;
		}
		
		div#subnavigation ul li a:hover { color: #00377b; }
	
	div#maincontent {
		position: relative;
		float: left;
		clear: both;
		width: 910px;
		height: auto;
		min-height: 200px;
		padding-top: 35px;
		margin-bottom: 25px;
		background: url(media/maincontent_bg.gif) no-repeat; 
	}
	
		* html div#maincontent { height: 400px;	}
		div#maincontent.full { background: url(media/maincontent_full_bg.gif) no-repeat; }
		
	div#maincontent div#content_left, div#maincontent div#content_center, div#maincontent div#content_right {
		position: relative;
		float: left;
		min-height: 200px;
		height: auto;
	}
	
		* html div#maincontent div#content_left, * html div#maincontent div#content_center, * html div#maincontent div#content_right {
			height: 200px;
		}
	
	div#maincontent div#content_left { width: 178px; }
	div#maincontent div#content_center { width: 490px; padding-left: 20px; padding-right: 20px; }
	div#maincontent div#content_center.full { width: 692px; padding-left: 20px; padding-right: 20px; }
	div#maincontent div#content_right { width: 186px; padding-left: 16px; }
	
	div#maincontent div#content_center p { 
		margin-bottom: 20px; 
		font-size: 12px; 
		color: #656565; 
		line-height: 16px;
		}
		
	div#maincontent div#content_center ul li {
		margin-left: 40px;
		margin-bottom: 10px;
		color: #656565;
	}
		
	div#maincontent div#content_right p { 
		position: relative;
		float: left;
		clear: both;
		background: #f4f4f4; 
		padding: 10px; 
		width: 166px; 
		height: auto; 
		min-height: 10px; 
		font-size: 12px; 
		color: #656565; 
		}		
		
		div#maincontent div#content_right p.align-center { text-align: center; }

div#footer {
	position: relative;
	width: 100%;
	height: 28px;
	margin: 0 auto;
	margin: -28px auto 0 auto;
	clear: both;
	background: url(media/footer_bg.gif);
	text-align: center;
	font-size: 12px;
	color: #656565;
}


/* ****************************************** */
/* Main Navigation						      */
/* ****************************************** */

div#mainnavigation {
	position: relative;
	float: left;
	width: 158px;
	height: auto;
	min-height: 300px;
}

	div#mainnavigation ul, div#mainnavigation ul li { position: relative; float: left; clear: both; width: 158px; }

	div#mainnavigation li { list-style: none; text-indent: 5px; height: auto; }
	
	div#mainnavigation li a { font-size: 12px; color: #656565; display: block; width: 158px; text-decoration: none; }
	div#mainnavigation li a:hover { color: #00377b; }
		
	div#mainnavigation ul.lvl_0 li { height: 22px; line-height: 22px; background:url(media/mainnavi_header.gif) no-repeat; font-weight: bold; }
	
	div#mainnavigation ul.lvl_1 li { background: url(media/mainnavi_lvl1_off.gif); height: auto; }
	div#mainnavigation ul.lvl_1 li a { font-weight: normal; text-indent: 22px; width: 158px; height: 19px; line-height: 19px; vertical-align: middle; border-top: 1px #fff solid; }
	div#mainnavigation ul.lvl_1 li a.current { background: url(media/mainnavi_lvl1_on.gif); color: #fff; }
	
	div#mainnavigation ul.lvl_2 li { background: url(media/mainnavi_lvl2_off.gif); height: auto; }
	div#mainnavigation ul.lvl_2 li a { font-weight: normal; text-indent: 35px; width: 158px; height: 18px; line-height: 18px; vertical-align: middle; border: none; }
	div#mainnavigation ul.lvl_2 li a.current { color: #00377b; font-weight: bold; background: none; }
	
	div#mainnavigation ul.lvl_3 li { background: url(media/mainnavi_lvl3_off.gif); height: auto; }
	div#mainnavigation ul.lvl_3 li a { font-weight: normal; text-indent: 48px; width: 158px; height: 18px; line-height: 18px; vertical-align: middle; border: none; }
	div#mainnavigation ul.lvl_3 li a.current { color: #00377b; font-weight: bold; background: none; }
	
	div#navilogo { position: relative; float: left; clear: both; width: 158px; height: auto; }
	
/* ****************************************** */
/* Grafik Headlines						      */
/* ****************************************** */

h1 { 
	width: 485px; 
	height: 50px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	margin-bottom: 10px;
	}

h1 em { 
	width: 485px; 
	height: 60px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}
	
h1.single { 
	width: 485px; 
	height: 24px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	margin-bottom: 10px;
	}

h1.single em { 
	width: 485px; 
	height: 34px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}

h2 { 
	width: 300px; 
	height: 18px; 
	overflow: hidden; 
	padding: 0px; 
	margin: 0px;
	padding-top: 1.5em;
	}

h2 em { 
	width: 300px; 
	height: 28px; 
	display: block; 
	padding: 0px; 
	margin: 0px;
	}
	
h3 {
	position: relative;
	float: left;
	clear: both;
	width: 186px;
	height: 22px;
	overflow: hidden;
	line-height: 22px;
	font-weight: bold;
	font-size: 12px;
	text-indent: 12px;
	color: #656565;
	background: url(media/h3_back.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

	
/* ****************************************** */
/* Sitemap								      */
/* ****************************************** */

.tx-dropdownsitemap-pi1 div.expAll {
	background: #cdd4dc;
	border: 1px #00377b solid;
}

.tx-dropdownsitemap-pi1 a, .tx-dropdownsitemap-pi1 a:link, .tx-dropdownsitemap-pi1 a:visited, .tx-dropdownsitemap-pi1 a:hover, .tx-dropdownsitemap-pi1 a:active {
	color: #00377b;
	text-decoration: none;
}


/* ****************************************** */
/* Leihmaterial							      */
/* ****************************************** */

div.lm_container {
	position: relative;
	float: left;
	clear: both;
	width: 490px;
	height: auto;
	margin-bottom: 10px;
}

	div.lm_container div.lm_hl, div.lm_container div.lm_img, div.lm_container div.lm_desc {
		position: relative;
		float: left;
		height: auto;
	}

	div.lm_container div.lm_hl {
		width: 490px;
		height: 18px;
		line-height: 18px;
		vertical-align: middle;
		clear: both;
		background: #00377b;
		color: #fff;
		font-weight: bold;
		text-indent: 10px;
		margin-bottom: 5px;
	}
	
	div.lm_container div.lm_img { width: 220px;	}
	div.lm_container div.lm_desc { width: 270px; }
	
	div.lm_container table { width: 100%; margin-bottom: 5px; }
	div.lm_container th { text-align: left; background: #e9eef4; }
	div.lm_container td { padding: 2px; margin: 0px; }
	div.lm_container td.daten { width: 170px; }
	div.lm_container td.werte { width: 100px; }
	
	div.artnrline { position: relative; float: left; width: 100%; background: #e9eef4; clear: both; margin-bottom: 5px; }
	div.artbez { position: relative; float: left; font-weight: bold; padding-right: 5px; }
	div.artnr { position: relative; float: left; font-weight: bold; }
	
	div.lmhinweis { position: relative; float: left; width: 266px; background: #f4f4f4; font-weight: bold; padding: 2px; font-size: 10px; }
	
/* ****************************************** */
/* Leihanfrageformular    					  */
/* ****************************************** */
div#content_right div.form  {
  border: 0px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  width: 166px;
  padding-top: 34px;
  }
div#content_right div.form fieldset {
  border: 0px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  }
  div#content_right div.form fieldset p {
    margin: 0px;
    padding-left: 0px;
    float: left;
    position: relative;
    background-color: #ffffff;
    }
    div#content_right div.form fieldset p label {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
      }
    div#content_right div.form fieldset p input {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
      color: #656565;
      font-size: 12px;
      width: 160px;
      }
    div#content_right div.form fieldset p textarea {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
      color: #656565;
      font-size: 12px;
      width: 160px;
      height: 80px;
      font-family: Arial, sans-serif;
      }
    div#content_right div.form fieldset p input.button {
      border: 1px solid #656565;
      background-color: #ffffff;
      }
	  
	  
/* ****************************************** */
/* Kontaktformular    					  */
/* ****************************************** */
div#content_center div.form  {
  border: 0px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  width: 600px;
  padding-top: 34px;
  }
  
div#content_center div.form fieldset {
  border: 0px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  float: left;
  position: relative;
  }
  div#content_center div.form fieldset p {
    margin: 0px;
    padding-left: 0px;
    float: left;
    position: relative;
    background-color: #ffffff;
    }
    div#content_center div.form fieldset p label {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
	  clear: both;
      }
    div#content_center div.form fieldset p input {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
      color: #656565;
      font-size: 12px;
      width: 400px;
	  margin-bottom: 10px;
	  clear: both;
      }
    div#content_center div.form fieldset p textarea {
      float: left;
      position: relative;
      padding: 0px;
      margin: 0px;
      color: #656565;
      font-size: 12px;
      width: 400px;
      height: 80px;
	  clear: both;
      }
    div#content_center div.form fieldset p input.button {
      border: 1px solid #656565;
      background-color: #ffffff;
      }
	  
	  
/* ****************************************** */
/* Ansprechpartner	    					  */
/* ****************************************** */
div.ansprechpartner {
	position: relative;
	float: left;
	width: 322px;
	padding: 4px;
	min-height: 100px;
	margin-right: 14px;
	margin-bottom: 14px;
	border: 1px #999 dashed;
}

	div.ansprechpartner div.ap_bild, div.ansprechpartner div.ap_content,
	div.ansprechpartner div.ap_name, div.ansprechpartner div.ap_funktion, 
	div.ansprechpartner div.ap_label, div.ansprechpartner div.ap_value {
		position: relative;
		float: left;
		line-height: 16px;
	}
	
	div.ansprechpartner div.ap_bild { width: 117px; margin-right: 8px; }
	div.ansprechpartner div.ap_content, div.ansprechpartner div.ap_content div { width: 197px; }
	
	div.ansprechpartner div.ap_name { font-weight: bold; border-bottom: 1px #333 solid; margin-bottom: 5px; }
	div.ansprechpartner div.ap_funktion { margin-bottom: 10px; }
	
	div.ansprechpartner div.ap_content div.ap_klabel, div.ansprechpartner div.ap_content div.ap_kvalue, div.ansprechpartner div.ap_content div.ap_email {
		position: relative;
		float: left;
	}
	div.ansprechpartner div.ap_content div.ap_klabel { width: 55px; }
	div.ansprechpartner div.ap_content div.ap_kvalue { width: 142px; }
	div.ansprechpartner div.ap_content div.ap_email { width: 197px; clear: both; }
	
/* *************************** */
/* HIGHSLIDE & Content Gallery */  
/* *************************** */
div#content_center div.gallery_content ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  div#content_center div.gallery_content ul li {
    float: left;
    position: relative;
    display: inline;
    width: 100px;
    }

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(js/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(js/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(js/graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(js/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;

	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(js/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(js/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {

	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
} 


/** Gallery **/
div.wtgallery_list { 
	margin-right: 12px;
	margin-bottom: 12px;
	width: 85px;
	float: left;
}

	* html div.wtgallery_list {margin-right: 10px;}

div.wtgallery_list img {
	border: 1px solid #dcdcdc;	
}

div.list_row {
	padding: 0;
	float: left;
}