/* ---------- body & container ------------ */

body {
	background: #000 url(pattern.gif);
	color: #ffc;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "verdana", sans-serif;
	font-size: 11px;
	}

#container {
	position: relative;
	top: 0;
	left: 0;
	margin: 15px auto;
	padding:  0;
	border-top: solid 1px #453;
	border-right: solid 2px #342;
	border-bottom: solid 1px #342;
	border-left: solid 2px #453;
	width: 790px;
	color: #ffc;
	text-align: left;
	background: #686;
	overflow: hidden;
	}

#containerBreakDesign {
	position: relative;
	top: 0;
	left: 0;
	margin: 15px auto;
	padding:  0;
	border-top: solid 1px #453;
	border-right: solid 2px #342;
	border-bottom: solid 1px #342;
	border-left: solid 2px #453;
	width: 790px;
	color: #ffc;
	text-align: left;
	background: #686;
	}

/* ---------- global settings ------------ */


h1, h3 {
	font-style: italic;
	}
h3 {
	font-size:12px;
	font-weight: 600;
	}

a {
	text-decoration: none;

	}

a:link {
	color: #236;
	background-color: transparent;
	}

a:visited {
	color: #236;
	background-color: transparent;
	}

a:hover {
	color: #d28;
	background-color: transparent;
	}

acronym {
	cursor: help;
	border-bottom: 1px solid #ffc;
	}

li {
	list-style: circle url(dot.gif);
	}

hr {
	height: 2px;
         color: #236;
         border-bottom: 1px solid #877;
         }

.regularBold { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; margin-left: 6px; margin-top: 5px;}
.regularBoldNopad { font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; margin-left: 0px; margin-top: 0px;}
.smallBold { font-size: 10px; line-height: 12px; font-weight: bold; margin-left: 6pt; margin-top: 4px; margin-bottom: 0px;}
.tinyBold { font-size: 9px; line-height: 11px; font-weight: bold; margin-left: 6px; margin-top: 3px; margin-bottom: 0px;}


/* ---------- header ------------ */



#header {
	position:relative;
	top: 0;
	left: 0;
	background: #686 url(hirschkaefer1.jpg) top right no-repeat;
	height: 280px;
}

/* ---------- page title ------------ */

#pageTitle {
	float: left;
         top: 0;
         left: 0;
         height: auto;
/*	height: 280px;               */
	padding: 10px 20px 20px 10px;
	border:0;
	text-align: right;
	font-style: italic;
	font-family: "georgia", serif;
	}

#pageTitle h1 {
	font-weight: 800;
	font-size: 32px;
	letter-spacing:1pt;
	margin: 0;
	border: 0;
	padding: 0;
	color: #deb;
	background: transparent;
	}

#pageTitle h2 {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	border: 0;
	padding: 0 25px 0 0;
	color: #bb8;
	background: transparent;
	}

#pageTitle h2 acronym {
	border-bottom: 1px solid #bb8;
         }

/* ---------- epilogue ------------ */

#epilogue {
	position: absolute;
	top: 0px;
	left: 35px;
	width: 555px;
         height: 280px;
	}


#epilogue div {
         position: absolute;
         padding: 2px 2px 0px 2px;
	margin: 0;
         border: solid 0px #fff;            /* set to 1px for testing purposes */
	}

#epilogue h3 {
         margin-top: -1px;
         clear: both;
         border: solid 0px #ccc;            /* set to 1px for testing purposes */
	}


div.firstTimeHere {
         position: absolute;
	top: 115px;
         width: 240px;
	}


div.comments {
         position: absolute;
         top: 115px;
         left: 245px;
         height: 130px;
         width: 290px;
	}

#epilogue div#scroll {
         position: absolute;
	bottom: 28px;
         left: 532px;
         width: 20px;
         height: 60px;
         line-height: 12px;
	visibility: hidden;
         }

#epilogue div#scroll img {
	border: none;
         }

#divUp {
         position: absolute;
         top: 0;
         left: 0;
}

#divDown {
         position: absolute;
         bottom: 0;
         left: 0;
}

#divCont {
         position: absolute;
         width: 290px;
         height: 105px;
         overflow: hidden;
         left: 0;
         top: 25px;
	clip: rect(0px, 290px, 110px, 0px);
	visibility: hidden;
}

#divText {
         position: absolute;
         top: 0;
         left: 0;
}


