/* -------------------------------------------------------------------------- */
/* General */
html, body
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  height: 100%;
  background-color: #999999;
  text-align: center;
}

img
{
  border: 0px;
}

h2
{
  font-size: 12px;
  /* text-align: center; */
}

.menuSideHeadline
{
  font-size: 12px;
  font-weight: bold;
}

a, a:visited, a:active, a.std_link, a.std_link:visited, a.std_link:active
{
  color: #FF9900;
}

a:hover, a.std_link:hover
{
  text-decoration: none
}

.highlight, .mark_up
{
  font-weight: bold;
  color: #FF9900;
}
.center
{
  width: 100%;
  text-align: center;
}
ul, ol, li
{
  padding-left: 12px;
  margin: 0px;
}
/* -------------------------------------------------------------------------- */
/* Menu Side */
div.menuSide
{
  padding: 0px 10px 10px 12px;
}
ul.menuSide
{
  padding: 0px 10px 10px 10px;
  list-style-type: none;
  /* border: 1px solid #FF0000; */
}
li.menuSide
{
  padding: 4px;
  border-bottom: 1px dotted #000000;
}
li.menuSideHeadline
{
  padding: 2px 4px;
  /* border: 1px solid #CCCCCC; */
  /* border-bottom: 1px dotted #000000; */
}
/* -------------------------------------------------------------------------- */
/* Menu Top */
a.menuTop, a.menuTop:visited, a.menuTop:active,
a.menuTopActive, a.menuTopActive:visited, a.menuTopActive:active
{
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  background-repeat: repeat-x;
  padding: 6px 20px;
  text-decoration: none;
}
a.menuTop, a.menuTop:visited, a.menuTop:active
{
  background-image: url(./img/menuTopBg.gif);
}
a.menuTop:hover,a.menuTopActive:hover,
a.menuTopActive, a.menuTopActive:visited, a.menuTopActive:active
{
  background-image: url(./img/menuTopBgHover.gif);
}
/* -------------------------------------------------------------------------- */
/* Form */
fieldset {
  border: 1px solid #CCCCCC;
}
input.radio {
  border: 0px solid #FFFFFF;
}
input , textarea, select
{
  font-family: Arial;
  font-size: 12px;
  margin: 1px;
  color: #FF9900;
  border: 1px solid #CCCCCC;
  padding-left: 2px;
  padding-right: 2px;
}
select {
  padding-left: 0px;
  padding-right: 0px;
}
input.button, input.button_disabled {
  font-family: Arial;
  font-size: 12px;
  /* height: 20px; */
  color: #000000;
  padding-left: 8px;
  padding-right: 8px;
  /* vertical-align: middle; */
  background: url(./img/buttonBg.gif) repeat-x #FFFFFF;
  border: 1px solid #CCCCCC;
}
input.button:active {
  background: url(./img/buttonBgActive.gif) repeat-x #FFFFFF;
}
input.button_disabled {
  color: #CCCCCC;
}

input:hover, input:focus, select:hover , select:focus, textarea:hover, textarea:focus
{
 border: 1px solid #FF9900;
}

/* -------------------------------------------------------------------------- */
/* IDs */
#mainBox
{
  margin: auto;
  width: 100%;  
  height: auto;
  min-height: 600px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  text-align: left;
}

#head
{
  width: 100%;
  height: 78px;
  text-align: right;
  background-image: url(./img/logo.png);
  background-color: #FFFFFF;
  background-repeat: no-repeat;
}
#logo
{
  /* margin-top: 10px; */
  display: inline;
  margin-left: 10px;
  width: 95%;
  text-align: right;
  height: 78px;
}
#rack
{
  display: inline;
  margin-left: 10px;
  background-image: url(./img/rack.png);
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  width: 95%;
  text-align: right;
  height: 78px;
}

#menuTopSpacer
{
  background-image: url(./img/menuTopSpacer.gif);
  background-color: #FFFFFF;
  background-repeat: repeat-x;
  width: 100%;
  height: 15px;  
}
#menuTop
{
  padding-top: 6px;
  background-image: url(./img/menuTopBg.gif);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  text-align: center;
  height: 24px;
  width: 100%;
}
#bigBox
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 100%;
}
#content
{
  width: 80%;
  padding: 5px 10px;
  vertical-align: top;
}
#menuSide
{
  width: 15%;
  padding:  5px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  vertical-align: top;
  height: 100%;
}
#landingPageSide
{
  width: 20%;
  padding:  5px;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  vertical-align: top;
  height: 100%;
}
#footer
{
  text-align: right;
  padding: 5px 10px;
  border-top: 1px solid #CCCCCC;
}
/* -------------------------------------------------------------------------- */
/**/

