/* 
	Title:	CSS file for serverplatsen.se
	Author:	Tomas Lindahl, Westart Communication AB
	Version: 1.0
	Date: 2007-11-15
*/

/* General page properties */ 
* {	/*  Removes padding & margin on all elements */
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%;
	background-color: #999999;	
	text-align: center;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	background: url("../images/structure/grid.gif");
}
/* General typographic properties */
p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
	color: #5f5f5f;
}
h1 {
	font-size: 2.6em;
	font-weight:normal;
	letter-spacing: 0.01em;
	margin: 0 0 0.6em 0;
}
h2 {
	font-size: 2em;
	font-weight:600;
	letter-spacing: 0.01em;
	margin: 0 0 0.4em 0;
}
h3 {
	font-size: 1.6em;
	font-weight:600;
	letter-spacing: 0.01em;
	margin: 0 0 0.3em 0;
}

h4 {
        font-size: 1.2em;
        font-weight:600;
        letter-spacing: 0.01em;
        margin: 0 0 0.3em 0;
}
ul {
	margin: 0 0 0 3em;
	list-style-type: none;
}
a {
	color: #333333;
}
div#leftColumn ul li {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
	color: #5f5f5f;
	background: url("../images/structure/bullet.gif") no-repeat 0px 3px;
}
/*left column2 */
div#leftColumn2 ul li {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
	color: #5f5f5f;
	background: url("../images/structure/bullet.gif") no-repeat 0px 3px;
}

div#leftColumn2 img{
	margin: 0px;
}

/* Left column2 properties */
div#contentBox div#leftColumn2  {	/* Content box margin */
	
}
div#contentBox div.boxContent div#leftColumn2 {
	width: 850px;
	float: left;
}

/* end left column2 */

div#warning ul li {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0 0 1.5em 2.5em;
	color: #5f5f5f;
	background: url("../images/structure/warning.gif") no-repeat 0px 3px;
}
/* Image properties */ 

div#leftColumn img{
	margin: 10px;
}
/* Table properties */
table th {
	padding: 0;
	margin: 0;
}
table th h2 {
	font-size: 1.8em;
	font-weight:600;
}
div.offerBox table.blue th h2 span {
	color: #006b8f;
}
div.offerBoxBig table.blue th h2 span {
	color: #006b8f;
}
div.offerBox table.green th h2 span {
	color: #008f09;
}
div.offerBoxBig table.green th h2 span {
	color: #008f09;
}
div.offerBox table.red th h2 span {
	color: #8f2400;
}
div.offerBoxBig table.red th h2 span {
	color: #8f2400;
}
div.offerBox table.black th h2 span {
	color: #000000;
}
div.offerBoxBig table.black th h2 span {
	color: #000000;
}
div.offerBox table.yellow th h2 span {
	color: #FDE400;
}
div.offerBoxBig table.yellow th h2 span {
	color: #FDE400;
}
div.startBox table.orange th h2 span {
	color: #F16700;
}
div.startBoxBig table.orange th h2 span {
	color: #F16700;
}
div.offerBox table.orange th h2 span {
	color: #F16700;
}
div.offerBoxBig table.orange th h2 span {
	color: #F16700;
}
div.offerBox table.greyblue th h2 span {
	color: #849CA4;
}
div.offerBoxBig table.greyblue th h2 span {
	color: #849CA4;
}

div.startBox table tr td {
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: 600;
	color: #535353;
}

