/*****************************************************************************
 (c) 2009 Diplix Solutions Claude Schmidhuber, www.diplix.de
******************************************************************************/

/*****************************************************************************
 Generisch
******************************************************************************/

html 
{
	height:100%;
}

html body
{
	height:100%;
	width:auto;	
	padding:0px; 
	margin:0px; 
	background-color: #ffffff;
}

body,td,ul,li,h1,h2,h3,p,div
{
	font-family: Arial, Sans-Serif, Tahoma;
	color:#000000;
}

h1,h2,h3,h4,h5,h6
{
	margin-top:0;
}

div,p,td
{
	font-size:9pt;
}

td
{
	vertical-align:top;
}

img
{
	border:0 none;
	margin:0;
	padding:0;
}

/* mozilla fix for img-only tds */
td img 
{
	display: block;
} 

ul
{ 
  list-style-type: square;
}

a
{
	color:Blue;
}
a:visited
{
	color:Blue;
}

.endfloat
{
	clear:both;
}
/*****************************************************************************
 Hauptlayout
******************************************************************************/
/*****************************************************************************
 Grundstruktur / Layout
******************************************************************************/
#main-container
{
	margin:0 auto;
	padding:40px 0 0 0;
	position:relative;
	text-align:left;
	width:757px;
}

#main-page
{
	margin:0;
	padding:0;
	position:relative;
}

#main-logoheader  
{
	height:62px;
	position:relative;
}

#main-headergfx
{
	position:absolute;
	left:0px;
	top:0px;
}

/*  -- 757 -- */
/* 165 | |  570 | | 22 */
#main-content
{
	position:relative;
	background-image: url(bilder/main-bg.jpg);
	background-repeat:repeat-y;
}

#main-nav
{
	padding:20px 0 0 0;
	margin:0;
	width:165px;
 	float:left;	
	color:black;
	font-size:12pt;
}

#main-nav ul
{	
	margin:0 0 0 0;
	padding:0;
	width:165px;
}

#main-nav ul li /* diplix-ie */
{
	display:block;
	float:left;
	padding:2px 2px;
	margin:0 5px 0 5px;
	width:155px;
	text-align:left;
	border-style:none none solid none;
	border-color:#B1B1B1;
	border-width:1px;
	font-size:10pt;
	/*text-transform: uppercase;*/
}

#main-nav ul li.spacer
{
	border-style:none;
}

#main-nav ul li a
{
	text-decoration:none;
	color:black;
}

#main-nav ul li a:hover
{
	text-decoration:underline;
}

#main-nav ul li.active a
{
	font-weight:bold;
}

#main-innercontent /* diplix-ie */
{
	margin:0 22px 0 165px;
	width:560px; /* 570 */
	padding:17px 5px 0 5px;
	color:black;
	/* background-color:fuchsia; */
}

#main-right
{
	float:right;
	width:22px;	
	color:black;
	overflow:hidden;
	/* background-color:navy; */
}

/* ### fix für floating area ### */
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ### fertig fix für floating area ### */

#main-footer
{
	color:black;
	text-align:right;
	font-size:7pt;
}

.ptab-a
{
	width:200px;
}
.ptab-b
{
	width:80px;
	text-align:right;
}
.ptab-c
{
	width:80px;
	text-align:right;	
}

.highlight
{
	background-color:#FFFFF0;
	padding:5px;
	border-style:solid;
	border-color:#FFFAFA;
	border-width:1px;
	margin:0px 0px 5px 0px;
}

.highlight .small
{
	font-size:8pt;
}

h1
{
	border-style:none none solid none;
	border-width:1px;
	border-color:black;
	font-size:14pt;
}

h2
{
	border-style:none none dotted none;
	border-width:1px;
	border-color:black;
	font-size:12pt;
}

.software-item
{
	background-color:#FFFFF0;
	padding:0;
	margin:0px 0px 5px 0px;
	border-style:solid;
	border-color:#FFFAFA;
	border-width:1px;	
	position:relative;
	height:190px;
}

.software-item .title
{
	position:absolute;
	left:5px;
	top:0px;
	width:545px;
	
	margin:0;
	padding:0px 0px 0px 5px;
	border: 1px solid black;
	font-weight:bold;
}
.software-item .screenshot
{
	position:absolute;
	left:350px;
	top:20px;
	width:200px;
	height:150px;
	margin:0;
	padding:0;
}

.software-item .desc
{
	position:absolute;
	left:10px;
	top:20px;
	width:300px;
	height:130px;
}

.software-item .download
{
	position:absolute;
	left:10px;
	top:150px;
	padding:0px 0px 0px 25px;
	width:275px; /* 300*/
	height:16px;
	background-image:url(bilder/main-dl.gif);
	background-repeat: no-repeat;
}

.referenz-item
{
	background-color:#FFFFF0;
	padding:0;
	margin:0px 0px 5px 0px;
	border-style:solid;
	border-color:#CED4D9;
	border-width:1px;	
	position:relative;
	height:145px;
}

.referenz-item .screenshot
{
	position:absolute;
	left:2px;
	top:5px;
	width:200px;
	height:150px;
	margin:0;
	padding:0;
}

.referenz-item .desc
{
	position:absolute;
	left:200px;
	top:5px;
	width:300px;
	height:130px;
}

.referenz-item .desc b
{
	display:block;
	margin:0 0 5px 0;
}


/*****************************************************************************
 Formulare
******************************************************************************/
.dfs-line
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px; 
  border: 1px solid #000000;
  margin: 1px 1px 1px 1px;
  padding:1px 1px 1px 1px;
  width:200px;	
}
 
.dfs-select
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px; 
  border: 1px solid #000000;
  margin: 1px 1px 1px 1px;
  padding:1px 1px 1px 1px;
} 
 
.dfs-box
{
  font-family:Arial, Helvetica, sans-serif;  
  font-size:12px;

  border: 1px solid #000000;
  width:320px;
  height:120px;
}

.dfs-button
{
 font-family:Arial, Helvetica, sans-serif;  
 font-size: 12px;

 color:#000000;
 padding: 3px 3px 3px 3px;
 margin: 10px 20px 0px 0px;
 background-color: #FFCC00;

 border: 1px solid #000000;
}