/* --------- */
 /* standards */
/* --------- */

* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  width: 100%;
  overflow-x: auto;
  overflow-y: scroll;
}
body {
  font-family: verdana;
  font-size: 0.8em;
  height: 100%;
  background-color: #eaeaea;
  background-image: url(/public/img/bg/bg.gif);
  background-repeat: repeat-x;
  padding: 2px 0 12px 0;
  color: #5c6973;
}
a {
  color: #666;
  outline: none;
  font-weight: bold;
  color: #49b4d8;
}
input, textarea, select, button {
  font-family: verdana;
  font-size: 1em;
  border: 1px solid #a9b3ba;
}
input, textarea, button {
  padding: 2px 0;
}
img {
  border: none;
}
.clear {
  clear: both;
}
.email {
  position: relative;
  top: 2px;
  vertical-align: baseline;
}

.acc {
  display: none;
}

.imgLeft {
	float: left;
}
  /* ------------ */
 /* rahmenlayout */
/* ------------ */

#page {
  width: 842px;
  margin-left: auto;
  margin-right: auto;
}
#page .inner {
  width: 818px;
  padding: 0 12px;
  background-image: url(/public/img/bg/schatten_body.png);
}
#page .inner .inner {
  width: auto;
  padding: 0;
  background-image: none;
}
#top {
  height: 24px;
  overflow: hidden;
  background-image: url(/public/img/bg/schatten_top.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-right: 20px;
  text-align: right;
  font-size: 90%;
  color: #afe8ff;
}
#top a {
  font-weight: normal;
  font-size: 90%;
  color: #afe8ff;
  text-decoration: none;
}
#bottom {
  height: 29px;
  background-image: url(/public/img/bg/schatten_bottom.gif);
}
#footer {
  position: relative;
  top: 2px;
  clear: both;
}
#main {
  position: relative;
  float: left;
  width: 554px;
  margin-bottom: 40px;
}
#margin {
  float: left;
  width: 237px;
  margin-bottom: 30px;
}




  /* ---- */
 /* head */
/* ---- */

#head {
  position: relative;
  width: 818px;
  height: 103px;
  background-image: url(http://www.atoolo.com/public/img/bg/head.png); /* absoluter pfad, sonst probleme im blog */
}
#menu {
  position: absolute;
  bottom: 0;
  left: 7px;
  height: 44px;
  width: 539px;
}
#menu a {
  float: left;
  height: 44px;
  line-height: 200px;
  overflow: hidden;
}
#menu .start {
  width: 82px;
  background-image: url(/public/img/menu_start_0.png);
}
#menu .start_active {
  width: 82px;
  background-image: url(/public/img/menu_start_1.png);
}
#menu .faq {
  width: 157px;
  background-image: url(/public/img/menu_faq_0.png);
}
#menu .faq_active {
  width: 157px;
  background-image: url(/public/img/menu_faq_1.png);
}
#menu .tools {
  width: 50px;
  background-image: url(/public/img/menu_tools_0.png);
}
#menu .tools_active {
  width: 50px;
  background-image: url(/public/img/menu_tools_1.png);
}
#menu .kostenlos {
  width: 181px;
  background-image: url(/public/img/menu_kostenlos_0.png);
}
#menu .kostenlos_active {
  width: 181px;
  background-image: url(/public/img/menu_kostenlos_1.png);
}
#menu .kontakt {
  width: 69px;
  background-image: url(/public/img/menu_kontakt_0.png);
}
#menu .kontakt_active {
  width: 69px;
  background-image: url(/public/img/menu_kontakt_1.png);
}


  /* ---- */
 /* body */
/* ---- */

#body {
  background-color: white;
  padding-top: 0;
  width: 818px;
  position: relative;
}

h1 {
  position: relative;
  float: left;
  width: 554px;
  height: 214px;
  color: white;
  line-height: 160px;
  overflow: hidden;
  text-align: center;
  font-weight: normal;
  margin: 1px 0 0 0;
}

  /* ------------------------------------------ */
 /* rubrikillustrationen als hintergrundbilder */
