@CHARSET "UTF-8";

html{
	background: url("../images/html.gif") top left repeat-x #FFF; 
}

#wrap1{
	margin: 0 auto; width: 970px;
}
#header{
	height: 305px; color: #FFF;
	background: url("../images/banner/warenwirtschaft-software-easywinart.jpg") bottom right no-repeat;
}
#logo{
	height: 86px; margin: 0;
}
#logo a{
    display: block; height: 61px; width: 232px; padding-top: 12px;
}
#button-live-demo{
	position: absolute; top: 250px; left: 50%; margin-left: -34px;
	display: block;
}
#button-ab98euro{
	position: absolute; top: 238px; left: 50%; margin-left: 342px;
	display: block; 
}
#header h1{
	font-size: 33px; color: #FFF; padding: 20px 0 0 0; margin: 0;
}
#header h2{
	font-size: 23px; color: rgb(196,220,232); padding: 0; margin: 0; font-weight: normal;
}

#left{
	position: relative; top: -6px;
	width: 220px; float: left;
}

#nav_left{
	border-top: 1px solid rgb(225,225,225);
}
#nav_left a{
  line-height: 29px;
  background: url("../images/nav_left_a.gif") top left no-repeat #fdfdfd;
  border: 1px solid rgb(225,225,225); border-top: none;
  padding-left: 28px;
  color: rgb(121,121,121); font-weight: bold;
}
#nav_left a.current{
	color: #FFF;
    background: url("../images/nav_left_a.open.gif") top left no-repeat #7aba0c;
}
#nav_left ul a{
	line-height: 19px; font-weight: normal; padding: 2px 0 2px 46px;
	background: url("../images/nav_left_ul_a.gif") top left no-repeat #fbfbfb;
}
#nav_left ul a.open{
	font-weight: bold; 
}
#nav_left ul ul a{
	line-height: 19px; font-weight: normal; padding: 2px 0 2px 56px;
	background: url("../images/nav_left_ul_ul_a.gif") top left no-repeat #fbfbfb;
}

#content{
	float: right; width: 700px;
}


#tabs{
	clear: both; margin-top: 50px;
	margin: 10px 0 10px 10px;
	border: 1px solid #dcdee2;
	width: 665px; height: 414px;
}

#tabs ul.tabs{
	position: relative; left: -6px; top: -1px;
	float: left; width: 180px; margin: 0; padding: 0;
	
}
#tabs ul.tabs li{
	padding: 0;
}
#tabs ul.tabs li a{
	background: url("../images/tabs_li.gif") top left repeat-y;
	height: 32px; line-height: 32px;
	color: rgb(60,60,60);
}
#tabs ul.tabs li a.first{
	background: url("../images/tabs_li.first.gif") top left repeat-y;
}
#tabs ul.tabs li.active a.first{
	background: url("../images/tabs_li.open.first.gif") top left repeat-y;
}
#tabs ul.tabs li.active a{
	background: url("../images/tabs_li.open.gif") top left no-repeat;
	color: #FFF; font-weight: bold;
}
#tabs ul.tabs li.last.active a{
	background: url("../images/tabs_li.last.open.gif") top left no-repeat;
	color: #FFF; font-weight: bold;
}
#tabs-content{
	float: right; width: 450px; height: 400px; padding: 10px 20px 0 0;
	overflow: auto;
}
#tabs-content h1{
	padding-top: 0;
}
#tabs.screenshots #tabs-content{
	overflow: hidden;
}
#tabs.screenshots #tabs-content div.arec_img{
	float: left; margin-right: 10px; margin-bottom: 10px;
}
#footer{
	clear: both;
	height: 1.5em; line-height: 1.5em;
	padding: 1em 0 5em 0;
}

#footer li{
	padding: 0; margin: 0;
	background: none;
}
#footer li a{
	font-size: 0.9em;
	height: 1.5em; line-height: 1.5em;
	padding: 0 0.5em; margin: 0; border-right: 1px solid rgb(150,150,150);
	color: rgb(150,150,150);
}
#footer li.last a{
	border: none;
}

.inline #header{
	background: none;
	height: 6px;
}
.inline #header *{
	display: none;
}

.inline #wrap2{
  background: #FFF; 
}