/* Standard Stylesheet
www.xaitment.com
Start: 15.04.2008
Letzte Aenderung: 11.08.2009
*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/*	border:1px dotted #990000; */

/* -------------------------------------------------------------- Allgemeines -------------------------------------------------------------------- */

html {
	font-size: 87,5%;
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color: #666666;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}

body {
	background: #E1E2E2;
}

/* Clear Class */
.c {
	clear: both;
}

img, a img {
	border: 0;
}

.keine-anzeige {
	display: none;
}

#logo a {text-indent:-900em;display:inline-block;width:100%;height:100%;}
#logo {height:30px;margin-top:25px;position:absolute;width:380px;}

/* -------------------------------------------------------------- Links -------------------------------------------------------------------- */

a:link {
	color: #999999;
	text-decoration: none;
}

a:visited {
	color: #860d00;
	text-decoration: none;
}

a:hover {
	color: #e53b00;
	text-decoration: none;
}

#header * a:link:hover, #footer * a:link:hover { 
	color: #e53b00;
	text-decoration: none;
}

#header * a:visited:hover, #footer * a:visited:hover { 
	color: #e53b00;
	text-decoration: none;
}


#header * a:visited, #footer * a:visited { 
	color: #999999;
	text-decoration: none;
}

#stage_a * a:link,#stage_content * a:link,#deep * a:link { 
	color: #860d00;
	text-decoration: none;
}

#stage_a * p > a:hover,#stage_content * a:hover,#deep * a:hover { 
	color: #e53b00;
	text-decoration: none;
}

#stage_a * p > a:after,#stage_b * p > a:after,.zweispalter * li > a:after,#deep * p > a:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}

#stage_a * p > a:hover:after,#stage_b * p > a:hover:after,.zweispalter * li > a:hover:after,#deep * p > a:hover:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}

/*------------ H2 Link -------------*/
h2 a:link { 
	color: #860d00;
	text-decoration: none;
}

h2 a:hover { 
	color: #e53b00;
	text-decoration: none;
}

h2 a:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}

h2 a:hover:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}



#subnavi li {list-style-type: none;}


.activesite_top {
	background-image: url(images/subnavi_act.gif);
	background-repeat: no-repeat;
	color: #e53b00;
	text-decoration: none;
	text-align:left;
	text-indent:15px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 28px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}



/* -------------------------------------------------------------- Schriften -------------------------------------------------------------------- */
p {
	margin: 0;
	clear: both;
}
#stage_content {
	color: #444444;
/*	font-size: 12px;*/
	line-height: 18px;
}
#header {
	font-size: 11px;
	line-height: 11px;
}

#subnavi {
	font-size: 12px;
	font-weight: bold;
}


h1 {

}

h2 {
	font-size: 18px;
	margin: 11px 0 11px 0;
	font-weight: normal;
}

h4 {font-size: 12px;
margin: 10px 0 10px 0;
}

h5 {font-size:12px;}
#subnavi h4 {margin:5px 0;}
.txtlinks { text-align:left;}
.txtrechts { text-align:right;}

#deep {
	color: #666666;
	font-size: 11px;
	line-height: 17px;}

#deep h1 {
	font-size: 12px;
	margin: 0 0 4px 0;
	font-weight: bold;
	text-transform:uppercase;
}





.subnavigation {padding: 13px 20px 27px 20px; background: transparent url(images/top_subnav_bg.png) repeat-x 0 0; width: 860px;}
.subnavigation a.firstChild {margin-left: 0;}
.subnavigation a {display: block; text-indent: -999em; float: left; margin-left: 10px;}
.subnavigation a[style]:hover {background-position: 0 bottom !important;}

#navi ul li.open div {display: block;}
#navi div.subnavigation {display: none; position: absolute; z-index: 999;}

#subnavi li {list-style-type: none;}

#subnavi * a:link, #subnavi * a:visited {
	background-image: url(../images/subnavi_std.gif);
	background-repeat: no-repeat;
	color: #999999;
	text-decoration: none;
	text-align:left;
	text-indent:15px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}
