/*
Hack 			Wirkt in diesen Browsern 			Selektiertes Element 	Validität
* html 			Nur IE bis Version 6 				html 					Valides CSS
*+html 			Nur IE, nur Version 7 				html 					Valides CSS
*+html, * html 	Nur IE, alle Versionen 				html 					Valides CSS
html>body 		Moderne Browser, IE nur Version 7 	body 					Valides CSS
html>/**//*body Moderne Browser ohne IE 7 			body 					Valides CSS (zweiten slash & star direkt vor body weglassen
*/

/* standard elements and text styles */
body, td {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	/*font-family: Monaco, Geneva, Verdana, "Courier New", monospaced;*/
	/*font-family: Monaco, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	color: #000;
	background: #fff;
	margin: 0;
}
td {
	vertical-align: top;
	padding-bottom:1px;
}
p {
	/*font-size: 0.7em;*/
	margin: 0 0 17px 0;
	clear: both;
}
h1 {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 14px;
	color: #000;
	margin: 6px 0 0 0;
	clear: both;
}
h2 {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 12px;
	color: #000;
	margin: 6px 0 0 0;
	line-height: 14px;
	clear: both;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
a:hover, a:focus, a:active {
	color: #B40AFF;
	text-decoration: none;
	border-bottom: 1px solid #B40AFF;
	padding-bottom: 2px;
}
.underline_lila {
	color: #B40AFF;
	text-decoration: none;
	border-bottom: 1px solid #B40AFF;
	padding-bottom: 2px;
}
.underline_black {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
}
.underline_red {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
	padding-bottom: 2px;
}
.hidden {
	display: none;
}

/* images */
img {
	border: 0;
	border-bottom: none;
}

/* main layers */
#page {
	width: 98em;
	text-align: left;
	margin-left: 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* navigation and links */
#navigation {
	height: 27px;
	margin: 0 0 40px 0;
}
#subnavigation {
	position: relative;
	top: 0;
	left: 0;
	height: 27px;
	margin: 0 0 40px 0;
}
#navigation a:link, #navigation a:visited, #subnavigation a:link, #subnavigation a:visited, #archivimgnav a:link, #archivimgnav a:visited, #arpopupimgnav a:link, #arpopupimgnav a:visited, #pupopupimgnav a:link, #pupopupimgnav a:visited {
	text-decoration: none;
	color: #000;
	border: none;
}
#navigation a:hover, #navigation a:focus, #navigation a:active, #subnavigation a:hover, #subnavigation a:focus, #subnavigation a:active, #archivimgnav a:hover, #archivimgnav a:focus, #archivimgnav a:active, #arpopupimgnav a:hover, #arpopupimgnav a:focus, #arpopupimgnav a:active, #pupopupimgnav a:hover, #pupopupimgnav a:focus, #pupopupimgnav a:active {
	text-decoration: none;
	color: #B40AFF;
	border: none;
}
.navpt {
	padding: 6px 1.5em 0 0;
	margin: 0 0.5em 0 0;
	border-top: 1px solid #000;
	float: left;
}
.subnavpt {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 1.5em 0 0;
	margin: 0 0.5em 0 0;
	border-top: 1px solid #B40AFF;
	color: #B40AFF;
	float: left;
}
.scrollimgback {
	position: absolute;
	top: 0;
	left: 270px;
	padding: 6px 11px 0 0;
	margin: 0 6px 0 0;
	color: #B40AFF;
	float: left;
}
.scrollimgforward {
	position: absolute;
	top: 0;
	left: 290px;
	padding: 6px 11px 0 0;
	margin: 0 6px 0 0;
	color: #B40AFF;
	float: left;
}
#popuptext a:link, #popuptext a:visited, #popuptext a:hover, #popuptext a:focus, #popuptext a:active {
	text-decoration: none;
	color: #B40AFF;
	border: none;
}

/* content containers */
#contentleft {
	/*width: 508px;*/
	width: 49.5em;
	margin: 25px 0 0 40px;
	padding: 0 0 0 0;
	float: left;
}
* html #contentleft {
	margin: 25px 0 0 20px;
}
#textleft {
	width: 45.6em;
}
#contentright {
	/*width: 298px;*/
	width: 33em;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}
#noscript {
	position: absolute;
	top: 91px;
	/*width: 298px;*/
	width: 24.8em;
	color: #FF0000;
	float: left;
}
.textpopup {
	margin: 15px 25px 15px 20px;
	color: #B40AFF;
}
.textpopup table {
	margin: 20px 0 20px 0;
}
.textpopup td {
	color: #B40AFF;
}
.textpopup ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/buttons/list.gif);
	padding: 0 0 0 0;
	margin: 20px 0 20px 15px;
}
* html .textpopup ul {
	list-style-image: url(../images/buttons/list_ie.gif);
}
.popupimg {
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
	width: 425px;
	visibility: hidden; 
}
.arpopupimg {
	position: absolute;
	top: 0;
	left: 0;
	text-align:center;
	width: 485px;
	visibility: hidden; 
}
#arpopupimgnav {
	margin: 462px 15px 10px 0;
	float:right;
}
#arpopupimgtit {
	margin: 462px 0 10px 15px;
	float:right;
}
.contentrightimg {
	position: absolute;
	top: 97px;
	height: 530px;
	width: 33em;
	background-repeat:no-repeat;
}
.contentrighttext {
	position: absolute;
	top: 91px;
	height: 450px;
	width: 33em;
}
.imgtext {
	position:relative; 
	top: 431px;
}

