﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
     margin:0;   
     padding:0;   
 } 
 table {  
     border-collapse:collapse;   
     border-spacing:0;   
 } 
 fieldset,img {    
     border:0;   
 } 
 address,caption,cite,code,dfn,em,strong,th,var {  
     font-style:normal;   
     font-weight:normal;   
 } 
 ol,ul {       list-style:none;   
 } 
 caption,th {  
     text-align:left;   
 } 
 h1,h2,h3,h4,h5,h6 {  
     font-size:100%;   
     font-weight:normal;   
 } 
 q:before,q:after {  
     content:'';   
 } 
 abbr,acronym { border:0;   
 }  


html,body,form
{
    height: 100%;
}

body {
  background-color: #dddee0;
  background-image: url('img/bg-page.gif');
  background-repeat: repeat-x;
  color: #58585a;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5em;
}

p {
  margin: 0;
  padding: 0;
}

/*
a {
  color: #58585a;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
*/

hr {
  border: 0;
  border-top: 1px solid #c6c7c8;
  color: #fff;
  height: 1px;
  margin: 0;
  noshade: noshade;
  padding: 0 0 4px 0;
  size: 1px;
}

h1 {
  color: #860f51;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 0 0 8px 0;
}

h2 {
  color: #000000;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

h3 {
  color: #860f51;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
  padding: 4px 0 0 0;
}

/* h4 für Querverweise */
h4 {
  margin: -6px 0 0 0;
  padding: 0;
}

h4 a {
  background-image: url('img/bg-querverweise.gif');
  background-repeat: no-repeat;
  color: #58585a;
  display: block;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  height: 25px;
  line-height: 1.3em;
  margin: 0;
  padding: 5px 0 0 0;
  width: 191px;
}

h4 a:hover, h4 a:active {
  background-image: url('img/bg-querverweise-active.gif');
  background-repeat: no-repeat;
  color: #58585a;
  display: block;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  height: 25px;
  line-height: 1.3em;
  margin: 0;
  padding: 5px 0 0 0;
  width: 191px;
}

img {
  border: none;
}

input.Search {
  border: none;
  color: #58585a;
  font-size: 11px;
  height: 17px;
  margin: 0;
  padding: 0;
  width: 120px;
}

div.clear {
  height: 1px;
  overflow: hidden;
  font-size: 1px;
  clear: both;
} 

#MAIN 
{
    width: 910px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

/***** TOP *****/ 
#TOP {
  height: 10px;
}

div.TopLeft {
  background-image: url('img/bg-top-left.gif');
  background-repeat: no-repeat;
  float: left;
  width: 10px;
}

div.TopCenter {
  background-image: url('img/bg-top-center.gif');
  background-repeat: repeat-x;
  float: left;
  width: 890px;
}

div.TopRight {
  background-image: url('img/bg-top-right.gif');
  background-repeat: no-repeat;
  float: left;
  width: 10px;
}

/***** CENTER *****/ 
#CENTER {
  background-image: url('img/bg-content.gif');
  background-repeat: repeat-y;

  min-height: 500px;
  padding: 0;
}

div.quickfinder select {
  color: #58585a;
	font-size: 11px;
  height: 20px;
	margin:	0 0 12px 0;
	padding: 2px;
	width: 160px;
}

/***** CONTENT *****/
div.Content 
{
  background-image: url('img/bg-main.gif');
  background-repeat: no-repeat;
  min-height: 500px;
}

div.contentRegion
{
    padding-left: 10px;
    padding-right:10px;
}

div.rightContent
{
    float:left;
    padding-left: 20px;
    min-height:500px;
    width: 500px;
}

div.centerContent
{
    padding-left: 20px;
    padding-right:20px;
    min-height:500px;
}


div.ContentTop {
  float: left;
}


div.Logo
{
    float: left;
    padding: 20px 0 0 22px;
    width: 130px;
    margin-left: 20px;
}

div.TopNavi {
  padding: 0;
}

div.TopNavi ul {
  list-style-type: none;
}

div.Teaser
{
    height: 50px;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 858px;
}

div.Path {
  padding: 0;
  margin: 8px 4px;
}

div.Path a
{
    color: Blue;
}

div.Functions {
  float: right;
  margin: 0;
  padding: 0 22px 0 0;
}

div.Functions ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px 0 0;
}

div.Functions ul li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 3px;
}

div.Line {
  background-image: url('img/bg-line.gif');
  background-repeat: repeat-x;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 858px;
  margin-bottom: 12px;
}

div.MainNavi {
  float: left;
  margin-left: 16px;
  width: 175px;
  padding: 0;
}

div.ContentArticles 
{
    float:left;
  width:100%;
}

div.Introduction {
  height: 122px;
}

div.Feed {
  height: 134px;
}

/***** CONTENT LEFT & RIGHT *****/
div.ContentLeft
{
    float: left;
    margin: 0;
    width: 460px;
    padding-top: 0px;
    padding-right: 0;
    padding-left: 20px;
}

div.ContentLeft div.Border {
  margin: 0;
  padding: 4px 0 0 0;
  width: 453px;
}