#subnavi * a:hover {
	background-image: url(images/subnavi_ov.gif);
	background-repeat: no-repeat;
	color: #e53b00;
	text-decoration: none;
}
#subnavi li.product.activesite a,
#subnavi li.activesite.open a{
	background-image: url(images/subnavi_cat.gif);
	background-repeat: no-repeat;
	color: #e53b00;
	text-decoration: none;
	text-align:left;
	text-indent:15px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}

#subnavi li.product.open > a,
#subnavi li.activesite a{
	background-image: url(images/subnavi_act.gif);
	background-repeat: no-repeat;
	color: #e53b00;
	text-decoration: none;
	text-align:left;
	text-indent:25px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 28px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}

#subnavi li.activesite ul li a:link, #subnavi li.activesite ul li a:visited{
	background: transparent url(images/subnavi2_std.gif) no-repeat 0 0;
	color: #999999;
	text-decoration: none;
	text-align:left;
	text-indent:25px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}

#subnavi li.activesite ul li a:hover {
	background-image: url(images/subnavi2_ov.gif);
	color: #e53b00;
}

#subnavi li.activesite ul {margin-top: 0;}

#subnavi li.activesite ul li.activesite a {
	background-image: url(images/subnavi2_act.gif);
	background-repeat: no-repeat;
	color: #e53b00;
	text-decoration: none;
	text-align:left;
	text-indent:25px;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 28px 0 0 0;
	height: 22px;
	width: 248px;
	white-space:nowrap;
}

.product_overview,
#subnavi .product_overview a,
#subnavi .product_overview a:link,
#subnavi .product_overview a:visited,
.product_overviewactivesite_top {
  background: transparent url(images/subnavi_overview_std.gif) no-repeat 0 0;
  color: #fff;
	text-decoration: none;
	text-align:left;
	text-indent:25px;
	vertical-align:middle;
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	height: 30px;
	line-height: 28px;
	width: 248px;
	white-space:nowrap;
}




/* Links- bzw. Rechtsausrichtung für Elemente */
.leftalign {
	float: left;
	margin: 0 0.5em 0 0;
}

.rightalign {
	float: right;
	margin: 0 0 0 0.5em;
}


/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: block;
		height: 37px;
		width:550px;
		padding:30px 0 0 313px;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
		padding:0px;
	}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}

/* -------------------------------------------------------------- Layout -------------------------------------------------------------------- */
#wrapper {
	width: 1000px;
/*	background-color:#FF5030; */
	background-image: url(images/backround_schatten.jpg);
	background-position: center;
	background-repeat: repeat-y;
	margin: -1px auto 0;
}

#schatten {
	width: 1000px;
	background-image: url(images/schatten_top.jpg);
	background-repeat: no-repeat;
}

#header {
	width:900px;
	height:62px;
	background-image: url(images/logo.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 0 0 0 50px;
	white-space: nowrap;
	clear: both;
}

#meta_top {
	width:468px;
	margin: 0 0 0 0;
}


div#navigation {
	width: 100%;
	height: 41px;
	position: relative; /*fixed;*/
/*	margin-top: -41px;*/
	z-index: 11;
}
div#navigation a {
	display: block;
	height: 40px;
	width: 125px;
	position: relative;
	float: left;
}
div#navigation a#nm-products {
	width: 124px;
}
div#navigation a#nm-home {
	width: 277px;
}
div#navigation a#nm-contact {
	width: 124px;
	margin-right: 0px;
}

#navi {
    background-color: #E3E4E2;
    height: 28px;
    margin: 0 0 0 50px;
    white-space: nowrap;
    width: 900px;
}
#navi ul {list-style-type:none;position: relative;}
#navi ul li {float:left;width:150px;}
#navi ul li.hover ul{display:block;}
#navi > ul > li > a span {text-indent:-999em;display:inline-block;}
#navi > ul > li > a {height:28px;display:block;margin:0;padding:0;background-image:url(images/navi-en.gif);}
#navi > ul.start > li > a {background-image:url(images/navi-en.gif);}
/* #navi > ul.start > li > a {background-image:url(/files/images/navi/navi-home-en.gif);} */

