/*-------------------------------------------------
Global
-------------------------------------------------*/

body {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	line-height: 18px;
	color: #61615e;
	margin: 0;
	padding 0;
	background: #FFF url(../images/background.gif) repeat-x;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*-------------------------------------------------
Structure
-------------------------------------------------*/

#site {
	width: 960px;
}

#header {
	height: 140px;
	padding: 0 30px 0 30px;
}

#content {
	background: url(../images/content_bg.gif) no-repeat;
	height: 100%;
	text-align: left;
	padding: 10px;
}

#realContent {
	padding: 25px 0 0 0;
}

#realContent .teaser, #content .teaser {
	width: 180px;
	background: url(../images/small_block_bg.gif) no-repeat;
	padding: 20px;
}

.teaserHeadline {
	width: 220px;
	height: 172px;
	background: url(../images/teaser_bg_with_headline.gif) no-repeat;
}

.teaserHeadline .headline {
	padding: 16px 0 30px 18px;
}

.teaserHeadline .headline#image {
	padding: 10px 0 24px 18px;
}

.teaserHeadline .image {
	padding-left: 7px;
}

.teaserHeadline .text {
	padding: 20px 7px 0 20px;
}

.teaserHeadline .bullets {
	padding: 0 7px 0 10px;
}

#realContent .bigText {
	width: 460px;
	padding: 10px 20px 20px 20px;
}

#realContent .info {
	width: 219px;
	padding: 10px 0 20px 0;
}

#realContent .info .textBlock {
	padding: 7px 0 0 0;
}

#realContent .infoPicture {
	width: 219px;
	padding: 0 0 20px 0;
}

#realContent .teaserBig {
	width: 700px;
}

#realContent .teaserBig .paddingRight {
	padding-right: 20px;
}

#realContent .teaserBig .content {
	margin: 45px 0 0 0;
}

ul.infoList {
	padding: 0 0 0 10px;
	margin: 0;
	list-style-image: url(../images/grey_bullet.gif);
}

ul.list {
	padding: 0 6px 0 20px;
	margin: 0;
	list-style-image: url(../images/bullet.gif);
}

#footer {
	float: right;	
	padding: 25px 10px 25px 25px;
	font-size: 10px;
}

.row {
	margin: 0 0 25px 0;
}

.teaserModul {
	padding: 0 10px 0 10px;
}

.column {
	margin: 0 0 25px 0;
}

.teaserBig .content .image {
	float: left;
	margin-right: 20px;
	width: 221px;
	height: 127px;
}

.teaserBig .content .image .overlay {
	width: 221px;
	height: 127px;
}

.teaserBig .content .text {
	text-align: left;
	padding: 25px 0 0 0;
}

.positionBottom {
	vertical-align: bottom;
}

#navigation {
	float: left;
	width: 216px;
	height: 303px;
	padding: 12px;
	background: url(../images/navigation_bg.gif) no-repeat;
}


#navigation .item {
	margin: 0;
	padding: 0 0 7px 0;
}

#navigation .fix {
	margin: 0;
	padding: 7px 0 0 0;
}

#navigationNews {
	float: left;
	width: 216px;
	height: 303px;
	padding: 12px;
	background: url(../images/navigation_extra_bg.gif) no-repeat;
}

#navigationNews .item {
	margin: 0;
	padding: 0 0 7px 0;
}

#navigationNews .fix {
	margin: 0;
	padding: 7px 0 0 0;
}

#teaser {
	float: right;
	width: 700px;
	height: 327px;
}

.language {
	padding: 37px 0 0 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.padding {
	padding: 0 20px 0 0;
}

.isolator {
	padding: 5px;
}

#overlay {
	display: none;
}

.odd {
	background: #e2e2dc;
}

.even {
	background: #f8f8f4;
}

.bRight {
	border-right: 1px solid #FFF;
}

.bTop {
	border-top: 1px solid #FFF;
}

.fullWidth {
	width: 100%;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.st-mono {
	padding: 537px 0 0 0;
}

.productInformation {
	width: 100%;
}

.productInformation .head {
	width: 165px;
	color: #FF8200;
}

.productInformation td {
	padding: 7px;
}

#loading {
	padding: 150px 0 0 345px;
}

#teaser .button {
	visibility: hidden;
	float: right;
	position: absolute;
	padding: 295px 12px 12px 608px;
	z-index: 100000;
	cursor: pointer;
}

#teaser .teaserImage {
	position: absolute;
	z-index: 10000;
}

.invisible {
	display: none;
}


/*-------------------------------------------------
News
-------------------------------------------------*/

#news {
	width: 699px;
	height: 100%;
}

#news.en {
	background: url(../images/news_bg_en.gif) no-repeat; 
}

#news.de {
	background: url(../images/news_bg_de.gif) no-repeat; 
}

#news .headline {
	padding: 17px 0 0 21px;
}

#news .entries {
	padding: 64px 16px 16px 16px
}

#news .entry {
	width: 675px;
}

#news .image {
	width: 200px;
	padding: 0 20px 0 0;
}

#news .content {
	padding: 4px 0 0 0;
	width: 450px;
}

#news .isolatorLine {
	background: url(../images/isolator.gif) repeat-x;
	height: 83px;
}

#news .browse {
	width: 678px;
	margin: 40px 0 25px 0;
	background: url(../images/browse_bg.gif) repeat-x;
	height: 28px;
}

#news .browse .left {
	padding: 6px 0 0 8px;
}

#news .browse .right {
	padding: 6px 8px 0 0;
}

/*-------------------------------------------------
Fonts
-------------------------------------------------*/

h1 {
	font-size: 15px;
	color: #FF8200;
}

h1.news {
	font-size: 15px;
	color: #FF8200;
	padding: 17px 0 23px 0;
	margin: 0;	
}

h2 {
	font-size: 12px;
	color: #FF8200;
}

#realContent .bigText a:link, #realContent .bigText a:visited, #realContent .bigText a:focus, #realContent .bigText a:active    {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	text-decoration: none;
	color: #ff8200;
}

#realContent .bigText a:hover {
	font-weight: normal;
	color: #ff8200;
	text-decoration: underline;
}

a.linkOrange:link, a.linkOrange:visited, a.linkOrange:focus, a.linkOrange:active {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	text-decoration: none;
	color: #ff8200;
}

a.linkOrange:hover {
	font-weight: normal;
	color: #ff8200;
	text-decoration: underline;
}

a.linkGrey:link, a.linkGrey:visited, a.linkGrey:focus, a.linkGrey:active {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	text-decoration: underline;
}

a.linkGrey:hover {
	font-weight: normal;
	text-decoration: none;
}

a.linkOrangeSmall:link , a.linkOrangeSmall:visited , a.linkOrangeSmall:focus, a.linkOrangeSmall:active {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	text-decoration: none;
	color: #ff8200;
}

a.linkOrangeSmall:hover {
	font-weight: normal;
	color: #ff8200;
	text-decoration: underline;
}

.browse .right a:link , .browse .right a:visited , .browse .right a:focus, .browse .right a:active {
	font-family: "Trebuchet MS", "Arial";
	font-size: 12px;
	text-decoration: none;
	color: #ff8200;
}

.browse .right a:hover {
	font-weight: normal;
	color: #ff8200;
	text-decoration: underline;
}

.orange {
	color: #ff8200;
}

.lightGrey {
	color: #91918f;
}