/*
 * first go common html elements; here we start with styling the body
 */
body {
 /* setting up the background. the color, then bg image and its form of repeating. */
 background: #F5F5F5; 
 text: #7D7A7A;
 ALINK: #7D7A7A;
VLINK: #7D7A7A;
 /* shorthand for default font setting. size in percentage and font-family here */
 font: 100% Geneva, Arial, 'Luxi Sans', 'Lucida Grande', Tahoma, helvetica, sans-serif;
 margin: 0; /* zero margins for body */
 padding: 0; /* and padding */
}

/* default font size for all text in divs. works together with 75% font-size for body */
div {
  padding: 0.2em;
}

/* default color for links */
a {

 	color: #3366cc;
 	text-decoration: none;
}
/* default color for hovered links */
a:hover {
 color: #0099ee;
 text-decoration: bold;
}
p {
	font-size:.8em;
 	color: gray;
 	text-decoration: none;
}

/* headings */
h1 {
 	color: gray;
 text-align: left;
}
/*
h2 {
 	color: gray;
 font-size: 2.2em;
 text-align: left;
 }
h3 {
 font-size: 2em;
}
*/

/* images have no border by default */
img {
 border: 0;
/*
 * common page classes
 */
.linkbut {
 font-size: 0.8em;
}
.pagetitle {
 display: block;
 text-align: left;
 font-size: 1.3em;
}
.titlebar {
 background-color: #abcdef;
}
/*
 * content boxes
 */
}
/*
 * image galleries
 */
.showimage {
 text-align: center;
}