.std_tit, .std_txt, .std_msg, .std_box, .err, .footer
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

.err {
  text-align: center;
  background-color: #FF3333;
  border: 1px solid #BE0000;
}

.std_tit {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #FF9900;
}
.std_txt {
  text-align: left;
}
.std_msg {
  /* color: #FF9900; */
  color: #FF0000;
}
.std_box
{
  border: 1px solid #CCCCCC;
  padding: 5px;
}
.red_box
{
  border: 1px solid #FF0000;
  background-color: #FF6666;
  padding: 5px;
}
/* -------------------------------------------------------------------------- */
/* Table layouts */
table, td, table.kundendaten, table.bestaetigung, table.zahlungsoptionen, table.domaincheck, td.tdBorder1px
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  border: 0px;
}
/* -------------------------------------------------------------------------- */
/* Teaser boxes */

.teaserBoxTopLinux, .teaserBoxTopWindows, .teaserBoxTopTrafficFlat, .teaserBoxTopWebhosting, .teaserBoxBottom
{
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 496px;
}
.teaserBoxTopLinux, .teaserBoxTopWindows, .teaserBoxTopTrafficFlat, .teaserBoxTopWebhosting
{
  height: 165px;
  vertical-align: middle;
  text-align: left;
}
.teaserBoxTopLinux
{
  background-image: url(./img/teaserBoxBgTopLinux.png);
}
.teaserBoxTopWindows
{
  background-image: url(./img/teaserBoxBgTopWindows.png);
}
.teaserBoxTopTrafficFlat
{
  background-image: url(./img/teaserBoxBgTopTrafficFlat.png);
}
.teaserBoxTopWebhosting
{
  background-image: url(./img/teaserBoxBgTopWebhosting.png);
}
.teaserBoxBottom
{
  padding-top: 9px;
  background-image: url(./img/teaserBoxBgBottom.png);
  height: 34px;
  text-align: center;
}
.teaserTit, .teaserTxt
{
  padding-left: 200px;
  padding-top: 20px;
}
.teaserTit
{
  font-size: 12px;
  font-weight: bold;
  color: #FF9900;
}


a.teaserButton, a.teaserButton:visited, a.teaserButton:active,
.teaserBorderLeft, .teaserBorderRight, .teaserButtonSeperator
{
  color: #FFFFFF;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-image: url(./img/teaserButtonBg.png);
  background-repeat: repeat-x;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
}

a.teaserButton:hover
{
  background-image: url(./img/teaserButtonBgHover.png);
  background-color: #FFFFFF;
}
.teaserBorderLeft
{
  background-image: url(./img/teaserButtonBorderLeft.png);
  background-repeat: no-repeat;
  padding-left: 3px;
  padding-right: 0px;
}
.teaserBorderRight
{
  background-image: url(./img/teaserButtonBorderRight.png);
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-right: 3px;
}
.teaserButtonSeperator
{
  font-size: 10px;
  background-image: url(./img/teaserButtonSeperator.png);
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* -------------------------------------------------------------------------- */
/* LandingPage */

.landingPage
{
  background-image: url(./img/landingPageBg.png);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 708px;
  height: 330px;
  vertical-align: middle;
  text-align: left;
}
.landingPageSmallBox
{
  background-image: url(./img/landingPageSmallBox.png);
  background-repeat: no-repeat;
  width: 330px;
  height: 222px;
}
.landingPageSmallBoxJoyV2
{
  background-image: url(./img/landingPageSmallBoxJoyV2.png);
  background-repeat: no-repeat;
  width: 330px;
  height: 222px;
}
.landingPageSmallBoxManagedServer
{
  background-image: url(./img/landingPageSmallBox8995.png);
  background-repeat: no-repeat;
  width: 330px;
  height: 222px;
}
.landingPageSmallBox0695
{
  background-image: url(./img/landingPageSmallBox0695.png);
  background-repeat: no-repeat;
  width: 330px;
  height: 222px;
}