#dropmenudiv{
text-align: left;
position:absolute;
border:1px solid #000000;
border-bottom-width: 0;
font: bold 1em verdana, sans-serif;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #000000;
padding: 1px 0;
text-decoration: none;
font-weight: none;
color: white;
}

#dropmenudiv { 
background-color: #231d1a;
width: 100px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #837d7a;
color: #231d1a;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	padding-top: 0.4em;
	font-family:verdana;
	font-size:14px;
	color:black;
	}	
#lightboxCaption{ float: center; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}

#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}


#announcement {

font: 22px 'verdana', sans-serif;
font-weight: bold;
background: #837d7a;
color: #231d1a;

margin: 0;
padding: 1px 15px;


/*text-align: center;
background: #837d7a;
font-size: 4.1em;
padding: 0 0 5px 0;*/
/*margin: 0 15px 15px 0;*/
/*display: inline;*/
}

/* IE 6.0 png fix??? */
img, div { behavior: url(iepngfix.htc) }

body {
margin: 0;
text-align: center;

/* ie6 branch */
 /*background: #231d1a repeat-x fixed;*/
 background: #231d1a url(../images/twitter.png) repeat-x fixed; 
 /*old sides.png for ie7*/
 /*background: #231d1a url(../images/sides.png) center repeat-y;*/

color: #333;
line-height: 150%; font-style:normal; font-variant:normal; font-weight:normal; font-size:64%; font-family:verdana, sans-serif; padding-left:0; padding-right:0; padding-top:0; padding-bottom:2em
}

hr {
display: none;
}

img {
border: none;
}

ins {
text-decoration: none;
border-bottom: 1px dashed #F26722;
}

acronym, abbr, dfn {
border-bottom: 1px dashed #333;
font-style: normal;
}

blockquote {
border-left: 5px solid #231d1a;
margin: 1em 0/*6.5em*/;
padding: 5px 10px;
background: #837d7a;
/*width: 461px;*/
width: 481px;
}

code, pre {
color: #F26722;
font: 1.1em 'courier new', courier, monospace;
}

.urlstyle {
  display: none;
}

.bild-links {
float: left;
margin: 0 15px 3px 0;
}

.bild-rechts {
float: right;
margin: 0 0 3px 15px;
}

.center {
text-align: center;
}

#container {
text-align: left;
margin: 0 auto;
width: 882px;
position: relative;

/*background:#FFF;*/
background:#FFF url('../images/content_bg.gif') repeat;
border-bottom: 1px solid #ddd; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1em
}

#kopf {

height: 190px;
margin-bottom: 15px
}

#kopf h1 {
font: 30px 'trebuchet ms', sans-serif;
color: #231d1a;
margin: 0;
padding: 5px 15px;
}

#kopf h1 a {
color: #231d1a;
text-decoration: none;
}

#navi {
float: right;
width: 200px;
text-align: center;
background: #837d7a;
font-size: 1.1em;
padding: 0 0 5px 0;
margin: 0 15px 15px 0;
display: inline;
}

#navi img {
vertical-align:bottom;
}

#navi ul, #navi ol, #navi p, #navi form, #navi dl {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}

#navi div {
margin: 10px 10px 15px 10px;
text-align: left;
}

#navi h2 {
color: #fff;
background: #231d1a;
text-align: left; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.2em; font-family:verdana, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em; padding-left:15px; padding-right:5px; padding-top:1px; padding-bottom:1px
}

#navi a {
font-weight: bold;
color:#231d1a;
text-decoration: none;
}

#navi ul a:hover {
color: white;
text-decoration: none;
background:#000000;
}

#navi div a:hover {
color: white;
text-decoration: none;
background:#000000;
}

#navi ul {
list-style: none;
margin: .5em 0 1em 0;
}

#navi ul ul {
margin: 2px 0 2px 7px;
padding: 0;
}

#navi .navi-sidebarBox {
margin-bottom: 3px;
width: 153px;
font-size: 1em;
border: 1px solid rgb(126, 157, 185); padding: 2px;
}

#inhalt {
margin-right: 238px;
margin-left: 15px;
padding: 1.1em 0;
font-size: 1.1em;
width: 626px;
}

#inhalt h2 {
color: #666;
border-bottom: 1px solid #837d7a;
font: bold 1em verdana, sans-serif;
text-align: right;
margin: .5em 0 0 0;
padding: 2px 5px;
}

