html, body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 1.4em; 
   text-align: center;
}

body {
	border: none;
	line-height: 1.6em;
	background-color: #FFFFFF;
}

p {
	margin: 0 0 2em 0;
	padding: 0;
}

#lbox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	text-align: center;
	background: #CCB167 url(../bilder/bg150.gif) repeat-x top left; 
}

/* -------------------- Logo  -------------------- */

#logo {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 800px;
	height: 150px;
	text-align: center;
}

#logo img {	
	border: none;
}

a, a:link, a:visited {  
	letter-spacing: 0.02em; 
	text-decoration: underline;
	color: #141C6F;	
}

a:hover, a:active { 
	text-decoration: underline; 
	color: #141C6F;	
}

ul {
	margin: 0;	
	padding: 0;
	list-style-position: outside;
}

/* ---------------- Farbiger Balken --------------- */

#hbox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
	background-color: #9F1313;
}

/* Hauptinhalt oberer Bereich */

#centertop
{
	position: relative;
	top: 20px;
	left: 0;
	height: 230px;
	width: 100%;
	text-align: center;
}

#middle {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 180px;
	text-align: left;		
}

#date {
	position: relative;
	top: 0; 
	width: 500px;
	height: 20px;
	color: #333333;
	letter-spacing: 0.04em;
	font-size: 0.9em;
	text-transform: uppercase;
}

#head {
	position: relative;
	width: 500px;	
	height: 165px;
}

#head h1 {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
	line-height: 1.4em;	
	color: #9F0909;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
}

#pic {
	position: absolute;
	left: 620px;
	top: 0;
	width: 180px;
	height: 220px;
}

/* Hauptinhalt unterer Bereich */

#centerbottom
{
	/*position: absolute;
	top: 390px;
	left: 0;*/
	float: left;
	width: 100%;
	text-align: center;
}

#main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align: left;
}

#cnt, #content {
	float: left;
	margin: 0;
	width: 500px;
}

#cnt ul, #content ul {
	margin: 0 0 1em 0;
}

#cnt li, #content li {
	margin: 0.2em 0 0.5em 1.5em;
	padding: 0 0 0 20px;
	vertical-align: baseline;
	line-height: 1.4em;
	list-style-type: none;
	background: url(../bilder/strich_orange.gif) no-repeat 0 0;
}

/* ------------- Navigation ------------- */

#nav {
	float: right;
	width: 180px;
	height: 150px;
	margin-top: 1px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 2em;
	border-top: 1px dotted #BBB;
}

#nav a {
	display: block;
	padding: 0 0 0 2px;
	text-decoration: none;	
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color: #222;
}

#nav li a:hover, #nav li a:active  {
	background-color: #FEFF6F; 	
	color: #222;
}

#nav .lev1, .lev2, .lev3 {
	color: #222;
}

#nav li.lev2 {
	border: none;
	background: url(../bilder/mhook.gif) no-repeat 5px 0;
}

#nav li.lev3 {
	border: none;
	background: url(../bilder/mhook.gif) no-repeat 25px 0;
}


#nav li.lev2 a {
	padding-left: 22px;
}

#nav li.lev3 a {
	padding-left: 44px;
}


#kurs {
	float: right;
	width: 175px;
	font-size: 0.9em;
	padding: 5px 5px;
	border-top: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
}

#kurs img, #kurs a {
	border: none;
	margin: 0 5px 0 0;
	padding: 0;
}

#kurs a, #kurs a:link, #kurs a:visited {
	color: #141C6F;	
}

#kurs a:hover, #kurs a:active { 
	text-decoration: underline; 
	color: #141C6F;	
}

.hd {
	margin: 30px 0 2px 0;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #222;
}

/* -------------------- Fusszeile --------------------- */

.footer {
	float: left;
	width: 120px;
	margin: 0 0 20px 0;
}

.footer a {
	color: #333;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 3px 0 0 20px;
	background: url(../bilder/nach_oben.gif) no-repeat;
}

/* --------------Allgemeine Definitionen -------------- */

.clear {
	clear: both;
	margin: 0;	
	padding: 0;
	height: 50px;
}

.email {
   visibility: hidden;
}

a img {
	border: none;	
}

img {
	border: none;
	margin: 0;
}

input, select, textarea { 
	margin: 0 0 6px 0; 
	padding: 2px; 
	border: 1px solid #666;
	font-family: Verdana,Helvetica,sans-serif; 
	font-style: normal; 
	font-size: 12px; 
	color: #003366; 
	line-height: 16px;  
}