/* Start of CMSMS style sheet '04 General: Accessibility and cross-browser tools' */
/* accessibility */

/*
floats
*/
.left {float:left;}
.right {float:right;}
.center {float:center;}
/*
clearing
*/
.clear {clear:both;}
/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}
/* end accessibility */

/* quicktime media links */
a.quicktime {
  padding: 2px 0px 2px 20px;
  background: url(images/design/quicktime.gif) no-repeat 0px 0px !important;
}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0px 12px 0px 0px;
}
/* colors for external links */
a.external:link {
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0px;
}
a.external:visited {
  background: url(images/cms/external.gif) no-repeat 100% -100px;
}

a.external:hover,
a.external:active,
a.external:focus {
  background: url(images/cms/external.gif) no-repeat 100% -200px;
}

/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0px; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of '04 General: Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet '03 General: Navigation sub-level vertical' */
/*
SUB-MENU VERTICAL
*/

#menu_vert {
   margin-left: 0px;
}

/*
menu li block
*/
#menu_vert li {
   list-style: none;
   margin: 0;
   border: 0;
   display: block;
}

/*
third level list padding bottom
*/
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/**
fix stupid IE bug with display:block;
**/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/**
end fix
**/

/*
menu links
*/
div#menu_vert a {
   color: #7f6547;
   background: transparent; 
}

div#menu_vert a:link,
div#menu_vert a:visited {
   text-decoration: underline;
}

div#menu_vert a:hover,
div#menu_vert a:active,
div#menu_vert a:focus {
   text-decoration: none;
}

/*
1st level links
*/
div#menu_vert a {
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em;
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/*
2nd level links
*/
div#menu_vert ul ul a {
   padding: 0 0.5em 0.5em 1.5em;
}

/*
3rd level links
*/
div#menu_vert ul ul ul a {
   padding: 0 0.5em 0.3em 2em;
}

/* 
active parent
*/
div#menu_vert li a.activeparent {
   font-weight: bold;
}

/* 
current pages
*/
div#menu_vert ul h3 {
   background: transparent;
   display: block; 
   padding: 0.8em 0.5em;
   font-weight: bold;
   font-size: 1em;
   margin: 0;
}

/* 
2nd level current pages
*/
div#menu_vert ul ul h3 {
   padding: 0 0.5em 0.3em 1.5em;   
}

/*
3rd level current pages
*/
div#menu_vert ul ul ul h3 {
   padding: 0 0.5em 0.3em 2em;
}

/*
section header expanding
*/
span.sectionheader {
   text-decoration: underline;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none;
}

/*
END SUB-MENU VERTICAL
*/
/* End of '03 General: Navigation sub-level vertical' */

/* Start of CMSMS style sheet '02 General: Navigation top-level horizontal' */
/*
TOP MENU
*/

/*
IE-mac hack
*/
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/*
menu container
*/
div#menu_horiz {
/*background-settings: see page stylesheets*/
   width: 100%;
   border-bottom: 1px solid #fff;
   text-align: center;
   overflow: visible;
}

/*
menu list
*/
div#menu_horiz ul {
   background: transparent;
   margin: 0px auto;
   height: 2.1em;
/* Width for others/Win as default: 61em. For IE/Win: 60. For all on Mac: 59.
Always 21px padding-left for the current page. */
   width: 62em;
   border-left: 1px solid #ffefcf;
}

/*
menu list items
*/
div#menu_horiz li {
   float: left; 
   list-style: none;
}

/*
menu links
*/
div#menu_horiz a {
   padding: 0.6em;
   display: block; /* IE problem fixed above */
   border-right: 1px solid #ffefcf;
   font-family: 'Palatino Linotype','Times New Roman', Georgia, serif;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: .2em;
   text-decoration: none;
   white-space: nowrap;
}

div#menu_horiz a:link,
div#menu_horiz a:visited {
   color: #fff;
   background: transparent;
}