#inhalt h2 img {
borde: 0px;
vertical-align: text-bottom;
}

#inhalt h2 form {
display: inline;
}

#inhalt h2 a {
text-decoration: none;
}

#inhalt h3 {
margin: .5em 0;
font-size: 1.4em;
background: url('../images/page_white_text.png') no-repeat left center; padding-left:20px; padding-right:0; padding-top:2px; padding-bottom:2px
}

#inhalt h3 a {
color: #231d1a;
text-decoration: none;
}

#inhalt h3 a:hover {
color: #444;
text-decoration: none;
}

#inhalt h4 {
font-size: 1.3em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt h5 {
font-size: 1.1em;
padding: 0;
margin: 1em 0;
color: #444;
}

#inhalt a, #footer a {
color: #231d1a;
}

#inhalt .meta {
font-size: .9em;
background: #837d7a;
margin: 0;
padding: 1px 5px;
width: 616px;
}

#inhalt .meta a {
text-decoration: underline;
}

#inhalt .meta a:visited {
text-decoration: underline;
}

#inhalt a:hover, #footer a:hover, #inhalt .meta a:hover {
color: #444;
text-decoration: none;
background-color: #837d7a;
}

#inhalt .feedback {
margin: 0em 1.1em 0em 0em;
text-align: right;
}

#inhalt .feedback {
margin: 0em 1.1em 0em 0em;
text-align: right;
}

#my_twitter_status_time {
font-style: italic;
}

#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #837d7a;
}

#commentform {
margin: 1em 0;
padding: 1em;
border: 1px solid #231d1a;
background: #837d7a;
}

#footer {
clear: both;
margin: 3em 15px 0 15px;
padding: 5px;
text-align: center;
font-size: .9em;
}

/* NEW STUFF! */

#footer img {
float: right;
margin: 0.7em 0.7em 0.7em 0.7em;
}

#navi .donate {
vertical-align: top;
display: block;
margin-left: auto;
margin-right: auto;
}

#inhalt .flickr2 {
text-align: center;
}

#inhalt .flickr2 img {
margin:0 0px 1px 1px;
border:1px solid #000000;
text-align: center;
width: 624px;
height: 468px;
}

#navi .comic {
text-align: center;
}

/*
#navi .comic .pan_wrap
{
	background: url(../images/pan_checks.gif) repeat;
	margin: 0 auto 0px;
	position: relative;
	width: 157px;
	height: 130px;
}

#navi .comic .pan_frame
{
	background: url(../images/pan_frame.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 157px;
	height: 130px;
	
}*/

#navi .flickr {
text-align: center;
}

#navi .flickr img {
margin:0 0px 1px 1px;
border:1px solid #000000;
text-align: center;
/*width: 157px;
height: 120px;*/
}

#navi .flickr .flickr_badge_image {
text-align: center;
}

#container .navigation {
font: bold 1em verdana, sans-serif;
font-size: 1.1em;
background: #837d7a url('../images/MPK-dotcomTrans.png') no-repeat right center; 
margin: 5px 15px 5px 15px; /*ionos*/
padding: 1px 5px;
}

#container .navigation a {
text-decoration: underline;
}

#container .navigation a:hover {
color: white;
text-decoration: none;
background:#000000;
}

#container a {
color: #231d1a;
}

#container a:hover {
color: white;
text-decoration: none;
}

#mpkbanner h1 {
font: 22px 'trebuchet ms', sans-serif;
color: #FFFFFF;
margin: 0;
padding: 1px 15px;
}

#mpkbanner h1 a {
color: #FFFFFF;
text-decoration: none;
}

#mpkbanner h1 a:hover {
color: #FFFFFF;
text-decoration: none;
}

#mpkbanner h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}

#mpkbanner h3 {
font: 14px 'trebuchet ms', sans-serif;
color: #FFFFFF;
margin: 0;
padding: 0px 15px;
}

#mpkbanner h3 a {
color: #FFFFFF;
text-decoration: underline;
}

#mpkbanner h3 a:hover {
color: #FFFFFF;
text-decoration: none;
}

#inhalt .storycontent {
font-size:110%;
margin: 0em 0em 1.7em 0em;
text-align: justify; /* screws up in ie6 */
}

#inhalt .storycontentnotgp {
font-size:110%;
padding: 1px 5px;
margin: 0em 0em 1.7em 0em;
text-align: justify;/* screws up in ie6 */
background-color: #FFFFFF;
}

