p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-align: justify; line-height: 12px}
a:hover { color:#3333BB; text-decoration:underline} 
a { color:#0088EE; text-decoration:none}


a.pgn {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #3333CC; text-decoration: none}
a.pgn:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #0099FF; text-decoration: none}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}

ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; list-style-position: outside; list-style-type: square; line-height: 12px; margin-bottom: 1px} 

BODY { color:#fafafa background: #fafafa; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11; .
margin:0px 0px; padding:0px;
	text-align:center;
	min-width: 800px;

}
.cart_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;

#Content {
	width:771px;
	margin:0px auto;
	text-align:left;
	padding:1px;
	background-color:#fafafa;
	}

th {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 13px;
	color: #455AAA;
	margin-bottom: 1px;

}
p.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 13px;
	color: #455AAA;
	margin-bottom: 1px;
	font-weight: bold;

}
p2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: justify; background-position: center}
.paragraph_center {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; background-position: center}

form.inline { 
	display:inline;
}.tblHeader {
	background-color: #DAF1FB;
	font-size: 11px;
	font-weight: bold;

}
.invisibleTextboxes {
	border: 0px none #FFFFFF;
	background-color: #FFFFFF;
}


#top                   { margin: 0px; height: 80px; color:#000000; background-color: #FFFFFF; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; }
#top div.left          { margin: 0px; padding: 5px 0px 5px 20px; float: left; }
#top div.right         { margin: 0px; padding: 12px 20px 5px 0px; text-align: right; }
p.usermenu             { margin: 0px 0px 10px 0px; font-size: 11px; }
#top h1                { margin: 0px 0px 1px 0px; }

.search                { display: inline; font-size: 11px; }
input.searchfield      { font-size: 11px; width: 140px; }
input.search-radio     { width: 12px; height: 12px; }

#topnav                { margin: 0px; padding: 0px; height: 30px; color:#000000; background: #efefef; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#topnav div.left       { margin: 0px; padding: 7px 0px 0px 20px; float: left; }
#topnav div.right      { margin: 0px; padding: 6px 20px 0px 0px; text-align: right; }

#content               { padding: 20px; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #000000; background: #fafafa; }

#bottomnav             { margin: 0px; padding: 0px; height: 30px; color:#000000; background: #efefef; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 13px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#bottomnav div.left    { margin: 0px; padding: 7px 0px 0px 20px; float: left; }
#bottomnav div.right   { margin: 0px; padding: 6px 20px 0px 0px; text-align: right; }

#bottom                { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; margin: 0px; padding: 0px; color: #000000; background: #FFFFFF; }
#bottom div.left       { margin: 0px; padding: 7px 0px 7px 20px; float: left; }
#bottom div.right      { margin: 0px; padding: 10px 20px 10px 0px; text-align: right; }

.postingheadline       { margin: 0px 0px 1px 0px;font-family: verdana, arial, sans-serif; font-size: 18px; font-weight: bold; }
.posting               { margin-bottom: 19px; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 19px; color: black; max-width: 850px; }
.author                { margin-top: 1px; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 19px; color: black; font-style: italic; }
.postinganswer         { margin: 0px; padding: 10px 0px 0px 0px; float: left; }
.postingedit           { margin: 0px; padding: 10px 0px 0px 0px; text-align: right; }

h2.postingform         { margin: 0px 0px 0px 0px; }
p.postingforma         { margin: 3px 0px 0px 0px; }

.searchresults         { margin: 0px 0px 15px 0px; }

