/*///////////////////////////////////////////////////////////////////
// 2009-03   | STERN+HUBER                                         //
// Project   | firetube                                            //
// Author    | Karsten Meyer |www.madebymeyer.de                   //                                                 
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

/* # basics ########## */
HTML {
	margin:0;
	padding:0;
	height:100%;
}
BODY {
	height:100%;
	text-align: center;
	color: #5f5f60;
	direction: ltr;
	font: 12px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
  background:#fff url(/shared/images/layout/bg_body.gif) repeat-x;	
}

#container {
 position:relative;
	margin:0 auto;
	text-align: left;
	width:944px;
}

TABLE, TR, TD, TH {
	font: 12px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	border-spacing: 0px;
	border-style: none;
	border-collapse: collapse;
	padding:0;
	}

A{
  color:#ff8600;
  text-decoration:none;
}

a:focus { outline: none; }

A IMG,
IMG {
	border:0;
	margin:0;
	padding:0;
}

H1 {
	font-size:18px;
	font-weight:400;
  color:#ff8600;
  margin:0;
	padding-bottom:25px;
}

H2,H3 {
	font-size:14px;
	font-weight:400;
  color:#000;
  margin:0;
	padding-bottom:15px;
}
H4,H5,H6 {
	font-size:12px;
  color:#ff8600;
	font-weight:700;
  margin:0;
	padding-bottom:0px;
}

P	{
  padding:0 0 15px 0;
  margin:0;
}

.clear {clear: both;
	height:0px;
	line-height:0;
	font-size:0px;}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }


/* # header area ############### */
#header {
  position:relative;
	width:944px;
	height:203px;
	background: url(/shared/images/layout/bg_header.gif) right 71px no-repeat;
}

/* # main area ############### */
#frame {
  position:relative;
  float:left;	
	width:800px;
	padding:0 72px;
}

#content,
#content-home {
  position:relative;
  float:left;
	width:800px;
	padding:28px 0;
padding-bottom: 1px;
}

#col-left {
  position:relative;
  float:left;
	width:370px;
}
#col-breit {
  position:relative;
  float:left;
	width:800px;
}
#content-home #col-left {
  position:relative;
  float:left;
	width:320px;
}

#newsbox {
  position:relative;
  float:right;
	width:430px;
	background: url(/shared/images/layout/bg_newsbox.gif) 0 bottom no-repeat;
	padding-bottom:36px;
}
.news {
  position:relative;
  float:left;
	width:205px;
	padding:0 5px;
}
H2 {
	font-size:12px;
	font-weight:400;
  color:#000;
  margin:0;
	padding-bottom:8px;
}

#raster {
  position:relative;
  float:right;
	width:351px;
}
#raster DIV.gfx {
  position:relative;
  float:left;
	width:115px;
	height:96px;
	background-color:#848587;
	border:1px solid #fff;
}
#raster .hidden {
  display:none;
}

/* # navigation ############### */
UL#mainnavi {
 padding:0 0 46px 72px;
 margin:0;
 list-style:none;
 height:66px;
}
#mainnavi LI {
	float:left;
 margin:0;
 padding-right:5px;
 background: url(/shared/images/layout/bg_navi.gif) right top no-repeat; 
}

#mainnavi A:link,
#mainnavi A:active,
#mainnavi A:visited,
#mainnavi A:hover {
 display:block;
	float:left;
 margin:0;
 text-decoration:none;
 color: #fff;
 font-size:13px;
 height:28px;
 text-align:center;
 padding:38px 5px 0 5px;
}

#mainnavi LI.current A,
#mainnavi A:hover {
 background-color: #ff8600;
}

/* # sub navigation ############### */
#subnavi {
	width:800px;
	height:24px;
	border-bottom:1px solid #b4b3b4;
}

#subnavi A:link,
#subnavi A:active,
#subnavi A:visited,
#subnavi A:hover,
TABLE.oefen A {
 text-decoration:none;
 color: #9b9a9b;
 font-size:21px;
 height:24px;
 padding-right:25px;
}
#subnavi A:hover,
#subnavi A.current:link,
#subnavi A.current:active,
#subnavi A.current:visited,
#subnavi A.current:hover {
 color: #1a171b;
}
TABLE.oefen A {
 text-decoration:none;
 color: #1a171b;
 font-size:21px;
 height:24px;
	margin:0;
	padding:0;
 }

TABLE.oefen {
	border-bottom:1px solid #b4b3b4;
}

DIV.linie {
	width:100%;
	border-top:1px solid #b4b3b4;
}

TABLE.partner TD {
	padding-right:10px;
	padding-bottom:12px;
}

/* # forms ############### */


/* # footer ############### */
#footer {
  position:relative;
  float:left;
	width:800px;
	padding:72px;
padding-top:0px;
}
#footer A:link,
#footer A:active,
#footer A:visited,
#footer A:hover {
  font-size:10px;
  color:#484848;
  text-decoration:none;
}

/* # END ############### */

#keyvisual-animated {
  width:800px;
  height:149px;
  position:relative;
}

img.keyvisual-fading {
  position:absolute;
  top:0;
  left:0;
}