#navi a.product-overview,
#navi a.produkt-bersicht {background-position: right 0;}
#navi li.open a.ai-product-overview,
#navi a.product-overview:hover,
#navi a.product-overview.active,
#navi a.product-overview:hover,
#navi a.product-overview.active {background-position: left 0;}
#navi a.support-overview,
#navi a.support-bersicht {background-position: right -40px;}
#navi li.open a.support-overview,
#navi li.open a.support-bersicht,
#navi a.support-overview:hover,
#navi a.support-overview.active,
#navi a.support-bersicht:hover,
#navi a.support-bersicht.active {background-position: left -40px;}
#navi a.company,
#navi a.unternehmen {background-position: right -80px;}
#navi li.open a.company,
#navi li.open a.unternehmen,
#navi a.company:hover,
#navi a.company.active,
#navi a.unternehmen:hover,
#navi a.unternehmen.active {background-position: left -80px;}

#navi a.game-studios {background-position: right -240px;}
#navi a.game-studios:hover,
#navi a.game-studios.active {background-position: left -240px;}
#navi a.blog,
#navi a.blog {background-position: right -160px;}
#navi li.open a.blog,
#navi a.blog:hover,
#navi a.blog.active {background-position: left -160px;}
#navi a.contact,
#navi a.kontakt {background-position: right -200px;}
#navi li.open a.contact,
#navi a.contact:hover,
#navi a.contact.active,
#navi a.kontakt:hover,
#navi a.kontakt.active {background-position: left -200px;}



#navi > ul > li > ul {visibility: hidden;position:absolute;width:150px;}
#navi > ul > li > ul > li {float:none;font-size:0.9em;padding-left:10px;}

#stage_a {
	background: url(images/head-img-main.png) no-repeat scroll transparent;
	width: 900px;
	height: 224px;
	margin: 0 0 0 50px;
}

#stage_b {
	width: 900px;
	float: left;
	margin: 0 0 0 50px;
	display: inline;
}
*+html #stage_b {margin-top: -5px;}
 
#footer {
	width: 1000px;
	height: 100px;
	margin: 0;
	background-image: url(images/schatten_unten2.jpg);
	background-repeat: no-repeat;
	white-space: nowrap;
	font-size: 11px;
	line-height: 1.5em;
	clear: both;
}
.clearBoth                    	{height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden}