#epilogue a {
	white-space: nowrap;
         font-weight: bold;
	color: #ab8;
	background: transparent;
	}

#epilogue a:hover{
	color: #d28;
	background: transparent;
	}

/* ---------- counterinfo ------------ */

#counterinfo {
	position: absolute;
	left: 0;
	bottom: 0px;
	padding: 12px 0 2px 0;
	margin: -1px 0 0 600px;
	width: 180px;
	border-top: solid 1px #deb;
	border-right: solid 1px #674;
	border-bottom: none;
	border-left: solid 1px #deb;
	background: #9a7 url(or_9a7hoch.jpg) top right no-repeat;
	color: #342;
         text-align: center;
	}


#counterinfo p {
	padding: 0px 18px 0 20px;
	margin-top: 0px;
	}


/* ---------- link list ------------ */


#linkList {
	position:absolute;
	top:280px;
	left:0;
	z-index:1;
	}

#linkListTop {
	position:absolute;
	top:20px;
	left:0;
	z-index:9;
	}

#linkList img {
	border: none;
         }

#linkList h4 {
	font-size:11px;
	font-weight: 800;
         margin-left: 2px;
	}

.category {
	font-variant: small-caps;
}

.letztezuflucht {
         margin-left: 2px;
}

#generalList div {
	margin: -1px 0 -15px 600px;
         padding-bottom: 15px;
	width: 180px;
	border-top: none;
	border-right: solid 1px #674;
	border-bottom: none;
	border-left: solid 1px #deb;
	background: #9a7;
	color: #564;
	}

#sitelist div {
	margin: 25px 0 0 600px;
	width: 180px;
	border: none;
         margin-right: 0px;
	text-align: right;
	font-size: 18px;
	font-weight: 800;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 2px;
	}

#sitelist div.subsitelist {
	margin: 5px 0 0 600px;
	width: 165px;
	border: none;
         padding-right: 15px;
	text-align: right;
	font-size: 14px;
	font-weight: 800;
	font-style: normal;
	text-decoration: none;
	letter-spacing: 0;
         }

#linkList h3 {
	background: #c77;
	color: #236;
	padding: 4px 15px 3px 20px;
	margin: 10px 0 10px 0;
	}

#linkList ul {
	padding: 0px 15px 30px 35px;
	margin: 0;
	}

#linkList ul li {
	margin: 9px 0 1px 0;
	}


#generalList div#unten {
	border-bottom: solid 1px #674;
	padding-bottom: 40px;
	background: #9a7 url(ul_9a7.jpg) bottom left no-repeat;
	color: inherit;
	}


.rgtAlign p{
	text-align: right;
         margin-right: 5px;
}

.leftAlign p{
         margin-left: 2px;
}

/* these styles are for the search boxes */
.searchbox {
	margin: 2px;
         padding: 0;
         width: 12em;
	font-size: 10px;
         background: #ffc;
}

.searchbutton {
	margin: 2px;
	border: 1px solid #342;
	font-size: 11px;
         font-style: italic;
         font-weight: bold;
	font-family: "georgia", serif;
         background: #bb8;
         color: #342;
}

/* ACCESSIBILITY CHANGES - JM 2004/11/13 */
/* these hide the accessibility tags to stop the layout from changing */

.pivot-search label { visibility:hidden; display:none; }
.pivot-search legend { visibility:hidden; display:none; }
.pivot-search fieldset { border:0; padding:0; margin:0; }


/* ---------- content ------------ */

#content {
	position: relative;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 515px;
	padding: 0;
	margin: 0 30px 0 50px;
	font-size: 12px;
	line-height: 18px;
	}

#content div {
	padding: 2px 5px 38px 5px;
	margin: 0;
	border-top: solid 1px #deb;
	border-right: solid 1px #342;
	border-bottom: solid 1px #342;
	border-left: solid 1px #deb;
	background: #ab8 url(ul_ab8.jpg) bottom left no-repeat;
	color: #120;
         clear: both;
         }

#content p {
	padding: 0px 20px;
	}

#content h3 {
	margin: -2px -5px 2px -5px;
	padding-top:15px;
	padding-bottom:2px;
	padding-left:10px;
         color: #ffc;
	font-style: italic;
	font-family: "georgia", serif;
	font-size: 13px;
}

#content img {
	position: relative;
	padding: 0 0 0 0;
	margin: 0;
	border-top: solid 0px #deb;
	border-right: solid 0px #342;
	border-bottom: solid 0px #342;
	border-left: solid 0px #deb;
	background: #ab8;
	color: #120;
         }

