/****************************************************

  1.  basics
  2.  header
  3.  container
  4.  content
  5.  footer
  6.  tip

****************************************************/

/* 1.  basics */
a
{
  color: #0184dc;
  text-decoration:none;
}

body
{
  color:#5b5b5b;
  font-size:1em;
}

/* 2.  header */
.header
{
  width:100%;
  overflow:hidden;
  margin:0 0 17px 0;
}

.header .logo
{
	display:block;
	float:left;
	margin:0 0 0 25px;
}

.header .satnav
{
  float:right;
  overflow:hidden;
  margin:0 25px 0 0;
  font-size:0.75em;
}

.header .satnav > li
{
	float:left;
}

.header .satnav > li:first-child a
{
	background:transparent url(../img/elements/separator.default.gif) right 1px no-repeat;
	padding-right:11px;
}

.header .satnav > li a
{
  padding:0 0 2px 10px;
  display:block;
}

/* 3.  container */
.main
{
  width:868px;
  margin:0 auto;
  padding:22px 0 0 0;
  position:relative;
}

.contentContainer
{
  background:transparent url(../img/elements/back.container.body.gif) left top repeat-y;
}

.contentContainer .innerContent
{
  background:transparent url(../img/elements/back.container.head.gif) left top no-repeat;
}

.contentContainer .content
{
  background:transparent url(../img/elements/back.container.foot.gif) left bottom no-repeat;
  overflow:hidden;
  padding:14px 4px 18px 4px;
}

/* 4.  content */
.contentContainer.content .innerContent
{
  position:relative;
}

.contentContainer.content .innerContent > .content
{
  min-height:240px;
}

.contentContainer.content .innerContent > .content > .tip
{
  bottom:26px;
  right:35px;
}

.contentContainer.content .content .eyecatcher
{
  position:absolute;
  left:-40px;
  top:13px;
}

.contentContainer .content > .description
{
  min-height:187px;
  padding:13px 0 0 489px;
}

.contentContainer .content .description
{
  font-size:0.75em;
  line-height:1.3em;
}

.contentContainer .content .description > p
{
	margin:0 0 16px 0;
}

.contentContainer.content .content .accordion
{
  margin:0 0 20px 0;	
}

.contentContainer.content .content .accordion > li
{
  overflow:hidden;
  position:relative;
}

.contentContainer.content .content .accordion > li .description
{
  float:left;
  margin:4px 0 0 0;
}

.contentContainer.content .content .accordion .accordion_headings
{
  border-top:1px dashed #0184dc;
  font-weight:900;
  font-size:0.8em;
  color:#0184dc;
  padding:8px 0 8px 70px;
  background:transparent url(../img/elements/icon.accordion.closed.gif) 35px 8px no-repeat;
  cursor:pointer;
}

.contentContainer.content .content .accordion .accordion_headings.header_highlight
{
  color:#5b5b5b;
  background:transparent url(../img/elements/icon.accordion.opened.gif) 35px 13px no-repeat;
}

.contentContainer.content .content .accordion .accContent
{
  overflow:hidden;
}

.contentContainer.content .content .accordion .accContent .media
{
  width:450px;
  overflow:hidden;
  float:left;
  margin:0 22px 0 16px;
  padding:0 0 20px 0;
}

.contentContainer.content .content .accordion .accContent .media .name
{
  font-size:1.7em;
  font-weight:100;
  margin:36px 0 40px 54px;
}

.contentContainer.content .content .accordion .accContent ul > li
{
  background:transparent url(../img/elements/icon.list.gif) 8px 7px no-repeat;
  padding:0 0 0 20px;
}

/* 5.  footer */
.contentContainer.footer
{
  margin:4px 0 0 0;
}

.contentContainer.footer .content
{
  padding-left:23px;
  font-size: 0.75em;
}

.contentContainer.footer .content > a
{
  display:block;
  float:left;
  margin:16px 0 0 50px;
}

/* 6.  tip */
.tip
{
  width:340px;
  position:absolute;
}

.tip .head
{
  background:transparent url(../img/elements/back.tip.head.png) left top no-repeat;
  width:100%;
  height:33px;
}

.tip .foot
{
  background:transparent url(../img/elements/back.tip.foot.png) left bottom no-repeat;
  width:100%;
  height:10px;
}

.tip .content
{
  background:transparent url(../img/elements/back.tip.body.gif) left top repeat-y;
  padding:0 11px;
  overflow:hidden;
}

.tip .content .headline
{
  font-size:0.95em;
  font-weight:900;
  line-height:1.3em;
  margin:6px 14px;
}

.tip .button
{
  float:left;
  background:transparent url(../img/elements/slide.button.right.gif) right top no-repeat;
}

.tip .button a
{
  display:block;
  float:left;
  color:#fff;
  background:transparent url(../img/elements/slide.button.left.gif) left top no-repeat;
  font-size:0.8em;
  padding:12px 13px 13px 43px;
}