body {
	font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background-position: center top;
	background-repeat: repeat-y;
	background-image: url(images/background_global.png);
	background-color: #1b1b17;
	font-size: 13px;
}

em, i {
	font-style: italic;
}

strong, b { 
	font-weight: bold;
}

h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 2em;
	line-height: 2.1em;
	margin-bottom: 18px;
	font-weight: bold;
}

h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 18px;
	font-weight: bold;
}

h3 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
}

h4 {
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 0.7em;
	line-height: 1em;
	font-weight: bold;
}

p {
	margin:0px;
	padding:0px;
	margin-bottom: 18px;
}

ul {
	margin:0px;
	padding:0px;
}

.break {
	clear:both;
}

a {
	text-decoration: none;
	color: #333333;
} 

img {
	border:none;
}

/* Grid */
.content .column {
	margin-left:50px;
}


.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0; }
.column.last { float: right; }



/* Layout Elements */
div#background_shine_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	width: 980px;
}

div#background_shine {                 
	top: -37px;                                                
	z-index: -1;                                                  
	left: -180px;                                                  
	position: absolute;                    
	height: 500px;
	width: 850px;
	background-repeat: no-repeat;
	background-image: url(images/background_shine.png);
}

div#titel {
	width: 992px;
	height: 50px;
	margin-top: 24px;
	margin-left: auto;
	margin-right:auto;
}

img#logo {
	margin-left: 10px;
}

/* Navigation */
div#globalheader {
	width: 992px;
	height: 57px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
	
	z-index: 50;
}

div#navigation {
	background-image:url(images/navigation.png);
	background-position:top left;
	height:57px;
	display:block;
	margin:0px;
	width: 992px;
}

/* Search Box */
div#search {
	width: 180px;
	height: 45px;
	margin-top:5px;
	margin-right:6px;
	float: right;
}

input#query {
	/*
	width: 130px;
	height: 13px;
	margin-top: 12px;
	*/
	width: 132px;
	height: 20px;
	background-color: transparent;
	background-image: url(images/suchfeld_bg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	
	border-width: 0px;
	border-style: none;	
	padding:0px;
	margin:0px;
	margin-left: 17px;
	margin-top:12px;
	padding-left: 20px;
}

div#results {
	width: 341px;
	height: 251px;
	background-image:url(images/search_results.png);
	background-position: top left;
	background-repeat: no-repeat;
	position:absolute;
	margin-right: 5px;
	margin-top: -5px;
	margin-top:-7px;
	margin-left: 621px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
	z-index: 200;
	color: #333333;
	display: none;
}

div#results ul {
	list-style: none;
	font-size: 13px;
}

div#results ul li {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 8px;
	
	border-bottom-color: #BBBBBB;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div#results ul li ul li {
	border: none;
}

div#results ul li ul li:hover {
	background-color: #CCCCCC;
}

div#results span.category {
	font-weight: bold;
	clear: both;
}

div#results span.title {
	clear: both;
}

div#results span.comment {
	font-size: 11px;
	clear: both;
}

div#resultsbody {
	height: 230px;
}

div.resultsfooter {
	height: 16px;
	width: 341px;
	text-align: right;
}

img#spinner {
	float: left;
	display: none;
}

/* Billboard */
div#billboard {
	width: 992px;
	margin-left: auto;
	margin-right:auto;
}

div#hero {
height:640px;
}

/* Dynamic Content */
div.container {
	width: 992px;
	margin-left: auto;
	margin-right:auto;
}

div.content {
	width: 880px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top:32px;
	padding-bottom: 30px;
}

