@charset "utf-8";

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

 CSS main file
 
 some rules:
 - properties are ordered alphabetically
 - use @group / @end to define groups of css-rules
 - make sure this file uses encoding UTF-8, no BOM (Unix line breaks, LF) 
 - check if @charset "utf-8"; is set on first line of this file
 -
 -
 
 @author Dominik Stucky <ds@katachrese.com>
 @copyright katachrese
 
 @version created:  2007-10-01
 @version modified: 2007-10-26
 
---------------------------------------------------------- */

/* @group main body
---------------------------------------------------------- */
html {
	font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
	font-size: 100.01%; /* set to end size in body */
}
body {
	background-color: #fff;
	font-size: 0.76em; /* 12px */
	line-height: 1.5em; /* 18px */
	/*font-size: 12px;
	line-height: 18px;*/
	margin: 0;
	text-align: center;
}

/** be nice to netscape 4, due to its inheritance blindness */
p, td, ul, ol, li, dl, dt, dd {
	font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
}

img { /* xhtml strict */
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
}
/* @end */


/* @group typo
---------------------------------------------------------- */
a {
	border-bottom: 1px solid #99cc99;
	color: #4A6710;
	padding-bottom: 1px;
	text-decoration: none;
}
a:hover {
	color: #669933; /* highlight rollovers */
}


h1 {
	font-family: Helvetica, "Lucida Grande", Lucida, Arial, sans-serif;
	font-size: 2em; /* 24px */
	font-weight: 700;
	line-height: 1.25em; /* 30px */
	margin: 0;
	margin-top: 0;
	padding: 0;
}

h2 {
	font-size: 1.3em; /* 16px */
	font-weight: 700;
	line-height: 1.25em; /* 20px */
	margin: 0;
	margin-bottom: 0;
	margin-top: 2px;
	padding: 0;
}

p {
	margin-top: 14px;
}

.small {
	font-size: 0.83em; /* 10px */
	line-height: 1.4em; /* 14px */
}	

/* den firmennamen mit groesserem durchschuss darstellen */
.UB_name {
	letter-spacing: 1px;
}
/* @end */


/* @group content
---------------------------------------------------------- */
div#main_container {
	margin: auto;
	padding: 0;
	position: relative;
	text-align: left; /* overwriting body text-align: center for inlaying content */
	width: 900px;
}

#content {
	float: left; 
	margin: 0; 
	margin-bottom: 36px;
	margin-top: 20px;
	padding: 0; 
	width: 750px;
}

#logo {
	border: 0;
	margin: 0;
	margin-bottom: 9px;
	margin-top: 18px;
	padding: 0; 
	text-align: center;
}
#logo a {
	border: 0;
}
#logo img {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline;
}

.item_pic {
	float: left; 
	margin: 0; 
	margin-bottom: 12px;
	margin-top: 12px;
	padding: 0; 
	text-align: right;
	width: 162px; /* + border image */
}
.item_pic img {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: right;
	margin: 0;
}
.item_pic blockquote { /* quotes */
	background: transparent url(../pics/pullquotes1.gif) no-repeat left 2px; 
	clear: both;
	font-size: 0.92em; /* 11px */
	line-height: 16px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.item_pic blockquote p.quote_first {
	color: #4e3114; 
	/*font-size: 16px; */
	margin: 0;
	margin-bottom: 10px; 
	padding: 0;
	padding-top: 3px;
	text-indent: 22px; 
}
.item_pic blockquote span.quote_last_word {
	background: transparent url(../pics/pullquotes2.gif) no-repeat right top; 
	color: #4e3114;
	padding: 0 18px 10px 0; /* top right bottom left */
}

.item_text {
	float: left; 
	margin-bottom: 12px;
	margin-left: 22px; 
	margin-top: 6px; 
	width: 548px; 
}
.item_text ul {
	border: 0px solid red;
	margin: 0;
	padding: 0;
	padding-left: 26px;
}

div.link_more {
	background: url(../pics/icon_link_more_bg.gif) no-repeat 0px 4px;
	margin-bottom: 12px;
	text-align: left; 
	text-indent: 14px;
}
div.link_more a {
	background: url(../pics/icon_link_more.gif) no-repeat 0px 4px;
	border: 0;
	color: #669933;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0;
	width: 50%; 
}
div.link_more a:hover {
	background: url(../pics/icon_link_more_over.gif) no-repeat 0px 4px;
	color: #4A6710;
}

div#link_back {
	background: url(../pics/icon_link_more_bg.gif) no-repeat 3px 4px;
	margin-bottom: 12px; 
	margin-top: 36px;
	text-align: left;
	text-indent: 14px;
}
div#link_back a {
	background: url(../pics/icon_link_back.gif) no-repeat 0px 3px;
	border: 0;
	color: #669933;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0;
	width: 50%; 
}
div#link_back a:hover {
	background: url(../pics/icon_link_back_over.gif) no-repeat 0px 3px;
	color: #4A6710;
}

a#rss_feed {
	background: #fff url(../pics/icon_rss_feed.gif) no-repeat 0px 2px; 
	border: 0;
	display: block; 
	float: right;
	font-size: 0.94em;
	height: 24px;
	line-height: 1em;
	margin-left: 24px;
	padding-left: 21px; 
	width: 124px;
}
a#rss_feed span {
	letter-spacing: 1px;
}
/* @end */