#inhalt .storycontentgpmpk {
font-size:110%;
padding: 1px 5px;
margin: 0em 0em 1.7em 0em;
text-align: justify; /* screws up in ie6 */
background-color: #FFFFCC;
}

#inhalt .storycontent .storyThumbnail img {
float: left;
height: 54px;
margin: 0.7em 0.7em 0em 0.7em;
border:1px solid #000000;
}

#inhalt a:visited {
color: #000;
}

#mainComic img {	
position: relative;
border:10px solid #837d7a;
/* ie6 branch */
 /*margin: 0em 0em 5em 0em;
 left: 119px;
 top: 46px;*/

 margin: 0em 0em -1em 0em;
 left: -42px;
 top: -15px;

vertical-align: bottom;
}

#mainComic .navComic img {	
position: relative;
border:10px solid #837d7a;
margin: 0em 0em 0em -0.9em;
float: right;
/* ie6 branch */
 /*left: -119px;
 top: 5px;*/

 left: -15px;
 top: -5px;

vertical-align: bottom;
height: 31px;
}

/* project wonderful ads */ 

#mainComicAd {
clear: both;
/*margin: -5px 16px -18px 14px;*/
margin: -5px 16px -7px 114px;
padding: 5px;
/* font was derived from project wonderful's javascript output */
font-size: 10px; color: rgb(51, 51, 51); line-height: 1.2; text-decoration: none; font-weight: bold; font-family: Tahoma,verdana,arial,helvetica,sans-serif;
}

#mainComicAd a {
font-size: 10px; color: rgb(51, 51, 51); line-height: 1.2; text-decoration: none; font-weight: bold; background-color: transparent; font-family: Tahoma,verdana,arial,helvetica,sans-serif;
}

#mainComicAd a:hover {
font-size: 10px; color: rgb(51, 51, 51); line-height: 1.2; text-decoration: none; font-weight: bold; background-color: transparent; font-family: Tahoma,verdana,arial,helvetica,sans-serif;
}

#mainComicAd a:visited {
font-size: 10px; color: rgb(51, 51, 51); line-height: 1.2; text-decoration: none; font-weight: bold; background-color: transparent; font-family: Tahoma,verdana,arial,helvetica,sans-serif;
}

#inhalt .archiveBannerAd {
/*margin: -24px 0px -29px 0px;*/
margin: -23px 0px -16px 0px;
padding: 1.1em 0;
/* font was derived from project wonderful's javascript output */
font-size:10px;color:#333;text-decoration:none;line-height:1.2;font-weight:bold;font-family:Tahoma, verdana,arial,helvetica,sans-serif;
}

#inhalt .archiveBannerAd a {
font-size:10px;color:#333;text-decoration:none;line-height:1.2;font-weight:bold;background-color:transparent;font-family:Tahoma, verdana,arial,helvetica,sans-serif;
}

#inhalt .archiveBannerAd a:hover {
font-size:10px;color:#333;text-decoration:none;line-height:1.2;font-weight:bold;background-color:transparent;font-family:Tahoma, verdana,arial,helvetica,sans-serif;
}

#inhalt .archiveBannerAd a:visited {
font-size:10px;color:#333;text-decoration:none;line-height:1.2;font-weight:bold;background-color:transparent;font-family:Tahoma, verdana,arial,helvetica,sans-serif;
}

/* end project wonderful ads */

/* ustream */
#inhalt .storycontent embed {display:block; width:624px;}
/* end ustream */

#inhalt .storycontent .comicThumbnail img {
border:1px solid #000000;
width: 624px;
margin: 0em 0em 0em 0em;
}

#inhalt .storycontent .TANavThumbnailLeft img {
float: left;
height: 74px;
margin: 0.7em 0.7em 0em 0.7em;
border:1px solid #000000;
}

#inhalt .storycontent .TANavThumbnailRight img {
float: right;
height: 74px;
margin: 0.7em 0.7em 0em 0.7em;
border:1px solid #000000;
}

#inhalt .storycontent .thumbnailLeft {
border:1px solid #000000;
float: left;
margin: 0.7em 0.7em 0em 0.7em;
}

#inhalt .storycontent .thumbnailRight {
border:1px solid #000000;
float: right;
margin: 0.7em 0.7em 0em 0.7em;
}

