* { margin: 0; padding: 0; }

body {
	text-align: center;
	background: #010e28 ;
	}

div.menu {text-align:left; padding:3px;border:thin solid grey;margin:3px;width:530px;}
ul.men{list-style-position:inside; list-style-type: square;
  color: red;}
li.men{list-style-position:inside; list-style-type: square;
  color: red;}


.subnavilist li { 
   font-family:Arial, Helvetica, sans-serif; 
   font-size:16px; 
   list-style:none; 
   width:100%; 
   margin-bottom:5px; 
}

.subsubmenuclass {
  
  font-weight: normal;
  font-style: normal;
  text-align: left;
  text-decoration: none;
  list-style-position: outside;
  display: list-item;
  visibility: visible;
  font-size: small;
 
  font-family: "Times New Roman",Times,serif;
  list-style-type: square;
  color: yellow;
  width: 180px;
 }

/*
Titel/Grafik
--------------------------------------------*/
#header {
	width: 800px;
	height: 100px;
	margin-top: 35px;
	margin-left:auto;margin-right:auto; /*zentrieren*/
	background: url(../images/thftitlew2.gif) 0 0 no-repeat;
	
}

#header h1 {
	color: #fff;
	width: 180px;
	text-align: center;
	font: 50px/30px Arial, Helvetica, sans-serif;
	padding: 5px 0;
	margin: 0 0 20px 95px;
	}

#header p {
	color: #fff;
	font: 16px "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 0 230px;
	}

/*
Hauptbereich (Navigation und Content)
--------------------------------------------*/

#frame {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	}

#blogbox {
	position:absolute;
	width: 1800px;
	top:185px;
	left:10%;
	right:10%;

	margin-left:auto;margin-right:auto; /*zentrieren*/
	height: auto;     
	background:#010e28;
	}        


#contentbox {
	width: 800px;
	margin-top: 5px;
	margin-left:auto;margin-right:auto; /*zentrieren*/
	background:#010e28;
	}

#contentboxL {
	width: 190px;
	margin-top: 0px;
	background:grey;
	background: #010e28 ;
	overflow: hidden;
	margin-left: -0px;
	float:left;
	}

#contentboxR {
	width: 580px;
	margin-top: 0px;
	margin-right:0;
	background:#010e28;
	float:right;
	overflow: hidden;

	}


#content {
  font-family: "Arial",Helvetica ,sans-serif;
	width: 538px;
	min-height: 400px;
	background: #fff;
	padding: 10px 10px 10px 10px;
	}

#content .post {
	margin-bottom: 2em;
	}

#content h2 {
	color: #98bb1d;
	margin: 0 0 0.7em 0;
	}

#content h2 em {
	font-style: normal;
	color: #bb761d;
	}

#content h2 a, #content h2 a:hover { color: #c4a073; }
#content h2 em a, #content h2 em a:hover { color: #bb761d; }

#content h3 {
	font: bold 1em Arial, Helvatica, sans-serif;
	color: #c4a073;	
	margin: 1.3em 0 0.7em 0;
	}

#content h4 {
	font: bold 0.75em/1.5em Georgia, serif;
	margin: 1em 0 0.7em 0;
	color: #17304e;
	}

#content p,
#content li,
#content dl,
#content td,
#content label {
	font: 0.75em/1.5em Georgia, serif;
	color: #0e2033;
	}

#content p,
#content ul,
#content ol,
#content dl,
#content form,
#content table {
	margin-bottom: 0.7em;
	}

#content ul,
#content ol {
	margin-left: 4em;
	}
	
#content ul,
#content ol, 
#content li {
	width: 400px;
	}
#content ul ,
#content li { list-style: circle outside }

/*
#content blockquote {
	margin-left: 0.7em;
	border-left: 1px dashed #a0b9c6;
	padding-left: 0.7em;
	}

#content blockquote p,
#content blockquote li {
	color: #28344b;
	}

#content a {
	color: #666;
	}

#content a:hover {
	color: #000;
	}

#content p.post-attributes {
	margin-top: 1.1em;
	border-top: 1px solid #a0b9c6;
	padding-top: 0.4em;
	}
*/
/*
Sidebar = Submenue
---------------------------------------------------------------*/
#sidebar {
	margin: 1px 0px 0px 0px;
	width: 160px;
	float: left;
	padding: 5px 5px 5px 5px;
	border-bottom: none;
	background: #010e28 ;
	}

#sidebar h3 {
	color: #98bb1d;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	/*margin-bottom: 0.1em*/;
	}

#sidebar p,
#sidebar li {
	list-style: none;
	margin-left: 0px;
		width: 180px;
	padding: 1em;
	border-right:none;	
	/*border-top: 1px solid gray;
	border-bottom:2px solid red;	
	*/
	 display: block; 
	}
	} 