div.offerBox table tr td {
	padding: 4px 0px 4px 3px;
	font-size: 1.1em;
	font-weight: 600;
	color: #a3a3a1;
}
div.offerBoxBig table tr td {
	padding: 4px 0px 4px 3px;
	font-size: 1.1em;
	font-weight: 600;
	color: #a3a3a1;
	text-align:left;
}
div.startBox table tr td.offer {
	font-weight: normal;
	color:#000000;
}
div.startBox table tr td.item {
	font-weight: normal;
	color:#000000;
}
div.offerBox table tr td.offer {
	font-weight: normal;
	color:#000000;
}
div.offerBox table tr td.item {
	font-weight: normal;
	color:#000000;
}
div.offerBox table tr td.offer-red {
	color: #FF0000;
	font-weight: normal;
}
div.offerBox table tr td.offer-red a {
	color: #FF0000;
	font-weight: normal;
}
div.offerBoxBig table tr td.offer {
	font-weight: normal;
	color:#000000;
}
div.offerBoxBig table tr td.item {
	font-weight: normal;
	color:#000000;
}
div.offerBoxBig table tr td.offer-black {
	font-weight: normal;
	color:#000000;
}
div.offerBoxBig table tr td.offer-red {
	color: #FF0000;
	font-weight: normal;
}
div.offerBoxBig table tr td.offer-red a {
	color: #FF0000;
	font-weight: normal;
}
div#rightColumn p {
	font-size: 1em;
	color: #5f5f5f;
	margin: 0 0 0 6px;
}
div#rightColumn a {
	color: #333333;
}
/* Table properties */
/*
div.offerBox table {
	width: 250px;
}
div.offerBoxBig table {
	width: 514px;
}
*/
div.startBox table tr.grayRow {
	background-color: #ebebeb;
}
div.offerBox table tr.grayRow {
	background-color: #ebebeb;
}
div.offerBoxBig table tr.grayRow {
	background-color: #ebebeb;
}
div.offerBox table.blue th {
	border-bottom: solid 5px #006b8f;
}
div.offerBoxBig table.blue th {
	border-bottom: solid 5px #006b8f;
}
div.offerBox table.red th {
	border-bottom: solid 5px #8f2400;
}
div.offerBoxBig table.red th {
	border-bottom: solid 5px #8f2400;
}
div.offerBox table.black th {
	border-bottom: solid 5px #000000;
}
div.offerBoxBig table.black th {
	border-bottom: solid 5px #000000;
}
div.offerBox table.yellow th {
	border-bottom: solid 5px #FDE400;
}
div.offerBoxBig table.yellow th {
	border-bottom: solid 5px #FDE400;
}
div.startBox table.orange th {
	border-bottom: solid 5px #F16700;
}
div.startBoxBig table.orange th {
	border-bottom: solid 5px #F16700;
}
div.offerBox table.orange th {
	border-bottom: solid 5px #F16700;
}
div.offerBoxBig table.orange th {
	border-bottom: solid 5px #F16700;
}
div.offerBox table.greyblue th {
	border-bottom: solid 5px #849CA4;
}
div.offerBoxBig table.greyblue th {
	border-bottom: solid 5px #849CA4;
}
div.offerBox table.green th {
	border-bottom: solid 5px #008f09;
}
div.offerBoxBig table.green th {
	border-bottom: solid 5px #008f09;
}
/* Main header properties */
div#mainHeader {
	height: 162px;
	width: 100%;
	background-color: #333333;
	background: url("../images/structure/headerbackground.gif") repeat-x;
}
div#headerBox {  /* Header container for centered content, menu, logo etc.. */
	margin: 0 auto;
	position:relative;
	height: 143px;
	width: 990px;
	text-align: left;
}
div#headerBox img#logo {
	margin: 40px 0 0 15px;
}
/* Main body properties */
div#mainBody {
	width: 990px;
	margin: 0 auto;
	margin-bottom: 20px;
}
/* Main menu properties */
div#mainMenu {
	width: 100%;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 3px;
}
* html div#mainMenu {
	bottom: -2px;
}
div#mainMenu ul {
	float: right;
	margin: 0;
	list-style-type: none;
}
div#mainMenu ul li  {
	display: block;
	float: left;
	padding: 0  0 0px 0;
	margin: 0 5px 0 0 ;
	background: none;
	
}
div#mainMenu ul li#current  {
	background: url("../images/structure/menuRightImage.gif") no-repeat right top;
}
div#mainMenu a  {
	display:block;
    padding: 5px 15px 5px 15px;
	color: white;
	font-size: 1.2em;
	text-decoration: none;
}
div#mainMenu li#current  a {
    background:url("../images/structure/menuLeftImage.gif") no-repeat left top;
}
/* Submenu bar properties */
div#submenubar {
	width: 100%;
	height: 26px;
	border-top: solid #bbbbbb 1px;
	border-bottom: solid #bbbbbb 1px;
	background-color: #242424;
	float: left;
