body {
    color: #333399;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #f3f4f5 url(images/hg.jpg) repeat-x;
    padding: 0;
    margin: 0;
    text-align: center;
}

h1 {font-size: 18px; font-weight: bold; padding: 0 0 1em 0; margin: 0;}
h2 {font-size: 14px; color: #339; padding: 0 0 0.5em 0; margin: 0;}
h3 {font-size: 13px; color: #339; padding: 0 0 0.5em 0; margin: 0;}
h4 {font-size: 13px; color: #339; padding: 0 0 0.5em 0; margin: 0;}
/* WIKI p {padding: 0 0 1em 0; margin: 0;} */

a {color: #339; text-decoration: underline; /*font-weight: bold;*/}
a:hover {color: #339; text-decoration: underline; }

/*td {vertical-align: top; text-align: left; font-size: 12px;}*/
img {border: 0; margin: 0;}
ul, ol {margin-bottom: 0; padding-bottom: 1em;}

#rahmen {width: 773px; margin: 0 auto; text-align: left;}

#sitenavi {height: 29px; font-size: 10px; padding: 6px;} 
#sitenavi ul {float: right; padding: 0; margin: 0; list-style-type: none;}
#sitenavi ul li {float: left; color: #336; background: url(images/sitenavi_tab.gif) 100% 100% no-repeat; padding: 0 10px 0 0;}
#sitenavi ul li a {color: #336; display: block; padding: 0 0 2px 10px; background: url(images/sitenavi_tab.gif) no-repeat 0 100%; text-decoration: none; font-weight: bold;}
#sitenavi ul li a:hover {text-decoration: underline;}

#header {height: 134px; background: url(images/hg-header.jpg) no-repeat;} 
.logo {float: left; padding: 5px 0 0 38px;}
.search {float: right; font-size: 11px; font-weight: bold; padding: 52px 11px 0 0;}

#menu {padding: 112px 0 0 26px; font-size: 13px;}
#menu ul {padding: 0; margin: 0; list-style-type: none;}
#menu li {float: left; padding: 0 26px 0 0;}
#menu li a {font-weight: normal; text-decoration: none;}
#menu li.active a {font-weight: bold;}
#menu li a:hover {color: #666; text-decoration: underline;}

#content {background-color: #fff; padding: 15px 0 0 0; margin: 0; border-width: 0 1px 0 1px; border-style: solid; border-color: #8d96b3;} 

#right {float: right; width: 261px; font-size: 11px;}
.infoboxright {height: 95px; padding: 0 0 0 110px; background-repeat: no-repeat; line-height: 15px; }
.infobluetop    {background: url(images/right-hg-blue.gif) no-repeat 0 0; height: 15px;}
.infoblue       {line-height: 15px; background: #eaeef3; border-left: 1px solid #989aac} /*#f1f2f4*/
.infobluebottom {background: url(images/right-hg-blue.gif) no-repeat 0 100%; height: 15px;}
.infolinestop    {background: url(images/right-bg-lines-tb.gif) no-repeat 0 0; height: 12px;}
.infolines       {background: url(images/right-bg-lines-middle.gif) repeat-y 0 0; line-height: 15px; padding: 5px 15px 5px 15px;} 
.infolinesbottom {background: url(images/right-bg-lines-tb.gif) no-repeat 0 100%; height: 12px;}


#left {float: left; width: 500px;}
#left a {text-decoration: underline; font-weight: normal;}
#left a:hover {text-decoration: none;}
#left h2 a {font-weight: bold;}
.leftboxbluetop {height: 15px; background: url(images/left-blue.gif) 0 0 no-repeat;}
.leftboxblue {padding: 0 20px 0 20px; line-height: 17px; background: #d5dee7; height: 110px; overflow: auto;}
.leftboxblue h1 {color: #fff;}
.leftboxbluebottom {margin: 0 0 10px 0; height: 15px; background: url(images/left-blue.gif) 0 100% no-repeat;}
.searchhighlight {color: #f5671d; font-weight: bold;}

.infoboxleft {margin: 0; padding: 20px 20px 0 160px; background-repeat: no-repeat; line-height: 15px}
.referenztext {float: right; width: 355px; padding-bottom: 20px}

.inhaltrandtop {width: 500px; height: 15px; background: url(images/inhalt.gif) no-repeat 0 0;}
.inhalt {border-right: 1px solid #8b93a8; padding: 0 20px 0 20px; font-size: 12px; line-height: 17px;}
.inhaltrandbottom {margin: 0 0 10px 0; width: 500px; height: 17px; background: url(images/inhalt.gif) no-repeat 0 100%;}

.clear {clear: both;}

#footer {padding: 32px 0 10px 0; font-size: 11px; color: #919191; background: url(images/hg-footer.gif) no-repeat; text-align: center;}
#footer a {color: #919191;}

.pager {clear: both; padding-top: 1em; font-size: 10px; padding-bottom: 1em;}
.more {padding: 4px 0 20px;}

form {padding: 0; margin: 0;}
.input {font-size: 11px; width: 105px; margin-top: 5px;}
.submitsearch {border: 0; background: transparent url(images/lupe.gif);  width: 20px; height: 20px; margin-left: 5px}
.submitsearch:hover {background: url(images/lupe-over.gif);}
.submitarrow {border: 0; background: transparent url(images/pfeil.gif); width: 20px; height: 20px; margin-left: 5px}
.submitarrow:hover {background: url(images/pfeil-over.gif);}

.space-bottom {margin-bottom: 10px;}

.cponews {padding-bottom: 2em;}

/* WIKI */
#left {line-height: 150%;}
#left .boxheader {width: 500px; height: 15px; background: url(images/inhalt.gif) no-repeat 0 0;}
#left .boxbody   {border-right: 1px solid #8b93a8; padding: 0 20px 0 20px; font-size: 12px; line-height: 17px;}
#left .boxfooter {margin: 0 0 10px 0; width: 500px; height: 17px; background: url(images/inhalt.gif) no-repeat 0 100%;}

#right .boxheader {background: url(images/right-bg-lines-tb.gif) no-repeat 0 0; height: 12px;}
#right .boxbody   {background: url(images/right-bg-lines-middle.gif) repeat-y 0 0; line-height: 15px; padding: 0 15px;} 
#right .boxfooter {background: url(images/right-bg-lines-tb.gif) no-repeat 0 100%; height: 12px;}

#right ul, ol {margin: 0; padding: 0 0 0 2em;}

pre { overflow: auto; background: #ebecf0; font-size: 11px;}
hr { margin: 0 0 0 0; }
textarea {width: 100%; font-size: 12px;}
ul, ol {padding-bottom: 0;}

.code {overflow: auto;}