div#menu_horiz a:hover,
div#menu_horiz a:active,
div#menu_horiz a:focus {
   color: #ffae00;
   background-color: #fff;
}

/*
current page, 
*/
div#menu_horiz h3 {
   float: left;
   display: block; /* IE problem fixed above */
   padding: 0.6em 0.6em 0.6em 21px;
   color: #ffae00;
   background: #fff url(images/design/currentpage.gif) no-repeat top left;
   border-right: 1px solid #ffefcf;
   font-family: 'Palatino Linotype','Times New Roman', Georgia, serif;
   font-weight: bold;
   font-size: 100%;
   text-transform: uppercase;
   letter-spacing: 0.2em;
   text-decoration: none;
}

/*
active parent: IE6 needs "important"
*/
div#menu_horiz a.activeparent {
   padding: 0.6em 0.6em 0.6em 21px;
   background: #fff  url(images/design/currentpage.gif) no-repeat top left !important;
   color: #ffae00 !important;
}

/*
END TOP MENU
*/
/* End of '02 General: Navigation top-level horizontal' */

/* Start of CMSMS style sheet '01 General: Page Layout' */
/*
sackermann.net
BASIC PAGE LAYOUT
based upon the cmsms default template, http://cmsmadesimple.org
customized by Caspar Huebinger, http://chariotweb.net
*/

/*
PAGE COLORS AND BACKGROUNDS
*/
body {
	background: #efb559 url(images/design/body.png) no-repeat center;
	color: #5f4c35;
	}
body.jspopup {
	background: #efb559 url(images/design/body.png) no-repeat center 5em fixed;
	}

/*
lots of transparent backgrounds
*/
div#pagewrapper,
div#header,
div#header h1 a,
div#content,
div#main,
div#main.nosidebar,
div#sidebar,
div#marquee,
div#footer {
	background-color: transparent;
	}

/*
language link
*/
.langimage img {border:1px solid #fff!important}


/*
white row above footer
*/
div#marqueewrapper {
	background-color: #fff;
	}

/*
home page background images
*/
div#pagewrapper.startseite, div#pagewrapper.home {
   background: transparent url(images/design/bg/tinasackermann_bg.jpg) repeat-y;
}
div.startseite #header, div.home #header {
   background: transparent url(images/design/bg/tinasackermann_hd.jpg) repeat-y;
}
div.startseite #menu_horiz, div.home #menu_horiz {
   background: transparent url(images/design/bg/tinasackermann_menu.gif) repeat-y;
}

/*
news page background images
*/
div#pagewrapper.news {
   background: transparent url(images/design/bg/news_bg.jpg) repeat-y;
}
div#pagewrapper.news #header {
   background: transparent url(images/design/bg/news_hd.jpg) repeat-y;
}
div#pagewrapper.news #menu_horiz {
   background: transparent url(images/design/bg/news_menu.gif) repeat-y;
}

/*
fine-arts pages background images
*/
div#pagewrapper.bildende-kunst, div#pagewrapper.fine-arts {
   background: transparent url(images/design/bg/finearts_bg.jpg) repeat-y;
}
div#pagewrapper.bildende-kunst #header, div#pagewrapper.fine-arts #header {
   background: transparent url(images/design/bg/finearts_hd.jpg) no-repeat top left;
}
div#pagewrapper.bildende-kunst #menu_horiz, div#pagewrapper.fine-arts #menu_horiz {
   background: transparent url(images/design/bg/finearts_menu.gif) repeat-y;
}

/*
tanzkunst pages background images
*/
div#pagewrapper.tanzkunst, div#pagewrapper.dancing-art {
   background: transparent url(images/design/bg/tanzkunst_bg.jpg) repeat-y;
}
div#pagewrapper.tanzkunst #header, div#pagewrapper.dancing-art #header {
   background: transparent url(images/design/bg/tanzkunst_hd.jpg) no-repeat top left;
}
div#pagewrapper.tanzkunst #menu_horiz, div#pagewrapper.dancing-art #menu_horiz {
   background: transparent url(images/design/bg/tanzkunst_menu.gif) repeat-y;
}

