/* --- Schrift ---------- */
body
{
	font-size: 100.01%;
}

body,
input,
textarea,
a,
div.mainContent h1,
div.mainContent h2
{
	font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
}
html,
body
{
	height: 100%;
}
#main,
#mainarea,
#overall,
div.mainContent
{
	position: relative;
	float: left;
	min-height: 100%;
}
#content
{
	position: relative;
	min-height: 100%;
	z-index: 99;
}
#contentbg
{
	position: absolute;
	left: 14.4375em; /*231px;*/
	bottom: 0;
	width: 42.875em; /*686px;*/
	height: 80%;
	background-color: #FFFFFF;
	z-index: 0;
	overflow: hidden;
	line-height: 0;
}
#teaserbg
{
	position: absolute;
	left: 58.8125em; /*941px;*/
	bottom: 0;
	width: 19.75em; /*316px;*/
	height: 100%;
	background-color: #FFFFFF;
	z-index: 1;
	overflow: hidden;
	line-height: 0;
}
#headpartbg1
{
	position: relative;
	width: 29.75em; /*476px;*/
	height: 2.8125em; /*45px;*/
	background-color: #FFFFFF;
	padding-left: 2.375em; /*38px;*/
	overflow: hidden;
}
#headpartbg2
{
	position: relative;
	width: 40.5em; /*648px;*/
	height: 2.3125em; /*37px;*/
	background-color: #FFFFFF;
	padding-left: 2.375em; /*38px;*/
	padding-top: 0.875em; /*14px;*/
	overflow: hidden;
}

/* --- Farben -------- */
div.mainContent div.text,
div.teasertext,
div.imgText,
a,
label,
span.pageURL
{
	color: #6F6F6F;
}
#headpart a,
#headpart a:link,
#toolpage a,
#toolpage a:link
{
	color: #FFFFFF;
}
div.mainContent h2
{
	color: #A7163F;
}
body
{
	background-color: #D9DADB;
}

ul#topnav
{
	margin-left: 0.5625em;
}

#main,
#content,
#attractor
{
	background-color: #FFFFFF;
}

img.edge
{
	position: absolute;
	right: 0;
	top: 0;
	width: 10.875em;
	height: 2.8125em;
}

div.teaserbox
{
	padding: 0;
}
div.teaserhr
{
	margin-top: 0.875em;
	border-top: 0.0625em solid #A5173F;
	padding-top: 0.875em;
}

/* --- Groessen --------- */
#overall
{
	width: 80em;
}
#content
{
	width: 41.4375em;
}

#attractor
{
	position: relative;
	width: 17.9375em;
	z-index: 98;
}

#headpart a,
#headpart a:link,
#toolpage a,
#toolpage a:link,
div.mainContent div.text,
div.teasertext,
div.imgText,
span.pageURL
{
	font-size: 0.75em;
}
div.mainContent h1
{
	font-size: 1em;
}
div.mainContent div.h1,
div.mainContent h2,
div.teaserTitle
{
	font-size: 1.125em;
	line-height: 1em;
}

div.mainContent div.h1
{
	width: 34em;
}

#leftnav
{
	width: 11.4375em;
	padding: 8.25em 1.375em 0 1.625em;
}

#attractor img.logorehmannmuseum
{
	font-size: 100%;
}
div.teaserbox img
{
	font-size: 133.3333334%;
}

#headpart
{
	position: relative;
	float: left;
	width: 42.8125em; /*685px;*/
	height: 5.125em;
}

#main
{
	position: relative;
	float: left;
	width: 42.875em;
}

#toolpage
{
	width: 38em;
}

/* --- Abstaende --------- */
body,
form,
#leftnav,
#leftnav ul,
div.mainContent h1,
div.teaserTitle
{
	margin: 0;
}
body,
#leftnav ul,
div.mainContent h1,
div.teaserTitle
{
	padding: 0;
}

div.teasertext
{
	padding-left: 2em;
	padding-right: 2em;
}

#content
{
	padding-left: 0.6875em;
	padding-right: 0.6875em;
}

#attractor
{
	margin-left: 1.5em;
	padding: 1.125em;
	padding-left: 0.9166666666666666em;
	padding-right: 0.9166666666666666em;
}

#toolpage
{
	margin-top: 1.625em;
	padding: 0 1.6875em 1.5em 1.6875em;
}

