/*
  =Menu
  =Round Corners
  =Start
*/

@import url("reset.css");
@import url("entries.css");

body {
  background: #FFFF00 url(../img/bg.gif);
  margin: 0 0 0 15px;
}

p,ul,ol,li,div,address,td,th,textarea,input,h1,h2,h3,h4 {
  color: #000;
  font-family: Verdana, Helvetica;
  font-size: 12px;
}

img {
  border: none;
}

a:link, a:active, a:visited {
  color: #000;
}

a:hover {
  color: #FF9B37;
}

h1 {
  font-size: 23px;
  line-height: 44px;
  margin: 0 0 5px 10px;
}

h3.InfoBox {
  margin-top: 0;
}

h3.newsTitle {
  background: url(../img/3dots_orange.gif) no-repeat 2px 7px;
  padding-left: 20px;
}

.PageNav {
  display: none;
}

textarea, input {
  color: #000;
}

#header {
  background: url(../img/header.gif) no-repeat;
  height: 130px;
  margin: 15px 0 0 -15px;
  padding-right: 15px;
  width: 100%;
}

#logo-claim a {
  display: block;
  height: 100px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 220px;
}

#pagepath {
  clear: left;
  height: 85px;
  left: 200px;
  padding-top: 5px;
  position: absolute;
  text-align: right;
  top: 15px;
  width: 780px;
}

#metanav {
  background: transparent url(../img/metanav_bg.gif) no-repeat;
  height: 40px;
  left: 752px;
  overflow: hidden;
  padding: 1px 0 0 9px;
  position:absolute;
  top: 105px;
  width: 235px;
}

#metanav-intro {
  background: transparent url(../img/metanav_bg_intro.gif) no-repeat;
  height: 40px;
  left: 752px;
  overflow: hidden;
  padding: 1px 0 0 9px;
  position:absolute;
  top: 105px;
  width: 235px;
}

#metanav a {
  color: #ff9b32;
  font-weight: bold;
  text-decoration: none;
}

#metanav a:hover {
  text-decoration:underline;
}

#metanav-1 {
  float: left;
  margin-left: 30px;
  width: 258px;
}

#metanav-2 {
  float: left;
}

#metanav-intro-1 {
  float: left;
  margin-left: 45px;
  width: 258px;
}

#main {
  float: left;
  width: 978px;
}

#menu {
  float: left;
  margin-left: 11px;
  width: 200px;
}

#PageContent {
  float: left;
  margin-left: 15px;
  width: 752px;
}

h2.Section {
  /*float: left;*/
  font-weight: bold;
  padding-bottom: 1em;
font-size:14px;
font-weight:bold;
 /*width: 745px;*/
  /* ACHTUNG: Breite wird direkt im XML per style=... gesetzt! */
}

.Section.OffsetLeft370 { margin-left: 370px; }
.Section.OffsetLeft555 { margin-left: 555px; }

.Section.OffsetWidth185 { width: 185px ! important; }
.Section.OffsetWidth370 { width: 370px ! important; }

.Section.Width370 { width: 370px ! important; }
.Section.Width740 { width: 745px ! important; }

.sectionSpacer {
  clear:left;
  height: 8px;
}

.newslist-spacer {
  clear:left;
  height: 15px;
}

.Column {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.Column.Type1 { width: 345px}
.Column.Type2 { width: 715px}
.Column.Type3 { width: 160px}
.Column.Type4 { width: 530px}
/*
.Column.w350 { width: 350px; }
.Column.w720 { width: 720px; }
*/

.infobox-top {
  background: url(../img/menu/infobox-top.gif) no-repeat;
  height: 10px;
  width: 200px;
}

.infobox-body {
  color: #780000;
  background-image: url(../img/menu/infobox-body.gif);
  float: left;
  padding: 0 10px 0 10px;
  width: 180px;
}

.infobox-body p, .infobox-body h3 {
  color: #780000;
}

.infobox-bottom {
  clear: left;
  background-image: url(../img/menu/infobox-bottom.gif);
  height: 10px;
  width: 200px;
}

.Col2 .Entry.Image {
  margin-top: 0px;
}

.NewsEntity.NewsDate {
  margin-left: 10px;
}

.newslist .newsdate, .newslist .entry.teaser {
  margin-left: 19px;
}

.newslist .newsdate {
  color: #979AA0;
}

#Search .inside {
  padding: 0 0 20px 20px;
}

#Search .inside h1 {
  margin-left: 0;
}

#Search .hit {
  padding: 5px;
}

#Sitemap ul {
  margin-left: 25px;
}

#Sitemap ul li {
  line-height: 25px;
}

