/*
 *  MODUL:        default.css
 *  DESCRIPTION:  Projekt-Standard-Style
 *  PROJECT:      wacode - online
 
 *  AUTHOR:       Walter Wahl (wacode)
 *  PROTOCOL:     2006-01-12 17:30  create
 *                2006-01-24 15:00  neue Defintion des Basis-Rahmens in DIV
 *  
 */

/* Seitendefinition */
body {
  margin:                 0;
  padding:                0;
  border:                 0;
	font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:                  #44526A;
  background-color:       #FFF;
  font-size:              12px;
  min-width:              760px;
}

textarea {
  font-size:              12px;
	font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.page {
  color:                  #44526A;
  background-color:       #C8C8C8;
}

/* Bereich: Head */
.headFrm {
  margin:                 0;
  padding:                0;
  border:                 0;
  height:                 100px;
  font-weight:            normal;
  font-size:              100.01%;
  background:             #FFF url("img/bg-line-top.jpg") repeat-x;
  min-width:              760px;
}
.headFrmL {
  height:                 100px;
  width:                  620px;
  float:                  left;
}
.headFrmR {
  height:                 100px;
  width:                  120px;
  float:                  right;
}
.headFrmC {
  text-align:             center;
}

/* Bereich: Register */
.regiFrm {
  height:                 50px;
  background:             #FFF url("img/bg-line-register.jpg") repeat-x;
}

/* Bereich: Inhalt */
.bodyFrm {
  margin:                 0;
  padding:                0;
  border:                 0;
  font-weight:            normal;
  min-width:              760px;
}
/* Selektor */
.bodyFrm #selector {
  width:                  260px;
  float:                  left;
  margin:                 0 10px 0;
}
.bodyFrm #selector a {
  display:                block;
  height:                 150px;
  text-decoration:        none;
  color:                  #44526A;
  text-align:             right;
}
.bodyFrm #selector span {
  display:                block;
  margin-top:             1em;
}

.bodyFrm #selector a img {
  margin:                 40px 0 0;
}
.bodyFrm #selector #S1 {
  background:             transparent url("img/sticker-software.gif") no-repeat left center;
}
.bodyFrm #selector #S2 {
  background:             transparent url("img/sticker-hardware.gif") no-repeat left center;
}
.bodyFrm #selector #S3 {
  background:             transparent url("img/sticker-service.gif") no-repeat left center;
}

.menu {
  width:                  250px;
  padding:                0;
  margin:                 0;
  list-style:             none;
  font-size:              14px;
  font-weight:            bold;
}
.menu li {
  float:                  left;
  height:                 100px;
  background:             transparent url("img/sticker-blank.jpg") no-repeat left center;
}
.menu li div {
  margin:                 50px 0 0 20px;
}


/* Content */
.bodyFrm #content {
  margin:                 0 25px 0 320px;
}

/* Content */
.bodyFrm #fullContent {
  margin:                 0 25px 0;
}

/* Bereich: Staus/Fusszeile */
.footFrm {
  clear:                  both;
  background:             transparent url("img/bg-line-bottom.jpg") repeat-x;
}
.footFrmL {
  height:                 165px;
  width:                  300px;
  float:                  left;
}
.footFrmR {
  height:                 165px;
  width:                  120px;
  float:                  right;
  background:             transparent url("img/txt-impressum.jpg") no-repeat 0 0;
}
.footFrmR a {
  display:                block;
  font-size:              10px;
  margin:                 140px 15px 0;
  text-align:             right;
  text-decoration:        none;
  color:                  #C8C8C8;
}
.footFrmR a:hover {
  color:                  #44526A;
}


.footFrmC {
  height:                 165px;
  text-align:             center;
}

/* Box */
.box {
  margin:                 0;
  padding:                0;
  border:                 0 none;
}
.boxFrm {
  width:                  99%;
  margin:                 0;
  padding:                0;
  border:                 0 none;
  font-size:              0.1%;
  border-collapse:        collapse;
}
.boxFrm .B11, .boxFrm .B13, .boxFrm .B31, .boxFrm .B33 {
  width:                  8px;
  height:                 10px;
}
.boxFrm .B21, .boxFrm .B23 {
  width:                  8px;
}
.boxFrm .B12, .boxFrm .B32 {
  height:                 10px;
}
.boxFrm .B11 {
  background:             transparent url("img/box-11.jpg") no-repeat center;
}
.boxFrm .B12 {
  background:             transparent url("img/box-12.jpg") repeat-x center;
}
.boxFrm .B13 {
  background:             transparent url("img/box-13.jpg") no-repeat center;
}

