body {
    position: absolute;
    background: url(../img/layout/bg.gif) repeat-x fixed bottom right #99CCFF;
    font-family: Arial, Verdana, Times New Roman;
    font-size: 10pt;
}
html, body {
    top: 0px; left: 0px; right: 0px;
    min-height:100%;
    margin: 0px;
    padding: 0px;
    width:100%;
}

#logohead {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 0px;
	z-index: 10;
	opacity: 0.5;
}

#navigation {
	position: fixed;
	bottom: 0px;
	left: 10px;
	width: 135px;
	z-index: 3;
}
#contents_container {
    margin: 0px;
    padding: 0px;
    z-index: 2;
}
#contents {
	margin-left: 200px;
	margin-top: 80px;
	margin-bottom: 20px;
	width: 70%;
}

/* Nur für den MSIE */
* html, * html body {
    overflow: hidden;
    bottom: 0px;
    height: 100%;
}
* html #logohead {
	position: absolute;
	filter: Alpha(opacity=50);
}
* html #navigation {
    position: absolute;
}
* html #contents_container {
    position: absolute;
    top: 0px; bottom: 0px; left: 0px; right: 0px;
    height: 100%;
    width: 100%;
    overflow: auto;
    margin: 0px;
    background: url(../img/layout/bg.gif) repeat-x fixed bottom right #99CCFF;
}
/* ENDE: Nur für den MSIE */

#navigation div.contents {
	background: url(../img/layout/sign_03.gif) repeat-y;
}
#navigation div.header, div.items {
	/*font-family: Comic Sans MS;*/
	font-size: 10pt;
}
#navigation div.header {
	background: url(../img/layout/sign_02.gif) no-repeat center;
	text-align: center;
	font-weight: bold;
}
#navigation div.items {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}
#navigation div.items a {
	display: block;
	color: #444444;
	text-decoration: none;
	width: 100%;
}
#navigation div.items a:hover {
	color: black;
	padding-left: 14px;
	background: url(../img/layout/arrow.gif) no-repeat left center;
}

#contents div.box, #contents div.nfbox {
	width: 100%;
	margin-top: 12px;
	background-color: white;
	-moz-border-radius: 10px;
	padding: 5px;
}

#contents div.header {
	width: 100%;
	margin-top: 20px;
	text-align: right;
	font-weight: bolder;
	color: #4C667F;
	font-size: 16pt;
	text-decoration: underline;
}
#contents div.header a {
	color: green;
}

#contents a {
	color: green;
	text-decoration: none;
}
#contents a:hover {
	text-decoration: underline;
}
#contents div.box a.sortup {
	padding-left: 16px;
	background: url(../img/icons/sort_up.gif) no-repeat left center;
}
#contents div.box a.sortdown {
	padding-left: 16px;
	background: url(../img/icons/sort_down.gif) no-repeat left center;
}
#contents img {
	border: 0px;
}

#contents img.new {
	vertical-align: text-top;
}

#contents div.center {
	text-align: center;
}

#contents div.tbtitle {
	font-size: 12pt;
	font-weight: bold;
	cursor: pointer;
	text-align: left !important;
}
#contents div.tbtitle img {
	vertical-align: baseline;
}
#contents div.closed {
	display: none;
}
#contents div.open {
	display: block;
}

#contents hr {
	height: 0px;
	border-width: 0px;
	border-bottom: 1px solid #DDD;
}

#contents div.multipagelinks {
	font-size: 11pt;
	font-weight: bold;
}
#contents div.multipagelinks img {
	vertical-align: middle;
}

input.focused, textarea.focused, select.focused, button.focused {
	border: 2px inset green;
	background-color: #EEE;
}
input.blured, textarea.blured, select.blured, a.smallbutton, input.button, button.button {
	border: 2px solid #DDD;
	background-color: #FAFAFA;
}
input.buttonhover, button.buttonhover {
	border: 2px outset green;
	background-color: #EEE;
}
input.buttonpressed, button.buttonpressed {
	border: 2px inset green;
	background-color: #EEE;
}

#contents a.big {
	font-size: 12pt;
	font-weight: bold;
}