div.hr {
	height: 15px;
	background-image: url(images/hr.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 978px;
	margin-left: -49px;
	margin-right: -50px;
	clear: both;
	margin-top:17px;
	margin-bottom:3px;
}

/* Billboard Navigation */
ul.billboardnav4 {
	list-style: none;
	cursor: pointer;
}

li.billboardnav4_1 {
	width: 245px;
	height: 204px;
	padding-left: 6px;
	padding-top:6px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(images/billboard_nav_4.png);
}

li.billboardnav4_2 {
	width: 245px;
	height: 204px;
	padding-top:6px;
	float: left;
	background-repeat: no-repeat;
	background-position: -251px 0px;
	background-image: url(images/billboard_nav_4.png);
}

li.billboardnav4_3 {
	width: 245px;
	height: 204px;
	padding-top:6px;
	float: left;
	background-repeat: no-repeat;
	background-position: -496px 0px;
	background-image: url(images/billboard_nav_4.png);
}

li.billboardnav4_4 {
	width: 245px;
	height: 204px;
	padding-right:6px;
	padding-top:6px;
	float: left;
	background-repeat: no-repeat;
	background-position: -741px 0px;
	background-image: url(images/billboard_nav_4.png);
}

li.billboardnav4_1 img {
	
	margin-left:auto;
	margin-right:auto;
}

li.billboardnav4_1:hover {
	background-position: 0px -210px;
}

li.billboardnav4_2:hover {
	background-position: -251px -210px;
}

li.billboardnav4_3:hover {
	background-position: -496px -210px;
}

li.billboardnav4_4:hover {
	background-position: -741px -210px;
}


li.billboardnav4_1.active {
	background-position: 0px -420px;
}

li.billboardnav4_2.active {
	background-position: -251px -420px;
}

li.billboardnav4_3.active {
	background-position: -496px -420px;
}

li.billboardnav4_4.active {
	background-position: -741px -420px;
}

div.billboardnav4_image {
	height: 155px; /*145*/
	width: 245px;
}

div.billboardnav4_title {
	height: 16px;
	margin-top: 0px;
	text-align: center;
	font-size: 15px;
}

div.billboardnav4_image.ci {
	background-image: url(../images/sample_ci.png);
	background-repeat: no-repeat;
	background-position: top right;
}

div.billboardnav4_image.web {
	background-image: url(../images/browser-bkbc.png);
	background-repeat: no-repeat;
	background-position: center 15px;
}

div.billboardnav4_image.apps {
	background-image: url(../images/sample_apps.png);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}

/* Promos */
div#promos {
	width: 992px;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}

/* promo2 */
div.promo2_1 {
	width:490px;
	background-image: url(images/promo2.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
}

div.promo2_2 {
	width:490px;
	background-image: url(images/promo2.png);
	background-position: -496px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:6px;
}

/* promo3 */
div.promo3_1 {
	width:318px;
	background-image: url(images/promo3.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
}

div.promo3_2 {
	width:342px;
	background-image: url(images/promo3.png);
	background-position: -324px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1px;
	padding-right:1px;
}

div.promo3_3 {
	width:318px;
	background-image: url(images/promo3.png);
	background-position: -668px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:6px;
}


/* promo 4 */
div.promo4_1 {
	width:245px;
	background-image: url(images/promo4.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
}

div.promo4_2 {
	width:245px;
	background-image: url(images/promo4.png);
	background-position: -251px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
}

div.promo4_3 {
	width:245px;
	background-image: url(images/promo4.png);
	background-position: -496px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	padding-right:0px;
}

div.promo4_4 {
	width:245px;
	background-image: url(images/promo4.png);
	background-position: -741px 0px;
	background-repeat: no-repeat;
	height: 150px;
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:6px;
}

/* Product Browser */
div#browser {
	width: 992px;
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	margin-bottom:0px;
	background-image: url(images/scroll_background.png);
	background-position: top left;
	height: 213px;
	
	z-index: 40;
}

div#browsercontainer {
	width: 980px;
	height: 201px;
	margin-left:6px;
	margin-top:6px;
	position:absolute;
	
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;

}

ul#browserslider {
	width: 2000px;
	height: 160px;
	display:block;
	list-style: none;
	margin-top: 12px;
}

ul#browserslider li.browserimage {
	font-size: 13px;
	height: 160px;
	width: 145px;
	text-align: center;
	margin-left:15px;
	float: left;
}

ul#browserslider li.browserimage img {
	margin-top:7px;
}

ul#browserslider li.browserimage img.hover {
	margin-top:17px;
}

ul#browserslider li.browserimage a {
	font-size: 11px;
	color: #dedede;
	text-decoration: none;
	font-weight: normal;
}

div#browserslidertrack {
	height: 19px;
	width: 949px;
	background-image: url(images/browserslidertrack.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 15px;
	display:block;
}

div#browserslidertrackhandle {
	background-image: url(images/browserslidertrackhandle.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 17px;
	width: 102px;
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
	display:block;
	position: absolute;
	z-index: 20;
}

span.browserslidercategory {
	height: 19px;
	line-height: 19px;
	font-size: 11px;
	color: #333333;
	float:left;
	z-index: 25;
}


/* FOOTER */
div#homefooter {
	color: #8a8a8a;
	width: 980px;
	height: 30px;
	margin-top: 2px;
	margin-left: auto;
	margin-right:auto;
	font-size: 12px;
	line-height: 14px;

}

div#copyright {
	float: right;
	padding-right:7px;
}

