/* ********************** */
/*        COMMON          */
/* ********************** */


html, body {
  color: #FFFFFF;
  background-image: url("../images/background.gif");
  font: 10pt Verdana;
  margin-top: 0px;
  margin-bottom: 0px; 
  cursor: default;
}

hr {
  width: 90%;
  height: 4px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../images/line.gif");
}

hr.inverted {
  background-image: url("../images/line_inverted.gif");
}

/* ********************** */
/*         BOXES          */
/* ********************** */

#header {
  background: #000000;
  border: 1px solid #B4B7B8;
  width: 921px;
  height: 150px;
  margin-left: 10px;
}

#mainnav {
  border: 1px solid #B4B7B8;
  width: 921px;
  height: 30px;
  margin-left: 10px;
  background-image: url("../images/mainnav_bg.gif");
}

#subnav {
  background: #000000;
  border: 1px solid #B4B7B8; 
  position: absolute;
  top: 0px;
  left: 10px;
  width: 200px;
  height: 100%;
}

#main {
  position: relative;
  min-height: 600px;
  width: 100%;
  height: 100%;
}

#content  {
  background: #000000;
  border: 1px solid #B4B7B8;
  position: relative;
  left: 210px;
  width: 721px;
  height: 100%;
  min-height: 600px;
}

#footer {
  border: 1px solid #B4B7B8;
  width: 921px;
  height: 30px;
  margin-left: 10px;
  background-image: url("../images/button_mid.gif");
}

/* ********************** */
/*         LINKS          */
/* ********************** */

a, a:visited {
  color: #0088CC;
  text-decoration: none;
}

a:hover, a:active {
  color: #FFFFFF;
  text-decoration: underline;
}

/* ********************** */
/*        BUTTONS         */
/* ********************** */


a.button {
  color: #FFFFFF;
  padding: 5px 32px 5px 32px;
  font-size: 12pt;
  font-family: Verdana;
  text-decoration: none;      
  background-image: url("../images/button_mid.gif");
  position: relative;
  top: 5px; 
}

a.button:hover {
  text-decoration: none;
  background-image: url("../images/button_mid_hover.gif");
}

a.button:visited {
  color: #FFFFFF;
  text-decoration: none;
}

a.active {
  background-image: url("../images/button_mid_hover.gif");
}

/* ********************** */
/*        PADDING         */
/* ********************** */

#subnav div {
  padding: 15px 10px 10px 15px;
}


#content div {
  padding: 15px 10px 10px 15px;
}

/* ********************** */
/*    VALID HTML / CSS    */
/* ********************** */

.valid {
  border: 0px; 
  position: absolute; 
  bottom: 10px;
}

/* ********************** */
/*         FOOTER         */
/* ********************** */

#footer a {
  color: #FFFFFF;
  padding-top: 5px; 
}

/* ********************** */
/*         FORMS          */
/* ********************** */

input.contact {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 200px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius: 10px;
}

input.contact:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

textarea.contact {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 400px;
  height: 300px;
  padding: 5px 5px 5px 5px;
  -moz-border-radius: 10px;
}

textarea.contact:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

input.submit_contact {
  background: transparent url("../images/submit_contact_sprite.gif") scroll repeat top;
  width: 90px;
  height: 30px;
  display: block;
}

input.submit_contact:hover {
  background-position: bottom;
}

/* DOMAINS */

input.domain {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 200px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius: 10px;
}

input.domain:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

select.domain {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  padding: 0px 0px 0px 5px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
}

select.domain:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

input.submit_domain {
  background: transparent url("../images/submit_domain_sprite.gif") scroll repeat top;
  width: 90px;
  height: 30px;
  display: inline;
  position: relative;
  top: 10px;
}

input.submit_domain:hover {
  background-position: bottom;
}

input.submit_package {
  background: transparent url("../images/submit_choose_sprite.gif") scroll repeat top;
  width: 90px;
  height: 30px;
  display: block;
  position: relative;
  top: 10px;
}

input.submit_package:hover {
  background-position: bottom;
}

#domaincheck {
  position: relative;
  left: 120px;
}

/* ORDER */

#order_button {
  position: relative;
  left: 383px;
  top: -50px;
}

#order_image {
  display: block;
  width: 90px;
  height: 30px;
  background: url("../images/submit_order.gif");
}

#order_image:hover {
  background: url("../images/submit_order_hover.gif");
}

input.order {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 200px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius: 10px;
}

input.order:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

textarea.message {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 400px;
  height: 100px;
  padding: 5px 5px 5px 5px;
  -moz-border-radius: 10px;
}

textarea.message:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

input.submit_order {
  background: transparent url("../images/submit_order_sprite.gif") scroll repeat top;
  width: 90px;
  height: 30px;
  display: block;
}

input.submit_order:hover {
  background-position: bottom;
}

input.zip {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 40px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
}

input.zip:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

input.location {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 143px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
}

input.location:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

select.order {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 212px;
  padding: 0px 0px 0px 5px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
}

select.order:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

select.orderfocus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

select.orderfocus:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

/* PACKAGE */

input.own_package {
  background: transparent url("../images/own_package.gif") scroll repeat top;
  width: 180px;
  height: 30px;
  display: block;
  margin: auto;
}

input.own_package:hover {
  background-position: bottom;
}