.areaGrey						{background:transparent url(images/verlauf_galleries.jpg) repeat-x left top;margin-bottom:15px;min-height:125px;}
.areaGreyInner 				    {padding:10px 20px 0;}
.areaGrey h3 					{font-weight:bold;margin-bottom:10px;color:#000;}
/* -------------------------------------------------------------- Formulare und Module -------------------------------------------------------------------- */
.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

.previewFlash {float:left;overflow:hidden;width:93px;text-align:center;margin-right:10px;}

.zweispalter {
  width: 100%; 
}

.zweispalter_1 {
  width: 47%;
}

.zweispalter_2 {
  width: 47%;
  margin-left: 6%;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

form.formation legend {display:none;}

.formation {
}

label{
	width: 160px;
/*	clear: both; */
/*	float: left; */
	margin-top: 10pt;
}
.text {
	/* color: #781351; */
	background: #F2F4F0;
	width: 350px;
	height: 20px;
	border: 1px solid #999999;
	margin-top: 10pt;
}
.textnarrow {
	/* color: #781351; */
	background: #F2F4F0;
	width: 350px;
	height: 20px;
	border: 1px solid #999999;
	margin-top: 10pt;
}
.textarea{
	/* color: #781351; */
	width: 350px;
	height: 150px;
	background: #F2F4F0;
	border: 1px solid #999999;
	margin-top: 10pt;
}
.textareanarrow{
	/* color: #781351; */
	width: 350px;
	height: 60px;
	background: #F2F4F0;
	border: 1px solid #999999;
	margin-top: 10pt;
}
.submit {
	width: 200px;
	height: 20px;
	font-size: 0.83em;
	margin: 15px 0 15px 111px;
	background: #F2F4F0;
	border: 1px solid #999999;
	vertical-align:middle;
	display: block; clear: both;
}
.submitwide {
	width: 200px;
	height: 25px;
	font-size: 0.83em;
	margin: 15px 0 15px 111px;
	background: #DD0000;
	border: 1px solid #999999;
	vertical-align:middle;
	display: black; clear: both;
}
.checkbox {
	padding: 0 0 0 15px;
	width: 20px; display: block;
}


/*label.checkbox {width: 350px; margin: 10px 0 10px 0;}
input.checkbox {margin-left: 110px; float: left;}*/
/* Design fuer die Produkt-Tabelle */
.tbl_licence {margin: 20px 0 20px 0; color: #111111; font-size: 11px; line-height: 14px; border-collapse:separate; text-align:center;}
.tbl_licence * .tblcap {padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:0px 0px 1px 0px; border-color: #d3d3d3; border-style:solid; text-align:left;}
.tbl_licence * .tblcell {padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:0px 0px 1px 0px; border-color: #d3d3d3; border-style:solid;}
.tbl_licence * .tblhead {padding: 5px 8px 5px 8px; background-color: #dfe1dd; border-width:0; font-weight:bold; text-align:left;}
.tbl_licence * .tbllast { height:42px; padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:3px 0px 0px 0px; border-color: #d3d3d3; border-style:solid; text-align:center;}

/* Design fuer die Data-Tabelle */
.tbl_data {margin: 20px 0 20px 0; color: #111111; font-size: 11px; line-height: 14px; border-collapse:separate; text-align:center;}
.tbl_data * .tblcap {padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:0px 0px 1px 0px; border-color: #d3d3d3; border-style:solid; text-align:left;}
.tbl_data * .tblcell {padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:0px 0px 1px 0px; border-color: #d3d3d3; border-style:solid; text-align:left;}
.tbl_data * .tblempt {padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:0px; text-align:left;}
.tbl_data * .tblhead {padding: 5px 8px 5px 8px; background-color: #dfe1dd; border-width:0; font-weight:bold; text-align:left;}
.tbl_data * .tbllast { height:42px; padding: 5px 8px 5px 8px; background-color: #f4f5f4; border-width:3px 0px 0px 0px; border-color: #d3d3d3; border-style:solid; text-align:center;}

.tbllast a:link, .tbllast a:visited {
	background-image: url(images/btn_tabelle_126x27.gif);
	background-repeat: no-repeat;
	color: #999999;
	text-decoration: none;
	text-align:center;
	vertical-align:middle;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 25px;
	width: 126px;
	white-space:nowrap;
}
.tbllast * a:hover {
	color: #e53b00;
	text-decoration: none;
}

/* Design fuer die Partner-Tabelle */
.partner td {
	width:189px;
	height:77px;
	background-image:url(/files/bg_tabelle_partner.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	text-align:center;
	vertical-align:middle;
}

/* Design fuer die Bildergalerie Lightbox */

#stage_lightbox {
	width:556px;
	background-image:url(images/plus.png);
	background-repeat: no-repeat;
	background-position:-150px 0 0 -50px;
	margin: 10px 0 0 0;
	white-space: normal;
	height: auto;
}

#stage_lightbox a:link {
	color: #860d00;
	text-decoration: none;
}

.link_pic {
	text-decoration: none;
	margin:0 10px 0 0;

}

/* Design fuer den Newsteaser */
  
#deep * h3 {
	font-size: 11px;
	line-height: 17px;
	font-weight:normal;
}
  
#deep * .newslist {
	background-image: url(images/news_dotted.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
}

#deep * .newstext {
	background-image: url(images/news_dotted.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
}

#deep * .newstext a:after { 
	content:url(); 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}

#deep * .newstext a:hover:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:middle;
}

#stage_content * .newstext p {
	margin: 0;
	color: #999999;
	font-size: 12px;
	line-height: 18px;
}

#stage_content * .newstext * a:visited {
	color: #444444;
}


#stage_content * h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight:normal;
}

#stage_content * h3 > a:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:top;
}

#stage_content * h3 > a:hover:after { 
	/* contelt:url( ); */ 
	border:0px;
	margin: 0 0 0 6px;
	vertical-align:top;
}

#stage_content * .newslist {
	background-image: url(images/dotted_556x1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 8px 0 0 0; 
	clear: both;
}

#stage_content * .newsimage {
	background-image: none;
	float: left;
	margin: 3px 20px 8px 0;
}

#stage_content * .newstext {
	background-image: url(images/dotted_556x1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding:10px 0 10px 0;
}



/* Design fuer die Produkt-Tab Navigation */
#tabs {
	background-image: url(images/bg_line.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

#t_eins, #t_zwei, #t_drei {
background-color: #fff;
padding: 15px;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
min-height:160px;
overflow:hidden;
width:524px;
margin-bottom:15px;
}

/* #keywords p {width: 950px;}

#standbilder img {
margin:0 0 0 7px;
padding: 0;

} */

#t_zwei, #t_drei {display:none;}
#tabs >ul li, #tabs > ul { list-style-image:none; list-style-position: inside; list-style-type:none; margin:0; padding:0; }

#tabs > ul { overflow:hidden; width:552px; }
#tabs > ul > li { float:left; width:183px; }
#tabs > ul li a.rechts { margin-right:0px; border-right: 1px solid #e3e3e3; }

#tabs > ul li a, #tabs li:visited a {
	display: inline;
	color:#989898;
	font-size: 11px;
	text-decoration: none;
	background: url(images/bg_reiter.png) 0 0 repeat;
	
	width:183px;
	height:23px;
	border-left: 1px solid #e3e3e3;
	border-right:0;
	border-top: 1px solid #e3e3e3;

	display:list-item;
	float:left;

	line-height:21px;
	padding:0;
	margin:0;
	text-align: center;
}

#tabs > ul li:active a, #tabs * li a.selected {
	color:#444444;
	background: white;
}