/*
raumkunst pages background images
*/
div#pagewrapper.raumkunst, div#pagewrapper.interior-design {
   background: transparent url(images/design/bg/raumkunst_bg.jpg) repeat-y;
}
div#pagewrapper.raumkunst #header, div#pagewrapper.interior-design #header {
   background: transparent url(images/design/bg/raumkunst_hd.jpg) no-repeat top left;
}
div#pagewrapper.raumkunst #menu_horiz, div#pagewrapper.interior-design #menu_horiz {
   background: url(images/design/bg/raumkunst_menu.gif) repeat-y;
}

/*
lebensart pages background images
*/
div#pagewrapper.lebensart, div#pagewrapper.living-art {
   background: url(images/design/bg/lebensart_bg.jpg) repeat-y;
}
div#pagewrapper.lebensart #header, div#pagewrapper.living-art #header {
   background: url(images/design/bg/lebensart_hd.jpg) no-repeat top left;
}
div#pagewrapper.lebensart #menu_horiz, div#pagewrapper.living-art #menu_horiz {
   background: url(images/design/bg/lebensart_menu.gif) repeat-y;
}

/*
archive (ressourcen) pages background images
*/
div#pagewrapper.archive, div#pagewrapper.archives {
   background: url(images/design/bg/ressourcen_bg.jpg) repeat-y;
}
div#pagewrapper.archive #header, div#pagewrapper.archives #header {
   background: url(images/design/bg/ressourcen_hd.jpg) no-repeat top left;
}
div#pagewrapper.archive #menu_horiz, div#pagewrapper.archives #menu_horiz {
   background: url(images/design/bg/ressourcen_menu.gif) repeat-y;
}


/*
END PAGE COLORS AND BACKGROUNDS
*/

/*
LAYOUT
*/

/*
kill user system defaults
*/
* {
   margin: 0px;padding:0px;
}

/*
page text layout
*/

body {
	font-size: 69%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	margin: 0px auto;
	}

/*
override some body rules
*/
div {
	font-size: 1em;
	}

/*
no image borders by default
*/
img {
	border: 0px;
	}

/*
default link styles
*/
a,
a:link, 
a:visited {
	text-decoration: underline;
	background: inherit; 
	color: #7f6547; 
	}

a:hover,
a:active,
a:focus {
	text-decoration: none;
	}

/*
center page wrapper
*/
div#pagewrapper {
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin: 20px auto 0;
	width: 780px;
	z-index: 100;
	text-align: left;
	}

/*
page header
*/
div#header {
	height: 120px;
	}

div#header h1 a {
	display: block;
	margin: 0px auto;
	width: 300px;
	height: 100px;
	text-indent: -999em;
	text-decoration:none;
	}

/*
content columns
*/
div#content {
	margin: 20px auto 20px 0px;
	}

div#content.popupcontent {
	padding: 0em 2em 2em;
	text-align: justify;
	}

/*
main content column
*/
div#main {
	margin-left: 180px;
	margin-right: 20px;
	min-height: 350px;
	}

/*
if there is no sidebar but only main content
*/
div#main.nosidebar {
	margin-left: 20px;
	margin-right: 20px;
	}

/*
sidebar
*/
div#sidebar {
	float: left;
	width: 150px;
	display: inline;  /* fix IE doublemargin bug */
	margin-left: 20px;
	}

/*
if sidebar doesnt include menu but content
*/
div#secondContent {
  margin: 0em 1em 1em 1em;
  padding: 0px;
  border: 1px solid #8f7259; 
	}

div#secondContent h2 {
	line-height: 2em;
	}

div#secondContent p {
  margin: 0em 1em 2em 1em;
  padding: 0px;
	}