#inhalt .storycontent .captionLeft {
text-align: left;
vertical-align: middle;
padding: 70px  70px  70px  70px;
}

#inhalt .storycontent .captionRight {
text-align: right;
vertical-align: middle;
padding: 70px  70px  70px  70px;
}

#inhalt .storycontent .comicCaption {
text-align: left;
vertical-align: middle;
padding: 10px  20px  20px  100px  ;
}

#inhalt .storycontent .flyerThumbnail {
border:1px solid #000000;
float: right;
margin: 0.7em 0.7em 0em 0.7em;
}

#inhalt .storycontent .showInfo blockquote {
border-left: 5px solid #231d1a;
margin: 1em 0;
padding: 5px 10px;
background: #837d7a;
width: 400px;
}

<!-- Textamerica div, Version 3.0 -->

.ThumbImg
{
    width: 617px;
    margin: 0em 0em 1em 0em;
    border:#000000 1px solid;
    align: center;
}

#inhalt .storycontent .entryimage img {
width: 617px;
margin: 0em 0em 0em 0em;
padding: 6px 6px;
border:1px solid #000000;
align: right;
}

#navi .hilights {
margin: 0;
width: 119px;
}
}

#navi .hilights img  {
align: center;
valign: top;
margin: 0em 0em 0em 0em;
border:1px solid #000000;
}

#inhalt .storycontent .EntryThumb {
/*float: left;*/
/*height: 54px;*/
/*margin: 0.7em 0.7em 0em 0.7em;*/
border:1px solid #000000;
}

td.TAAlbumCell
{
	padding-right:20px;
	padding-bottom:20px;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:64%; font-family:verdana, sans-serif;
}

td.TAAlbumCell a
{
color: #231d1a;	
text-decoration: underline;

}

#inhalt .feedback a {
color: #231d1a;	
text-decoration: underline;
}

#inhalt .feedback a:hover {
color: white;
text-decoration: none;
}

.CommentText
{
	text-align:left;

}

.CommentText a {
color: #231d1a;	
text-decoration: underline;
}

.CommentText a:hover {
color: #444;
text-decoration: none;
}

.CommentOwner
{
	text-align:left;

}

.CommentOwner a {
color: #231d1a;	
text-decoration: underline;
}

.CommentOwner a:hover {
color: #444;
text-decoration: none;
}

#navi .hilights .HilitHead img { height: 600px; }

<!-- Start of Version 2.4 -->
	
A
{
	color:#FFFFFF;
	text-decoration:underline;

}
A:Visited
{
	color:#FFFFFF;
	text-decoration: underline;
}

A:Hover
{
	text-decoration:none;
}

.FavBox
{
	position:absolute;
	left:27px;
	bottom: 10px;
	color:white;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: .65;
	width: 60px;
}

.TAFavSpan
{
	margin-top:10px;
	width:40px;
	border:black 1px solid;
}

.Nav
{
	background-color:#505F7E;
	text-align:center;
	font-size:10px;
	font-family:Lucida Sans Unicode;
	width:380px;
	padding:2px;
}

.ImageDiv
{
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.TitleDiv
{
	text-align:left;
	color:white;
}

.TextDiv
{
	text-align:left;
	width:350px;
	padding:7px;
}

.DateDiv
{
	background-color:#435270;
	text-align:center;
	width:460px;
	padding:2px;
}

.i
{
	font-family:Lucida Sans Unicode;
	font-size:11px;
	width:120px;
	border: black 1px solid;
}

.b
{
	font-size:11px;
	font-family:Lucida Sans Unicode;
	cursor: hand;
}

.Comments
{
	border:#435270 1px solid;
	padding:7px;
	margin-top:8px;
	margin-bottom:8px;
	
}

.TADropdown
{
	font-size:11px;
	font-family:Lucida Sans Unicode;
}

.thankyoutitle
{
	font-size:30px;
	font-weight:bold;
}

.thankyoulink
{
	font-size:13px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
 .FrontPage 
{ 
	text-align:center;
}

.TABuddy
{
	border:#63708C 1px solid;
}

td.TextAmericaTitle {
    background-color:#000000;/*#111631;*/
    text-align:left;
    font-size:13px;
    color:white;    
}

td.TextAmericaTitleRight {
    background-color:#000000;/*#111631;*/
    text-align:right;
    font-size:10px;
    color:white;    
}