/* MAIN STYLES FOR LAYOUT */
#main {
	width: 770px;
	margin: 0px;
	padding: 0px;
	border-right-color: #ccc;
	border-right-style: dotted;
	border-right-width: 1px;
	border-left-color: #ccc;
	border-left-style: dotted;
	border-left-width: 1px;
}
#content {
	float: left;
	width: 545px;
	padding-left: 5px;
	padding-right: 5px;
	
	border-right-color: #ccc;
	border-right-style: dotted;
	border-right-width: 1px;
}
div {
	text-align: left;
}
#navigation {
	clear: right;
	float: left;
	margin-left: 5px;

}
#footer {
	padding-top: 7px;
	float: none;
	clear: both;
	text-align: center;
	border-top-color: #ccc;
	border-top-style: dotted;
	border-top-width: 1px;
}
img {
	border: 0px;
}

/* NAVIGATION */
.navq {
	margin-bottom: 15px;
}	
.navf {
	display-style: inline;
}
.lud {
	list-style-type: none;
	list-style-position: inside;
	display-style: inline;
	margin: 0px;
	padding: 0px;
}

.lud li {
	margin-left: 10px;
}

/* MAIN FONTOGRAPHIC */
body, table, td, tr, input, div, select {
	font-family: verdana, helvetica;
	font-size: 11px;
	color: #000;
}
a {
	color: #3a4b55;
}

/* FONT DISPLAY */
div.fontshow {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.fontfacts {
	width: 200px;
	float: left;
}
div.fontfacts ul {
	list-style: none;
	list-type: inline;
	padding: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;	
	margin: 0px;	
}
div.fontdisplay {
	float: left;
}

/* FONT DISPLAY PAGER */
#pager {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}
.pager_back {
	float: left;
	margin: 5px;
	width: 20%;
}
.pager_middle {
	float: left;
	margin: 5px;
	width: 50%;
	text-align: center;
}
.pager_forw {
	float: right;
	margin: 5px;
	text-align: right;
	width: 20%;
}
/*
#94aebc
*/


/* STYLING CLASSES */

/* table header */
.listheader {
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	background-color: #baccd5;
	font-weight: bold;
}

/* be right 100% */
.alignright {
	width: 100%;
	text-align: right;
}

/*
HELL: #9eb6c3 / #bbccd5
dunkel: #7295a8
*/