/* BROWSER RESET *********************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a { text-decoration: none;}
a img {border:none;}
.clear { clear: both; }
/* image replacement */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: none; }

body {
	margin: 0;
	background: #D9D9D9;
	color: black;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px; }
img { border:none; }
a {
	text-decoration: none;
	color: #ff5900; }
h1 {
	color: white;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 22px; }
h2{
	color: #ff5900;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 20px; }
.container{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	background: url("container.jpg") no-repeat;
	width: 900px;
	height: 576px; }
	.container span { display: none; }
#titel{
	position: absolute;
	margin: 50px 0 0 75px; }
#logo{
	position:absolute;
	margin: 150px 0 0 75px;
	background: url(logo.jpg) no-repeat;
	width: 254px;
	height: 83px; }
#buttons{
	position: absolute;
	margin: 450px 0 0 27px;}
	#buttons ul {
		margin: 0;
		list-style: none; }
		#buttons li {
			 display: inline;
		     margin-left: 10px;
		     color: #fff; }
a.button {
	background-position: 0 0;
	width: 154px;
	height: 41px;
	margin-left: 45px;
	float: left;
	display: inline; }
	a.button.domeinen { background: url(button_domeinen.jpg) no-repeat; }
	a.button.websites { background: url(button_websites.jpg) no-repeat; }
	a.button.hosting { background: url(button_hosting.jpg) no-repeat; }
	a.button.managedservices { background: url(button_managedservices.jpg) no-repeat; }
	a.button:hover { background-position: 0px -41px; }
#buttonText{
	position: absolute;
	top: 500px;
	left: 50px;}
	#buttonText ul {
		width: 900px;
		list-style: none; }
		#buttonText li {
			 display: block;
			 float: left;
		     width: 199px;
		     color: #ccc;
		     text-align: center; }