#tabs > ul li:hover a, #tabs * li:focus a {
	color:#444444;
	cursor: pointer;
}

/* Gallery fancybox */
.images {
	margin-right: 8px;
}


/* news pager */

.pages a {
display: inline-block;
	width: 20px;
	height: 20px;
	text-align:center;
	border: 1px solid #999999;
  }


.itext{ border:1px solid grey;font-family:Arial;font-size:8pt;}
.itextarea{ border:1px solid grey;font-family:Arial;font-size:8pt;}
.ibutton{ border:2px solid grey;font-family:Arial;font-size:8pt;}
.itable{ border:1px solid grey;font-size:10pt;}
#evaldownload label { float left;}
#evaldownload input { float left;}

/* -------------------------------------------------------------- Layout -------------------------------------------------------------------- */
table.sb {height: 45px; width:900px; background: transparent url(/files/css/img/bg_gradient_social.gif) repeat-x 0 -1px; font-size: 12px; font-weight:bold;}

/* ----------------------------------------------------- Teaser */

#stage_b.teaser              {height: 250px; background-color: #fff;}
.teaser_navigation           {z-index: 20; position: absolute; height: 124px; width: 213px; background: transparent url(images/teaser_sprite.png) no-repeat left bottom; margin-top: 125px;}
.teaser                      {}
.teaser_image.first		       {display: block;}
.teaser_image					       {position: absolute; margin: 0; width: 900px; height: 249px;  z-index:10; display: none;}
/*
.teaser_abstract			       {border: 1px solid blue;display:none;margin:123px 0 0 602px;position:absolute;z-index:50;}


xxx.teaser_abstract a 			     {border: 1px solid red; cursor:pointer; display: block; text-indent:-999em; height: 65px; width:215px; }
.teaser_abstract a           {padding: 25px 0;width: 100%; display: block;}
      */