div.ContentLeft div.ArticleContent {
  margin: 0;
  padding: 10px 16px 4px 16px;
}

div.ContentRight
{
    float: left;
    margin: 0;
    padding: 0px 0 0 18px;
    width: 191px;
}

div.MainNavi h1 {
  background-image: url('img/bg_bar_175.gif');
  background-repeat: no-repeat;
  color: #ffffff;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 0 0 0 8px;
  width: 191px;
  line-height: 2em;
}

div.ContentRight h1 {
  background-image: url('img/bg-right-headline.gif');
  background-repeat: no-repeat;
  color: #ffffff;
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 0 0 0 8px;
  width: 191px;
  line-height: 2em;
}

div.ContentRight img {
  border: none;
  margin: 0;
  padding: 0;
}

/***** SEARCH *****/
div.SearchField {
  float: right;
  margin: 0 4px;
  width: 159px;
  height: 21px;
  border: 0px solid red;
  background: transparent url(img/bg_search_2.gif);
}
div.SearchField input {
  border: 0;
  font-size: 11px;
  width: 100px;
  margin: 2px 0 0 20px;
  background-color: transparent;
}

/***** NEWS *****/
div.News {
  height: 78px;
  margin: 0 0 -4px 0;
  padding: 6px 0 0 0;
}

div.News p.NewsContent {
  height: 33px;
}

div.News h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div.News a.Details {
  background-image: url('img/bg-details.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.News a.Details div {
  margin-top: -2px;
}

div.News a.Details:hover {
  background-image: url('img/bg-details-active.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.News img.GrayLine {
  padding: 16px 0 0 0;
  margin: 0 0 0 -84px;
}

div.NewsDetails {
  float: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

div.NewsDetails h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}

div.NewsDetails h1 span {
  color: #860f51;
  font-size: 14px;
  font-weight: bold;
}

div.NewsDetails a.Back {
  float: right;
  margin: -5px 0 0 0;
  padding: 0 6px 0 0;
}

div.NewsDetails img.Back {
  float: right;
  margin: -4px 0 0 0;
}

/***** REFERENCE *****/
div.Reference {
  height: 78px;
  margin: 0 0 -4px 0;
  padding: 6px 0 0 0;
}

div.Reference p.ReferenceContent {
  height: 33px;
}

div.Reference h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}

div.Reference a.Details {
  background-image: url('img/bg-details.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.Reference a.Details div {
  margin-top: -2px;
}

div.Reference a.Details:hover {
  background-image: url('img/bg-details-active.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.Reference img.GrayLine {
  padding: 16px 0 0 0;
  margin: 0 0 0 -84px;
}

div.ReferenceDetails {
  float: none;
  height: 100%;
}

div.ReferenceDetails h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
}

div.ReferenceDetails h1 span {
  color: #860f51;
  font-size: 14px;
  font-weight: bold;
}

div.ReferenceDetails a.Back {
  float: right;
  margin: -5px 0 0 0;
  padding: 0 6px 0 0;
}

div.ReferenceDetails img.Back {
  float: right;
  margin: -4px 0 0 0;
}

/***** REFERENCE LOGOS  *****/
div.ReferenceLogos {
  position: absolute;
  left: 672px;
  top: 394px;
}

/***** SERVICE *****/
div.Service {
  height: 66px;
  margin: 0;
  padding: 0;
}

div.Service h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div.Service a.Details {
  background-image: url('img/bg-details.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.Service a.Details div {
  margin-top: -2px;
}

div.Service a.Details:hover {
  background-image: url('img/bg-details-active.gif');
  background-repeat: no-repeat;
  display: block;
  width: 60px;
  height: 13px;
  float: right;
  margin: 7px 0 0 0;
  padding: 0 0 0 8px;
}

div.ServiceDetails {
  float: none;
  margin: 0;
  padding: 0;
}

div.ServiceDetails h1 {
  color: #8e1f5d;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div.ServiceDetails h1 span {
  color: #860f51;
  font-size: 14px;
  font-weight: bold;
}

div.ServiceDetails a.Back {
  float: right;
  margin: -5px;
  padding: 0 12px 0 0;
}

/***** DOWNLOADS *****/
div.Download {
  background-image: url('img/bg-download.gif');
  background-repeat:repeat-x;
  height: 30px;
  margin: 0 0 0 -9px;
  width: 439px;
  padding: 0 0 0 12px;
}

div.Download img {
  float: right;
  margin: 0;
  padding: 2px 6px 0 0;
}
div.Download span {
  float: right;
  margin: 0;
  padding: 0 6px 0 0;
}
div.Download h3 {
  color: #58585a;
}

/***** BOTTOM *****/ 
#BOTTOM {
  clear:both;
  height: 10px;
  width: 910px;
}

div.BottomLeft {
  background-image: url('img/bg-bottom-left.gif');
  background-repeat: no-repeat;
  float: left;
  width: 10px;
}

div.BottomCenter {
  background-image: url('img/bg-bottom-center.gif');
  background-repeat: repeat-x;
  float: left;
  width: 890px;
}

div.BottomRight {
  background-image: url('img/bg-bottom-right.gif');
  background-repeat: no-repeat;
  float: left;
  width: 10px;
}

/***** FOOTER *****/ 
#FOOTER {
  background-image: url('img/bg-footer.gif');
  background-repeat: no-repeat;
  float: left;
  margin: 16px 0 0 5px;
  padding: 0;
  width: 900px;
}
#FOOTER ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 129px;
}
#FOOTER ul li {
  height: 16px;
}
#FOOTER a {
  font-size: 10px;
  margin: 0;
  padding: 0;
}

