<?php
// Test, ob der Browser gzip akzeptiert
header('Content-type: text/css');
if (strpos($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip') !== false) {

    // Den Content-type setzen, wichtig für den Firefox
    // Einschalten der Pufferung von Ausgaben
    // Dieser Funktion ruft mit einem Callback die Funktion ob_gzhandler handler auf
    ob_start("ob_gzhandler");
}
?>
html, body {
	margin: 0;
	padding: 0;
} 

body {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(bg.gif);
	margin:0px auto 0 auto;
	
	padding-top: 20px;
}

body a:link, body a:visited, body a:active {
	color: #d4ad4e;
	text-decoration: none;
}


#wrap {
	width:958px;
	margin:30px auto 0 auto;
	padding:0 0 10px 0;
position:relative;
}

#logo {float:left;width:310px;

}

#patent {
color:white;width:300px;margin:0 0 0 0px;

}

#links {
	padding:30px 0 0 60px;
color: #8A8A8A;
height:20px;
position: absolute;
top:-80px;
right:0px;
}

#linksOrder {
	padding:30px 0 0 60px;
color: #8A8A8A;
height:20px;
position: absolute;
top:-80px;
right:0px;
}


#flags {
float:right;
width:240px;
padding:40px 0 0 0;
height:20px;
}


#nav ul, #nav li {
	margin:0px 8px 0px 8px;
	padding:0;
	list-style:none;
display: inline;
}

#nav {font-size:13px;}

#nav a:hover {
color:#ffffff;
}

img {
border: none;
}


#main {
border:17px solid white;
width:670px;
height:340px;
float:left;
background-color:#877d7d;

}

.clear {
clear:both;
}


#wrapper {overflow-x:hidden;
overflow-y:scroll;
	width: 400px;
	margin-left: auto;
	margin-right: auto;float:left;height:320px;
padding:10px;color:white;
	}
 

#views {
float:left;
margin: 20px 0 0 20px;
width:400px;
z-index:-1;
}

#bullets{
margin:19px 10px 0 0;
float:right;
width:232px;
height:314px;
background: #000 url('images/bulletsNew.jpg');
color:white;
font-family:Myriad Pro;
font-size:10pt;
position:relative;
line-height:12pt;
font-weight:500;
}

#bullets ul {
list-style:none;

}

#bullets li {

}

#faqList {
height:320px;
width:260px;
float:left;
padding:20px 0 0 20px;
background: url('images/faqDivider.jpg') no-repeat right top;
}

#faqAnswers {
height:280px;
width:330px;
float:right;
padding:50px 30px 10px 20px;
color:white;
}


#sonicAbout {
float:left;

width:300px;height:300px;
margin:16px 0 0 40px;
padding:
}

#sonicGerman {
height:250px;
width:200px;
float:left;
padding:14px 0px 10px 0px;
color:white;

margin:10px 0 0 130px;
}


#sonicDivider {
width:20px;
height:280px;
float:left;
margin:10px auto 0 auto;
text-align:center;

}

#sonicEnglish {
height:250px;
width:200px;
float:left;
padding:14px 0px 10px 30px;
margin:10px 0 0 0px;
}

#sonicHeadline {
margin:0 0 0 20px;
height:30px;
}

#sonicHeadline h1{
color:white;
}


#intro {
width:213px;
height:346px;
border:2px solid #b6994f;
background: #000 url('images/introBack.jpg');
float:right;
padding:12px;
}

#topRightColumn {
width:237px;
height:369px;
border:2px solid #b6994f;
background: #ooo;
float:right;

}


#bottomGrad {
background: #000 url(images/bottomGrad.jpg);
width:958px;
height:187px;
margin:12px 0 0 0;
position:relative;
}

#mostRecent {
background: url('images/mostRecent.jpg');
width:220px;
height:180px;
color:white;
position:absolute;
left:726px;
top:4px;
}


#endorserRetailers {
width:290px;
height:180px;
padding:17px 0px 0 20px;
float:left;
}


#twitter {
position:absolute;
right:50px;
bottom:3px;
}

#youtube {
position:absolute;
right:90px;
bottom:3px;
}

#digg {
position:absolute;
right:130px;
bottom:3px;
}

#facebook {
position:absolute;
right:170px;
bottom:3px;
}

#copyright {
text-align:center;
margin: 4px auto;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 11px;
color:#555555;
width:340px;


}

p {

margin-bottom:9px;
margin-top:9px;
}


.retailers {
padding:10px 10px 0 23px;
}