#content .teaser_abstract p			{margin-left:15px; width: 400px;}
.teaser_item                 {width:210px;height:25px; overflow:hidden; margin: 0; line-height:24px;}


.teaser_item span           {cursor:pointer;padding-left:8px;color:#7BADDF;margin-right:8px;}

.teaser_item h3             {cursor:pointer;color:#dfdfdf;font-weight:bold;font-size:12px; padding-left: 1px;}

.teaser_item .item          {padding:0 14px;}
.teaser_item .item h3.active  {color: #e7271d; text-shadow: 1px 1px #7b7b7b; filter:glow(color: black, strength: 1);}

.teaser_abstract               {  z-index: 20; position: absolute; height: 124px; width: 213px; margin-top: 125px; margin-left: 600px;}
.teaser_abstract              {display: none;}
.teaser_abstract.active      {display: block;}

.teaser_abstract a       {width:210px; text-indent: -9999px; overflow:hidden; margin: 0; padding: 0; height:65px !important; display: block; background: transparent url(/files/fancybox/blank.gif) repeat 0 0;}

ul.social {margin: 44px 50px 0 0;float:right;}
ul.social li {float: left; display: block; margin: 0; padding: 0;}
ul.social a {background: transparent url(images/social-sprite.gif) no-repeat 0 0; height: 25px; display: block;margin-left: 0;}
ul.social li:first-child a{}
ul.social a span {visibility: hidden;}
ul.social a.youtube {background-position: 0 -25px; width: 55px;}
/* ul.social a.youtube:hover {background-position: 0 -25px;} */
ul.social a.twitter {background-position: 0 -75px; width: 66px;}
/* ul.social a.twitter:hover {background-position: 0 -75px;}*/
ul.social a.facebook {background-position: 0 -125px; width: 63px;}
/* ul.social a.facebook:hover {background-position: 0 -125px;}*/

.rightalign.teaser {float: left;}


.product_overview_stage {background: transparent url(/files/product_overview.jpg) no-repeat 0 0; height:470px; width:900px; overflow: hidden;}
.product_overview_stage > .product {width: 225px; float:left; }
.product_overview_stage > .product > a {height: 370px;text-indent: -999em;  display: block; }
.product_overview_stage > .product ul {list-style-type: none; margin-left: 50px;}
.product_overview_stage > .product ul li a {text-indent: -999em; display: block; width: 124px; height: 35px; background: transparent url(images/icon-sprite.png) no-repeat 0 0;}
.product_overview_stage > .product ul li a.download {background-position: 0 -230px;}
.product_overview_stage > .product ul li a.download:hover {background-position: 0 -265px;}
.product_overview_stage > .product ul li a.more {background-position: 0 -160px;}
.product_overview_stage > .product ul li a.more:hover {background-position: 0 -195px;}

.product_overview_stage_chinese {background-image: url(/files/cn_product_overview.jpg);}
.product_overview_stage_chinese > .product {width: 225px; float:left; }
.product_overview_stage_chinese > .product > a {height: 370px;text-indent: -999em;  display: block; }
.product_overview_stage_chinese > .product ul {list-style-type: none; margin-left: 50px;}
.product_overview_stage_chinese > .product ul li a {text-indent: -999em; display: block; width: 124px; height: 35px; background: transparent url(images/cn_icon-sprite.png) no-repeat 0 0;}
.product_overview_stage_chinese > .product ul li a.download {background-position: 0 -230px;}
.product_overview_stage_chinese > .product ul li a.download:hover {background-position: 0 -265px;}
.product_overview_stage_chinese > .product ul li a.more {background-position: 0 -160px;}
.product_overview_stage_chinese > .product ul li a.more:hover {background-position: 0 -195px;}

body.full #stage_content{
 width: 816px;
 margin-left: 30px;
 margin-top: 20px;
 min-height: 50px;
}
#stage_content .short_teasers {list-style-type: none;}
#stage_content .short_teasers li {width: 145px; float: left; background: transparent url(images/icon-sprite.png) no-repeat right -320px; padding: 10px 30px; min-height: 55px;}
#stage_content .short_teasers li:first-child {padding-left: 0px;}
#stage_content .short_teasers li:last-child {padding-right: 0px; background: none;}
#stage_content .short_teasers li.video {width: 160px;}
#stage_content .short_teasers li.sdk {width: 165px;}
#stage_content .short_teasers li.reasons {width: 173px;}
#stage_content .short_teasers li.architecture {width: 133px; padding-right: 0;  background: none;}
#stage_content .short_teasers li h3   {margin-bottom: 5px;}
#stage_content .short_teasers li h3 a {font-size: 18px; color: #464646;}
#stage_content .short_teasers li h3 a:after {content:url(images/link_std_big.gif); border:0px;margin: -4px 0 2px 6px; vertical-align:middle;}
#stage_content .short_teasers li h3 a:hover {color: #e53b00;}
#stage_content .short_teasers li h3 a:hover:after {content:url(images/link_ov_big.gif); border:0px;margin: -4px 0 2px 6px; vertical-align:middle;}

div.portrait        { overflow: hidden; margin-bottom: 25px; }
div.portrait  h4    { font-size: 16px; }
div.portrait p,
div.portrait dl     { float: left; width: 179px; }
div.portrait dt img { margin-top: 4px; display: block; border: none;}
div.portrait dd     { margin-top: 20px;}
div.portrait p      { width: 335px; margin: 0 20px; clear: none; }

/*
	Sitemap Styler 	 
*/
#stage_content #sitemapList li {background-image:none}
.sitemap, .sitemap ul, .sitemap li{
	
	margin:0;
	padding:0;
	list-style:none;
}
.sitemap{background:url(images/line1.gif) repeat-y;}
.sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
	background-image:none;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html .sitemap li{
	float:left;
	display:inline;
}

.sitemap li a{padding-left:28px;}
.sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
.sitemap li span, .sitemap li span.collapsed{background:url(images/collapsed.gif) no-repeat 0 0;} 
.sitemap li span.expanded{background:url(images/expanded.gif) no-repeat 0 0;}

/* sub levels */

.sitemap li ul{	
	margin-left:28px;
	background:url(images/line1.gif) repeat-y;
}
#stage_content #sitemapList  li li{	
	background:url(images/line2.gif) no-repeat 0 0;
}

/* etc. */

/* float fix */

.sitemap:after, .sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.sitemap, .sitemap ul{display:block;background-color: #ffffff;}
/*  \*/
.sitemap, .sitemap ul{min-height:1%;}
* html .sitemap, * html .sitemap ul{height:1%;}
 /*  */
.sitemap ul{display:none;}

/* Absaetze */


/* Divs */

#stage_b {
	background-color:#ffffff;
	display: inline;
}

#subnavi{
	float:left;
	margin: 13px 0 0 26px;
	position:relative;
	width:248px;
	text-align:left;
	display: inline;
}

