/*
 * Stylesheet-Definitionen fuer HaiTaeck.de
 *

 *--- SiteHead Definitionen ---
*/
body {
  margin-top: 0px;
  margin-left: 3px;
  font-family: Arial,Helvetica;
  font-size: 12px;
}

h1 {
  color:black;
  font-family:Arial,Helvetica;
  font-size:22px;
  font-weight:bold;
  font-style:italic;
}
h1.hosting {
  margin-top:3px;
  margin-bottom:3px;
}

h2, top2 {
  color:#151893;
  font-family:Arial,Helvetica;
  font-size:18px;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:10px;
}

h3, .top3 {
  color:#151893;
  font-family:Arial,Helvetica;
  font-size:14px;
  xfont-style:italic;
  font-weight:bold;
  margin-top:5px;
  margin-bottom:5px;
}
h3.subtop {
  color: white;
  font-family:Arial,Helvetica;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  margin-top:3px;
  margin-bottom:3px;
}
p {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* Topcell of inner Infotable --------------------------------------------- */
table.wspace {
  border-style:solid;
  border-color:navy;
  border-width:0px 0px 0px 1px;
}
td.wspace {
  border: 1px solid navy;
}
table.domains {
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  width: 230px;
  xborder: 1px solid navy;
}
td.normal {
  background-image: url('/images/bg.gif');
  color:navy;
  font-family:Arial,Helvetica;
  font-size:12px;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}

td.subtop {
  background-color:#5476A8;
  vertical-align: middle;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
  color: white;
  font-family:Arial,Helvetica;
  font-size:12px;
  xfont-style:italic;
  font-weight:bold;
  height:25px;
  margin-bottom:3px;
}
td.subtop1 {
  background-color:#5476A8;
  vertical-align: middle;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
  color: white;
  font-family:Arial,Helvetica;
  font-size:12px;
  xfont-style:italic;
  font-weight:bold;
  xheight:25px;
  xmargin-bottom:3px;
}
td.subtxt {
  background-image: url('/images/bg.gif');
  color:navy;
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: top;
  text-align: center;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.subtxt1 {
  background-image: url('/images/bg.gif');
  color:navy;
  font-family:Arial,Helvetica;
  font-size:11px;
  font-weight:bold;
  vertical-align: top;
  text-align: center;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.subtxtm {
  background-image: url('/images/bg.gif');
  color:navy;
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: middle;
  text-align: center;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.subleft {
  background-image: url('/images/bg.gif');
  color:navy;
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.subwarn {
  xbackground-image: url('/images/bg.gif');
  background-color: red; /* #FF9985; */
  color:black;
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}

td.tabklein {
  color:black;
  background-image: url('/images/bg.gif');
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: top;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.tabkleinre {
  color:black;
  background-image: url('/images/bg.gif');
  font-family:Arial,Helvetica;
  font-size:11px;
  vertical-align: top;
  text-align: right;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}
td.tabkleintop {
  color:white;
  background-color: #778aba;
  font-family:Arial,Helvetica;
  font-weight: bold;
  font-size:11px;
  vertical-align: top;
  border-style:solid;
  border-color:navy;
  border-width:0px 1px 1px 0px;
}

/* Abschnittsformate ------------------------------------------------------ */
div.maindiv {                 /* Seiteninhalt der Standardseiten */
  margin-left:10px;
  margin-right:10px;
  margin-bottom: 15px;
  background-color: white;
}
div.kontakt {                 /* Seiteninhalt der Kontaktseiten */
  margin-left: 50px;
  margin-top: 15px;
  margin-bottom: 15px;
}
div.hosting {                 /* Hosting Übersicht: Text im Browser */
  font-size: 11px;
  margin-left: 8px;
  margin-right:5px;
}
div.details {
  text-align: right;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.indent20 {
  margin-left: 20px;
}
.bottom {
  text-align: center;
}
.indent {
  margin-left: 20px;
  margin-bottom: 15px;
}

/* Imageformatierungen ---------------------------------------------------- */
img.border {
  border-width: 1px;
  border-color: navy;
}

/* Preisangaben ----------------------------------------------------------- */
.spreis {
  xbackground-color: yellow;
  margin: 5px 10px 3px 10px;
  color: navy;
  font-family:Arial,Helvetica;
  font-size:14px;
  font-weight: bold;
  vertical-align: top;
  test-align: center;
}

.preis {
  xbackground-color: yellow;
  margin: 0px 10px 0px 10px;
  color: navy;
  xfont-family:Arial,Helvetica;
  font-size:11px;
  font-weight: bold;
}

.tabpreis {
  margin: 5px 10px 3px 10px;
  color: navy;
  background-image: url('/images/bg.gif');
  font-family:Arial,Helvetica;
  font-size:11px;
  font-weight: bold;
  vertical-align: top;
  test-align: center;
}

.rot {
  color: red;
  font-weight: bold;
}
.red {
  color: red;
  font-family:Arial,Helvetica;
  font-size:14px;
  font-weight: bold;
}

/* Navigationsbereich formatieren -----------------------------------------*/
.LinkLeiste {
  background-color: #778aba;
  color: black;
  text-align:right;
  line-height: 1.4em;
  font-size:12px;
}

.LinkHead {
  color: white;
  background-color:#778aba;
  text-align: left;
  width:110px;
  line-height: 1.4em;
  margin-top:3px;
  margin-bottom:3px;
  font-size:12px;
  font-weight:bold;
}

a.LinkStd:link,a.LinkStd:active,a.LinkStd:visited {
  color: black;
  width:110px;
  font-size:12px;
  font-weight:normal;
  margin-left: 2px;
  text-decoration:none;
}

a.TopLink:link,a.TopLink:visited,a.TopLink:active {
  color:white;
  font-size:12px;
  xfont-weight: bold;
  text-decoration: none;
}
a.TopLink:hover {
  color:black; /* #6D7FAB;  darkblue; */
}

/* Links formatieren ----------------------------------------------------*/
a.subtop:link,a.subtop:visited,a.active {
  color: white;
  font-family:Arial,Helvetica;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
  text-decoration: underline;
  margin-top:3px;
  margin-bottom:3px;
}
a.subtop:hover {
  color: navy;
}
a.hosting:link, a.hosting:visited, a.hosting:active {
  color:red;
  font-family:Arial,Helvetica;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;
}
a.details:link, a.details:visited, a.details:active {
  font-family:Arial,Helvetica;
  font-size:11px;
}

a.gross:link, a.gross:visited, a.gross:active {
  color:#151893;
  font-family:Arial,Helvetica;
  font-weight:bold;
  font-size:14px;
  text-decoration: none;
}
a.gross:hover {
  text-decoration: underline;
}


a:link,a:visited,a:active {                             /* Standard Link */
  color:navy;
  margin-top:3px;
  margin-bottom:3px;
  font-size:12px;
  text-decoration: underline;
}
a:hover, a.LinkStd:hover {
  color: #6D7FAB;
}

a.small:link,a.small:visited,a.small:active {           /* kleine Links */
  color:navy;
  margin-top:3px;
  margin-bottom:3px;
  font-size:10px;
  text-decoration: underline;
}
a:hover {
  color: #6D7FAB;
}

/* Kontaktformular -----------------------------------------------------*/
table.kontakt {
  xmargin-left: auto;
  xmargin-right: auto;
  xvertical-align:top;
  border: 1px solid navy;
  width: 500px;

}
td.kontakt1 {
  color:navy;
  font-family:Arial,Helvetica;
  font-size:12px;
  text-align:right;
  vertical-align:top;
  background-color:#778aba;
  background-image: url('/images/bg.gif');
  width:80px;
}
td.kontakt11 {
  color:navy;
  font-family:Arial,Helvetica;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  background-image: url('/images/bg.gif');
  width:550px;
}
td.kontakt2 {
  color:navy;
  font-family:Arial,Helvetica;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  background-image: url('/images/bg.gif');
  width:110px;
}
td.kontakt21 {
  color:navy;
  font-family:Arial,Helvetica;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
  background-image: url('/images/bg.gif');
  width:390px;
}

li {
  margin-left: -15px;
  margin-bottom: 10px;
}

xd.gross {
  color:steelblue;
  font-family:Arial,Helvetica;
  font-size:14pt;
  font-weight:bold;
  font-style:italic;
}

small, .small {
  font-size: 10px;
}

.sitetitel {
  color:#d67b21;
}

input, select, textarea {
  border-width: 1px;
  font-family:Courier New;
  font-size: 11px;
}