/* @group images content
---------------------------------------------------------- */
div.figure {
	font-size: 0.92em; /* 11px */ 
	line-height: 1.5em; 
	margin: 0; 
	margin-bottom: 16px; 
	margin-top: 18px;
	padding: 0; 
	text-align: center;
}
div.figure img {
	border: 5px solid #efefef;
	margin: auto; 
}
div.figure p.credit {
	font-size: 0.83em; /* 10px */
	margin: 0;
	margin-left: auto; 
	margin-right: auto;  
	padding: 0; 
	text-align: right;
	width: auto; 
}
div.figure p.credit cite {
	font-style: normal;
}
div.figure p.caption {
	margin: 0; 
	margin-left: auto; 
	margin-right: auto;
	padding: 0; 
	text-align: left;
	width: auto;
}	
div.figure p.caption em {
	font-style: normal; 
	font-weight: bold;
}
/* @end */


/* @group related info
---------------------------------------------------------- */
#mailingliste {
	background-color: #4A6710;
	color: #33cc33;
	font-size: 0.92em; /* 11px */
	line-height: 16px;
	border-bottom: 0px solid #ccc;
	border-right: 0px solid #ccc;
	min-height: 400px;
	margin-top: 24px;
	margin-bottom: 0;
	/*padding: 6px;*/
	width: 140px;
	padding-bottom: 12px;
}
#mailingliste strong {
	padding-left: 6px;
}

#mailingliste a {
	color: #FFFFFF; /* make links white in mailinglist box */
	border: 0;
	display: block;
	padding: 6px;
	padding-bottom: 5px;
}
#mailingliste a:hover {
	background-color: #006600;
}

#mailingliste_eintrag strong {
	background: url(../pics/link_pfeil.gif) no-repeat 0px 4px;
	display: block;
	padding-left: 12px;
}

.ml_line {
	display: block;
	margin: 6px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
div#promo_oepfelchasper {
	background: transparent url(../pics/logo_oepfelchasper.gif) no-repeat 0 -5px; 
	width: 127px;
	padding: 0;
	margin: 0;
	margin-left: 9px;
	padding-top: 55px; 
	text-align: center; 
	font-size: 0.86em; 
	line-height: 1.2em;
	border: 0;
}
/* @end */


/* @group navigation
---------------------------------------------------------- */
#navigation {
	border: 0px solid red;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE5.5 */
}

#navigation ul {
	border: 0px solid red;
	height: 18px;
	margin: auto;
	padding: 0px 0 0 0;					/* top right bottom left */
	width: 700px;
	white-space: nowrap;
}
#navigation ul li  { 
	background: url(../pics/nav_vert_line.gif) no-repeat left top;
	float: left;
	font-size: 1.17em; /* 14px */
	font-weight: 100;
	list-style: none;
}
#navigation ul li#menu_home { /* first elem has no divider on the left hand side */
	background: transparent;
}
#navigation ul li a {
	/*background: url(../pics/nav_vert_line.gif) no-repeat left top;*/
	border: 0;
	float: left;
	margin: 0;
	margin-left: 8px;
	margin-right: 4px;
	padding-left: 4px; 
	padding-right: 4px; 
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation ul li a { float: none; }
/* End IE5-Mac hack */

#navigation ul li a:hover {
	/*background-color: #efefef;*/
}
#navigation ul li a#menu_selected {
 	color: #000;
 	font-weight: bold;
}
/* @end */


/* @group footer, copyright
---------------------------------------------------------- */
#footer {
	background: url(../pics/footer_shadow.gif) no-repeat 54% 6px;
	border: 0px solid red;
	clear: both;
	font-size: 0.92em; /* 11px */
	height: 16px;
	margin: 0;
	padding-left: 183px;
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
}
#footer a {
	border: 0;
}
#copyright {
	color: #999;
	font-size: 0.83em; /* 10px */
	margin: auto;
	padding: 10px; 
	text-align: center; 
}
#copyright a {
	border: 0; 
	color: #ccc;
}
/* @end */


/* @group lightbox
---------------------------------------------------------- */
#lightbox {
	left: 0;
	line-height: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 100;
}

#lightbox a img { 
	border: none; 
}

#outerImageContainer {
	background-color: #fff;
	height: 250px;
	margin: 0 auto;
	position: relative;
	width: 250px;
}

#imageContainer {
	padding: 10px;
}

#loading {
	height: 25%;
	left: 0%;
	line-height: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}
#hoverNav {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink {
	background: transparent url(../pics/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	height: 100%;
	width: 49%;
}
#prevLink { float: left; left: 0; }
#nextLink { float: right; right: 0; }
#prevLink:hover, #prevLink:visited:hover { background: url(../pics/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pics/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer {
	background-color: #fff;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 auto;
	overflow: auto;
	width: 100%	
}

#imageData { color: #666; padding:0 10px; }
#imageData #imageDetails { float: left; text-align: left; width: 70%; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { clear: left; display: block; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { float: right; padding-bottom: 0.7em; width: 66px; }	
		
#overlay {
	background-color: #000;
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90;
}

/* @end */