/* --- Border --------- */
img
{
	border: 0;
}
div.mainContent div.h1,
div.teaserTitle
{
	border-top: 0.0625em solid #A5173F;
	border-bottom: 0.0625em solid #A5173F;
}

div.mainContent div.h1
{
	clear: both;
	padding: 0.5555555555555556em 1.4444444444444444em;
	margin-bottom: 1em;
}
div.mainContent h2
{
	clear: both;
	padding: 0 1.4444444444444444em;
	margin-bottom: 0.25em;
}
div.teaserTitle
{
	clear: both;
	padding: 0.5555555555555556em 1.3888888888888888em;
	margin-bottom: 1em;
}
div.teaserTitle
{
	width: 13.166666666666666em;
}

#toolpage
{
	border-top: 0.0625em solid #A5173F;
}

/* --- Positionierungen --------- */
#overall,
#mainarea,
div.mainContent
{
	position: relative;
}
	
#main,
#content,
#attractor,
#leftnav,
#toolpage,
div.imgText
{
	float: left;
}

#leftnav,
#leftnav li
{
	line-height: 1.25em;
	display: block;
}

#headpart
{
	position: absolute;
	left: 14.4375em;
	top: 0;
}

#main
{
	margin-top: 5.125em;
}


img.logorehmannmuseum
{
	margin-left: 1.5625em;
	margin-bottom: 1.1875em;
}

div.text
{
	margin-left: 2.1666666666666665em;
	margin-right: 2.1666666666666665em;
	margin-bottom: 1em;
}

div.imgText
{
	margin-top: 0.5em;
	/*margin-bottom: 0.5em;*/
}
div.mainContent .noFloat
{
	clear: both;
	float: none;
}

div.mainContent .noRightFloat
{
	clear: right;
}

div.mainContent .noLeftFloat
{
	clear: left;
}
div.imgHolderfull
{
	padding-left: 1.6875em;
	margin-bottom: 0.5em;
}
div.imgHolderleft
{
	padding-left: 1.6875em;
	margin-bottom: 0.5em;
}
div.imgHolderright
{
	margin-left: 1.6875em;
	margin-bottom: 0.5em;
}
div.imgHolderleft
{
	float: left;
	width: 18.75em;
	margin-right: 0.75em;
}
div.imgHolderright
{
	float: right;
	width: 18.75em;
	margin-right: 1.625em;
}

/* --- Ausrichtungen --------- */
img
{
	vertical-align: top;
}
/* ------ Bildausrichtung Links ------ */
img.left
	{
	margin-right: 0.625em;
	margin-bottom: 0.625em;
	vertical-align:text-top;
	float:left;
	}
/* ------ Bildausrichtung Rechts ------ */
img.right
	{
	margin-left: 0.625em;
	margin-bottom: 0.625em;
	vertical-align:text-top;
	float:right;
	}

div.mainContent div.imgfull
	{
	clear: both;
	width: 36.875em;
	overflow: hidden;
	margin-bottom: 1.625em;
	padding-top: 0.375em;
	}
div.mainContent div.imgleft
	{
	clear: left;
	float: left;
	text-align: left;
	width: 17.8125em;
	overflow: hidden;
	margin-right: 1.25em;
	margin-bottom: 0.875em;
	padding-top: 0.375em;
	}
div.mainContent div.imgright
	{
	clear: right;
	float: right;
	text-align: right;
	width: 17.8125em;
	overflow: hidden;
	margin-left: 1.25em;
	margin-bottom: 0.875em;
	margin-top: 0.375em;
	}

div.mainContent table.ulTable td,
div.mainContent table.contentTable td
{
	vertical-align: top;
}
div.mainContent table.ulTable td
{
	padding-bottom: 1px;
}	

/* --- Listen --------- */
ul.topnav,
#leftnav,
#leftnav ul
{
	list-style: none;
}
ul.topnav,
ul.topnav li
{
	float: left;
	padding: 0;
	margin: 0;
	line-height: 1em;
}

span.leftnav-space
{
	font-size: 1em;
	clear: both;
	width: 1.0555555555555556em;
	height: 1em;
	float: left;
	text-align: right;
	margin: 0;
}

span.leftnav-item1,
span.leftnav-item2
{
	clear: both;
	float: left;
	font-size: 0.75em;
	line-height: 1.1666666666666665em;
	margin: 0;
	padding: 0.25em 0.25em;
	background-color: #FFFFFF;
	position: relative;
	/*overflow: auto;*/
	display: block;
}