/* bilder-archiv seite */
#contentpage {
	margin: 25px 0 0 40px;
}
.bilderreihe {
	position: relative;
	top: 6px;
	height: 110px;
	margin: 0 0 17px 0;
	clear: both;
}
.archivmenureihe {
	width: 100%;
	height: 210px;
	margin: 0 0 17px 0;
}
.reiheeinzelbild {
	width: 110px;
	height: 110px;
	margin: 0 0.92em 0 0;
	text-align: center;
	vertical-align: top;
	float: left;
}
.reihestapelbild {
	position: absolute;
	top: 0;
	/*width: 110px;*/
	height: 110px;
	text-align: left;
	vertical-align: top;
}
.archivmenu {
	/*width: 15.3em;*/
	width: 19.9em;
	padding: 6px 0.92em 0 0;
	margin: 17px 6px 0 0;
	border-top: 1px solid #000;
	line-height: 16px;
	float: left;
}
* html .archivmenu {
	/*width: 16.4em;*/
	width: 19.74em;
}
.archivmenu a:link, .archivmenu a:visited, .archivmenu a:link, .archivmenu a:visited {
	text-decoration: none;
	color: #000;
	border: none;
}
.archivmenu a:hover, .archivmenu a:focus, .archivmenu a:active {
	text-decoration: none;
	color: #B40AFF;
	border: none;
}
#archivimgnav {
	position:relative;
	top: 0;
	left: 14.9em;
	width: 25em;
	float:left;
}
* html #archivimgnav {
	left: 15em;
}
#disimginfo {
	padding: 6px 11px 0 0;
	margin: 0 18px 0 0;
	float: left;
}
#contforback {
	float:right;
}
#imgbackward {
	padding: 6px 0 0 0;
	margin: 0 12px 0 0;
	float: left;
}
#imgforward {
	padding: 6px 0 0 0;
	margin: 0 0 0 0;
	float: left;
}
#imgposdis {
	padding: 6px 0 0 0;
	margin: 0 12px 0 0;
	float: left;
}

/* formulare */
form br {
	clear: both;
}
.inputtext {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 11px;
	width: 267px;
	height: 14px;
	letter-spacing: 1px;
	padding: 2px 3px 0 3px;
	margin: 5px 0 22px 0;
}
.inputmessage {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 11px;
	height: 200px;
	width: 267px;
	margin: 5px 0 22px 0;
	padding: 2px 3px 0 3px;
}
.inputselect {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 11px;
	width: 267px;
	margin: 0 0 22px 0;
	float: left;
}
.inputcheck {
	margin: 5px 0 0 0;
}
.inputchecktxt {
	margin: 0 0 0 12px;
}
.inputfile {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 11px;
	width: 200px;
	height: 16.5pt;
	margin: 0 36px 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
.inputsearch {
	font-family: Geneva, Verdana, "Courier New", monospaced;
	font-size: 11px;
	width: 180px;
	height: 14px;
	letter-spacing: 1px;
	padding: 2px 3px 0 3px;
	margin: 0 0 15px 0;
	float: left;
}
.buttonform {
	font-size: 11px;
	padding: 0 10px 0 10px;
	float: left;
}

/* library */
#libsel {
	float:left;
	width: 22em;
}
#libsel a:link, #libsel a:visited, #libsel a:hover, #libsel a:focus, #libsel a:active {
	border: 0;
	text-decoration: none;
	padding-bottom: 0;
}
#libsel a:hover, #libsel a:focus, #libsel a:active {
	color: #FF0000;
}
#libdet {
	float:left;
	width: 24em;
	padding: 0 0 0 10px;
}
#libdet a:link, #libdet a:visited, #libdet a:hover, #libdet a:focus, #libdet a:active {
	border: 0;
	text-decoration: none;
	padding-bottom: 0;
}
#libdet a:hover, #libdet a:focus, #libdet a:active {
	color: #FF0000;
}
#libaut {
	position: absolute;
	top: 92px;
	left: 6.3em;
	width: 44em;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
}
#libaut a:link, #libaut a:visited, #libaut a:hover, #libaut a:focus, #libaut a:active {
	border: 0;
	text-decoration: none;
	padding-bottom: 0;
}
#libaut a:hover, #libaut a:focus, #libaut a:active {
	color: #FF0000;
}
.liblink {
	/*clear: both;
	float: left;*/
}
.liba1 {
	margin: 0 0 0 2.5em;
	display: block;
}
* html .liba1 {
	float: left;
	margin: -1.8em 0 0 1.3em;
}
*+html .liba1 {
	float: left;
}
.libk2 {
	clear:both;
	width: 20em;
	margin: 0 0 0 1.9em;
}
.libk3 {
	clear:both;
	width: 20em;
	margin: 0 0 0 1.9em;
}
#libsubnavigation {
	height: 27px;
	margin: 0 0 40px 0;
}
.libsubnavpt {
	float: left;
	padding: 6px 1.5em 0 0;
	margin: 0 0.5em 0 0;
	border-top: 1px solid #FF0000;
	color: #FF0000;
}
.libcountdis {
	float: right;
	padding: 6px 0 0 0;
	margin: 0;
}
#liblistres {
	position: relative;
	height: 47.3em;
	width: 32em;
	padding-right: 20px;
	overflow: auto;
}
#libsel ul, #libdet ul, #libaut ul {
	list-style-type: none;
	text-indent: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#libsel li, #libdet li, #libaut li {
	clear: both;
}