#sidebar p,
#sidebar ul,
#sidebar ol {
	margin-bottom: 0.7em;
	margin: 0;
	padding: 0;

	}

#sidebar a {
	color: #c5d2d9;
	}

#sidebar a:hover {
	color: #fff;
	}



/*
Comments
-------------------------------------------------------------- */

#comment-intro {
	margin: 2em 0;
	overflow: hidden;
	}

#comment-intro dt {
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/comment-intro_dt.gif) 0 0 no-repeat;
	float: left;
	color: #fff;
	font: bold 2.1em/48px Arial, Helvatica, sans-serif;
	}

#comment-intro dd {
	background: url(../images/comment-intro_dd.gif) right 0 no-repeat;
	width: 300px;
	margin: 12px 0 0 0;
	padding: 0.25em 0 0 10px;
	height: 25px;
	float: left;
	}


<!--  Definition Hautbereich für Mainmenue -->
.phpMyBorder0{
  width        : 800px;

	margin-left:auto;margin-right:auto; /*zentrieren*/
}
.pmb02, .pmb03, .pmb04, .pmbContent0{
  background   : #ff0000;
  border-color : #000000;
}
.pmb01{
  background   : #000000;
}
.pmb02, .pmb03, .pmb04{
  border-style : solid;
  border-width : 0 1px;
}
.pmbContent0{
  /*display      : block*/;
  border-style : solid;
  border-width : 0 1px;
  min-height: 40px;
}
.pmb01, .pmb02, .pmb03{
  height       : 1px;
}
.pmb01{
  margin       : 0 5px;
}
.pmb02{
  margin       : 0 3px;
  border-width : 0 2px;
}
.pmb03{
  margin       : 0 2px;
 }
.pmb04{
  height       : 2px;
  margin       : 0 1px;
}
.pmb01, .pmb02, .pmb03, .pmb04{
  display      : block;
  overflow     : hidden;
}
.pmb05{
  font-size    : 1px;
  display      : block;
  overflow     : hidden;
  height       : 1px;
}
.pmbBlock0{
  display      : block;
  font-size    : 1px;
} 

.phpMyBorder0 ul {
	list-style: none;
	width: 760px;
	margin: 0 0 0 16px;
	}

.phpMyBorder0 ul li {
	display: inline;
	}

.phpMyBorder0 ul li a {
	display: block;
	float: left;
	padding: 0.5em 0.9em;
	border-right: 2px solid #d0d8e0;
	text-decoration: none;
	color: #133c65;
	font: 1em Georgia, serif;
	}

.phpMyBorder0 ul li a:hover {
	text-decoration: underline;
	}

.phpMyBorder0 a.rssfeed {
	display: block;
	text-indent: -999em;
	height: 14px;
	width: 14px;
	background: url(../images/rss.gif) 0 0 no-repeat;
	float: right;
	margin: 21px 28px 0 0;
	}
<!--  Definition Hautbereich für Submenue -->
.phpMyBorder2{
  width        : 800px;
	margin-left:auto;margin-right:auto; /*zentrieren*/
}
.pmb22, .pmb23, .pmb24,.pmbContent2{
  background   : #ff0000;
  border-color : #000000;
  	background: #010e28 ;
}
.pmb21{
  background   : #000000;
	background: #010e28 ;
}
.pmb22, .pmb23, .pmb24{
  border-style : solid;
  border-width : 0 1px;
	background: #010e28 ;
}
.pmbContent2{
  display      : block;
  border-style : solid;
  border-width : 0 1px;
  width:190px;
	background: #010e28 ; 
  
}

.pmbContent2 h3 {
	color: #98bb1d;
	font: bold 1.2em Helvetica, serif;
	margin-bottom: 0.1em;
	}
#pmbContent2 p,
#pmbContent2 ul,
#pmbContent2 ol {
	margin-bottom: 0.7em;
	list-style: nonr;
	}

#pmbContent2 a {
	color: #c5d2d9;
	}

#pmbContent2 a:hover {
	color: #fff;
	}


.pmb21, .pmb22, .pmb23{
  height       : 1px;
}
.pmb21{
  margin       : 0 5px;
}
.pmb22{
  margin       : 0 3px;
  border-width : 0 2px;
}
.pmb23{
  margin       : 0 2px;
 }
.pmb24{
  height       : 2px;
  margin       : 0 1px;
}
.pmb21, .pmb22, .pmb23, .pmb24{
  display      : block;
  overflow     : hidden;
}
.pmb25{
  font-size    : 1px;
  display      : block;
  overflow     : hidden;
  height       : 1px;
}
.pmbBlock2{
  display      : block;
  font-size    : 1px;
} 

.phpMyBorder2 ul li{
	list-style: block;
	width: 200px;
	margin: 0 0 0 0;
	}

.phpMyBorder2 ul li a {
	
	text-decoration: none;
	color: #133c65;
	font: 1em Georgia, serif;
	}