/*
marquee row
*/
div#marqueewrapper {
	clear: both;
	-moz-opacity: 0.7;
	-khmtl-opacity: 0.7;
	opacity: 0.7;
	filter:Alpha(opacity=70);
	}

div#marquee {
	padding: 0.2em;
	font-size: smaller;
	text-align: center;
	min-height: 1em;
	}

.dmarquee div div {
	font-weight: bold;
	color: #ffcc5f;
	word-spacing: 2em;
	}

.dmarquee a {
	font-weight: normal;
	margin: 0em 0.3em;
	}

/*
on home page only
*/
div#pagewrapper.page-15 .dmarquee {
	text-align: left !important;
	}

/*
footer
*/
div#footer {
	clear:both;
	margin: 1em 1.5em;
	padding: 1em 1em 2em;
	font-size: smaller;
	text-align: right;
	}

div>div#footer { /* for normal browsers */
	margin: 1.5em;
	}

ul#footmenu li {
	float: left;
	list-style: none;
	margin-right: 1em;
	}

/*
END LAYOUT
*/


/*
CONTENT STYLING
*/

/*
justify text alignment, 
more space inbetween lines
for continous text
*/
div#main {
	text-align: justify;
	line-height: 1.2em;
	}

/* 
headings
 */
div#content h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0px;
	}
div#content h2 {
	font-family: 'Palatino Linotype',Palatino,'Times New Roman', Georgia, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 1.4em; 
	font-weight: normal;
	text-align: left; 
	padding: 0em 0em 0.1em 0.1em;
	border-bottom: 1px solid #fff; 
	line-height: 1.5em;
	margin: 0em 0em .8em 0em;
	}
/*
Used in menu,
kept around just in case.
Uncommetn if needed.
div#content h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0em 0em 0.5em 0em;
	}
*/
div#content h4 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0em 0em 0.5em 0em;
	text-align: left;
	}
div#content h4.caption {
	font-size: 1em;
	line-height: 1em;
	margin: 0em 0em 0.5em 0em;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0em;
	text-align: left;
	}
div#content h5 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 0em 0em 0.25em 0em;
	text-align: left;
	}
h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	text-align: left;
	}

/* 
text
*/
p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	line-height:1.4em;
	padding: 0;
	}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
	}
strong, b {
	font-weight: bold;
	}
em, i {
	font-style: italic;
	}
tt {
   font-family: 'Courier New', monospace;
   font-style: normal;
   font-weight: bold;
   font-size: 120%;
}
.smaller {
   font-size: smaller;
}

/*
lists
*/
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0px 0px 1.5em 0px;
	}
div#main ul li,
div#main ol li {
	margin: 0px 0px 0.25em 3em;
	}

div#dl dt {
	font-weight: bold;
	margin: 0px 0px 0.25em 3em;
	}
div#dl dd {
	margin: 0px 0px 0px 3em;
	}

/*
tables
*/
table#vita {
	margin-bottom: 1.4em;
}
caption, th {
	font-weight: bold;
	text-align: left;
	}

td {
	text-align: left;
	}

td.year {
	font-weight: bold;
	padding-right: 1.5em;
	white-space: nowrap;
	vertical-align: top;
	}

/*
USER WYSIWYG STYLES
*/
/* use only lowercase! */

.wordspacer {
	margin: 0em 0.1em;
	visibility: hidden;
}


/*
list
*/
li.noliststyle {
	list-style:none;
	}

/*
images
*/
.icon,
.icon_center {
	border: 1px solid #fff;
	}
.icon_center {
	margin: 0px 20px;
	}

span.links {
	float: left;
	margin: 0px 1em 1.2em 0px;
	}

span.rechts {
	float: right;
	margin: 0px 0px 1.2em 1em;
	}

span.links img {
	border: 1px solid #fff;
	}

span.rechts img {
	border: 1px solid #fff;
	}

img.links {
	float:left;
	margin:0 1em 1.2em 0;
	border:1px solid #fff;
	}

