/* CSS RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{  
	margin:0; 
	padding:0; 
} 
table
{ 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img
{  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
	color: #333;
} 
ol,ul
{ 
	list-style:none; 
} 
caption,th
{ 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6
{ 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after
{ 
	content:''; 
} 
abbr,acronym
{
	border:0; 
} 
* {
	margin: 0;
	padding: 0;
}
* body {
	margin: 70px 0 0 0;
	background: #7994ad url(../images/blue/hg.png) repeat;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666;
}
h1 {
	font-size: 3em;
	font-weight: normal;
	float: left;
}
h1 a {
	text-decoration: none;
}
h2 {
	font-size: 2em;
	color: #FFF2B3;
	font-weight: normal;
	margin: 40px 0 0 0;
}
h3 {
	
	font-size: 1.5em;
	
	letter-spacing: -1px;
}
p {
	margin: 0 0 1.5em 0;
	line-height: 13pt;
	padding:0;
	color: #333;
}

a {
	color: #7994ad;
}
a:hover {
	color: #6c849a;
	text-decoration: none;
}
img {
	border: 0;
}

ul {
	list-style-type: none;
}
#main_content {
	
	width:960px;
	margin: 0 auto;
}
.heading {
	width:960px;
	height:167px;
	background: transparent;
	text-align: right;
}


.top_box {width:960px;height:644px;background: transparent url(../images/top_box.png) top no-repeat;}
.wrap {
	background:#fff;
	width: 960px;
	margin: 0 auto;
}
.wrap p {
	padding: 40px 15px 0 20px;
	text-align: left;
	
}
.box {
	width: 330px;
	color: #7c7c7c;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.box a:hover img {
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=50);
}
.box p {
	line-height: 14pt;
	font-size:12px;
	text-align: justify;
	color: #333;
}

}
.box2 {
	padding: 20px 0 0 20px;
	width: 800px;
	color: #7c7c7c;
	margin: 0 0 0 20px;
	overflow:hidden;
}
.box2 a:hover img {
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=50);
}
.box2 p {
	line-height: 14pt;
	font-size:12px;
}

#image {
	float: left;
	width: 505px;
	position: relative;
	height: 314px;
	margin: 0 20px 0 50px;
	display:inline;
}

#slider {
	width: 505px; /* important to be same as image width */
	height: 314px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
	width: 505px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
	float: right;
	position: relative;
	display: none;
}
/* hide hack from Mac-IE5 \*/
* html .sliderImage {
	height: 1%;
}
/* end hiding */
.sliderImage span {
	position: absolute;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
	font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
	left: 0;
}
#features {
	float:left;
	width: 490px;
	height:100px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 50px;
}
#features h2 {color:#666; font-size:20px; margin:0 0 10px 0;letter-spacing:-1px;}

#features img {
	border:0;
	margin:5px 10px 0 10px;
	color: #333;
}
#features a:hover img {
	background: #FFF;
	opacity: 0.6;
	filter: alpha(opacity=50);
}
#preorder {
	float:left;
	width: 355px;
	height:100px;
	margin:25px 0 0 40px;
}
#preorder h2 {color:#7994ad; font-size:20px; margin:0 0 5px 0;letter-spacing:-1px;}
#preorder img {border:0; margin:5px 5px 0 5px;}
#preorder a:hover img {
	background: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* Features DIVs */

.hide { display:none;}
#threecolumn {
	width:960px;
	margin:30px 0 0 0;
}
.notify {width:314px; height:184px;	background: url(../images/notify.png) 0 0 no-repeat; margin:0px 0px 0px 0px; float:left;}
.apps {width:314px; height:184px;	background: url(../images/apps.png) 0 0 no-repeat; margin:0px 9px 0px 0px; float:left;}
.specs {width:314px; height:184px;	background: url(../images/specs.png) 0 0 no-repeat; margin:0; float:left;}
.apps_p{
	width:210px;
	margin:0;
}
.specs_p{
	width:185px;
	margin:0 0 0 130px;
}
/* Button */
.iTunes_b {display:block; width:80px; height:21px; background: url(../images/blue/iTunes_b.jpg); margin: 10px 0 0 60px;}
.iTunes_b:hover {background: url(../images/blue/iTunes_b.jpg) 0px -21px;}
/* mail */
.mail
{
	position: relative;
	margin:0 0 0 30px;
	width:284px;
}
#SubscriptionForm
{
	background-image: url(../images/txtbox.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 23px;
	margin: 5px 0 0 0;
	padding: 0;
	width: 269px;
}
#SubscriptionForm .email
{
	background: transparent;
	border: none;
	color: #5f6a72;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 0 0px 0 10px;
	width:150px;
}
#SubscriptionForm .subscribe
{
	background: transparent;
	background-image: url(../images/blue/btn-anmelden.png);
	background-position: top left;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	height: 21px;
	margin: 1px 0 0 4px;
	width: 81px;
}
label.error, .output
{
	left:45px;notify
	position: absolute;
	text-align: right;
	top: -10px;
	width: 184px;
	z-index: 2;
	color:#F00;
	font-size: 10px;
}
/* footer  */
#footer {width:960px; height:40px;overflow:hidden;text-align:right;padding-top:10px;color:#fff;clear:both;}
	#footer p {margin-left: 20px;float:left;color:#fff;display:inline;}
	#footer ul{margin:0;padding:0 20px;list-style:none;float:right;}
		#footer ul li{display:inline;margin:0 10px;}
			#footer ul li a{color:#fff;text-decoration:none;}