/************************************************ FRAMEWORK ************************************************/

html,
body {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 100%;
  line-height: 130%;
	 margin: 0;
	 padding: 0;
  width: 100%;
}

* html body {
  background: url(../img/bg_body.jpg) no-repeat;
}

* html #supersize img {
  display: none;
}

#supersize {
  z-index: 1;
}

#supersize img {
	 height: 100%;
  position: fixed; 
  width: 100%;
}

#wrapper {
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
		width: 980px;
  z-index: 2;
}

div.stoerer {
	float: right;
	margin-top: -60px;
}

/************************************************ GLOBAL's ************************************************/

.bottom_link {
  border-top: 1px solid #D6D6D6;
  margin-top: 10px;
  padding-top: 10px;
}

.back_home a,
.bottom_link a {
  color: #999999;
  font-size: 10px;
  font-weight: bold;
  padding-left: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.bottom_link a:focus,
.bottom_link a:hover {
  color: #FF6600;
}

.clear {
		clear: both;
}

.left {
  float: left;
}

.line_grey {
  background-color: #D6D6D6;
  height: 1px;
  line-height: 1px;
  margin: 8px 0;
}

.right {
  float: right;
}

a img {
  border: none;
}

/************************************************ HEADER ************************************************/

#header {
  background: url(../img/bg_header.gif) no-repeat left 30px;
  height: 160px;
  margin: 0 0 30px 0;
  padding: 0 20px;
}

#logo {
  float: left;
}

#navi_meta {
  float: right;
  font-size: 10px;
  font-weight: bold;
  margin-top: 40px;
}

#navi_meta li {
  display: inline;
}

#navi_meta li.last {
  border-left: 1px solid #F55F23;
  margin-left: 10px;
  padding-left: 13px;
}

#navi_meta ul,
#navi_main ul {
  margin: 0;
  padding: 0;
}

#navi_meta li a,
#navi_main li a {
  color: #999999;
  text-decoration: none;
}

#navi_meta li a:focus,
#navi_meta li a:hover,
#navi_meta li.active a,
#navi_main li a:focus,
#navi_main li a:hover,
#navi_main li.active a {
  color: #FF6600;
}

#navi_main {
  font-size: 11px;
  font-weight: bold;
}

#navi_main ul {
  margin-top: 5px;
}

#navi_main li {
  border-left: 1px solid #F55F23;
  display: inline;
  margin-left: 10px;
  padding-left: 13px;
}

#navi_main li.first {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

/************************************************ CONTENT ************************************************/

#content {
  background-color:#FFFFFF;
  float: left;
  margin: 0 30px 75px 0;
  padding: 10px;
  width: 680px;
}

#content .bottom_link .left a {
  background: url(../img/icn_link_arrow_left.gif) no-repeat left 3px;
}

#content .bottom_link .right a {
  background: url(../img/icn_link_arrow_right.gif) no-repeat right 3px;
  margin-right: 2px;
  padding: 0 14px 0 0;
}

#content ul li {
  background: url(../img/icn_bullet_square.gif) no-repeat left 6px;
  margin: 5px 0;
  padding-left: 10px;
}

#content p a {
  background:url("../img/icn_link_arrow_left.gif") no-repeat scroll left 5px transparent;
  color: #999999;
  padding-left: 14px;
  text-decoration: none;
}

#content p a:focus,
#content p a:hover {
  background:url("../img/icn_link_arrow_left.gif") no-repeat scroll left 5px transparent;
  color: #FF6600;
  padding-left: 14px;
}

/************************************************ MARGINAL ************************************************/

#marginal {
  float: left;
  width: 250px;
}

#marginal p {
  margin: 0;
  padding: 0;
}

#marginal .teaser {
  background-color: #FFFFFF;
  margin-bottom: 30px;
  padding: 10px;
  width: auto;
}

#marginal .teaser.short {
  width: 200px;
}

#marginal .teaser h1 {
  border-bottom: 1px solid #D6D6D6;
  color: #FF6600;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
}

#marginal .teaser h2 {
  color: #333333;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0;
}

#marginal .teaser h3 {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 3px 0;
  padding: 0;
}

#marginal .teaser div p {
  color: #999999;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
}

#marginal .teaser p a {
  background: url(../img/icn_link_arrow_right.gif) no-repeat left 8px;
  border-top: 1px solid #D6D6D6;
  color: #999999;
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin: 15px 0 0 2px;
  padding: 3px 0 0 12px;
  text-decoration: none;
  width: 216px;
}

#marginal .teaser p a:focus,
#marginal .teaser p a:hover {
  color: #FF6600;
}


/************************************************ FOOTER ************************************************/

#footer {
  background-color: #FFFFFF;
  border-top: 1px solid #D6D6D6;
  bottom: 0;
  color: #999291;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  margin-left: 320px;
  padding-top: 8px;
  position: fixed;
	 width: 660px;
}

#footer p,
#footer ul {
  margin: 0;
  padding: 0;
}

#footer div.share {
  float: left;
  margin-left: 15px;
}

#footer div.share a {
  background: url(../img/icn_share.gif) no-repeat left 0;
  padding: 2px 0 2px 22px;
  text-transform: uppercase;
}

#footer p.copy {
  float: left;
  margin-left: 100px;
}

#footer #navi_footer {
  float: right;
  margin-right: 20px;
}

#navi_footer li {
  display: inline;
}

#navi_footer li.last {
  border-left: 1px solid #F55F23;
  margin-left: 10px;
  padding-left: 13px;
}

#footer div.share a,
#navi_footer li a {
  color: #999999;
  text-decoration: none;
}

#footer div.share a:focus,
#footer div.share a:hover,
#navi_footer li a:focus,
#navi_footer li a:hover,
#navi_footer li.active a {
  color: #FF6600;
}