/* title: stylesheet for burda digital systems */

/* ++++++ color scheme ++++++ */
/*
 green-box, green-kontur: #A9C947;
 green-heads: #92B42C;
 grey: #7F7F7F;
 separate-lines: #B9B9B9;
 lightgrey: #cccccc;
 bds-blue: #000066;
 schmutzblau: #777392;
*/

/* ++++++ image definitions ++++++ */
.RsideBox img.teaser, .LsideBox img.teaser, .middleBox img.teaser {
 border: 0px;
 float: left;
 padding: 5px 10px 5px 0;
}
.RsideBox img.teaser-end, .LsideBox img.teaser-end {
 border: 0px;
 float: left;
 padding: 5px 0 5px 0;
}

img {
 border: 0px;
}

/* ++++++ top-header with logo and digital-navigation ++++++ */
#logoheader {
 /* height: 120px; */
 height: 88px;
}
#logoheader img.bds-logo {
 position: absolute;
 top: 0px;
 left: 0px;
}
#logoheader img.hbm-logo {
 position: absolute;
 /* top: 15px; */
 top: 3px;
 left: 874px;
}
#headerLinks {
 position: absolute;
 /* top: 60px; */
 top: 30px;
 left: 732px;
}
#headerLinks div {
 margin-top: 4px;
}
a.topnav, a.topnav:visited {
 font-weight: bold;
 color: #7F7F7F;
}
a.topnav:hover, a.topnav:active {
 /* color: #92B42C; */
 color: black;
}

a.topnav-aktuell, a.topnav-aktuell:active, a.topnav-aktuell:hover, a.topnav-aktuell:visited {
 font-weight: bold;
 color: #92B42C;
}

/* ++++++ colored header ++++++ */
#header { 
 background-color: #000066;
 background-image: url(images/home_systems01.jpg);
 background-position: 252px 0;
 background-repeat: no-repeat;
 height: 120px;
}
#header3 {
 background-color: #000066;
 background-image: url(images/home03.jpg);
 background-position: 252px 0;
 background-repeat: no-repeat;
 height: 120px;
}

/* ++++++ body text ++++++ */
body {
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 width: 1016px;
 font-family: verdana, tahoma, helvetica, arial, sans-serif;
 font-size: 11px;
 color: #7F7F7F;
 line-height: 1.6em;
}

body.print {
 width: 506px;
}

/* ++++++ for font-size switch !! ++++++ */
#bodyAll {
}

/* ++++++ container for content-area ++++++ */
#bodyText {
 margin: 0 293px 20px 251px;
 padding: 0 18px 0 18px;
 border-left: 1px solid #B9B9B9;
 border-right: 1px solid #B9B9B9;
}

/* ++++++ IE hack for 3-px-text-jog hide from IE5-mac ++++++ \*/
* html #bodyText {
	margin: 0 290px 20px 248px;
	display:inline-block;
}
/* end hide from IE5-mac */

#bodyTextPrint {
 margin-bottom: 20px;
 padding: 0 18px 0 18px;
 width: 470px;
 /*
 border-left: 1px solid #B9B9B9;
 border-right: 1px solid #B9B9B9;
 */
}

#bodyText p, #bodyTextPrint p {
 /* margin-bottom: 35px; */
padding-bottom: 15px;
}

/* ++++++ header right/left column ++++++ */
.headline {
 font-weight: bold;
 font-size: 1.2em;
 padding-bottom: 0.25em;
 margin-bottom: 4px;
 /* border-bottom: 1px dotted #7F7F7F; */
 background-image: url("images/border_black_1x3.gif");
 background-repeat: repeat-x;
 background-position: bottom;
}

/* ++++++ content headline 2pt. diff. ! ++++++ */
#bodyText div.headline, #bodyTextPrint div.headline {
 font-size: 1.4em;
 padding-bottom: 0.2em; /* 4px; */
}

/* ++++++ big headline /content-area ++++++ */
.topteaser {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.7em;
 color: #7F7F7F;
}

/* ++++++ news/highlight switcher ++++++ */
#pageSkip {
 float: right;
}
#pageSkip a {
 font-weight: bold;
 color: #7F7F7F;
 background-color: #e6e6e6;
 padding: 1px 4px 1px 4px;
} 
#pageSkip a:active {
 color: white;
 background-color: #92B42C;
}
/* ++++++ end news/highlight switcher ++++++ */


