/******************************
 * todooo.com CSS 
 *
 * Styles für statische Seiten 
 *        & öffentliche Seiten
 * Version: ted (beta 0.7)
 *****************************/
 
/***************************
 * Startseite /
 **************************/
#start_note{
  position: absolute; 
  margin: -84px 0 0 549px;
}
#start_box{
  width: 600px;
  margin-left: 19px;
}
#start_text{
  margin: 15px 0 0 6px;
}
#start_thumb{
  float: right;
  margin-top: -39px;
  padding-left: 5px;
  cursor: pointer;
}
#screenshot{
  z-index: 5;
	position: absolute;
	top: 495px;
	border: 2px solid #000;
}
#blog_button{
  margin: -82px 0 0 722px;
  position: absolute;
  z-index: 3;
}

/***************************
 * Startseite Elemente Links
 **************************/
#login, #anmelden{
  margin-bottom: 18px;
  font-size: 7pt;
  color: #7c7c7c;
}
#login{
  margin-top: 5px;
}
#login form, #anmelden form{
  margin-top: -2px;
}
#login-box input[type="text"], #login-box input[type="password"], #anmelde-box input[type="text"]{
  width: 215px;
}
#login_button{
  margin: -5px 0 0 161px;
}

.loginfield, .anmeldefield{
  margin: 1px 0 9px 0;
  padding: 2px 2px 2px 3px;
  border: 2px solid #d5e898; 
  width: 194px;
  font-size: 10pt;
  color: #7c7c7c;
}
#anmelde-box{
  float: none;
}
#anmelde_button{
  margin: -7px 0 0 103px;
}
#anmelden img, #wasisttd img, #tdteilen img{
  margin-bottom: 3px;
}
#wasisttd, #hinweise{
  margin-top: 25px;
  width: 223px;
  font-size: 8pt;
  color: #7c7c7c;
}
#wasisttd{
  margin-top: 0px;
}
#hinweise{
  margin-top: 0px;  
}
#tdteilen{
  margin-top: 25px;
  color: #7c7c7c;
  font-size: 9pt;
  font-weight: bold;
}
.teilenlink{
  margin: 0 0 10px 2px;
}
.linkname{
  margin: 2px 0 0 27px;
}




/***************************
 * Help-Info Spans
 **************************/
#inputbox_login, #inputbox_newuser, #inputbox_join_username, #inputbox_join_pass{ /* Safari */
  position: absolute;
  margin: -7px 0 0 0px;
  padding: 13px 50px 14px 34px;
  background: url(/img/inputbox-newuser.gif) no-repeat;
  font-size: 9pt;
  font-weight: bold;
}
#inputbox_newuser{
  padding: 13px 15px 14px 26px;
}
#inputbox_join_username, #inputbox_join_pass{
  background: url(/img/inputbox-join.gif) no-repeat;
  padding: 8px 15px 14px 27px;
  font-weight: normal;
  color: #7c7c7c;
}


/***************************
 * User Menu links   
 **************************/
#user-box{
  font-size: 10pt;
  line-height: 1.4em;
}
#user-box a{
  font-weight: bold;
}



/***************************
 * Anmelden
 **************************/
.newname_ok{
  width: 530px;
  text-align: center;
}
.newname_ok div{
  width: 320px;
  margin: 20px auto 0 auto;
  padding: 23px 10px 23px 10px;
  border: 4px solid #d5e898;
  text-align: center;
  font-family: "Lucida Sans", Arial, sans-serif;
  font-size: 14pt;
  color: #9ab600;
}
.newname_ok div:hover{
  background-color: #f2f8de;
}
.newname{
  width: 530px;
  text-align: center;
}
.newname form{
  width: 320px;
  margin: 20px auto 0 auto;
  padding: 23px 10px 23px 10px;
  border: 4px solid #d5e898;
}
.newname input{
  padding: 5px 5px 5px 5px;
  border: 4px solid #e7f2c4;
  font-family: "Lucida Sans", Arial, sans-serif;
  font-size: 14pt;
  color: #e87313;
}
.newname input[type="submit"]{
  border: 3px solid #9ab600;
  background-color: #e7f2c4;
  color: #9ab600;
  font-weight: bold;
}

.newname_text{
  width: 365px;
  margin: 15px auto 0 auto;
  color: #7c7c7c;
}


/***************************
 * Join /users/join
 **************************/
#join{
  width: 550px;
  border: 3px solid #d5e898;
  padding: 10px 10px 10px 10px;
}
.join_float{
  float: left;
  padding: 2px 2px 2px 2px;
  margin-bottom: 2px;
  color: #7c7c7c;
  font-family: "Lucida Sans", Arial, sans-serif;
  font-size: 10pt;
}
.join_sec{
  margin-left: 180px;
  margin-bottom: 2px;
  color: #9ab600;
}
#join input[type="text"], #join input[type="password"]{
  padding: 2px 2px 2px 2px;
  border: 2px solid #d5e898;
  width: 200px;
  font-family: "Lucida Sans", Arial, sans-serif;
  color: #e87313;
}
#join select{
  padding: 2px 2px 2px 2px;
  border: 2px solid #d5e898;
  width: 207px;
  font-family: "Lucida Sans", Arial, sans-serif;
  font-size: 9pt;
  color: #e87313;
}
#join option{
  width: 280px;
  padding-bottom: 1px;
}
#join input[type="checkbox"]{
  margin-left: 153px;
  border: 0px;
}
#join input[type="submit"], #join input[type="reset"]{
  width: 210px;
  margin-left: 180px;
  padding: 3px 3px 3px 3px;
  border: 2px solid #9ab600;
  background-color: #e7f2c4;
  color: #9ab600;
  font-weight: bold;
  font-family: "Lucida Sans", Arial, sans-serif;
  font-size: 13pt;
  cursor: pointer;
}
#join input[type="reset"]{
  margin-top: 15px;
  font-weight: normal;
  font-size: 9pt;
  border: 1px solid #FF4F3F;
  background-color: #FFDBDB;
  color: red;
}



/***************************
 * Sitemap
 **************************/
#sitemapul li{
  margin-left: 13px;
  padding-bottom: 2px;
  list-style-image: url(../img/list-image.png);
  font-family: Arial, sans-serif;
  font-size: 11pt;
  color: #7c7c7c;
}
#sitemapul ul{
  padding-left: 13px;
}


/***************************
 * Help Seiten
 **************************/
#faq_list{
  margin-top: 20px;
  width: 500px;
}


/***************************
 * Tour
 **************************/
.tour div{
  margin-bottom: 35px;
  font-size: 10pt;
  color: #7c7c7c;
}
.tour img{
  border: 1px solid #9ab600;
  margin-bottom: 5px;
}