div.Shortcuts {
  margin: 0;
  padding: 6px 0 0 4px;
}
div.Shortcuts p {
  margin: 0 0 10px 0;
  padding: 0 0 0 8px;
}

div.Info {
  padding: 0;
  text-align: center;
}

/***** BORDER *****/

/*
div.Border {
  padding: 4px 0 0 0;
  margin: 0;
}
*/

/*
div.Border div.border-tl {
  background: transparent url('img/media/border-tl.gif') no-repeat left top;
  height: 11px;
  overflow: hidden;
}

div.Border div.border-tr {
  background: transparent url('img/media/border-tr.gif') no-repeat right top;
}

div.Border div.border-tc {
  background: transparent url('img/media/border-tc.gif') repeat-x;
  margin: 0 11px;
}

div.Border div.border-tc h1 {
  margin-top: 1px;
}

div.Border div.border-cl {
  background: transparent url('img/media/border-cl.gif') repeat-y;
  margin: 0 0 -9px 0;
}

div.Border div.border-cr {
  background: transparent url('img/media/border-cr.gif') repeat-y right top;
}

div.Border div.border-bl {
  background: transparent url('img/media/border-bl.gif') no-repeat left top;
  height: 9px;
  overflow: hidden;
}

div.Border div.border-br {
  background: transparent url('img/media/border-br.gif') no-repeat right top;
}

div.Border div.border-bc {
  background: transparent url('img/media/border-bc.gif') repeat-x;
  margin: 0 11px;
}
*/

.t {background: url('img/media/border-dot.gif') 0 0 repeat-x;}
.b {background: url('img/media/border-dot.gif') 0 100% repeat-x}
.l {background: url('img/media/border-dot.gif') 0 0 repeat-y}
.r {background: url('img/media/border-dot.gif') 100% 0 repeat-y}
.bl {background: url('img/media/border-bl.gif') 0 100% no-repeat}
.br {background: url('img/media/border-br.gif') 100% 100% no-repeat}
.tl {background: url('img/media/border-tl.gif') 0 0 no-repeat}
.tr {background: url('img/media/border-tr.gif') 100% 0 no-repeat;} 

/*
.t,.b,.l,.r,.bl,.br,.tl,.tr{
	height: 100%;
}
*/

/***** FUNCTIONS *****/ #recomend-container {
  background: #e0e0e0;
  border: 1px solid #b1b3b4;
  border-top: 0;
  display: none;
  font-size: 11px;
  height: 196px;
  left: 498px;
  position: absolute;
  top: 159px;
  width: 374px;
} #recomend-container fieldset.First {
  border: 0;
  float: left;
  width: 160px;
} #recomend-container label {
  margin: 0 0 0 -9px;
} #recomend-container input {
  color: #58585a;
  font-size: 11px;
  margin: 0 0 0 -49px;
} #recomend-container input.Button {
  color: #58585a;
  font-size: 11px;
  font-family: Arial;
  margin: 0;
  padding: 0;
}

/* Pager */
div.Pager a {
  color: #860f51;
}

/* TinyMCE specific rules */
body.mceContentBody {
  background: #ffffff none !important;
  padding: 4px;
}

body.mceContentBody p, body.mceContentBody td {
  font-family: Arial, Helvetica;
  font-size: 11px;
  color: #58585a;
}

a.Details:hover
{
    background:transparent url('img/bg-details-active.gif') no-repeat scroll right;
}

div.linklist a.active
{
    background:transparent url('img/bg-details-active.gif') no-repeat scroll right;
}

a.Details
{
    background-position: right;
    background: transparent url('img/bg-details.gif') no-repeat scroll right;
    height: 13px; /*
    margin: 7px 0 0;
*/
    padding-right: 17px;
    color: #58585a;
}

div.Details:hover
{
    background:transparent url('img/bg-details-active.gif') no-repeat scroll right;
}

div.Details
{
    background-position: right;
    background: transparent url('img/bg-details.gif') no-repeat scroll right;
    height: 13px; /*
    margin: 7px 0 0;
*/
    padding-right: 17px;
    display: block;
}

a
{
    color:#00c;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

div.quickLinks
{
    width: 191px;
}

div.linklist
{
    
}

div.linklist a
{
    display: block;
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #C6C7C8;   
}

div.quickLinks h1
{
    background-image: url(img/bg-right-headline.gif);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 2em;
    margin: 0 0 2px 0;
    padding: 0 0 0 8px;
}