img.rechts {
	float: right;
	margin: 0px 0px 1.2em 1em;
	border: 1px solid #fff;
	}

/*
quotations
*/
/* out of use
.typos {
	float: left;
	position: relative;
	top: -0.6em;
	font-size: 500%;
	line-height: 0.9em;
	overflow: visible;
	}

.zitatvolltext>span.typos {
	top: -1.1em;
	line-height: 2em;
	}

.typos14 {
	float: left;
	position: relative;
	top: -1.7em;
	font-size: 500%;
	line-height: 3.1em;
	}
end out of use */

.typos,
.typos14,
.typosend {
	display: none;
	}

.zitatlinks,
.zitatrechts,
.zitatvolltext {
	display: block;
        text-align: left;
	font-family: Georgia,'Times New Roman',serif;
	font-size: 1em;
	font-style: italic;
	color: #914a28;
	line-height: 1.1em;
	letter-spacing: 0.1em;
        overflow:hidden; /* avoid horiz scrollbar in IE7 */
	}

.zitatrechts {
	float: right;
	margin: 1em 0px 1.2em 1em;
	}

.zitatlinks {
	float: left;
	margin: 1em 1em 1.2em 0px;
	}

.zitatvolltext {
	margin: 0px 0px 1.2em 0px;
	}

.zitatautor {
	display: block;
	font-family: Georgia,'Times New Roman',serif;
	font-size: smaller;
	font-style: normal;
	color: #914a28;
	background: transparent;
	text-align: right;
	}

/*
feedback articles
*/
.feedbackauthor {
	float: right;
	font-style: italic;
	font-size: smaller;
	text-align: right;
	}

/*
mouseover tooltip
*/
#dhtmltooltip {
   text-align: left;
   width: 480px;
	border: 1px solid #fff;
	background-color: #efb559;
	opacity: 0.9;
   /* Do not edit from here */
   position: absolute;
   visibility: hidden;
   z-index: 100000;
}
#dhtmltooltip p {
   margin: 5px;
   padding:0px;
   line-height: 1.2em;
}

/*
END CONTENT STYLING
*/

/*
START SECTION TEASER IMAGES
*/

div#teaserwrapper {
	text-align: center;
	clear: both;
	margin-bottom: 20px;
	}

div#teasers {
	margin: 0 auto;
	text-align: center;
	}

.triple {
	width: 324px;
	}

div#teasers ul {
	margin: 0;
	}
div#teasers ul li {
	list-style: none;
	float: left;
	margin:0;
	padding-bottom: 20px; /* instead of bottom margins */
	}
div#teasers img {
	border:0;
	}
div#teasers a.teaserimage {
	display:block;
	height:80px;
	width:80px;
	border: 1px solid #fff;
	text-decoration: none;
	}
div#teasers a.teaserimage:hover {
	border: 1px solid #ffae00;
	}
	
/* Section links with background images */

a#thumbMA {
	margin: 0 39px 0 25px;
	}
.triple a#thumbMA {
	margin: 0 39px 0 0 !important;
	}
a#thumbHO {
	margin: 0 39px 0 0;
	}
a#thumbPK {
	margin: 0 39px 0 0;
	}
.triple a#thumbPK {
	margin: 0 !important;
	}
a#thumbOT {
	margin: 0 39px 0 0;
	}
a#thumbARK {
	margin: 0 39px 0 0;
	}
a#thumbLA {
	margin: 0 25px 0 0;
	}

/*
END SECTION TEASER IMAGES
*/

/*
END PAGE LAYOUT
*/
/* End of '01 General: Page Layout' */

/* Start of CMSMS style sheet '08 Module: Album (incl. Simple Gallery + Map Images)' */
/*
SIMPLE GALLERY
*/
div.largeview {
   background: transparent;
}

div.mainpiccomment {
   width: 350px;
   margin-top: 20px;
}

