/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body {
  padding-top: 0px;
  background-color: #00b5e7;
  color: #FFFFFF;
  text-align: center;
  font-family: arial;
  font-size: 13px;
}

strong {
  font-weight: bold;
}

#page {
  width: 802px;
  margin: 0 auto;
  text-align: left;
}

/*#top {
  background-image: url(../images/top.gif);
  background-repeat: no-repeat;
  width: 802px;
  height: 15px;
  line-height: 15px;
  display: block;
}*/

#bottom {
  clear: left;
  background-image: url(../images/bottom.gif);
  background-repeat: no-repeat;
  width: 802px;
  height: 25px;
  line-height: 25px;
  display: block;
  text-align: right;
}

#content {
  width: 802px;
  height: 616px;
  background-image: url(../images/background.gif);
  background-repeat: repeat-y;
  padding: 0 10px;
  margin: 0;
}

#left {
  float: left;
  width: 314px;
}

#right {
  width: 468px;
  margin-left: 314px;
}

#navigation {
  position: relative;
  top: 26px;
  width: 100%;
}

#navigation .stripe {
  height: 20px;
  width: 100%;
  line-height: 28px;
  background-color: #5191b6;
  margin-bottom: 1px;
  padding-top: 8px;
}

#navigation ul {
  list-style: none none;
  margin-left: 18px;
}

#navigation li {
  height: 11px;
  list-style: none none;
  text-indent: -5700px;
  float: left;
}

#navigation a {
  height: 11px;
  display: block;
  background: url(../images/nav/portrait.png) 0 0 no-repeat;
  text-decoration: none;
}

#nPortrait a { background-image: url(../images/nav/portrait.png); width: 106px; }
#nTeam a { background-image: url(../images/nav/team.png); width: 68px; }
#nAngebot a { background-image: url(../images/nav/angebot.png); width: 103px; }
#nService a { background-image: url(../images/nav/service.png); width: 172px; }
#nAktionen a { background-image: url(../images/nav/aktionen.png); width: 103px; }
#nAnfrage a { background-image: url(../images/nav/anfrage.png); width: 102px; }
#nKontakt a { background-image: url(../images/nav/kontakt.png); width: 86px; }

#nPortrait a:hover, #nPortrait a:focus,
#nTeam a:hover, #nTeam a:focus,
#nAngebot a:hover, #nAngebot a:focus,
#nService a:hover, #nService a:focus,
#nAktionen a:hover, #nAktionen a:focus,
#nAnfrage a:hover, #nAnfrage a:focus,
#nKontakt a:hover, #nKontakt a:focus { background-position: 0px -11px; }

#text {
  margin: 0 18px;
  margin-top: 30px;
}

#text p {
  margin: 10px 0;
  line-height: 17px;
}

#text ul {
  list-style-type: square;
  margin-left: 18px;
}

#text li {
  margin: 3px 0;
}

#text img {
  border: 1px solid #FFFFFF;
}

#text td {
  line-height: 17px;
  padding: 4px;
}

#text a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

#text a:hover {
  text-decoration: underline;
}

#copyright {
  z-index: 99;
  position: absolute;
  left: 50%;
  top: 22px;
  margin-left: 395px;
}

/* FORM CSS */
#anrfg {
  margin: 0px 0 0 0px;
}

#anrfg td {
  padding: 2px 2px 5px 2px;
}

.anfg {
  border: 1px solid green;
  display: block;
  height: 40px;
  text-align: left;
}

.anfg_error {
  color: #B10000;
}

.anfg_ok {
  text-align: right;
  font-size:14px;
  color: #000000;
}

.col2 {
  width: 170px;
  padding: 2px;  
  border: 1px solid #A6A6A6;
  background-color: #EDEAEA;
  letter-spacing: 1px;
}

.col2:active, .col2:focus {
  border: 1px solid #B70F1D;	
}

.col2T {
  width: 350px;
  height: 85px;
  margin-top: 3px;
  padding: 1px;  
  border: 1px solid #A6A6A6;
  background-color: #EDEAEA;
  letter-spacing: 1px;
}

.col2T:active, .col2T:focus {
  border: 1px solid #B70F1D;
}

.td1 {
  display: block;
  width: 100px;	
  font-size: 12px;
}

.col2sb {
  width: 100px;
  height: 22px;
  padding: 2px;
  margin-top: 0px;
  border: 1px solid #A6A6A6;
  background-color: #EDEAEA;
}

.col2sb:focus, .col2sb:hover {
  border: 1px solid #B70F1D;	
}

.col2sb:active {
  border: 1px solid #37AF1F;	
}

#hls {
  margin-left: 0px;	
}

#subm { position: relative; float: right; text-align: right; width: 200px; padding-right: 150px;}