/*	background: url("../images/structure/submenubar.gif") repeat-x;
*/}
div#submenubar div#subMenu  {
	list-style-type: none;
	width: 990px;
	margin: 0 auto;
}
div#submenubar div#subMenu ul {
	list-style-type: none;
	float: left;
	margin: 0 0 0 10px;
}
div#submenubar div#subMenu ul li {
	display: block;
	float: left;
	position: relative;
	height: 20px;
	padding: 0 6px 0 6px;
}
div#submenubar div#subMenu ul li a{
	color: white;
	float: left;
	display: block;
	height: 20px;
	padding: 4px 8px 2px 8px;
	font-size: 1.2em;
	text-decoration: none;
}
div#submenubar div#subMenu ul li a:hover {
	background-color: #3e3c3c;
}
/* Content box properties, upper and main */
div#topBox {
	width: 990px;
	margin: 20px 0 0 0;
}
div.boxTop {
	height: 14px;
	background: url("../images/structure/boxTop.gif") no-repeat;
}
div#contentBox div.boxTop {	/* Content box with gray right side */
	height: 14px;
	background: url("../images/structure/boxTop2.gif") no-repeat;
}
div.boxBottom {
	height: 14px;
	background: url("../images/structure/boxBottom.gif") no-repeat;
}
div#contentBox div.boxBottom {
	height: 10px;
	background: url("../images/structure/boxBottom2.gif") no-repeat;
}
div.boxContent{
	background: white;
	text-align: left;
}
div#contentBox div.boxContent {
	padding: 2em 0 0.1em 0;
	position: relative;
	background: url("../images/structure/mainbackground.gif") repeat-y;
}
div.boxContent img {
	margin-left: 10px;
}
div#contentBox {	/* Content box margin */
	margin: 10px 0 0 0 ;
	height: auto;
}
/* Left column properties */
div#contentBox div#leftColumn  {	/* Content box margin */
	
}
div#contentBox div.boxContent div#leftColumn {
	width: 850px;
	float: left;
}
/* Content padding properties */
div.paddingBox {
	padding: 0 4em 0 2em;
}
/* Offer boxes properties */
div.offerBox {
	
	float: left;
	margin-right: 13px;
}
div.startBox {
	
	float: left;
	margin-right: 5px;
}
/* Right column properties */
div#rightColumn {
	width: 140px; 
	position: absolute;
	bottom: 0;
	right: 0;
}
/* Lower panel properties */
div.panel {
	width: 280px;
	height: 87px;
	background:white;
	float: left;
	margin: 0 0 20px 20px;
}

img { border: none; }

div.panel form ul  {
	list-style-type: none;
	margin: 0;
}

div#control  {
	background: url("../images/structure/box-rbcom.gif") no-repeat;
}
div#webmail  {
	background: url("../images/structure/box-rbnet.gif") no-repeat;
}
div#domainsearch  {
	background: url("../images/structure/box-serverplatsen.gif") no-repeat;
}
div.panel form ul li  {
	display: block;
	width: 100%;
	text-align: left;
	background: none;
	margin: 0;
	padding: 0;
}
div.panel form ul li input#domainsubmit, div.panel form ul li input#webmailsubmit, div.panel form ul li input#domainsearch  {
	padding: 0;
	margin: 0;
	font-size: 1em;
	float: right;
	margin: 8px 10px 0 0;
	padding: 1px 3px 1px 3px;
	border: solid  #CCCCCC 1px;
}
div.panel input {
	margin: 5px 0 0 20px;
}
li.field p {
	margin: 0;
	color: #666666;
	font-size: 0.9em;
	margin: 0 0 0 10px;
	padding: 0 70px 0 0;
}
input#searchdomain {
	margin: 5px 0 0px 20px;
}
/* Start Paket */
div.p_webbhotell {
	
	float: left;
	margin-right: 5px;
	background: url("../images/structure/bg_webbhotell.png") no-repeat;
}
div.p_webbhotell table tr td {
	padding: 4px 0 4px 3px;
	font-size: 1.1em;
	font-weight: 600;
	color: #a3a3a1;
}
/* Form properties */
input {
	background: url("../images/structure/fieldbackground.gif") repeat-x bottom white; 
}
li.field input {
	color: #999999;
}
/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}
.floatcontainer {
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer {
	height: 1%;
}

.floatcontainer {
    display:block;
}
/* End Hack */