/* ++++++ nach oben div ++++++ */
.topOfPage {
 margin-bottom: 15px;
 padding-bottom: 2px;
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}

/* ++++++ container for left boxes ++++++ */
.LHS {
 padding: 0 10px 0 32px;
 float: left;
 clear: left;
 /* border: 1px dotted red; */
}

/* ++++++ IE hack for 3-px-text-jog hide from IE5-mac ++++++ \*/
* html .LHS {
	margin-right: -3px;
}
/* end hide from IE5-mac */

/* ++++++ container for right boxes ++++++ */
.RHS {
 padding: 0 50px 0 10px;
 float: right;
 clear: right;
 /* border: 1px dotted red; */
}

/* ++++++ IE hack for 3-px-text-jog hide from IE5-mac ++++++ \*/
* html .RHS {
	margin-left: -3px;
}
/* end hide from IE5-mac */

a, a:visited {
 text-decoration: none;
 color: #777392;
}
a:hover, a:active {
 text-decoration: none;
 color: black;
}

a.switch, a.switch:visited {
 color: #CCCCCC;
 font-weight: bold;
}
a.switch:hover, a.switch:active {
 color: black;
}
a.more, a.more:visited {
 color: #777392;
 font-weight: bold;
}
a.more:hover, a.more:active {
 color: black;
}

h1, h2, h3 {
 font-family: verdana, tahoma, helvetica, arial, sans-serif;
 font-size: 12px;
}
h1, h3, .sideBox div, .headline {
 color: #92B42C; 
}
h2 {
 color: #999999;
}
strong, #navigation div a {
 color: black;
}
strong.grey {
 color: #7F7F7F;
}
/*
#header {
 background-color: #663366;
}
*/
.cl {
 clear: left;
}
.cr {
 clear: right;
}



/* ++++++ list/form/table styles ++++++ */
form {
 display: inline;
}
ul.teaser {
 list-style: none;
 display: inline;
}
ul.teaser li img {
 float: left;
 clear: left;
 padding: 10px 10px 0px 0;
 margin-bottom: 10px;
}
ul.teaser div {
 padding: 10px 0 10px 0;
}
select, option, input {
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 1em;
 color: #7F7F7F;
}
input.search {
 border: 1px solid #A9C947;
 width: 180px;
}
span.quicklinks {
 display: block;
 margin-top: 5px;
}

thead {
 color: #000;
 font-weight: bold;
 vertical-align: top;
}

td {
 vertical-align: top;
}


/* ++++++ contact form ++++++ */
input.kontakt, select.kontakt, textarea.kontakt {
 border: 1px solid #A9C947;
 padding-top: 2px;
 padding-bottom: 2px; 
 margin-top: 2px;
 margin-bottom: 2px;
 width: 300px;
}
input.kontakt-error {
 border: 1px solid #B30000;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 2px;
 margin-bottom: 2px;
 width: 300px;
}
select.kontakt {
 padding-top: 1px;
 padding-bottom: 1px;
}
.submit-kontakt {
 background-color: #A9C947;
 color: #ffffff;
 font-weight: bold;
 letter-spacing: 0.1em;
 border: 1px solid #99cc33;
}
.error {
 color: #B30000;
 font-weight: bold;
}
/* ++++++ end contact form ++++++ */




/* ++++++ TESTSUITE FOR BURDA STARTPAGE ++++++ */
#bd-company {
 margin: 0;
 padding: 0;
 font-family: verdana, tahoma, helvetica, arial, sans-serif;
 font-size: 11px;
 line-height: 1.5em;
 color: #7F7F7F;
}
#bd-company li {
 border-left: 1px solid #B9B9B9;
 border-bottom: 1px solid #B9B9B9; 
 list-style-type: none;
 float: left;
 padding: 36px 20px 0 20px;
 mko-margin-bottom: 200px;
 height: 190px;
}
#bd-company li.no-frame {
 padding-left: 30px;
 border-left: 1px solid #ffffff;
 border-bottom: 1px solid #ffffff;
}
#bd-company li.double {
 border-right: 1px solid #B9B9B9;
}
.bd {
 width: 200px;
 height: 155px;
}
/* ++++++ For Mozilla-based (CSS2-fully compliant) browsers only: ++++++ */
/*
[class~="bd"] {
 margin-top: 1px;
}
*/
.company {
 width: 194px;
 height: 155px;
}
/* ###### For Mozilla-based (CSS2-fully compliant) browsers only: ###### */
/*
[class~="company"] {
 margin-top: 1px;
}
*/
.company img, .bd img {
 padding-bottom: 4px;
}
.dot-line {
 padding-top: 4px;
 /* border-top: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: top;
 padding-bottom: 5px;
}
.link2page {
 padding-bottom: 15px;
}

/* ++++++ END TESTSUITE FOR BURDA STARTPAGE ++++++ */

/* ++++++ content navigation ++++++ */
#contentNav {
 font-size: 9px;
 height: 40px;
 margin: 0 293px 0 251px;
 padding: 6px 18px 0 18px;
 border-left: 1px solid #B9B9B9;
 border-right: 1px solid #B9B9B9;
}
a.connav, a.connav:visited {
 color: #7F7F7F;
}
a.connav:hover, a.connav:active {
 color: black; 
}

