/* 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' */