body, img, div, h1, h2, h3, h4, h5, h6, p {
	margin:0px;
	padding:0px;
	border:none;
}

body {
	background-color:#eee;
	
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
}

/* if there is no index.html in a category-folder, those ids are important */
#index1, #index2, #index3 {
	float:left;
	width:33%;
	margin:0px;
	padding:0px;
}

h1.char {
	font-size:18px;
	margin: 0 15px 3px 0;
	padding: 20px 0 0 0;
	border-bottom: #BBB 1px solid;
	font-style:normal;
	color:#555;
}
li.char {
	list-style:none;
	}

.inner {
	list-style-image: url(../images/page.png);
	list-style-position:inside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
	line-height: 170%;
}	

.inner a:link, .inner a:visited {
	text-decoration:none;
}

/* LINKS and CONTENT */
a:link, a:visited, a:active {
	color:#173c52;
	text-decoration:underline;
}
a:hover {
	color:#3e657e;
}
p {
	margin-bottom:8px;
	font-size:12px;
	line-height:16px;
}

.leader {
	font-weight: bold;
	font-size:12px;
	color:#333333;
	line-height:17px;
	margin-bottom: 14px;
}

h1, h2, h3, h4, h5, h6 { color:#353535; font-weight:normal; }
h1 { font-size:24px; padding-top:10px; padding-bottom:5px;  }
h2 { font-size:18px; padding-top:15px; padding-bottom:10px; }
h3 { font-size:16px; padding-top:10px; padding-bottom:5px; }
h4 { font-size:14px; padding-top:10px; padding-bottom:5px; }
h5 { font-size:12px; padding-top:10px; padding-bottom:5px; font-weight:bold; }
h6 { font-size:12px; padding-top:10px; padding-bottom:5px; }
#contentLayer li { line-height:16px; font-size:12px; padding: 2px 0 2px 0; }
#contentLayer ul { padding-left: 25px;}

/* LOGO */
#logo img {
	background-image:url(../images/shadow.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:27px;
}

/* MAIN */
#mainLayer {
	position:absolute;
	width:700px;
	min-height:646px;
	left:50%;
	margin-left:-374px;
	padding-left:24px;
	padding-right:48px;
	
	background-image:url(../images/background.png);
	background-position:left top;
	background-repeat:no-repeat;
}

/* MENU */
#menuLayer {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

#menu {
	margin:0px;
	padding:0px;
	position:relative;
}

#menu li {
	list-style:none;
	width:143px;
	height:22px;
	
	margin:0px;
	margin-top:-3px;
	
	padding-top:9px;
	padding-left:9px;
	
	background-image:url(../images/menu.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#menu li a:link,
#menu li a:visited,
#menu li a:active {
	color:#173c52;
	text-decoration:none;
}
#menu li a:hover {
	color:#000;
}

#menu li.selected {
	background-image:url(../images/menuSelected.png);
	background-repeat:no-repeat;
}

#menu li.selected a:link,
#menu li.selected a:visited,
#menu li.selected a:active,
#menu li.selected a:hover {
	color:#fff;
	text-decoration:none;
}

/* CONTENT */
#contentLayer {
	margin-left:162px;
	width: 512px;
	padding-bottom:12px;
	position: absolute;
}

small { font-size:10px; }
/* GUESTBOOK */
.addEntry {
	float:right;
	text-align:right;
}
.addEntry .addLine {
	clear:both;
}
.addEntry .addLine .desc {
	float:left;
	font-size:10px;
	color:#808080;
	padding-right:6px;
}
.addEntry .text {
	border:1px solid #888a85;
	background-color:#f3f3f3;
	width:160px;
	margin:2px;
	padding:1px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}
.addEntry .text:focus {
	background-color:#fff;
}
.addEntry textarea.text {
	height:100px;
	margin-bottom:6px;
}
.gbError {
	color:#800000;
	padding-right:4px;
}
.guestbookEntry {
	width:275px;
	
	border-bottom:1px solid #ccc;
	padding-bottom:1px;
	margin-bottom:7px;
}
.guestbookEntry .info {
	font-size:10px;
	color:#808080;
	word-spacing:0px;
}
.guestbookEntry .info .date {
	padding-left:4px;
	word-spacing:2px;
}
.guestbookEntry .content {
	padding-left:8px;
	line-height:15px;
	
	width:265px;
	overflow:auto;
}
.gbNav {
	font-size:10px;
	padding-bottom:4px;
	border-bottom:1px solid #d3d7cf;
	margin-bottom:5px;
	color:#555;
}
.gbNav a:link, a:visited, a:active {
	text-decoration:none;
}
.gbNav a:hover {
	text-decoration:underline;
}
.gbNav a.selected:link, .gbNav a.selected:visited, .gbNav a.selected:active {
	text-decoration:underline;
}
i.guestbook {
	color:#808080;
}

/* GALLERY */
i.gallery {
	color:#808080;
}
.gallery img {
	vertical-align:middle;
	margin-bottom:3px;
}
.gallery .nav {
	margin-bottom:6px;
	text-align:center;
}
.gallery .picture {
	text-align:center;
}
.gallery a:link, .gallery a:visited, .gallery a:active {
	color:#333;
	text-decoration:none;
}
.gallery h1 {
	margin-bottom:2px;
	margin-top:2px;
}

/*The Blue Buttons with white Text*/

.button_left {
	width: 12px;
	height: 45px;
	background-image: url(../images/button_left.png);
	float:left;
}

.button_right {
	width: 12px;
	height: 45px;
	background-image: url(../images/button_right.png);
	float:left;
}

.button_main {		
	float:left;
	background-image: url(../images/button_bg.png);
	height: 45px;
	font-weight:bold;
	color:#FFFFFF;
}

.button_text {
	padding: 15px 10px 0px 10px;
}

.button_text a:link, .button_text a:visited, .button_text a:hover {		
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

table#calendar
{
	position:relative;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:6px;
}
table td
{
	border:1px solid #ccc;
	border-right:none;
	border-bottom:none;
	padding:2px;
	text-align:right;
}
table#calendar td.today
{
	background:#bbb;
}
table#calendar td.today2
{
	background:#d3d3d3;
}

table#calendar td.nextMonth,
table#calendar td.lastMonth
{
	color:#777;
}
table#calendar td.currentMonth
{
	font-weight:bold;
	text-align:center;
}
table#calendar td.calendarLink
{
	text-align:center;
}
table#calendar a, table#calendar a:link, table#calendar a:active
{
	text-decoration:none;
}

@import url("ie6.css");