/* ++++++ colored teaser-banner ++++++ */
#banner {
 background: #A9C947;
 width: 180px;
 padding: 14px;
 margin-bottom: 15px;
 /* border: 1px dotted red; */
}

#banner a, #banner a:active, #banner a:visited, #banner a:hover {
 font-family: arial, helvetica, sans-serif;
 font-size: 30px;
 line-height: 1.2em;
 color: white;
}

/* ++++++ Side Box left/right and Navigation ++++++ */
.LsideBox {
 width: 208px;
 padding-bottom: 5px; /* 0 0 10px 0; */
 /* border-bottom: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 margin-bottom: 15px;
 /* border: 1px dotted blue; */
}

.RsideBox {
 width: 232px;
 padding-bottom: 5px;
 /* border-bottom: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: bottom;
  
 margin-bottom: 15px;
  /* border: 1px dotted blue; */
}
.middleBox {
 
 margin-left: 120px;
}
.LsideBox span, .RsideBox span {
 display: block;
 padding-bottom: 0.8em;
}
.middleBox span {
 display: block;
}
.article-leftpic {
 padding-right: 15px;
}
.article-rightpic {
 padding-left: 15px;
}
.caption {
 padding: 5px 0 5px 0;
 margin-bottom: 20px;
 /* border-bottom: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}
.thumbs {
 width: 100px;
 height: 100px;
 float: left;
 border: 1px solid #B9B9B9;
 margin: 0 8px 10px 0;
}
.thumbs-end {
 width: 100px;
 height: 100px;
 float: left;
 border: 1px solid #B9B9B9;
 margin-bottom: 10px;
}
.back2list {
 padding: 5px 0 20px 0;
 /* border-top: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: top;
}

/* ++++++ navigation ++++++ */
#navigation {
 width: 208px;
 padding: 0 0 10px 0;
}
#navigation div {
 padding-bottom: 0.25em;
 margin-bottom: 6px;
 /* border-bottom: 1px dotted #7F7F7F; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}
#navigation div a {
 font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
 color: black;
}
#navigation div.sub {
 /* padding: 0 0 0.4em 0;
 border: 1px solid #0a0; */
}
#navigation div.sub a {
 font-size: 1em;
 font-weight: normal;
 display: block;
 text-transform: none;
 padding: 0.4em 0 0.2em 0;
 color: #7F7F7F;
}
#navigation div a:active, #navigation div a:hover, #navigation div.sub a:active, #navigation div.sub a:hover {
 color: #92B42C;
 font-weight: bold;
}
/* ++++++ end navigation ++++++ */

/* ++++++ footer ++++++ */
#footerMain {
 color: black;
 clear: both;
}
#footerMap {
 margin: 0 50px 15px 32px;
 /* border-top: 1px dotted black; */
 background-image: url(images/border_black_1x3.gif);
 background-repeat: repeat-x;
 background-position: top;
 /* padding: 0.5em 0 0.5em 0; */
 padding: 7px 0 4px 0;
  /* border: 1px solid red; */
}

.footerLinks {
 float: right;
}
/*
#footer div {
 padding-left: 3mm;
}
#footer * {
 background-color: inherit;
 font-size: 92%;
}
*/
#footerMap a, a:visited, #footerMapPrint a, a:visited {
 font-weight: normal;
 color: black;
}
#footerMap a:active, a:hover, #footerMapPrint a:active, a:hover {
 text-decoration: none;
}

#bd-company li.middle {
	border-bottom: 1px solid #fff;
	margin: 0 0 50px 0;
}