/* =====Menu===== */

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li a {
  background: url(../img/menu/button.gif) no-repeat -2px 0;
  display: block;
  height: 26px;
  padding: 2px 0 0 15px;
  text-decoration: none;
  width: 204px;
}

  #menu li a:hover { color: #000; background-image: url(../img/menu/button_over.gif); }
  #menu li a.current { background-image: url(../img/menu/button_active.gif); }

  #menu li a.showChildren,
  #menu li a.showChildren:hover,
  #menu li a.showChildren .current,
  #menu li a.showChildren.current:hover {
    background-image: url(../img/menu/button_active_open.gif);
  }

#menu li.open ul {
  background-color: white;
  margin: 0;
}
#menu li.open ul li.Pos1 {
  margin-top: 0;
}
#menu li.open div {
  margin-bottom: 8px;
}


#menu li li {
  background: url(../img/3dots_orange.gif) no-repeat 15px 10px;
  height: auto;
  margin-top: 5px;
  padding: 0 15px 0 32px;
}

#menu li li.News {
  background: url(../img/3dots_orange.gif) no-repeat 15px 28px;
}

#menu li li.current {
  background-image: url(../img/3dots_grey.gif);
}

#menu li li a {
  background: none;
  height: auto;
  padding-left: 0;
  width: auto;
}

#menu li li a.current,
#menu li li a.current:hover {
  background-image: none;
  color: #979AA0;
  text-decoration: none;
}

#menu li li a:hover {
  background-image: none;
  color: #FF9B37;
  text-decoration: underline;
}

/*
body#Start #menu li.last a {
  background-image:url(../img/menu/button_startlast.gif);
}

body#Start #menu li.last a:hover {
  background-image:url(../img/menu/button_startlast_over.gif);
}
*/
.newsdate-menu, a:hover .newsdate-menu {
  color: #979AA0;
}

/* =====Round Corners===== */

.top-left, .top-right, .bottom-left, .bottom-right {
  background-image: url('../img/roundcorners.gif'); /* CHANGE: path and name of your image */
  font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
  height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
}

.top-left, .bottom-left {
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}

.top-right, .bottom-right {
  margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
  margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
}

.top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}

.bottom-left  {
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
}

.bottom-right {
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}

.inside {
  background: #fff; /* YCC: background-color of the inside */
  /*border-left: 1px solid #C00000; YCC: color & properties of the left-borderline */
  /* border-right: 1px solid #C00000;YCC: color & properties of the right-borderline */
  color: #000000;
  /*float:left;*/
  margin-bottom: -1px;
  margin-top: 0;
  /*overflow: auto;*/
  padding-bottom: 1px;
  padding-left: 0px; /* YCC: all texts at some distance of the left border */
  padding-right: 0px; /* YCC: all texts at some distance of the right border */
}

/*
div.Anchor{
  display: none;
}
*/
div.EndColumns {
  clear: left;
}

#AdtrCtrl {right:auto; left:300px}


/* =====Start===== */

.newsbox-body {
  background-color: white;
  float:left;
  padding: 0 10px 0 10px;
  width: 180px;
}

.news {
  margin-bottom: 10px;
}

.news .date {
  color: #989BA2;
  padding-left: 18px;
}

.news .title {
  background: url(../img/3dots_orange.gif) no-repeat 2px 7px;
  padding-left: 18px;
}

.news a {
  text-decoration: none;
}

.news a:hover {
  color: #FF9B37;
  text-decoration: underline;
}

.news img {
  border-bottom: 3px solid white;
  border-top: 5px solid white;
  text-decoration: none;
}

.newsbox-bottom {
  background-image: url(../img/menu/newsbox-bottom.gif);
  clear: left;
  height: 10px;
  width: 200px;
}

.Section.Start {
  margin-bottom: 15px;
  width: 800px;
}

.Column.Start {
  background-repeat: no-repeat;
  margin: 0 15px 0 0;
  width: 365px;
}

.Column.Start .inside {
  padding: 0 10px 0 10px;
}

.Column.Start.Image .inside {
  margin-top: 150px;
  padding-top: 5px;
}

.Column.Start.Image .Entry.Headline h3 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.Column.Start.Image .Entry.Text p {
  height: 54px;
  margin-bottom: 0;
}

#Start .sectionSpacer {
  height:15px;
}

a.MehrErfahren,
a.DemoStarten {
  background-image: url(../img/start/mehr_erfahren_0.gif);
  display: block;
  height: 28px;
  margin-left: 205px;
  width: 125px;
}

a.MehrErfahren:hover {
  background-image: url(../img/start/mehr_erfahren_1.gif);
}

a.DemoStarten {
  background-image: url(../img/start/demo_starten_0.gif);
}

a.DemoStarten:hover {
  background-image: url(../img/start/demo_starten_1.gif);
}