/* ------------------------------------------ */

body.about h1 {
  background-image: url(/public/img/global.jpg);
}
body.agb h1 {
  background-image: url(/public/img/global.jpg);
}
body.betaProgram h1 {
  background-image: url(/public/img/global.jpg);
}
body.contact h1 {
  background-image: url(/public/img/kontakt.jpg);
}
body.faq h1 {
  background-image: url(/public/img/faq.jpg);
}
body.imprint h1 {
  background-image: url(/public/img/global.jpg);
}
body.registration h1 {
  background-image: url(/public/img/global.jpg);
}
body.free h1, body.uni h1 {
  background-image: url(/public/img/atoolo_kostenlos.jpg);
}
body.security h1 {
  background-image: url(/public/img/global.jpg);
}
body.targetGroups h1 {
  background-image: url(/public/img/global.jpg);
}
body.tools h1 {
  background-image: none;
}
body.vantages h1 {
  background-image: url(/public/img/global.jpg);
}
body.press h1 {
  background-image: url(/public/img/global.jpg);
}
h1 object {
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0;
}
#main .inner div div {
  padding: 20px 20px !important;
  width: auto !important;
}
#main .inner div div p {
  margin-bottom: 1em;
}
#main .inner .p {
  margin: 0 0 1em 0;
  padding: 0 !important;
}
#main h2 {
  position: static;
  color: #1e7dc2;
  font-weight: bold;
  font-size: 1.1em;
  height: 39px;
}
#main h2 span {
  display: block;
  position: relative;
  top: 18px;
  margin: -0.6em 0 0 15px;
}
#main h3 {
  font-weight: bold;
  font-size: 1em;
  padding-left: 20px;
  background-image: url(/public/img/listitem.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
#main ul {
  margin: 0 0 20px 20px;
}
.box1spaltig,
.box2spaltig {
  position: relative;
  padding: 6px 0 0 0;
  margin: 0 0 0 2px;
  width: 547px;
}

#main .box1spaltig {
  background-image: url(/public/img/bg/box_xxl_rahmen_top.png);
  background-repeat: no-repeat;
}
#main .box1spaltig .inner {
  background-image: url(/public/img/bg/box_xxl_rahmen_body.png);
}
#main .box1spaltig .inner div {
  width: 538px;
  padding: 0 6px;
}
#main .box1spaltig .inner .clear {
  clear: both;
  float: none;
  height: 14px;
  width: 538px;
  background-image: url(/public/img/bg/box_xxl_rahmen_bottom.png);
}
.box1spaltig h2 {
  height: 38px;
  width: 524px;
  background-image: url(/public/img/bg/h2_xxl.png);
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
}

#main .box2spaltig {
  background-image: url(/public/img/bg/doppelbox_rahmen_top.png);
  background-repeat: no-repeat;
}
#main .box2spaltig .inner {
  background-image: url(/public/img/bg/doppelbox_rahmen_body.png);
}
#main .box2spaltig .inner div {
  float: left;
  width: 261px;
  padding: 0 6px;
}
#main .box2spaltig .inner .clear {
  clear: both;
  float: none;
  height: 14px;
  width: 538px;
  background-image: url(/public/img/bg/doppelbox_rahmen_bottom.png);
}
.box2spaltig h2 {
  height: 38px;
  width: 251px;
  background-image: url(/public/img/bg/h2.png);
  margin-left: 5px;
  overflow: hidden;
  white-space: nowrap;
}

.links {
  list-style: none;
  margin: 0 !important;
  position: relative;
}
.links li {
  background-image: url(/public/img/link.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 3px 0;
}
.links li a {
  display: block;
  padding-left: 25px;
  margin-top: -2px;
}


ul.anchor {
  list-style: none;
  margin: 0 !important;
  margin-bottom: 50px !important;
}
ul.anchor li {
  padding: 0.5em 0 0 25px;
  background-image: url(/public/img/pfeil_unten.gif);
  background-repeat: no-repeat;
  background-position: left 0.55em;
}

  /* --------------------------------------------- */
 /* scrollbarer div-bereich fuer registration.jsp */
/* --------------------------------------------- */

#main div div.overflowData {
  position: relative;
  padding: 4px !important;
  margin: 3px 0 5px 0;
  font-size: 0.8em;
  overflow-y: auto;
  height: 80px;
  border: 1px solid #CCCCCC;
}

  /* ---------------- */
 /* zum Seitenanfang */
