/* CSS Document */

body, html {
    font-family: arial, helvetica;
	font-size: 12px;
    padding:0;
    margin:0;
	background:#0C213E;
}

#content {
	position:static;
	width:800px;
	height:600px;
	background:url(../_layout/bg.gif);
	margin:10px auto;
	padding:0;
}

#left {
	float:left;
	width:390px;
	height:567px;
	margin:0;
	padding:0;
	display:inline;
}

#right {
	float:left;
	width:410px;
	height:567px;
	margin:0;
	padding:0;
	display:inline;
}

#top
{
width:390px;
height:217px;
margin:0;
padding:0;
}

#item {
	width:390px;
	height:350px;
	margin:0;
	padding:0;
	display:inline;
}

/* --------- Bildboxen ---------*/

#img1 {
	width:130px;
	height:110px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#img2 {
	width:130px;
	height:130px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#footer {
	width:800px;
	height:33px;
	margin:0;
	padding:0;
	background:#051e37;
}

img {
	margin:0;
	padding:0;
	border:none;
}

#icons
{
width:400px;
height:40px;
margin:0;
padding:28px 0 0 354px;
display:inline;
float:left;
z-index:10;
position:absolute;
}

#banner2
{
width:400px;
height:367px;
margin:0 0 10px 0;
padding:0;
position:absolute;
z-index:1;
}

#animation2
{
width:313px;
height:180px;
margin:85px 0 0 87px;
padding:0x;
display:inline;
float:left;
z-index:20;
position:absolute;
}

/*------------ Frame ------------*/

#frame
{
top:377px;

width:390px;
height:180px;

margin:0;
padding:5px;
background:url(../_layout/field.gif) no-repeat;
position:absolute;
}

#iframe
{
background-color:transparent;
width:390px;
height:181px;

margin:0;
padding:0;
font-family: arial, helvetica;
font-size: 12px;
color: #fff;
scrolling:auto;
}

#frame_content
{
margin:5px 0 0 10px;
width:350px;
/*height:175px;*/
padding:5px;
}

#frameZusatz
{
margin:0;
width:370px;
height:175px;
padding:0px;
}


#logo
{
float:left;
width:100px;
padding:0;
margin:0 10px 0 0;
display:inline;
}

#logoRight
{
float:left;
width:100px;
padding:0;
margin:0 0 0 10px;
display:inline;
}

#copy
{
float:left;
width:240px;
padding:0;
margin:0;
display:inline;
}

#software
{
float:left;
width:350px;
padding:0;
margin:0 0 10px 0;
display:inline;
}

#logoSoftware
{
float:left;
width:60px;
padding:0;
margin:0 10px 0 0;
display:inline;
}

#copySoftware
{
float:left;
width:280px;
padding:0;
margin:0;
display:inline;
}

#copyGenuine
{
float:left;
width:195px;
padding:0;
margin:0;
display:inline;
}

#genuine
{
float:rght;
width:155px;
padding:0 0 0 10px;
margin:0;
display:inline;
position:fixed;
}

.little
{
font-size:10px;
}

.little9
{
font-size:9px;
}


/*------------ Navigation -------------*/

#navigation
{
margin:0 0 0 10px;
padding:0;
}

#navigation ul
{
margin:0;
padding:0;
list-style:none;
}

#navigation li
{
float:left;
margin:0;
padding:0;
/*background:url(../_layout/button1a.gif) no-repeat;*/
}

#navigation li a
{
float:left;
margin:0;
padding:0;
/*background:url(../_layout/button1a.gif) no-repeat;*/
}

#navigation li a:hover
{
/*background:url(../_layout/button1b.gif) no-repeat;*/
}

#navigation li a.act
{
/*background:url(../_layout/button1c.gif) no-repeat;*/
}


/*---- Texte -----*/

h2
{
  font-family: arial, helvetica;
  font-size: 12px;
  margin: 0;
  padding: 0;
  font-weight:normal;
}

.title1
{
font-size:21px;
font-weight:bold;
margin:0;
color:#f5a52b;
/*color:#168dba;*/
}

.title2
{
font-size:14px;
font-weight:bold;
margin:0;
}

.title3
{
font-size:12px;
font-weight:bold;
margin:0;
}

hr
{
height:2px;
background: #fff;
}

p
{
margin:5px 0 0 0;
}

br
{
margin:3px 0 0 0;
}

ul
{
padding: 0px 0px 0px 16px;
margin: 0px;
}

li
{
list-style-type: square;
}

