/* GENERAL SETTINGS */

body {
	font-family: verdana, sans-serif;
	font-size: 80%;
	/*background-image: url("gfx/background.jpg");
	background-repeat: no-repeat;*/
	background: #E4E3EA;
}

img {
	border: none;
	padding: 0.5em;
}

img.menu {
	border: none;
	margin-top: 1em;
}

h1#headline {
	margin: 0;
	padding: 0;
	display: none;
}

h2 {
        font-size: 150%;
}

h3 {
        margin-bottom:0;
        margin-top: 0.2em;
        padding-top: 0.2em;
}

.left{
	float: left;
}

div.content {
	position: absolute;
	top: 120px;
	left: 160px;
	/*width: 100%;*/
	right: 2em;
	padding: 1em;
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 670px;
	
	-moz-border-radius: 1em;
	border-radius: 1em;
}

div.top {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 2em;
	/*width: 770px;*/
	height: 85px;
	/*padding: 0em;*/
	margin: 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;				
	background: url("gfx/background_boat.jpg") no-repeat #FFFFFF;
	width: 845px;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

div.menu {
	height: 350px;
	position: absolute;
	top: 120px;
	padding: 1em;
	margin-left: 0;
	width: 105px;
	font-size: 100%;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 1em;
	border-radius: 1em;
}

#ex1 {
  -moz-border-radius: 1em;
  border-radius: 1em;
}
div.articleList{
	border-bottom: 1px solid #CCCCCC;
}

/* right positions the image in an article */
.rightImage{
 	float: right;
	padding-left: 1em;
	padding-bottom: 1em;
}

/* right positions the image in an article */
.leftImage{
	float: left;
	padding-right: 1em;
	padding-bottom: 1em;
}

/* thumbimage in article list */
.rightImageThmb{
	float: right;
	margin-top: -45px;
	
	
}

/* GUESTBOOK STYLE */

div.messages{
       position:absolute;
       right:0;
	   width:80%;
}

div.guestbook{
       width:100%;
       border-top: 1px solid #CCCCCC;
}

div.nav{
       position:absolute;
       right:1em;
       text-align:right;
}

span.nav{
       
}

h4.guestbook {
       color: #979696;
       font-size: 90%;
       font-weight:300;
       /* padding-left: 0.5em;
       padding-top: 0.5em; */
}

h4.leftLink{
       /* font-size:90%; */
       font-weight:normal;
}

p.guestbook{
      padding-bottom: 0.5em;
       /* border-bottom: 1px solid #CCCCCC; */
       width:auto;
}

/* END GUESTBOOK STYLE */





/* ALBUM */

/* Albumcell with image */
td.album1{
	width: 15%;
	vertical-align:top;
	padding-bottom: 1em;
	
}

/* Albumcell with text */
td.album2{
	vertical-align:top;
	
}

tr.album{
	
}

/* The cell the image is in */
td.imageCell{
	text-align: center;
	width: 30%
}

td.imageCell:hover{
	text-align: center;
	/* background-color: #DDDDDD; */
}

/* The table the images is put */
table.imageTable{
	margin-top: 3em;
	width: 100%
}

/* The table the album is put */
table.albumTable{
	
}

/* box around the albums */
div.album{
	padding: 1em;
}

/* box with description */
div.albumDesc{
	border: 1px solid #CCCCCC;
	padding-left: 1em;
	padding-right: 1em;
	/* padding-bottom: 1em;
	margin-top: 1em; */
}

/* text in box with description */
p.descText{
	/* font-size: 80%; */
}

/* time and date in desc box */
p.titleanddate{
	color: #BBBBBB;
}

/* imagetext */
p.album{
	font-size: 80%;
}

/* text showing the path */
p.anchorPath{
	color: black;	
	font-size: 80%;
	margin-bottom: 3em;
}

a.anchorPath{
	text-decoration: none;
}

a.anchorPath:hover{
	text-decoration: underline;
}

img.thmbImage{
	vertical-align: center;
}

img.thmbImage:hover{
	/* border: 1px solid black; */
}

/* random image */
img.randomImage{
	border: 1px dotted red;
}

/* large image */
img.largeImage{
	padding: 0;
}

/* GENERIC TABLE STYLES */

table {
	width: 100%;
	border-spacing: 0px;
	text-align: top;
	text-align: left;
	border-collapse: collapse;
}

th {
	font-weight: bold;
	background-color: #CCCCCC;
}

/* LISTING TABLE STYLES */

tr.list td {
	border-bottom: 1px solid;
}

.right {
	text-align: right;
}

td.right a {
	text-decoration: none;
}

td.small {
	width: 20%;
}

td.tour {
	margin-top: 0;
	padding: 1em;
	border-bottom: 1px solid #CCCCCC;
}
td.tourheadline {
	margin-top: 0;
	padding: 1em;
	border-bottom: 1px solid #CCCCCC;
	background-color: #CCCCCC;
}



/* PARAGRAPH AND TEXT STYLES */

p.date {
        font-size: 70%;
        padding: 0.1em;
        margin: 0.1em;
}

a{
	text-decoration: none;
	font-weight: normal;
	/* target-new: window; */
}

a:hover {
	font-weight: normal;
	color: #FF0000;
	text-decoration: underline;
}

a.contact {
	text-decoration: underline;
}

/*webmaster link*/
a.web {
	position: absolute;
	left: 4em;
	color: #CCCCCC;
	font-size: 70%;
	font-weight: normal;
	bottom: 1em;
}



/* MENU STYLES */


ul.menu {
	list-style-type: none;
	border-bottom: 1px solid #000000;                                                  
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	width: 100%;
}

ul.menu li {	
	border-top: 1px solid #000000;
	padding-right: 0em;
}

ul.menu a{
	color: black;
	text-decoration:none;
	display: block;
	padding-left: 0.3em;
	font-weight: normal;
}


ul.menu a:hover{
	background-color: #9999CC;
	color: black;
}

ul.menu a:active:focus{
	background-color: #CCCAE2;
	color: black;
}

li#active {
	background-color: #CCCAE2;
	/*font-weight: bold;*/
}

li#active a {
	color: black;
}

/* FOOTER STYLES */
#status {
	position:absolute;
	bottom:2em; left:1em
	/*display: none;*/
	/*	margin-bottom: 5px;*/
}
/* Guestbook */
td.form{
	width: 5em;
}
td.top{
	vertical-align:top;
}

span.news{
	color: #979696;
	font-size: 90%;
	font-weight:300;
}

/* button{
	size: 50%;
} */