.boxFrm .B21 {
  background:             transparent url("img/box-21.jpg") repeat-y center;
}
.boxFrm .B22 {
  font-size:              12px;
  background:             transparent url("img/box-22.jpg");
}
.boxFrm .B22 div {
  margin:                 10px;
}
.boxFrm .B23 {
  background:             transparent url("img/box-23.jpg") repeat-y center;
}

.boxFrm .B31 {
  background:             transparent url("img/box-31.jpg") no-repeat center;
}
.boxFrm .B32 {
  background:             transparent url("img/box-32.jpg") repeat-x center;
}
.boxFrm .B33 {
  background:             transparent url("img/box-33.jpg") no-repeat center;
}

.dot {
  padding-right:          1em;
}
#content p {
  padding:                1em 0;;
  text-align:             justify;
  border-top:             1px solid #F9DC14;
}
#content p a, #fullContent a  {
  color:                  #44526A;
  text-decoration:        underline;
}
#content p a:hover, #fullContent a:hover {
  color:                  #000;
  text-decoration:        underline;
}
#fullContent #sep {
  margin:                 1em 0 0 5px;;
}

/* Liste */
#welcome {
  font-size:              18px;
  font-weight:            normal;
  font-style:             italic;
  padding:                0;
  margin:                 30px 15px;
}
.points {
  padding:                0;
  margin:                 0 32px;
  list-style:             url("img/pkt-1-gelb.png");
}
.points li {
  padding-bottom:         2em;
}
#points1 {
  font-size:              14px;
  margin:                 15px;
}
#points2 {
  display:                block;
  text-align:             right;
  margin:                 15px;
  font-size:              16px;
  font-style:             italic;
}
#points2 a {
  color:                  #44526A;
  text-decoration:        none;
}
#points2 a:hover {
  color:                  #000;
  text-decoration:        underline;
}

/* Impressum Tabellen */
.impressum {
  width:                  100%;
}
.impressum th {
  width:                  200px;
  padding:                1.2em 10px 1em 0;
  border-top:             1px solid #F9DC14;
  text-align:             left;
  vertical-align:         top;
  font-size:              90%;
}
.impressum td {
  border-top:             1px solid #F9DC14;
  text-align:             left;
  vertical-align:         top;
  padding:                1em 10px 1em 0;
}
/* Kontakt Tabellen */
.contact {
  width:                  100%;
}
.contact th {
  width:                  150px;
  padding:                0.2em 10px 0 0;
  text-align:             left;
  vertical-align:         top;
  font-size:              90%;
}
.contact td {
  text-align:             left;
  vertical-align:         top;
  padding:                0 10px 0 0;
}
.contact input {
  width:                  100%;
  border:                 1px solid #AAA;
  padding:                2px;
}
.contact input#readonly {
  background-color:       #DDD;
}
.contact textarea {
  width:                  100%;
  border:                 1px solid #AAA;
  padding:                2px;
}
.contact .button {
  text-align:             right;
  padding:                0;
  margin:                 0;
}
.contact button {
  width:                  80px;
  height:                 22px;
  padding:                0;
  margin:                 5px 5px;
  border:                 1px solid #44526A;
  border-color:           #999 #999 #BBB #BBB;
  background-color:       #F9DC14;
  font-size:              9px;
  color:                  #44526A;
}

/* Fehlermeldungen */
#hint {
  padding:                1em 0;
  font-size:              80%;
  color:                  #800;
}

.headline {
  padding:                0;
  margin:                 10px 5px 0;
  color:                  #FFF;
  font-size:              16px;
  font-weight:            bold;
}

/* Register */
.register {
  padding:                0;
  margin:                 0 0 0 25px;
  border:                 0;
  height:                 25px;
}
.register li {
  display:                inline;
  width:                  100px;
  height:                 25px;
  float:                  left;
  margin:                 8px 5px 0 0;
}
.register li a {
  display:                block;
  width:                  100px;
  height:                 25px;
  font-size:              11px;
  color:                  #44526A;
  text-decoration:        none;
  background:             transparent url("img/btn-menu.png") no-repeat left center;
}
.register li a#on {
  background:             transparent url("img/btn-menu-on.png") no-repeat left center;
}
.register li a:hover {
  color:                  #000;
  text-decoration:        underline;
}
.register li a span {
  display:                block;
  text-align:             center;
  padding:                0.5em 0 0 0;
}

#angebot {
  height:                 165px;
  width:                  300px;
  float:                  left;
  display:                block;
  background:             transparent url("img/sticker-angebot.jpg") no-repeat left center;
}
#angebot a {
  display:                block;
  width:                  270px;
  margin:                 20px 14px;
  text-align:             right;
  font-size:              0.9em;
  color:                  #CB0000;
  text-decoration:        none;
}
#angebot a #title {
  font-size:              1.5em;
  font-weight:            bold;
}
#angebot a span {
  display:                block;
  padding:                0;
  margin:                 0.5em 0 0 0;
}