a.smallbutton {
	font-size: 8pt;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	text-decoration: none;
	color: black;
	cursor: default;
}
a.smallbutton:hover {
	border: 2px outset green;
	text-decoration: none !important;
	background-color: #EEE;
}
a.smallbutton:active {
	border: 2px inset green;
	background-color: #EEE;
}

#contents table {
	font-size: 10pt;
}

#contents table.borderrows, #contents table.border {
	border: 1px solid #DDD;
	border-collapse: collapse;
}
#contents table.borderrows td {
	border-bottom: 1px solid #DDD;
	padding: 3px;
	padding-right: 10px;
}
#contents table.border td {
	padding: 3px;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #DDD;
}

#contents table.guestbook {
	width: 100%;
	border-collapse: collapse;
}
#contents table.guestbook td.name {
	border-bottom: 1px solid #DDD;
}
#contents table.guestbook td.name span {
	font-weight: bold;
}
#contents table.guestbook td.emailhp {
	text-align: center;
	border-bottom: 1px solid #DDD;
}
#contents table.guestbook td.emailhp img {
	margin-left: 5px;
	margin-right: 5px;
}
#contents table.guestbook td.date {
	text-align: right;
	border-bottom: 1px solid #DDD;
}
#contents table.guestbook td.input {
	padding-right: 4px;
}
#contents table.guestbook td.input input, #contents table.guestbook td.input textarea {
	width: 100%;
}
#contents table.guestbook td.required {
	font-weight: bold;
}
#contents table.guestbook td.code {
	font-size: 8pt;
	text-align: center;
}
#contents table.guestbook td.code img {
	vertical-align: middle;
	border: 2px solid #DDD;
}
#contents table.guestbook td.code input {
	width: 86px;
	text-align: center;
	font-weight: bold;
	font-family: 'Courier New', Impact;
	font-size: 12pt;
}

#contents table.calcontainer {
	width: 100%;
}
#contents table.calcontainer td {
	vertical-align: top;
}

#contents table.calendar {
	border: 4px outset #DDD;
	border-collapse : collapse;
	background-color: #FAFAFA;
	cursor: default;
}
#contents table.calendar td {
	border: 2px solid #DDD;
	text-align: right;
	padding: 5px;
	font-size: 12pt;
}
#contents table.calendar td div {
	display: none;
}
#contents table.calendar tr.header td {
	font-weight: bold;
	text-align: center;
	background-color: #EEFFEE;
}
#contents table.calendar tr.weekdays td {
	font-weight: bold;
	background-color: #EEEEFF;
}
#contents table.calendar td.saturday {
	background-color: #EEFFEE;
}
#contents table.calendar td.vacations {
	background-color: #FFFFCC;
	cursor: pointer;
}
#contents table.calendar td.ntm {
	color: gray;
	font-size: 10pt;
	vertical-align: bottom;
}
#contents table.calendar td.sunday {
	background-color: #EEFFEE;
}
#contents table.calendar td.holiday {
	background-color: #EEFFEE;
	color: red;
	cursor: pointer;
}
#contents table.calendar td.hasdates {
	background-color: #FFEEEE !important;
	font-weight: bold;
	cursor: pointer !important;
}
#contents table.calendar td.today {
	font-weight: bold;
	color: red;
}

#contents table.gallery {
	width: 100%;
}
#contents table.gallery td.big {
	font-size: 11pt;
	font-weight: bold;
}
#contents table.gallery td.bigger {
	font-size: 12pt;
	font-weight: bold;
}
#contents table.gallery td.biggest {
	font-size: 14pt;
	font-weight: bold;
}
#contents span.comments {
	font-size: 8pt;
}
#contents span.comments img {
	vertical-align: bottom;
}

#contents div.calendarpage {
	width: 40px;
	background-color: #FAFAFA;
	border: 1px #EEE solid;
	text-align: center;
}
#contents div.calendarpage div.day {
	font-size: 12pt;
	font-weight: bold;
}
#contents div.calendarpage div.month {
	font-size: 10pt;
	font-weight: bold;
}
#contents div.calendarpage div.year {
	font-size: 8pt;
}