.phpMyBorder2 ul li a:hover {
	text-decoration: underline;
	}

.phpMyBorder2 a.rssfeed {
	display: block;
	text-indent: -999em;
	height: 14px;
	width: 14px;
	background: url(../images/rss.gif) 0 0 no-repeat;
	float: right;
	margin: 21px 28px 0 0;
	}


<!--  Definition Hauptbereich für Content -->
.phpMyBorder1{
  width        : 800px;
	margin-left:auto;margin-right:auto; /*zentrieren*/
}
.pmb12, .pmb13, .pmb14,.pmbContent1{
  background   : white; <!-- #ff0000 -->;
  border-color : #000000;
} 
.pmb11{
  background   : #000000;
}
.pmb12, .pmb13, .pmb14{
  border-style : solid;
  border-width : 0 1px;
}
.pmbContent1{
  display      : block;
  border-style : solid;
  border-width : 0 1px;
}
<!------------Begin -->
.pmbContent1 h2 {
	color: #98bb1d;
	font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 0.7em 0;
	}

.pmbContent1 h2 em {
	font-style: normal;
	color: #bb761d;
	}

.pmbContent1 h2 a, .pmbContent1 h2 a:hover { color: #c4a073; }
.pmbContent1 h2 em a, .pmbContent1 h2 em a:hover { color: #bb761d; }

.pmbContent1 h3 {
	font: bold 1em Arial, Helvatica, sans-serif;
	color: #c4a073;	
	margin: 1.3em 0 0.7em 0;
	}

.pmbContent1 h4 {
	font: bold 0.75em/1.5em Georgia, serif;
	margin: 1em 0 0.7em 0;
	color: #17304e;
	}

.pmbContent1 p,
.pmbContent1 li,
.pmbContent1 dl,
.pmbContent1 td,
.pmbContent1 label {
	font: 0.75em/1.5em Georgia, serif;
	color: #0e2033;
	}

.pmbContent1 p,
.pmbContent1 ul,
.pmbContent1 ol,
.pmbContent1 dl,
.pmbContent1 form,
.pmbContent1 table {
	margin-bottom: 0.7em;
	}

.pmbContent1 ul,
.pmbContent1 ol {
	margin-left: 2em;
	}
	
.pmbContent1 ul,
.pmbContent1 ol, 
.pmbContent1 li {
	width: 500px;
	}

.pmbContent1 blockquote {
	margin-left: 0.7em;
	border-left: 1px dashed #a0b9c6;
	padding-left: 0.7em;
	}

.pmbContent1 blockquote p,
.pmbContent1 blockquote li {
	color: #28344b;
	}

.pmbContent1 a {
	color: #666;
	}

.pmbContent1 a:hover {
	color: #000;
	}

.pmbContent1 p.post-attributes {
	margin-top: 1.1em;
	border-top: 1px solid #a0b9c6;
	padding-top: 0.4em;
	}


<!------------End -->
.pmb11, .pmb12, .pmb13{
  height       : 1px;
}
.pmb11{
  margin       : 0 5px;
}
.pmb12{
  margin       : 0 3px;
  border-width : 0 2px;
}
.pmb13{
  margin       : 0 2px;
 }
.pmb14{
  height       : 2px;
  margin       : 0 1px;
}
.pmb11, .pmb12, .pmb13, .pmb14{
  display      : block;
  overflow     : hidden;
}
.pmb15{
  font-size    : 1px;
  display      : block;
  overflow     : hidden;
  height       : 1px;
}
.pmbBlock1{
  display      : block;
  font-size    : 1px;
} 

.phpMyBorder1 ul {
	list-style: none;
	width: 1200px;
	margin: 0 0 0 16px;
	}

.phpMyBorder1 ul li {
	display: inline;
	}

.phpMyBorder1 ul li a {
	display: block;
	float: left;
	padding: 0.5em 0.9em;
	border-right: 2px solid #d0d8e0;
	text-decoration: none;
	color: #133c65;
	font: 1em Georgia, serif;
	}

.phpMyBorder1 ul li a:hover {
	text-decoration: underline;
	}

.phpMyBorder1 a.rssfeed {
	display: block;
	text-indent: -999em;
	height: 14px;
	width: 14px;
	background: url(../images/rss.gif) 0 0 no-repeat;
	float: right;
	margin: 21px 28px 0 0;
	}

/* --------------------------------------------------------------
Footer
-------------------------------------------------------------- */

#footer {
	width: 800px;
	margin-bottom: 40px;
	}

#footer p {
	font: 0.7em/1.7em Tahoma, sans-serif;
	padding: 55px 0 0 0;
	margin: 0 0 0 227px;
	color: #345172;
	}

#footer p a {
	color: #345172;
	}

#footer p a:hover {
	color: #6386a0;
	}

--></style>