input.own_form {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 50px;
  padding: 0px 5px 0px 5px;
  -moz-border-radius: 10px;
}

input.own_form:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}


/* ********************** */
/*         TABLE          */
/* ********************** */

th {
  border: 1px solid #000000;
}

td {
  border: 1px solid #000000;
}

.noborder td {
  border: 0px;
}

.noborder th {
  border: 0px;
}

table.border  {
  border-collapse: collapse;
} 

.table_bg_high {
  background-image: url("../images/button_mid.gif");
}

.table_bg_low {
  background-image: url("../images/table_bg.gif");
}

/* ********************** */
/*         ERROR          */
/* ********************** */

.formerror {
  color: #FF0000;
  z-index: 80;
}

#domainerr {
  color: #FF0000;
}

.js_error {
  border: 2px dotted #B4B7B8;
  
  color: #B4B7B8;  
}

#agberr {
  position: absolute;
  margin-top: 2px;
  background: #000000;
}

#privacyerr {
  position: absolute;
  margin-top: 6px;
  background: #000000;
}

/* ********************** */
/*         STUFF          */
/* ********************** */

#hints {
  position: absolute;
  bottom: 0px;
  left: 445px;
  z-index: 10;
  background: url("../images/hints.png");
  display: block;
  width: 140px;
  height: 200px;
}

.block {
  border: 1px solid #B4B7B8;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.smaller {
  font-size: 6pt;
}

.small {
  font-size: 8pt;
}

.big {
  font-size: 12pt;
}

.bigger {
  font-size: 16pt;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.center {
  text-align: center;
}

.middle {
  position: relative;
  left: 325px;
}

.green {
  color: #00FF00;
}

.yellow {
  color: #FFFF00;
}

.red {
  color: #FF0000;
}

.inline {
  margin: -15px 0px;
}

.full_width {
  width: 100%;
}

.full_height {
  height: 100%;
}

.row1 {
  border: 1px solid #000000;
  background: #0F0F0F;
  color: #FFFFFF;
}

.row2 {
  border: 1px solid #000000;
  background: #1F1F1F;
  color: #FFFFFF;
}

/* ********************** */
/*          TAB           */
/* ********************** */

.tab {
  padding-left: 65px;
}

.vtab {
  padding-top: 65px;
}

/* ********************** */
/*        FEATURES        */
/* ********************** */

#features {
  display: inline;
  position: relative;
  bottom: 10px;
}

#features li {
  cursor: help;
}

#desc {
  width: 350px;
  height: 500px;
  border: 1px solid #000000;
}

.hide {
  display: none;
}

.noli {
  list-style-type: none;
}

/* ********************** */
/*          FAQ           */
/* ********************** */

.q {
  color: #CCCCCC;
  font-weight: bold;
}

.a {
  color: #FFFFFF;
  font-style: italic;
}

/* ********************** */
/*        PARTNER         */
/* ********************** */

.partner {
  border: 0px solid #FFFFFF;
}

textarea.partner {
  color: #FFFFFF;
  background: #505050;
  font: 10pt Verdana;
  border: 1px solid #B4B7B8;
  width: 450px;
  height: 60px;
  padding: 5px 5px 5px 5px;
  -moz-border-radius: 10px;
}

textarea.partner:focus {
  border: 1px solid #FFFFFF;
  background: #909090;
}

/* ********************** */
/*        WEBSPACE        */
/* ********************** */

#default_performance {
  position: relative;
  left: 100px;
}

.webspace {
  width: 270px;
  height: 325px;
  background: transparent url("../images/offers_bg.png") scroll repeat top;
  display: block;
}

.webspace:hover {
  background-position: bottom;
}

.offer {
  margin-left: 30px;
}

.accept {
  position: relative;
  left: 15px;
}

.package {
  position: absolute;
  right: 300px;
}

/* ********************** */
/*          AGB           */
/* ********************** */

#agb {
  border: 1px solid #FFFFFF;
}

.agb_show {
  display: block;
}

.agb_hide {
  display: none;
}

/* ********************** */
/*        PACKAGE         */
/* ********************** */

#own {
  border: 1px solid #FFFFFF;
}

.own_show {
  display: block;
}

.own_hide {
  display: none;
}

#packageswitch {
  width: 700px;
  height: 500px;
  margin: auto;
  overflow: auto;
  position: fixed;
  background: #000000;
  border: 1px solid #B4B7B8;
  z-index: 998;
}

#packageclose {
  top: 1px;
  left: 699px;
  width: 26px;
  margin: 0px;
  z-index: 999;
  position: relative;
  background: #000000;
  border: 1px solid white;
  border-bottom: 1px solid #000000;
  text-align: center;
}

#packageclose img {
  border: 0px;
}

.package_show {
  display: block;
}

.package_hide {
  display: none;
}

/* ********************** */
/*        IMPRINT         */
/* ********************** */

.bank {
  width: 400px;
}

/* ********************** */
/*        TOOLTIP         */
/* ********************** */

.tooltip {
  width: 350px;
  z-index: 0;
  display: none;
  position: absolute;
  border: 1px solid #FFFFFF;
  background-image: url("../images/tooltip_bg.png");
}

#pike {
  z-index: 1;
  display: none;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("../images/tooltip_pike.png");
}