body {
	margin: 0; padding: 0;
	text-align: center;
	background: #4594bd url(../img/bg.jpg) repeat-x top;
}

.structural {
	display: none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
}


/*  containers
 =================================== */

#mainwrapper {
	width: 1008px;
	margin: 0 auto; padding: 0;
	text-align: left;
	background: url(../img/bg_mainpic.jpg) no-repeat 0 71px;
}
#boxlogo {
	margin: 0 auto; padding: 0;
	overflow: hidden;
	background: url(../img/logo.jpg) no-repeat 46px 23px;
	height: 71px;
}
#boxservice {
	margin: 0 auto; padding: 0;
	overflow: hidden;
	height: 84px;
}
#boxteaser {
	margin: 0 auto; padding: 0;
	overflow: hidden;
	height: 243px;
}

/*  plesk mail
 =================================== */
 
p#webmail {
	margin: 20px 32px 0 0; padding: 0;
	width: 200px;
	float: right;
	text-align: center;
	background: url(../img/bg_button_webmail.jpg) no-repeat;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 100%;
}
p#plesk {
	margin: 20px 10px 0 0; padding: 0;
	width: 200px;
	float: right;
	text-align: center;
	background: url(../img/bg_button_plesk.jpg) no-repeat;
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 100%;
}
p#webmail a,  p#plesk a {
	display: block;	
	padding: 16px 0 16px 0;
	color: #bed5e1;
	text-decoration: none;
	text-transform: uppercase;
}
p#webmail a:hover,  p#plesk a:hover {
	color: #fff;
}

/*  buttons main
 =================================== */
#btnmainbox {
 	width: 209px; height: 138px;
	margin: 89px 30px 0 0;
	padding: 0;
	background: url(../img/bg_buttonsmain.jpg) no-repeat;
	float: right;
}
#btnmainbox p {
	font-size: 0px;
	line-height: 0px;
	margin: 0; padding: 0;
}
#btnmainbox a {
	display: block;
	width: 194px;
	height: 58px;
	overflow: hidden;
}
a#lageplan {
	margin: 7px 0 8px 7px;
	background: url(../img/bg_buttonsmain_lageplan.jpg) no-repeat;
	background-position: left;
}
a#infos {
	margin: 0 0 0 7px;
	background: url(../img/bg_buttonsmain_infos.jpg) no-repeat;
	background-position: left;
}
a#lageplan:hover, a#infos:hover  {
	background-position: right;
}

/* 3 boxes
 =================================== */
#box33container {
	width: 960px;
	height: 254px;
	margin: 0 0 0 24px;
	overflow: hidden;
	background: white url(../img/bg_box33container.gif) no-repeat top;
}
.box33lft {
	width: 320px;
	float: left;
}
.box33rgt {
	width: 320px;
	float: right;
}
.box33content {
	width: 305px;
	height: 228px;
	padding: 0;
	background: #ddf2ff;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color: #265c7f;
	line-height: 125%;
}
.box33content h3 {
	color: #0099cc;
	font: 18px Arial, Helvetica, sans-serif;
	margin-bottom: 18px;
}
.box33contentlft {
	margin: 15px 0 0 10px;
	background: url(../img/bg_box1.jpg) no-repeat;
}
.box33contentcnt {
	margin: 15px 0 0 7px;
	background: url(../img/bg_box2.jpg) no-repeat;
}
.box33contentrgt {
	margin: 15px 0 0 5px;
	background: url(../img/bg_box3.jpg) no-repeat;
}

/* footer
 =================================== */
 #footercontainer {
	width: 960px;
	height: 151px;
	margin: 0 0 0 24px;
	overflow: hidden;
	background: white url(../img/bg_footer.gif) no-repeat top;
}
#footercontent {
	text-align: center;
	color: white;
	margin: 30px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 150%;
}
#footercontent a {
	text-decoration: underline;
	color: white;
}
#footercontent a:hover {
	color: #7fffd4;
}
.trenner {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00bfff;
	letter-spacing: 2px;
}

#credits {
	color: #87cefa;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: right;
	margin-top: 10px;
	padding-right: 10px; padding-bottom: 10px;
	background: url(../img/bg_credits.gif) no-repeat right;
}
#credits a {
	color: #87cefa;
	text-decoration: none;
}
#credits a:hover {
	color: #e0ffff;
	text-decoration: underline;
}

/* flash
 =================================== */
 #flashclip {
	margin: 0 0 10px 24px;
}