/* ------------------------------------------------------------------------
	normalisierung
------------------------------------------------------------------------- */
body, p, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, cite, form, fieldset, input, blockquote, th, td {
	margin:0;
	padding:0;
}

a:active, a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

/* entfernt list-style aus Listen */
ol, ul {
	list-style: none;
}

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

/* entfernt table Zwischenräume */
table {
	border-collapse: collapse;
	border-spacing:0;
}

/* entfernt border aus fieldset */
fieldset {
	border:0;
}

/* richtet text in caption und th links aus */
caption, th {
	text-align:left;
}

/* ------------------------------------------------------------------------
	allgemein
------------------------------------------------------------------------- */
html {
overflow-y:scroll;
}

body {
background:#FFFFFF url(../images/bg_body.gif) repeat scroll 0 0;
color:#454648;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:0.75em;
height:100%;
line-height:1.25em;
}

#wrapper {
background:#FFFFFF;
display:block;
margin:20px auto;
width:1000px;
}

h3{
	
}

/* ------------------------------------------------------------------------
	header
------------------------------------------------------------------------- */

#header {
height:75px;
position:relative;
z-index:200;
}

div#logo {
background:transparent url(../images/logo.gif) no-repeat scroll center 0;
height:55px;
left:15px;
position:absolute;
top:10px;
width:305px;
text-indent:-9999px;
}

div#logo a {
display:block;
height:55px;
text-indent:-9999px;
}

.xtranavi {
text-align:right;
float:right;
}

.xtranavi li {
background:transparent url(../images/extranav.gif) repeat-x scroll center 0;
display:inline-block;
float:left;
height:30px;
line-height:34px;
margin:0;
padding:0 2px;
font-size:0.92em;
}

.xtranavi li.first {
background:transparent url(../images/extranav_left.gif) no-repeat scroll left 0;
padding-left:42px;
}

.xtranavi li.last{
padding-right:10px;
}

.xtranavi li a {
color:#454648;
}

/* ------------------------------------------------------------------------
	selectbox
------------------------------------------------------------------------- */


.demo-select {
position:absolute;
right:8px;
top:39px;
z-index:200;
}

p.label{
	position:absolute;
	text-indent:-9999px;
}

div.selectbox-wrapper {
width:400px;
text-align:left;
font-size:1em;
margin-top:-6px;
padding:0;
}

html>/**/body div.selectbox-wrapper {
margin-top:-5px;
}

div.selectbox-wrapper ul {
list-style-type:none;
background:#E0EFE2 none repeat scroll 0 0;
border:1px solid #CCCCCC;
border-top:none;
width:304px;
margin:0 0 0 11px;
padding:2px 1px 2px;
}

html>/**/body div.selectbox-wrapper ul {
width:303px;
padding:2px 1px 2px 2px;
}

div.selectbox-wrapper ul li {
display:block;
font-size:1.08em;
height:14px;
list-style-type:none;
margin-bottom:1px;
padding:0 1px 4px 3px;
width:298px;
}

div.selectbox-wrapper ul li.selected,div.selectbox-wrapper ul li.current {
background:#60AB80;
color:#E0EFE2;
}

label {
display:block;
}

.selectbox {
background:transparent url(../images/jumpmenu_head.gif) no-repeat scroll right center;
border:medium none;
color:#454648;
cursor:pointer;
display:block;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:1.08em;
font-weight:bold;
height:17px;
line-height:16px;
padding:5px 30px 5px 16px;
text-align:left;
width:296px;
}


#content {
z-index:1;
}
/* ------------------------------------------------------------------------
	infobox
------------------------------------------------------------------------- */

.infobox{
	background:#000;
	height:25px;
	position:relative;
	width:1000px;
}

.infobox_expanded{
	height:auto;
}

.jcarousel-list li, .jcarousel-item {
width:1000px;
}

.infobox h3,.infobox p, .infobox a{
	color:#fff;
}

.infobox h3{
	font-size:1.50em;
	line-height:1.28em;
	display:inline;
}

.infobox h3 a{
	text-decoration:none;
}

.infobox .type{
	text-transform:uppercase;
	font-size:0.83em;
	color:#999999;
	margin-bottom:5px;
	line-height:1.30em;
}

.infobox .description {
margin-bottom:8px;
}

.leftcolumn {
float:left;
padding-left:30px;
}

.rightcolumn {
margin-left:170px;
margin-right:30px;
}

.rahmen {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #D2D2D2;
height:auto;
padding:5px;
width:115px;
}

.rahmen img {
border:medium none;
vertical-align:middle;
width:115px;
height:auto;
}

/* ------------------------------------------------------------------------
	content_home
------------------------------------------------------------------------- */


.content_home p{
	padding:0 20px 10px;
	width:75%;
}

.content_home h2{
	font-size:1.50em;
	color:#60AB80;
	padding:20px 20px 10px 20px;
}

.content_home p a {
	color:#60AB80;
}

span.links a{
	color:#454648;
}

span.links li{
	margin-bottom:10px;
	margin-left:20px;
}

#Featured_demos li{
	display:inline;
	float:left;
	margin-bottom:10px;
	margin-left:14px;
	width:478px;
}

#Featured_demos li a{
	text-decoration:none;
}

#Featured_demos li p{
	width:auto;
	padding:0 10px;
	
}

#Featured_demos li a h3{
	background:url(../images/featured_demos_bg.gif) no-repeat;
	color:#454648;
	width:455px;
	height:25px;
	font-size:1.17em;
	line-height:25px;
	padding:0 10px;
	margin-bottom:5px;
}

#Featured_demos li a:hover h3{
	background:url(../images/featured_demos_bg_hover.gif) no-repeat;
	color:#E0EFE2;
}

.infobox_features {
position:absolute;
right:0;
top:0;
}

.content_home {
position:relative;
}

.collapse a {
background:transparent url(../images/collapse.gif) no-repeat scroll 0 0;
display:block;
height:16px;
margin-right:0;
padding-left:0;
position:absolute;
right:5px;
top:5px;
width:16px;
z-index:100;
}

.expand a {
background:transparent url(../images/expand.gif) no-repeat scroll 0 0;
display:block;
height:16px;
margin-right:0;
padding-left:0;
position:absolute;
right:5px;
top:5px;
width:16px;
z-index:100;
}

.infobox .expand{
	display:block;
}

.infobox_expanded .expand{
	display:none;
}

.infobox .collapse, .infobox .jcarousel-skin-swc{
	display:none;
}

.infobox_expanded .collapse, .infobox_expanded .jcarousel-skin-swc{
	display:block;
}

.infobox a.Tutorial{
background:transparent url(../images/tutorial_button.gif) no-repeat scroll 0 0;
color:#60AB80;
display:inline-block;
font-weight:bold;
height:20px;
left:5px;
line-height:19px;
position:relative;
text-align:center;
text-decoration:none;
top:-2px;
width:59px;
	}