.actthread             { padding-left: 18px; color: #ff0000; font-weight: bold; background-image:url(img/topic.gif); background-repeat:no-repeat; background-position: top left; }
.actreply              { padding-left: 16px; color: #ff0000; font-weight: bold; background-image:url(img/reply.gif); background-repeat:no-repeat; background-position: top left; }

.normal                { font-family: verdana, arial, sans-serif; font-size: 13px; }
.thread                { font-family: verdana, arial, sans-serif; font-size: 13px; }
.thrbeg                { font-family: verdana, arial, sans-serif; font-size: 13px;  font-weight: bold; }
.aktuell               { font-family: verdana, arial, sans-serif; font-size: 12px;  color: #0088EE; font-weight: bold; }
.small                 { font-family: verdana, arial, sans-serif; font-size: 11px; color: #0088EE;}
.xsmall                { font-family: verdana, arial, sans-serif; font-size: 11px; color: #808080; font-weight: normal; }
.caution               { color: #0088EE; }
.entryline             { margin: 0px 0px 10px 0px; border-top: 1px dotted #808080; border-left: 0; border-right: 0; border-bottom: 0; height: 1px; }

/* Zitierter text: */
.zitat                 { color: #aa0000; font-style: italic; }

/* Signaturen: */
.signature             { margin: 0px 0px 19px 0px; font-family: verdana, arial, sans-serif; font-size: 11px; line-height: 16px; color: #808080; font-weight: normal; max-width: 850px; }

.userdata              { margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 19px; color: #0088EE; }
.online                { font-size: 11px; color: red; }
.code                  { font-family: courier-new, courier; font-size: 13px; color: #DD0000; }

/* darstellung der Kategorien: */
.category              { color: #d70000; font-size: 11px; font-weight: normal; }

table.boardlesen       {
	border: 1px solid #aaa;
	width: 94%;
}
td.autorcell           { width: 120px; padding-top: 7px; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #000000; background: #FFFFFF; }
div.autorcellwidth     { margin: 0px; padding: 0px; width: 120px; font-size: 1px; height: 1px; }
td.titlecell           { height: 20px; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #000000; background: #FFFFFF; }
td.titlecell .left     { margin: 0px; padding: 2px 0px 2px 0px; float: left; }
td.titlecell h2        { margin: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color : #000000; font-weight: bold; }
td.titlecell .right    { margin: 0px; padding: 2px 0px 2px 0px; text-align: right; }
.postingboard          { margin: 0px 0px 19px 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 13px; line-height: 19px; color: black; max-width: 850px; }
td.postingcell         { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; color: #000000; background: #FFFFFF; border: 1px solid #E6E6E6 }

div.preview            { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; margin: 0px 0px 10px 0px; padding: 10px 10px 0px 10px; color: #000000; border: 1px dotted red; }

/* Bord-Tabelle: */
table.board            { width: 94%; border: 1px solid #aaa; }
/* Die Bord-Tabellen-Überschrift: */
td.boardtab            { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: bold; color: #000000; background: #cccccc; }
/* gerade Zeilen: */
td.boardtab-a          { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: normal; color: #0088EE background: #eaeaea; }
/* ungerade Zeilen: */
td.boardtab-b          { font-family: verdana, arial, sans-serif; vertical-align: top; font-size: 13px; font-weight: normal; color: #0088EE; background: #efefef; }

/* für die Mix-Ansicht: */
.threadkl              { font-family: verdana, arial, sans-serif; font-size: 11px; }
div.mixdivl            { }
div.mixthread          { background: #ffe8b7; padding: 0px; }
div.mixthreadbeg       { background: #ffdf9d; margin-bottom: 5px; padding: 5px; }

select.kat             { font-family: verdana, arial, sans-serif; font-size: 11px; }

table.usertab          { width: 100%; border: 1px solid #aaa; }
td.userl               { width: 150px; vertical-align: top; font-family: verdana, arial, sans-serif; font-size: 13px; background:  #FFFFFF; }
td.userr               { vertical-align: top; font-family: verdana, arial, sans-serif; font-size: 13px; background: #efefef; }

table.admintab         { border: 1px solid #aaa; }
td.admintab-l          { width: 50%; vertical-align: top; font-family: verdana, arial, sans-serif; font-size: 13px; background: #FFFFFF; }
td.admintab-r          { width: 50%; vertical-align: top; font-family: verdana, arial, sans-serif; font-size: 13px; background: #efefef; }

input.bbcode-button    { width: 45px; height: 20px; font-size: 11px; font-weight: normal; margin: 0px 0px 5px 0px; background: #efefef; }
button.smiley-button   { width: 23px; height: 23px; font-size: 11px; font-weight: normal; margin: 0px 1px 1px 0px; background: #efefef; }

/* auffälige Links (mit rotem Dreieck davor): */
a.textlink:link        { padding-left: 8px; color: #0000cc; text-decoration: none;  font-weight: bold; background-image:url(img/link.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink:visited     { padding-left: 8px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/link.gif); background-repeat:no-repeat; background-position: top left; }
a.textlink:hover       { padding-left: 8px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url(img/link_mo.gif); background-repeat:no-repeat; background-position: top left;}
a.textlink:active      { padding-left: 8px; color: #ff0000; text-decoration: none; font-weight: bold; background-image:url(img/link.gif); background-repeat:no-repeat; background-position: top left; }

/* Links zu Threads: */
a.thread:link          { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/topic.gif); background-repeat:no-repeat; background-position: top left; }
a.thread:visited       { padding-left: 18px; color: #800080; text-decoration: none; font-weight: bold; background-image:url(img/topic.gif); background-repeat:no-repeat; background-position: top left; }
a.thread:hover         { padding-left: 18px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url(img/topic.gif); background-repeat:no-repeat; background-position: top left; }
a.thread:active        { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/topic.gif); background-repeat:no-repeat; background-position: top left; }

/* neue Threads: */
a.threadnew:link       { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/topic_new.gif); background-repeat:no-repeat; background-position: top left; }
a.threadnew:visited    { padding-left: 18px; color: #800080; text-decoration: none; font-weight: bold; background-image:url(img/topic_new.gif); background-repeat:no-repeat; background-position: top left; }
a.threadnew:hover      { padding-left: 18px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url(img/topic_new.gif); background-repeat:no-repeat; background-position: top left; }
a.threadnew:active     { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/topic_new.gif); background-repeat:no-repeat; background-position: top left; }

/* Antworten: */
a.reply:link           { padding-left: 16px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/reply.gif); background-repeat:no-repeat; background-position: top left; }
a.reply:visited        { padding-left: 16px; color: #800080; text-decoration: none; font-weight: normal; background-image:url(img/reply.gif); background-repeat:no-repeat; background-position: top left; }
a.reply:hover          { padding-left: 16px; color: #0000ff; text-decoration: underline; font-weight: normal; background-image:url(img/reply.gif); background-repeat:no-repeat; background-position: top left; }
a.reply:active         { padding-left: 16px; color: #0000cc; text-decoration: none; font-weight: normal; background-image:url(img/reply.gif); background-repeat:no-repeat; background-position: top left; }

/* Antworten in Suchergebnissen: */
a.reply-search:link    { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/reply_s.gif); background-repeat:no-repeat; background-position: top left; }
a.reply-search:visited { padding-left: 18px; color: #800080; text-decoration: none; font-weight: bold; background-image:url(img/reply_s.gif); background-repeat:no-repeat; background-position: top left; }
a.reply-search:hover   { padding-left: 18px; color: #0000ff; text-decoration: underline; font-weight: bold; background-image:url(img/reply_s.gif); background-repeat:no-repeat; background-position: top left; }
a.reply-search:active  { padding-left: 18px; color: #0000cc; text-decoration: none; font-weight: bold; background-image:url(img/reply_s.gif); background-repeat:no-repeat; background-position: top left; }

/* Threads für Admin (wegen Markierungen): */
a.threadadmin:link     { color: #0000cc; text-decoration: none; font-weight: bold; }
a.threadadmin:visited  { color: #800080; text-decoration: none; font-weight: bold; }
a.threadadmin:hover    { color: #0000ff; text-decoration: underline; font-weight: bold; }
a.threadadmin:active   { color: #0000cc; text-decoration: none; font-weight: bold; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px;	font-weight: bold;	color: #000000;}

#urlLink {
	position:absolute;
	left:0px;
	top:0px; 
	visibility: hidden;
	width:767px;
	height:27px;
	overflow:hidden;
	z-index: 1;
}
input.db_form {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 140px;
	border: 1px solid #A5A6A5;
}
textarea.db_form {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #A5A6A5;
}
select.db_form {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 140px;
	border: 1px solid #A5A6A5;
}
input.db_button {
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 140px;
	border: 1px solid #A5A6A5;
	background-color: #DEF3FF;
}

textarea.feedback{
	width:95%;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.style1 {font-weight: bold}
.style2 {
	color: #DAF1FB;
	font-weight: bold;
}
.style3 {color: #1AC0F0}
.style4 {color: #000000}


div#outer {
width: 800px;
background-color:#fafafa;
margin-top: 0px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 2px;
}

.cssbutton{
background-color: #455AAA;
border: 2px #B6C3E1 outset;
padding: 1px 2px;
color: white;
width:122px;
text-decoration: none;
font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: white;
}

.cssbutton:hover{
border-style: inset;
background-color: #DAF1FB;
color: #0357BE;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: white;
}

.borderTable {border: 1px solid #0055A5;}

a.ovalbutton{
background: transparent url('/images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 10px Tahoma; /* Change 10px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.texta { 
 font-size: 10px; 
 color: #0055A5; 
 border: 1px solid #0088F1; 
}

.selecta { 
 font-size: 10px; 
 color: #0055A5; 
 border: 1px solid #0088F1;
}

.dhtmlgoodies_window{
	width:300px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.9em;
	position:absolute;
	overflow:hidden;	
	z-index:10000;	
	
	
}
.dhtmlgoodies_window div{
	position:relative;
}
.dhtmlgoodies_window .dhtmlgoodies_window_top{
	width:100%;
	height:17px;
	position:relative;
	background-color: #707070;
	
	
}

.dhtmlgoodies_window .top_buttons{
	float:right;
	z-index:10;
	position:absolute;
	right:0px;
	width:35px;
	
	
}
.top_buttons img{
	float:left;
	padding-left:2px;
	
}
.dhtmlgoodies_windowMiddle{
	border-left:1px solid #707070;
	
}
.dhtmlgoodies_windowContent{
	border-right:1px solid #707070;
	padding-left:5px;
	padding-right:2px;

	height:100%;
	overflow:hidden;
	background-color:#FFF;
}
.dhtmlgoodies_window_bottom{
	border-left: 1px solid #707070;
	border-right:1px solid #707070;
	border-bottom: 1px solid #707070;
	position:relative;
	height:0px;
	background-color:#FFFFFF;
}
.dhtmlgoodies_window_bottom img{
	float:right;
}
.topCenterImage{
	position:absolute;
	left:1px;
	width:5000px;
	height:17px;
}
.resizeImage{
	position:absolute;
	right:1px;
	bottom:1px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/paged_menu.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#hoverpage {font-family:arial, verdana, sans-serif; font-size:76%;}

#hoverpage ul#menu li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#menu li div h2 {line-height:1em; color:#000; font-size:1.5em; font-weight:normal; margin-top:0;}
#hoverpage ul#menu li div h3 {line-height:1em; color:#666; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#menu li div h3.clear {clear:left;}

#hoverpage {width:650px; height:400px; border:1px solid #0055A5; background:#fff; position:relative; z-index:200; overflow:hidden; text-align:left;}

#hoverpage ul#menu {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#menu li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#menu li.page a.menuitem { color:#0088EE; text-decoration:none;}

#hoverpage ul#menu li.page i {position:absolute; display:block; height:25px; line-height:25px; padding-right:5px; right:510px; background:#fff; cursor:default; z-index:500; text-align:right; text-decoration:none; color:#666; font-style:normal; cursor:pointer; width:120px; border:1px solid #0055A5;}

#hoverpage ul#menu li.p1 i {top:30px;}
#hoverpage ul#menu li.p2 i {top:55px;}
#hoverpage ul#menu li.p3 i {top:80px;}
#hoverpage ul#menu li.p4 i {top:105px;}
#hoverpage ul#menu li.p5 i {top:130px;}

#hoverpage ul#menu li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444; background:#fff;}

#hoverpage ul#menu li div img {border:1px solid #ddd; float:right; margin:0 10px 5px 0;}
#hoverpage ul#menu li div p.big {line-height:1em; color:#333; font-size:1.5em;}
#hoverpage ul#menu li div a, #hoverpage ul#menu li div a:visited {color:#0088EE; text-decoration:underline;}
#hoverpage ul#menu li div em {display:block; width:200px; height:230px; float:left;}

#hoverpage ul#menu li.page div a:hover {text-decoration:none;}
#hoverpage ul#menu li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#menu li.click div {position:absolute; left:0; top:0;}
#hoverpage ul#menu li.click a i,
#hoverpage ul#menu li.click a:visited i
{color:#000; font-weight:bold;}

#hoverpage ul#menu div ul li {line-height:20px; color:#256; list-style-type:disc;}
#hoverpage ul#menu div ul li a,
#hoverpage ul#menu div ul li a:visited
{line-height:20px; color:#0088EE;}

#hoverpage ul#menu div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#menu div dl dt {line-height:30px; color:#333;}