span.leftnav-item1,
span.leftnav-item2
{
	padding: 0.25em 0.25em;
}

#leftnav a,
#leftnav a:link
{
	text-decoration: none;
	font-family: Verdana, sans-serif;
	color: #717173;
	/*background-color: #FFFF33;*/
	/*
	float: left;
	display: block;
	overflow: auto;
	*/
	/*
	position: relative !important;
	*/
}

#leftnav span.leftnav-item1 a,
#leftnav span.leftnav-item1 a:link
{
	float: left;
	font-weight: bold;
}

#leftnav span.leftnav-item2 a,
#leftnav span.leftnav-item2 a:link
{
	float: left;
	font-weight: normal;
}

#leftnav span.leftnav-item1 a.open,
#leftnav span.leftnav-item2 a.open,
#leftnav span.leftnav-item1 a.active,
#leftnav span.leftnav-item2 a.active
{
	color: #000000;
}
#headpart li
{
	padding-right: 0.4375em;
}
#toolpage a
{
	margin-right: 0.5833333333333333em;
}

#headpart a,
#headpart a:link,
#toolpage a,
#toolpage a:link
{
	text-decoration: none;
	font-weight: normal;
	background-color: #000000;
	padding: 1em 0.6666666666666666em 0.5em 0.6666666666666666em;
	float: left;
}
#headpart a.navigate,
#headpart a.navigate:link
{
	background-color: #58585A;
}

/* --- Textformatierungen --------- */
div.mainContent h1,
div.mainContent h2,
#attractor div.teaserTitle
{
	font-weight: normal;
}

span.bold
{
	font-weight: bold;
}

span.underline
{
	text-decoration: underline;
}
	
span.italic
{
	font-style: italic;
}

a.page
{
	text-decoration: underline;
}

/* --- Sichtbarkeit --------- */
hr,
#gotopnav,
#accesskeylinks,
#headpartprint
{
	display: none;
}

/* --- Spezielles ------------*/

#directaccess
	{
	position: absolute;
	top: 0;
	left: -10em;
	width: 1em;
	height: 1em;
	overflow: hidden;
	}

#sitesend
{
	padding: 1.6875em;
}
#sitesend h1
{
	font-size: 0.875em;
	line-height: 1.5em;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
	color: #000000;
}
#sendpage label,
#sendpage input,
#sendpage textarea
{
	font-size: 0.75em;
}
input.sitesend,
textarea.sitesend
{
	width: 50%;
}

div.mainContent .contenttable
{
	border-top: 0.125em solid #C6C7C8;
	padding: 0;
	margin: 0 0 1.25em 0;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
div.mainContent .contenttable th
{
	font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	color: #000000;
	border: 0;
	padding: 0;
	margin: 0;
}
div.mainContent .contenttable td
{
	font-family: Verdana,Arial,Helvetica,Geneva, sans-serif;
	font-size: 0.75em;
	color: #707173;
	border: 0;
	padding: 0;
	margin: 0;
}
div.mainContent .contenttable th .cell
{
	border-bottom: 0.07142857142857142em solid #C6C7C8;
	padding: 0.3571428571428571em 0.14285714285714285em 0.21428571428571427em 0.14285714285714285em;
}
div.mainContent .contenttable td .cell
{
	border-bottom: 0.08333333333333333em solid #C6C7C8;
	padding: 0.125em;
}
div.mainContent .contenttable th
{
	padding-right: 0.2857142857142857em;
}
div.mainContent .contenttable td
{
	padding-right: 0.3333333333333333em;
}
div.mainContent .contenttable th.firstcolumn
{
	padding-right: 0.25em;
}
div.mainContent .contenttable td.firstcolumn
{
	padding-right: 0.3333333333333333em;
}
div.mainContent .contenttable th.lastcolumn,
div.mainContent .contenttable td.lastcolumn
{
	padding-right: 0;
}
div.mainContent .contenttable th.firstcolumn .cell
{
	padding-left: 1.9285714285714284em;
}
div.mainContent .contenttable td.firstcolumn .cell
{
	padding-left: 2.25em;
}
div.mainContent .contenttable th.lastcolumn .cell
{
	padding-right: 1.7142857142857142em;
}
div.mainContent .contenttable td.lastcolumn .cell
{
	padding-right: 2em;
}
