body,
html
{
  background: #f7e1a5;
}

img
{
  vertical-align: bottom;
}

.howtothumb{
margin-top:-8px;
margin-left:-7px;
cursor:pointer;

}

.starthumb{

cursor:pointer;

}

#glossar{
margin:10px 20px 10px 140px;

}
#glossar .track{
vertical-align:top;
margin: 5px 0 5px 0;


}

#doc
{
  background: #fbb03b url(../images/doc-background.png) repeat-x bottom center;
  margin: 0 auto;
  
  overflow: hidden;
  width: 860px;
}

#doc:after
{
/*  clear: both; */
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#container {
	margin: 0 auto;
	width: 1160px;
}

#AdSense-skyscraper{
	float:left;
	padding:5px,0px, 5px, 0px;
}

#AdSense-skyscraper2{
	float:right;
	padding:5px,0px, 5px, 0px;
}


.spinner{

position:absolute;
z-index:2;

}

#content
{
  background: url(../images/content-background-center.png) center;
  float: left;
}

#content-inner-1
{
  background: url(../images/content-background-top.png) no-repeat top center;
  float: left;
}


#content-inner-2
{
  background: url(../images/content-background-bottom.png) no-repeat bottom center;
  float: left;
  padding: 0 10px 10px;
    width: 840px;
}

.content-download
{
  text-align: center;
}

h1
{
  background: #797c80;
  color: #fff;
  font-size: 182%;
  font-weight: bold;
  height: 40px;
  padding: 13px 100px 0;
  width: 640px;
}

.box h1
{
  background: transparent;
  color: #f38322;
}

h2
{
  font-weight: bold;
  margin: 10px 100px;
}

p
{
  margin: 10px 100px;
}

.box p
{
  margin: 0;
  padding: 20px 0 0;
}

ul ul
{
  margin: 10px 100px 10px 140px;
}

ul ul li
{
  list-style-type: disc;
  margin: 5px 0;
}
ul ol
{
  margin: 10px 100px 10px 140px;
  list-style-type:upper-roman;
}

ul ol li
{
   margin: 5px 0;
}
strong
{
  font-weight: bold;
}

div.button
{
  clear: both;
  margin: 10px auto;
  width: 185px;
}

a.button
{
  background: url(../images/buttons.en.png);
  cursor: pointer;
  display: block;
  height: 40px;
  overflow: hidden;
  text-indent: 190px;
  width: 185px;
  white-space: nowrap;
}

a.button-generate:hover
{
  background-position: 0 -40px;
}

a.button-download
{
  background-position: 0 -80px;
}

a.button-download:hover
{
  background-position: 0 -120px;
}

a.button-share
{
  background-position: 0 -160px;
}

a.button-share:hover
{
  background-position: 0 -200px;
}

a.button-upload
{
  background-position: 0 -240px;
}

a.button-upload:hover
{
  background-position: 0 -280px;
}
a.button-photobucket
{
  background-position: 0 -320px;
}

a.button-photobucket:hover
{
  background-position: 0 -360px;
}

a.button-aol
{
  background-position: 0 -400px;
}

a.button-aol:hover
{
  background-position: 0 -440px;
}
/*** FORMS ***/

.form
{
  float: left;
  margin: 5px 0;
}

.form li
{
  float: left;
  padding: 3px 0;
  width: 100%;
}

.form-label
{
  float: left;
  padding: 1px 10px 0 0;
  text-align: right;
  width: 235px;
}

.form-field
{
  float: left;
}

.form-field input,
.form-field textarea,
.form-field select
{
  width: 360px;
}

.form-iframe
{
  float: left;
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
}

.form-iframe li
{
  float: left;
  padding: 3px 0;
  width: 100%;
}

.form-label-iframe
{
  float: left;
  padding: 1px 10px 0 0;
  text-align:right;

  width: 95px;
}

.form-field-iframe
{
  float: left;
}

.form-field-iframe input,
.form-field-iframe textarea
{
  width:360px;
}

.import{
padding-top:5px;
vertical-align: bottom;
}

/*** HOMEPAGE ***/

#arena
{
  background: url(../images/arena-background.png);
  height: 415px;
 
}

#arena-video
{
  float: left;
}

#arena-go
{
  float: left;
  margin: 0 0 0 15px;
  width: 310px;
}

#arena-go h2
{
  color: #fff;
  font-size: 138.5%;
  margin: 0 10px;
  text-transform: uppercase;
}

#arena-go p
{
  color: #fff;
  margin: 0 10px;
}

#stargalerie{
background-color:#000000;
padding: 7px 0px 7px 0px;
width:100%;
height:154px;
}

#arena-go .button
{
  margin: 0;
  text-align: right;
  width: auto;
}

#features
{
  color: #fff;
  height: 300px;
}

#features li.feature
{
  background: url('../images/features-background.png');
  display: inline;
  height: 125px;
  float: left;
  margin: 8px 0 8px 8px;
  overflow: hidden;
  padding: 15px;
  width: 175px;
}

#features li.feature2col
{
  background: url('../images/features-background2col.png');
  background-repeat:no-repeat;
  display: inline;
  height: 180px;
  float: left;
  margin: 8px 0 8px 8px;
  overflow: hidden;
  padding: 15px;
  width: 390px;
}
#features li.feature1col
{
 
  background-repeat:no-repeat;
  display: inline;
  height: 245px;
  float: left;
  margin: 8px 0 8px 8px;
  overflow: hidden;
  padding: 15px;
  width: 175px;
}