#stage_header{
	width:900px;
	float: left;
}

#stage_content{
	width:810px;
	min-height:350px;
	margin: 13px 0 0 43px;
	float: left;
	white-space: normal;
	height: auto;
	display: inline;
}


#schatten_content {
	width: 900px;
	height: 48px;
	margin: 0 0 0 50px;
	background-image: url(images/schatten_content.gif);
	background-repeat: repeat-x;
	clear: both;
}
#deep {
	width: 900px;
	margin: 0 0 0 50px;
	background-image: url(images/schatten_deep.gif);
	background-position: center;
	background-repeat: repeat-y;
	white-space: nowrap;
	float: left;
	display: inline;
}

#deep_left {
	width: 266px;
	margin: 27px 0 0 27px;
	float: left;
	white-space: normal;
	display: inline;
}

#deep_middle {
	width: 260px;
	margin: 27px 0 0 24px;
	float: left;
	white-space: normal;
	display: inline;
}

#deep_right {
	width: 293px;
	margin: 27px 0 0 30px;
	float: left;
	white-space: normal;
	display: inline;
}

@charset "utf-8";
/* CSS Document */

ul#rexblog-archive-nav
{
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#rexblog-archive-nav li{
	list-style:none;
	margin:0;
	/*background-image: url('/files/addons/rexblog/plugins/archive/img/archive.png');
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 19px;*/
}

