/* -------------Base styles-------------*/
h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
	margin: 0;
	padding: 0;
}

a, a:link,  a:visited {
	color: #333;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #110B6A;
	text-decoration: none;
}

p, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 75%;
	line-height: 125%;
}

li { font-size: 75%; }
li li { font-size: 100%; }

ul, li, li li, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

/* --------- Textbrowser Annotations ---------*/
.hidden, h1, h2 {
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}

/* ---- Layout  ------*/
body {
	color: #333;
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: auto;
	min-height: 98%;
	padding: 38px 0;
	background-color: #E9F1F4;
}

.container {
	text-align: left;
	width: 48.3em;
	display: block;
	margin: auto;
	overflow: hidden;
}

/*-------- L O G O ---------*/
.logo {
	width: 12em;
	height: 10.2em;
	background-color: #FFF;
	border-bottom: 1px solid #E9F1F4;
	text-align: center;
}

.logo img { margin: 1.65em 0 0 0; }

.navigation {
	display: block;
	width: 12em;
	float: left;
	background-color: #E9F1F4;
}

/*----------------------------------- BOXES----*/
.head {
	width: 100%;
	display: block;
	float: left;
}

.boxes {
	width: 12em;
	display: block;
	float: left;
	border-left: 1px solid #E9F1F4;
	overflow: hidden;
	background-color: #E9F1F4;
}

.box {
	display: block;
	width: 12em;
	height: 2.5em;
	margin-bottom: 1px;
}

.box p {
	padding: 1.7em 0 0 21px;
	font-size: 62.5%;
}

/*---------------------- N A V I G A T I O N ----*/
.box li, .pagetop li { font-size: 68.75%; }

.box li a , .box li a:link, .box li a:visited {
	color: #110B6A;
	display: block;
	height: 3em;
	text-transform: uppercase;
	padding: 7px 0 0 21px;
	background: #FFF url(images/bullet.gif) no-repeat 7px 10px;
}

.box li a:focus,  .box li a:hover, .box li a:active {
	color: #B60D00;
	background: #FFF url(images/bullet_over.gif) no-repeat 7px 10px;
}

.active li a:link, .active li a:visited { background: #FFF url(images/bullet_out.gif) no-repeat 7px 10px; }

.download li a, .download li a:link, .download li a:visited {
	padding: 7px 0 0 51px;
	background: #FFF url(images/download.gif) no-repeat 37px 8px;
}

/*---------------------- B I L DE R ----*/
.picture {
	width: 12em;
	display: block;
	margin-bottom: 1px;
}

.picture img { width: 100%; }

/*------------------ Box Colors ---*/
.white {
	background: #FFF;
	margin-bottom: 0;
}

.white a:link { padding: 0 0 0 2.4em; }
.darkblue { background-color: #110B6A; }
.lightblue { background-color: #3397FC; }
.green { background-color: #95E84B; }
.orange { background-color: #FFA514; }

.orange li a:link, .orange li a:visited {
	color: #110B6A;
	background: #FFA514 url(images/bullet_light.gif) no-repeat 7px 10px;
}

.orange li a:focus,  .orange li a:hover, .orange li a:active {
	color: #E9F1F4;
	background: #110B6A url(images/bullet_over.gif) no-repeat 7px 10px;
}

.red { background-color: #DE2F23; }
.lightnav { background-color: #EFF0EF; }

/*---- C O N T E N T ----*/
.contentcontainer {
	float: left;
	width: 75%;
	background-color: #FFF;
	display: block;
}

.content {
	width: 66%;
	float: right;
	padding: 0.2em 0 0 0;
	background-color: #FFF;
}

.thread {
	width: 100%;
	display: block;
	float: left;
}

.content h3, .content h4, .content p, .content li {
	line-height: 175%;
	padding: 0 3.5em 0 3em;
	font-size: 71.8%;
}

.content h3 { text-transform: uppercase; }

.content h5 {
	font-size: 81.25%;
	line-height: 175%;
	padding: 0 3.5em 0 2.6em;
	text-transform: uppercase;
}


.content h4 {
	color: #110B6A;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

.content p { margin: 0 0 0.5em 0; }
.content ul { margin: 0.5em 0; }

.content li {
	padding: 0 0 0 4.5em;
	background: #FFF url(images/bullet.gif) no-repeat 3em 7px;
}

.content strong {
	color: #110B6A;
	padding: 0 0 0 1.1em;
	background: url(images/bullet.gif) no-repeat 0 3px;
}

.content img { margin: 0 0 0 2em; }

/* -------------------- F O O T E R ---*/
.footer {
	width: 100%;
	display: block;
	float: left;
	margin: 2.5em 0 0 0;
}

.footer .box {
	float: left;
	width: 33.3%;
	margin-bottom: 0;
}

.pagetop li a , .pagetop li  a:link, .pagetop li a:visited {
	color: #B60D00;
	text-transform: uppercase;
	display: block;
	height: 3em;
	padding: 7px 0 0 21px;
	background: #FFF url(images/pagetop.gif) no-repeat 7px 10px;
}

.pagetop li a:focus, .pagetop li a:hover { background-color: #E9F1F4; }

/* ---Style by VorSicht 2005 ---*/