/* ---------------- */

#main div div.navTop {
  padding: 0 !important;
  margin: 5px 0;
  text-align: right;
}
#main div div.navTop a.up {
  padding: 0 15px 2px 0;
  background-image: url(/public/img/nav_up_blue.gif);
  background-repeat: no-repeat;
  background-position: right center;
  text-decoration: none;
  text-align: left;
}

  /* --------------- */
 /* Kontaktformular */
/* --------------- */
#main input, #main textarea {
  border: 1px solid #7f9db9;
}
#main fieldset
{
  border: none;
}
#main label {
  display: block;
  margin: 5px 0 2px 0;
}
#main label.labelInline {
  display: inline;
  margin: 5px 0 2px 0;
}
#main form {
  float: left;
  width: 425px;
}
#main form span {
  margin-top: 2em;
  margin-bottom: 2em;  
  float: left;
}
#main form span small {
  float: left;
}
#main form .large{
  width: 425px;
}
#main form .medium {
  width: 190px;
}
#main input.csbutton {
  position: relative;
  float: right;
  border: none;
  width: 83px;
  height: 32px;
  color: #FFFFFF;
  padding-bottom: 0.7em;
  font-weight: bold;
  background-image: url(/public/img/btn_send.gif);
}
#main form input.chkBox {
  border: none;
  width: 20px;
}

  /* -------- */
 /* toplinks */
/* -------- */

#toplinks {
  float: left;
  margin-top: 13px;
  height: 190px;
  width: 257px;
  list-style: none;
}
#toplinks li {
  float: left;
  height: 62px;
  width: 100%;
  background-color: #116dbb;
  border-top: 1px solid #74b7db;
  border-bottom: 1px solid #1766a3;
  background-color: #116dbb;
}
#toplinks li.first {
  border-top: none;
  background-image: url(/public/img/bg/toplinks_first.png);
}
#toplinks li.second {
  background-image: url(/public/img/bg/toplinks_second.png);
}
#toplinks li.last {
  border-bottom: none;
  background-image: url(/public/img/bg/toplinks_last.png);
}
#toplinks table {
  border-collapse: collapse;
  width: 100%;
}
#toplinks tr:hover {
  background-image: url(/public/img/bg/20proz_white.png);
}
#toplinks td {
  height: 62px;
}
#toplinks a {
  display: block;
  font-size: 1.2em;
  color: white;
  font-weight: normal;
  text-decoration: none;
}

#toplinks td.bullet {
  width: 55px;
}

#toplinks .bullet a {
  display: block;
  background-image: url(/public/img/pfeil.png);
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  overflow: hidden;
  line-height: 2000px;
  margin-left: 15px;
}

#crosslinks {
  position: absolute;
  top: 12px;
  left: -33px;
  list-style-type: none;
}
#crosslinks li {
  margin-top: 5px;
  overflow: hidden;
  width: 33px;
  white-space: nowrap;
  text-indent: 2000px;
}
#crosslinks a {
  display: block;
  width: 33px;
}
#crosslinks .blog_0,
#crosslinks .blog_1 {
  height: 120px;
}
#crosslinks .blog_0 {
  background-image: url(http://www.atoolo.com/public/img/reiter_blog_0.gif);
}
#crosslinks .blog_1 {
  background-image: url(http://www.atoolo.com/public/img/reiter_blog.gif);
}
#crosslinks .website_0,
#crosslinks .website_1 {
  height: 144px;
}
#crosslinks .website_0 {
  background-image: url(http://www.atoolo.com/public/img/reiter_website_0.gif);
}
#crosslinks .website_1 {
  background-image: url(http://www.atoolo.com/public/img/reiter_website.gif);
}
#crosslinks .blog_0 a,
#crosslinks .blog_1 a {
  height: 120px;
}
#crosslinks .website_0 a,
#crosslinks .website_1 a {
  height: 144px;
}


  /* ----- */
 /* login */