#subnavi ul#rexblog-archive-nav li a.rexblog-current
{
  font-weight:bold;
  background-image:none;
  /*
  background-image: url(/files/images/subnavi_act.gif);
  background-repeat: no-repeat;
  */
  color: #e53b00;
  text-decoration: none;
  height:18px;
margin:0;
padding:4px 0 0;
}

#subnavi ul#rexblog-archive-nav li a:hover
{
	text-decoration:none;
	color:#e53b00;
	background-color:#F0F2EE;
}

#subnavi ul#rexblog-archive-nav li a
{
background-image:none;
/*
	background-image:url(/files/images/subnavi_std.gif);
background-repeat:no-repeat;
*/
font-size:0.9em;
color:#999999;
display:block;
height:18px;
margin:0;
padding:4px 0 0;
text-align:left;
text-decoration:none;
text-indent:100px;
vertical-align:middle;
white-space:nowrap;
width:244px;
}

.dropdown_select {
background:transparent url(images/dropdown.gif) no-repeat top left;
font-weight:bold;font-size:12px;
height:30px;
line-height:30px;
padding-left:10px;
width:248px;
cursor:pointer;
text-indent:90px;
}

.dropdown_select		 {color:#999;}
.dropdown_select.current {background-position: 0 -50px;color: #e53b00;}

.dropdown_item {position:absolute;display:none;margin:-28px 0 0 0;}
.selecttop {width:248px;height:9px;background:transparent url(/files/images/subnavi-top.gif) no-repeat 0 0;}
.selectcontent {width:248px;background:transparent url(/files/images/subnavi-content.gif) repeat-y 0 0;}
.selectbottom {width:248px;height:9px;background:transparent url(/files/images/subnavi-bottom.gif) no-repeat 0 0;}

select { border: 1px solid #B5B8C8; }

/* FS Additions */

.core-section-header {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 4px;
}

/* indent forms */
.core-form-field-area-left {
    margin-left: 1.5em;
}

.store-section-payment-details-cc .core-form-field-group-body {
    margin-left: 1.5em;
}

#ccShippingAddressDisplay {
    margin-left: 1.5em;
}

/* buttons */
.store-decorate-button .store-page-navigation .store-action-command, .store-decorate-button .store-product-list-item-action-list .store-action-command {
    background-color: #F5F5F5;
    border-color: #CCCCCC #DEDEDE #DEDEDE #CCCCCC;
    border-right: 1px solid #DEDEDE;
    border-style: solid;
    border-width: 1px;
}
/* make container options look better */

.store-product-option {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.store-product-option-description, .store-product-option-description-offers {
    margin-left: 30px;
}

.pimg-indent-options .store-product-option-groups {
    padding-left: 205px;
}

/* images on the main product container */

.map {
    background: url("images/map.png") no-repeat scroll 0 0 transparent;
    min-height: 160px;
    padding-left: 190px;
}
    
.control {
    background: url("images/control.png") no-repeat scroll 0 0 transparent;
    min-height: 160px;
    padding-left: 190px;
    margin-top: 20px;
}

/* change offer description font */
.map .store-product-option-offers, .control .store-product-option-offers {color: #b31314;}