h5#mainpicname {
   font-size: 1em !important;
   text-transform: none !important;
}

img.mainpic {
   border: 2px solid #fff;
}

div.thumbnailwrapper {
   float: right;
   width: 200px;
}

ul.thumblist {
   margin: 0px !important;
}

ul.thumblist li {
   float:left;
   list-style: none outside;
   display: block;
   padding: 0px;
   margin:0px !important;
   width: 100px;
   height: 82px;
   text-align: center;
   cursor: pointer;
}

div.thumbnails img {
   border: 1px solid #fff;
}

/*
END SIMPLE GALLERY
*/

/*
MAP BOX
*/
div.map {
   background: transparent;
}

div.map img {
   border: 3px double #7F6547;
}

/* 
END MAP BOX
*/


/*
START ALBUM
*/

/* Album Module CSS for default, ImageGallery, and Thickbox templates */
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb {
	padding:0;
	width:auto;
	margin:0 0.5em 0.5em 0;
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a {
	display:block;
	height:72px; 
	width:100px; 
	padding:5px;
	margin:0px;
	background-color:white;
        -moz-opacity:0.8;
        -khmtl-opacity:0.8;
        opacity:0.8;
        filter:Alpha(opacity:80);
	border-top:1px solid #eee;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
	overflow:hidden;
}

.thumb a:hover {
        -moz-opacity:1;
        -khmtl-opacity:1;
        opacity:1;
        filter:Alpha(opacity:100);
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}

.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}

/*Thickbox CSS */
#TB_window {
  font: 14px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 12px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: red;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;

}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:3px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:10px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	border:none;
	clear:both;
}

#TB_closeWindow a, #TB_closeWindow a:link, #TB_closeWindow a:visited {
	color: #f6f7f0;
	background: #d40d0e;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#TB_closeWindow a:hover {
	background: red;
	color: white;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#TB_closeWindow a:active{
	color: #f6f7f0;
	background: #d40d0e;
	text-decoration: none;
	padding:2px 5px 2px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

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

#imageContainer{
	padding: 10px;
	}

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

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


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

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

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 97%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/*
END ALBUM
*/

/* End of '08 Module: Album (incl. Simple Gallery + Map Images)' */

/* Start of CMSMS style sheet '07 Module: News' */
/*
START NEWSTICKER (home page only)
*/
ul#newsticker {
   margin-left: /*10*/0em;
}

ul#newsticker li {
float: left;
margin-left: 2em;
list-style: none;
text-indent: 0;
font-weight: normal;
}

div#marquee label {
display:none;
position:absolute;
z-index: 100;
line-height:1em;
margin-top:-0.4em;
font-family: Georgia, serif;
font-size: 400%;
font-style: italic;
font-weight: normal;
color: #ffcc5f;
float: left;
overflow:hidden; /* avoid horiz scrollbar in IE7 */
}

/*
END NEWSTICKER
*/

/*
START NEWS CATEGORY LIST
*/
li.newscategory {
   padding: 0.5em;
}

li.newscategory a {
display:inline !important;
padding: 0px !important;
margin: 0px !important;
min-height:1em; /* Fixes IE7 whitespace bug */ 
}

li.newscategory li {
   padding: 0.5em 0.5em 0em 1em;
}

li.newscategory li li {
   padding: 0.5em 0.5em 0em 1.5em;
}

/*
END NEWS CATEGORY LIST
*/

/*
START NEWS MODULE LAYOUT
*/

h4.newsh4 {
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

h5.newssummaryh5 {
   text-transform: uppercase;
   font-weight: normal !important; /* important is for IE6 */
}

.NewsSummary {
   float:left;
   padding: 3px;
   margin: 0px 10px 20px;
   width:220px;
   height:9em;
   text-align: left;
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

/* content wrapper? */
/*
.NewsContentWrapper {

}
*/

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #F8D079;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
}

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

/*
END NEWS MODULE LAYOUT
*/
/* End of '07 Module: News' */