div#footermenu {
	float: left;
}

div#footermenu a {
	color: #8a8a8a;
	text-decoration: none;
	font-weight: normal;
}

div#footermenu ul li {
	list-style-image: url(images/footermenu_list.png);
	list-style-position: inside;
	float:left;
	padding-left: 7px;
}

div#footermenu ul li.first {
	list-style-image: url(images/footermenu_list_first.png);
	list-style-position: inside;
	float:left;
	padding-left: 0px;
}

div#austria {
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	padding-left: 55px;
	font-size: 12px;
	line-height: 14px;
	padding-top: 7px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/austria.png);
	color: white;
	margin-top: 10px;
	height: 32px;
	color: #8a8a8a;
	margin-bottom:25px;
}

div#globalfooter {
	width: 992px;
	margin-top: 2px;
	margin-left: auto;
	margin-right:auto;
	color:#131313;
	font-size: 13px;
}

div#breadcrumb {
	padding-left: 9px;
}

div#breadcrumb ul {
	list-style: none;
	color:#131313;
}

div#breadcrumb ul li {
	display:block;
	float:left;
	line-height: 23px;
	margin-right:10px;
}

div#breadcrumb ul li a {
	text-shadow: 0px 1px 1px #5c5c5c;
	text-decoration: none;
	color:#131313;
	font-style: normal;
	font-weight: normal;
}

div#footer_vertical_divider {
	height:1px;
	width: 962px;
	background-color: #1c1c1c;
	display:block;
	margin-top:7px;
	margin-left: 9px;
}

div#sitemap_footer {
	padding-left: 9px;
}

div.sitemap_column {
	text-shadow: 0px 1px 1px #5c5c5c;
	font-size: 12px;
	padding-left:10px;
	width: 150px;
	float:left;
	margin-top: 10px;
	margin-bottom: 7px;
	line-height: 16px;
}

div.sitemap_column a {
	color: #131313;
	text-decoration: none;
}

div.sitemap_column ul {
	list-style: none;
}

div.sitemap_column ul li {
	font-weight: bold;
}

div.sitemap_column ul li ul li {
	font-weight: normal;
	font-size: 11px;
}

/* MAIN MENU */
ul.mainmenu {
	margin-bottom: 0px;
	margin-right: 0px;
	color: white;
	list-style-type: none;
	padding: 0px;
	margin-left:6px;
	width: 800px;
	height: 51px;
	padding-top:6px;
	margin-top:0px;
}

ul.mainmenu li {
	display: block;
	height:45px;
	width: 160px;
	float: left;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
}

ul.mainmenu li a {
	color: #eeeeee;
}

/* FRAME IMAGES */
/* General Style */
div.frame_top {
    width:992px;
    background-position: left top;
    background-repeat: no-repeat;
    display:block;
    height:15px;
    margin-left: auto;
	margin-right:auto;
    }
    
div.frame_content {
    width:980px;
    background-position: left top;
    background-repeat: repeat-y;
    margin:0px;
    padding-left:6px;
    padding-right:6px;
    margin-left: auto;
	margin-right:auto;
    }
    
div.frame_bottom {
    width:992px;
    background-position: left bottom;
    background-repeat: no-repeat;
    display:block;
    height:15px;
    margin-left: auto;
	margin-right:auto;
    }

/* Color Variations */
div.frame_top.white {
	background-image: url(images/billboard_cap_top.png);
}

div.frame_top.grey {
	background-image: url(images/billboard_cap_top_grey.png);
}

div.frame_top.black {
	background-image: url(images/billboard_cap_top.png);
}

div.frame_content.white {
	background-image: url(images/billboard_body.png);
}

div.frame_content.grey {
	background-image: url(images/billboard_body_grey.png);
}

div.frame_content.black {
	background-image: url(images/billboard_body.png);
}

div.frame_bottom.white {
	background-image: url(images/billboard_cap_bottom.png);
}

div.frame_bottom.grey {
	background-image: url(images/billboard_cap_bottom_grey.png);
}

div.frame_bottom.black {
	background-image: url(images/billboard_cap_bottom.png);
}


/* DEVELOPER */
div.dev_comment {
	height: 14px;
	width: 135px;
	margin:0px;
	margin-left:-160px;
	float:left;
	z-index: 2048;
	font-size: 13px;
	line-height: 14px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 11px;
	padding-bottom: 11px;
	background-image: url(images/dev_comment.png);
	background-position: top left;
	background-repeat: no-repeat;
	color:#f9f9f9;	
}