/* ----- */

#login {
  margin: 0 0 7px 0;
}
#login .clear {
  float: left;
}

  /* -------- */
 /* register */
/* -------- */

#register  {
  width: 257px;
  background-image: url(/public/img/bg/anmeldebox_bottom.png);
  background-color: #cdd6dc;
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px !important;
  margin-bottom: 10px;
}
#register fieldset {
  border: none;
  padding: 15px;
}
#register .inner {
  width: 257px;
  background-image: url(/public/img/bg/anmeldebox_top.png) !important;
  background-repeat: no-repeat;
  padding-top: 5px !important;
  background-position: left top;
}
#register h3 {
  padding: 5px 15px 10px 15px;
  font-weight: bold;
  color: #1e7dc2;
  font-size: 1.1em;
  border: 1px solid #bdc0c3;
  border-top: none;
}
#register form {
  float: left;
  width: 255px;
  position: relative;
  border: 1px solid #bdc0c3;
  border-top-color: white;
  border-bottom: none;
}
#register label {
  display: block;
  margin: 8px 0 0px 0;
}
#register form div {
  float: left;
  margin-right: 3px;
}
#register form .large{
  width: 150px;
}
#register form .medium {
  width: 90px;
}
#register form .small{
  width: 55px;
}
#register .csbutton {
  position: absolute;
  right: 30px;
  bottom: 10px;
  border: none;
  width: 25px;
  height: 25px;
}

label.text {font-size: 0.8em; }
  /* ------- */
 /* infobox */
/* ------- */

.infobox  {
  width: 257px;
  background-image: url(/public/img/bg/infobox_bottom.png);
  background-color: #eff0f0;
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 5px !important;
  font-size: 0.8em;
  margin-bottom: 10px;
}
.infobox .inner {
  width: 257px;
  background-image: url(/public/img/bg/infobox_top.png) !important;
  background-repeat: no-repeat;
  padding: 5px 0 0 0 !important;
  background-position: left top;
}
.infobox .inner div {
  border: 1px solid #dee3e7;
  border-top: none;
  border-bottom: none;
  padding: 5px 15px;
}
.infobox h3 {
  padding: 5px 15px 10px 15px;
  font-weight: bold;
  color: #1e7dc2;
  font-size: 1.1em;
  border: 1px solid #dee3e7;
  border-top: none;
}
.infobox ul {
  list-style: none;
  margin: 0 !important;
  position: relative;
}
.infobox ul li {
  background-image: url(/public/img/link_presse.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 3px 20px;
}

  /* --------- */
 /* bookmarks */
/* --------- */
.infobox .bookmarks a {
  float: left;
  margin-right: 2px;
}
.infobox .bookmarks p {
  margin-bottom: 2px;
}

  /* ------ */
 /* footer */
/* ------ */

#footer {
  clear: both;
  position: relative;
  height: 66px;
  width: 803px;
  margin-left: 7px;
  background-image: url(/public/img/bg/footer_blau.png);
  color: white;
  font-size: 1.1em;
}
#footer .inner {
  position: absolute;
  top: 41px;
  left: 110px;
  margin-top: -1em;
}
#footer a {
  color: white;
  font-weight: normal;
  text-decoration: none;
}

.public_highlight {
  color: #8FBD01;
  margin: 0 !important;
  position: relative;
  background-image: url(/public/img/link.gif);
  background-repeat: no-repeat;
  background-position: left 0.2em;
  padding: 2px 0;
  display: block;
  padding-left: 25px;
  margin-top: -2px;
}

.public_highlight2 {
  display: block;
  color: #8FBD01;
  margin: 0 !important;
  font-weight: bold;
  margin-bottom: 15px;
}