#content ul {
	margin-left: 0px;
	}

#content ul li {
	margin-left: 24px;
	}

#content table {
         margin: 5px;
	padding: 0px;
}

#content td {
         margin: 0px;
	padding: 0px;
}

#training p {
	padding: 0;
         }

#training table {
	margin-top: 25px;
         }


/* ---------- left ------------ */

#content div#left {
         position: relative; /* required for IE */
	top: 0;
	left: -40px;
	z-index: 3;
	}

#left h3 {
	background: #a77 url(or_a77.jpg) top right no-repeat;
	}


/* ---------- right ------------ */

#content div#right {
	position: relative;
	top: -28px;
	left: 27px;
	z-index: 4;
	}

#right h3 {
	background: #c77 url(or_c77.jpg) top right no-repeat;
	}

/* ---------- middle ------------ */

#content div#middle {
	position: relative;
	left: -7px;
	top: -50px;
	z-index: 5;
	}

#middle h3 {
	background: #877 url(or_877.jpg) top right no-repeat;
	}


/* ---------- archive ------------ */

#content div#archive {
	position: relative;
	left: -7px;
	top: -50px;
	}

#archive h3 {
	background: #c77 url(or_c77.jpg) top right no-repeat;
	}

#archive .entryfooter {
	margin-bottom: 6px;
         }


/* ---------- fullentry ------------ */

#content div#fullentry {
         position: relative; /* required for IE */
	top: 0;
	left: -30px;
         width: 550px;
	}

#fullentry h3 {
	background: #877 url(or_877.jpg) top right no-repeat;
	}

.commentform {
	margin:0px 0px 0px 0px;
	padding: 2px;
}

.commentinput {
	background-color:#ffc;
}

/* ---------- entryfooter ------------ */

.entryfooter {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	text-align: right;
	margin: 0;
         margin-top: 6px;
	padding: 6px 16px;
	clear: both;
}

.entryfooter A {
	text-decoration: none;
	font-weight: bold;
}


.entryfooter a:hover {
	text-decoration: underline;
	font-weight: bold;
}

/* ---------- content continue ------------ */

#continue a {
	white-space: nowrap;
         font-weight: bold;
	color: #ab8;
	background: transparent;
	}

#continue a:hover{
	color: #d28;
	background: transparent;
	}

/* ---------- content footer ------------ */

#content div#footer {
	font-size: 18px;
	font-weight: 800;
	position: absolute;
	bottom: -2px; /* tighten up */
	left: -35px;
	width: 750px;
	padding: 4px;
	margin: 0;
	border: none;
	overflow: hidden;
	background: #c77;
	text-align: center;
	}

#footer a {
	font-size: 18px;
	font-weight: 800;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 2px;
	padding-right: 20px;
	padding-left: 0px;
	margin: 0 -10px 0 0; /* tighten up */
	border: none;
	background: transparent;
	color: #eeb;
	}

#footer a:hover {
	color: #b05;
	background: transparent;
	}


/* these styles are for the calendar widget */


.calendar {
	position: relative;
         width: 170px;
	padding: 1px 2px;
	margin: 0px;
	border-right: 1px solid #bb8;
	border-bottom: 1px solid #bb8;
	font-size: 11px;
}

.calendarHeader {
	font-weight: bold;
	color: #342;
	background: #a77;
	margin:0px;
	padding: 2px 5px;
	font-size: 10px;
}


.calendarToday {
	padding: 1px 2px;
	margin: 0px;
	border-right: 1px solid #bb8;
	border-bottom: 1px solid #bb8;
	font-size: 11px;
	background-color: #a77;
        color: #ffc;
	font-weight: bold;
	text-decoration: none;
}


table.calendar {
/* only the calendar has a line, not the individual cells */
	top: 0;
	border: 1px solid #342;
         margin: 5px;
	padding: 0px;
         width: 170px;
}

.calendarHeader a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.calendar a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.defcalendar { font-size: 11px;  }
.defcalendarlink { font-size: 10px; }
.defcalendartoday { background-color: #c77; border: 1px solid #bb8; font-weight: bold; }
.defcalendar td { padding: 1px 4px; }
.defcalendar td:hover { background-color: #bb8; }

/* end of the calendar styles */



/* ---------- end ------------ */