/* -----------------------------------------------------------------------------
This website is powered by indual
Copyright (c) 2009 indual GmbH (www.indual.ch)                        
-------------------------------------------------------------------------------- */


/* main body styles ------------------------------------------------------------ */
body {
	font:12px/18px 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	background: #eee none;
	color: #333;
	text-align: center;
}
div#siteframe {
	width: 986px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/bg_siteframe.gif) repeat-y;
}
div.left,
div.right {
  float: left;
  display: inline;
  width: 332px;
  margin: 0;
}
div.right,
div.text {
  float: right;
  text-align: left;
}

/* header ---------------------------------------------------------------------- */
div#header {
	margin: 0 38px;
	padding: 0;
}
div#logo {
	width: 205px;
	height: 28px;
	border: none;
	float: left;
	display: inline;
	margin: 5px 0 0 0;
}
div#logo_snow {
	width: 207px;
	height: 38px;
	border: none;
	float: left;
	display: inline;
	margin: -5px 0 0 -2px;
}
div#navigation {
	float: right;
	display: inline;
	text-align: left;
	width: 686px;
	height: 45px;
	padding: 0;
	margin: 0;
	background: #fff url(../images/navigation/bg_navigation.gif) no-repeat left top;
}

/* contentframe ---------------------------------------------------------------- */
div#contentframe {
	margin: 0 38px;
	padding: 20px 0;
}
div#contentframe div#contentleft {
	width: 205px;
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
}
div#contentframe div#maincontent {
	width: 686px;
	height: 400px;
	float: right;
	padding: 0;
	margin: 0;
	text-align: left;
	display: inline;
}
/* IE hack for min-height */
div#contentframe div#maincontent[id] {
  height: auto;
  min-height: 400px;
}

/* blocks ---------------------------------------------------------------------- */
div.block {
  margin: 0;
  padding: 8px 0 10px 0;
  background: transparent none;
  border-top: 1px solid #cdcdcd;
}
div.textblock {
  padding: 8px 0;
  background: transparent none;
  border-top: 1px solid #cdcdcd;
}
div.block div.left {
  width: 215px;
  margin: 0;
}
div.block div.right {
  float: right;
  width: 455px;
  margin: 0;
}
div.firstcol,
div.middlecol,
div.rightcol {
  float: left;
  display: inline;
  padding: 0;
  margin: 0 9px 0 0;
  width: 220px;
}
div.rightcol {
  float: right;
  margin: 0;
  text-align: left;
}

/* hosting boxes --------------------------------------------------------------- */
div.hostings {
	color: #e95d0f;
}
div.hostings div.inner {
	margin: 0;
	padding: 105px 10px 10px 10px;
}
div.hostings div.firstcol {
	background: #fce6d5 url(../images/hosting/head_micron.gif) no-repeat left top;
	margin: -20px 0 0 0;
	padding: 0;
	width: 222px;
}
div.hostings div.middlecol {
	background: #fce6d5 url(../images/hosting/head_metron.gif) no-repeat left top;
	margin: -20px 10px 0 10px;
	padding: 0;
	width: 222px;
}
div.hostings div.rightcol {
	background: #fce6d5 url(../images/hosting/head_makron.gif) no-repeat left top;
	margin: -20px 0 0 0;
	padding: 0;
	width: 222px;
}
div.hostings div.boxfoot {
	background: transparent url(../images/hosting/1_foot.gif) no-repeat left bottom;
	height: 7px;
	line-height: 7px;
	margin: 0;
	padding: 0;
}
div.hostings a {
	color: #842f00;	
}
div.hostings table,
div.hostings table td {
	border: none;
}
div.hostings p {
	color: #333;
	margin: 0 0 3px 0;
	position: relative;
	z-index: 99;
}
div.hostings div {
	position: relative;
	z-index: 98;	
}

/* hosting buttons ------------------------------------------------------------- */
div.hostings div.button {
	margin: 0;
	padding: 0;
	height: 27px;
}
div.hostings div.button a,
div.hostings div.button a:link,
div.hostings div.button a:visited {
	float: left;
	line-height: 23px;
	cursor: pointer;
	width: 222px;
	height: 27px;
	color: #e95d0f;
	background: transparent url(../images/hosting/button.gif) no-repeat left top;
	text-decoration: none;
	padding: 0 0 0 25px;
}
* html div.hostings div.button a,
* html div.hostings div.button a:link,
* html div.hostings div.button a:visited {
	width: 197px;
}
div.hostings div.button a:hover,
div.hostings div.button a:focus,
div.hostings div.button a:active {
	color: #fff;
	background: transparent url(../images/hosting/button.gif) no-repeat left bottom;
}

/* highlight ------------------------------------------------------------------- */
div.highlight {
	background: #eee none;
	padding: 10px 10px 5px 10px;
	margin: 0;
}
div.highlight h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

/* footer ---------------------------------------------------------------------- */
div#footer {
	width: 986px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	background: transparent url(../images/bg_footer.gif) no-repeat left top;
	text-align: left;
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
}
div#footer div.left,
div#footer div.right {
	width: 450px;
	margin: 10px 0 0 20px;
	padding: 0;
}
div#footer div.right {
	float: right;
	text-align: right;
	margin: 0 20px 0 0;
}
div#footer span {
	padding: 10px 0 0 18px;
	display: block;
}

/* misc styles ----------------------------------------------------------------- */
.cf {
	float: none;
	clear: both;
	line-height: 0;
	width: 1px;
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 0;
}
.nobg {
  background: transparent none !important;
}
.nomargin {
	margin: 0 !important;
}