#features.featurebackground
{
margin-left:-15px;
 
  
}

#features h3
{
  font-weight: bold;
  margin: 0 0 10px;
  text-transform: uppercase;
}

#features ul
{
  margin: 0 0 0 20px;
}

/*** DOWNLOAD ***/

.box
{
  background: url(../images/download-background.png);
  height: 99px;
  margin: 10px 0;
}

#video-upload-tabs
{
  background: url(../images/upload-video-background.png) bottom center;
  clear: both;
  height: 49px;
  padding: 0 184px;
  width: 472px;
}

#video-upload-tabs li
{
  float: left;
}

#video-upload-tabs a
{
  background: url(../images/upload-video-tabs.png);
  display: block;
  float: left;
  height: 49px;
  overflow: hidden;
  text-indent: 300px;
  white-space: nowrap;
}

#video-upload-tabs a.video-upload-tab-youtube
{
  background-position: 0 0;
  width: 112px;
}

#video-upload-tabs a.video-upload-tab-youtube:hover
{
  background-position: 0 -49px;
}

.video-upload-youtube #video-upload-tabs a.video-upload-tab-youtube
{
  background-position: 0 -98px !important;
}

#video-upload-tabs a.video-upload-tab-photobucket
{
  background-position: -110px 0;
  width: 182px;
}

#video-upload-tabs a.video-upload-tab-photobucket:hover
{
  background-position: -110px -49px;
}

.video-upload-photobucket #video-upload-tabs a.video-upload-tab-photobucket
{
  background-position: -110px -98px !important;
}

#video-upload-tabs a.video-upload-tab-aolvideo
{
  background-position: -291px 0;
  width: 177px;
}

#video-upload-tabs a.video-upload-tab-aolvideo:hover
{
  background-position: -291px -49px;
}

.video-upload-aolvideo #video-upload-tabs a.video-upload-tab-aolvideo
{
  background-position: -291px -98px !important;
}

#upload
{
  height: 400px;
}

.upload
{
  display: none;
}

.video-upload-download #upload-download
{
  display: block;
}

.video-upload-photobucket #upload-photobucket
{
  display: block;
}

.video-upload-aolvideo #upload-aolvideo
{
  display: block;
}

#upload-photobucket iframe
{
  margin: 10px 150px 10px 100px;
  _margin: 10px auto;
  width: 590px;
}

#upload-aolvideo iframe
{
  margin: 10px auto;
  width: 508px;
}


/*** FOOTER ***/

#footer ul
{
  clear: left;
  margin: 10px 10px 10px 3px;
  overflow: hidden;
}

#footer li
{
  border-left: 1px #fbb03b solid;
  color: #fff;
  float: left;
  font-size: 85%;
  margin: 3px 0 0 -1px;
  padding: 0 8px 1px;
}


#lang
{ 
position:absolute;
padding-left:730px;
padding-top:5px;
font-size:10px;
color:#666;


}
#lang a
{
  color: #666;
  text-decoration: none;
}
#lang a:hover
{
  color: #666;
  text-decoration:none;
}


#footer a
{
  color: #fff;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

#footer img
{
  background: #fff;
}
.secondaryBox{
	
	width:210px;
	height:140px;
	color:#FFF;
	background-image:url(../images/secondaryBox.jpg);
	}

.secondaryBox h3{

	font-size:14px;
	font-weight:bold;
	padding: 10px 10px 5px 10px;
	
	}
.secondaryBox p{
	
	font-size:12px;
	padding: 3px 10px;
	margin: 0 0 0 0;
	
	}	
	
.secondaryBox a{
		color:#FFF;
	}
.secondaryBox a:hover{
		color:#FFF;
	}
.secondaryBox a:visited{
		color:#FFF;
	}		

.secondaryBox a img{
	padding-right:5px;
	}

#infotext{
	margin-top:10px;
	width:843px;
	height:240px;
	background-image:url(../images/info_background.png);
	background-repeat:no-repeat;
		margin-left:5px;
	
	}	

#infotext p{
	color:#FFF;

	font-size:14px;
	text-align:justify;
	
	padding: 20px 20px;
	margin: 0 0 0 0;
	}	
	
#videobox{
	padding: 20px 10px 5px 60px;

	}
#infotext  a{
		color:#FFF;
	}
#infotext  a:hover{
		color:#FFF;
	}
#infotext a:visited{
		color:#FFF;
	}		


	
#rightButtons{
	padding: 40px 10px 5px 20px;
	}	
	
.infoBox{
	text-align:left;
	width:540px;
	margin-left:-40px;
	
	}
	
.actionBox{
	text-align:left;
	width:300px;

	}	
	
.optionBox{
	padding-top:20px;
	position:absolute;
	

		}
		
#options{
height:280px;
		}	
		
		input .emailAdress{
			
			width:200px;
			}
			
			
	#content-inner-3
{
  background: url(../images/content-background-bottom-grey.png) no-repeat bottom center;
  float: left;
  padding: 0 10px 10px;
    width: 840px;
}

#content-grey
{
  background: url(../images/content-background-center-grey.png) center;
  float: left;
}

#google{
	padding-left:150px;
	visibility:hidden;
	
	}