/* date-a-group.de
 * 
 * Content:
 * =corestyling
 * =helper
 * =mainstyling
 * =
 * 
 */

/* =corestyling */
html {
  overflow-y:scroll;
}
body {
  overflow:auto;
  height:auto;
  margin:0;
  padding:0;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  color:#333;
  text-align:center;
  vertical-align: middle;
}

/* Links */
a:active{
  text-decoration:none;
}
a:link{
  color:#0000CC;
  text-decoration:underline;
}
a:visited{
  text-decoration:underline;
  color:#551A8B;
}
a:hover{
  text-decoration:none;
}
a:focus{
  text-decoration:none;
}
a.noul:active, a.selected:active{
  text-decoration:underline;
}
a.noul:link, a.selected:link{
  text-decoration:none;
}
a.noul:visited, a.selected:visited{
  text-decoration:none;
}
a.noul:hover, a.selected:hover{
  text-decoration:underline;
}
a.noul:focus, a.selected:focus{
  text-decoration:underline;
}
a.dark:active, a.selected:active{
  color:#000;
}
a.dark:link, a.selected:link{
  color:#000;
}
a.dark:visited, a.selected:visited{
  color:#000;
}
a.dark:hover, a.selected:hover{
  color:#000;
}
a.dark:focus, a.selected:focus{
  color:#000;
}

a.light:active, a.light:link, a.light:visited, a.light:hover, a.light:focus{
  color:#888;
}
a.dgrey:active, a.dgrey:link, a.dgrey:visited, a.dgrey:hover, a.dgrey:focus{
  color:#333;
}
a.orange:active, a.orange:link, a.orange:visited, a.orange:hover, a.orange:focus{
  color:#FB5A08;
}
a.neverul:active, a.neverul:link, a.neverul:visited, a.neverul:hover, a.neverul:focus{
  text-decoration:none;
}

/* =helper */
.fl {
  float:left;
}
.fr {
  float:right;
}
.cb {
  clear:both;
}
.cr {
  clear:right;
}
.cl {
  clear:left;
}
.sp-5 {
  clear:both;
  height:5px;
}
.sp-10 {
  clear:both;
  height:10px;
}
.sp-20 {
  clear:both;
  height:20px;
}
.sp-30 {
  clear:both;
  height:30px;
}
.sp-40 {
  clear:both;
  height:40px;
}
.sp-50 {
  clear:both;
  height:50px;
}
.spacer-line {
  clear:both;
  height:1px;
  border-bottom:1px solid #000;
  margin:2px 0;
}
.light {
  color:#888;
}
.strong-spacer-line {
  clear:both;
  height:1px;
  border-bottom:2px solid #000;
  margin:2px 0;
}
a img {
  border:none;
}
.grey {
  color:#b2b2b2;
}
.bold {
  font-weight:bold;
}
.w150 {
  width:150px;
}
.w130 {
  width:130px;
}
.w250 {
  width:250px;
}
.yellowbg {
  background:#fff307;
}
h1 { 
  clear:both;
  font-size:1.4em;
}
h2.teaser {
  position:absolute;
  top:0;
  left:0;
  padding:3px 5px;
  font-size:1em;
}
h3.teaser {
  position:absolute;
  top:23px;
  left:0;
  padding:0 5px;
  font-size:1em;
}
* html h2.teaser{
  top:10px;
}
*+html h2.teaser {
  top:10px;
}
* html h3.teaser{
  top:33px;
}
*+html h3.teaser {
  top:33px;
}
textarea {
  font-family:arial;
  font-size:1.2em;
}
#container {
  text-align:left;
  width:985px;
  padding:10px;
  margin:0px auto;
  height:100%;
  position:relative;
  font-size:1.1em;
}
#userbox {
  float:right;
  padding-top:10px;
}
#home {
  min-height:660px;
}
* html #home {
}
*+html #home {
  height:695px;
}
#logo-home {
  float:left;
  margin: 0 0 0 305px;
  padding:0;
}
* html #logo-home {
  margin:0 0 0 155px;
}
#logo-home a img {
}
#loginbox-home {
  float:left;
  position:relative;
  padding-top:30px;
  padding-left:345px;
  width:280px;
}
*+html #loginbox-home {
  top:-120px;
}
* html #loginbox-home {
  top:-120px;
}
#loginbox-home .top {
  float:left;
  background:url(../images/loginbox_top.png) top left no-repeat;
  width:280px;
  height:28px;
}
#loginbox-home .content-top, #loginbox-home .content-bottom {
  clear:both;
  float:left;
  background: url(../images/loginbox_content_top.png) top left repeat-y;
  width:240px;
  padding:15px 20px 0 20px;
}
* html #loginbox-home .content-top, * html #loginbox-home .content-bottom {
  margin-top:-17px;
}
#loginbox-home .content-top-bottom {
  float:left;
  background: url(../images/loginbox_content_middle-bot.png) top left no-repeat;
  width:280px;
  height:20px;
}
#loginbox-home .content-middle {
  clear:both;
  float:left;
  background: url(../images/loginbox_middle.png) top left no-repeat;
  width:280px;
  height:53px;
}
#loginbox-home .content-bottom-top {
  clear:both;
  float:left;
  background:url(../images/loginbox_bottom-top.png) top left no-repeat;
  width:280px;
  height:19px;
}
#loginbox-home .bottom {
  clear:both;
  float:left;
  background:url(../images/loginbox_bottom.png) top left no-repeat;
  width:280px;
  height:29px;
}
.arrows {
  position:relative;
  top:352px;
  left:0px;
  width:975px;
  height:116px;
  background:url(../images/arrows_home.png) top left no-repeat;
  background-position:198px 0px;
}
*+html .arrows {
  top:100px;
}
* html .arrows {
  top:120px;
}
#loginbox-home .login {
  position:relative;
  margin:20px 0 8px 19px;
  padding:0;
  line-height:1em;
  font-size:1.6em;
  color:#999;
}
#loginbox-home label {
  display:block;
  text-align:left;
  float:left;
  width:70px;
  font-weight:bold;
  font-size:1.1em;
  padding:3px 0;
}
#loginbox-home .fl {
  width:100%;
}
#loginbox-home input {
  float:left;
  width:162px;
}
#loginbox-home select {
}
#loginbox-home #signin_remember {
  float:left;
  width:10px;
  margin:0 5px 0 0;
  padding:0;
}
#loginbox-home .login-submit {
  background:none;
  border:none;
  color: #0006ff;
  font-weight:bold;
  text-decoration:underline;
  cursor:pointer;
  width:95px;
  float:right;
  font-size:1.2em;
}
#loginbox-home .register-submit {
  background:url(../images/btn_anmelden.png) top left no-repeat;
  border:none;
  text-decoration:underline;
  cursor:pointer;
  width:167px;
  height:27px;
  margin-left:32px;
}
#loginbox-home .merken label {
  float:left;
  padding:0;
  color:#999;
  width:120px;
}
#loginbox-home .register {
  position:relative;
  margin:11px 0 8px 19px;
  padding:0;
  line-height:1em;
  font-size:1.6em;
}
.pic-home-left {
  position:absolute;
  top:80px;
  left:40px;
  width:251px;
  height:289px;
  background: url(../images/examplepic_left.png) top left no-repeat;
  z-index:-1;
}
.pic-home-right {
  position:absolute;
  top:80px;
  right:40px;
  width:257px;
  height:287px;
  background: url(../images/examplepic_right.png) top left no-repeat;
  z-index:-1;
}
.thrown {
  text-indent:-9999px;
  margin:0;
  padding:0;
  height:0;
}
#star {
  position:absolute;
  top:0;
  right:0;
  background:url(../images/freestar.png) top left no-repeat;
  width:92px;
  height:90px;
}
#tv {
  position:fixed;
  bottom:10px;
  left:10px;
  background:url(../images/tv.png) top left no-repeat;
  width:121px;
  height:140px;
}
.loggedout {
  margin:100px 0 0;
  float:left;
  width:570px;
  padding: 20px 200px;
}
.loggedout h1 {
  margin:0 0 15px 0;
  padding:0;
  font-size:1.6em;
  color:#fb5a08;
}
.loggedout h2 {
  margin:15px 0 5px 0;
  padding:0;
  font-size:1.4em;
  color:#b2b2b2;
}
#footer {
  float:left;
  width:610px;
  text-align:center;
  font-size:1.1em;
  padding:0 180px;
}
#footer ul {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
}
#footer li {
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
  color:#999;
}
#footer li a {
  color:#999;
  text-decoration:none;
}
#footer li a:hover {
  text-decoration:underline;
}

#footer .about {
  color:#333;
  text-decoration:none;
}
#footer .about:hover {
  text-decoration:underline;
}
#footer .facebook {
  background:url(../images/facebook.gif) 0 0 no-repeat;
  padding:0 0 0 17px;
}
.error_list {
  float:left;
  font-size:1.1em;
  color:#EB6920;
  margin:0 0 5px 13px;
  padding:0;
}
.error_list ul, .error_list li {
  margin:0 !important;
  padding:0 !important;
}
#container #logo {
  position:relative;
  width:198px;
  height:136px;
}
#container #left {
  float:left;
  width:209px;  
}
#container #usr-details {
  position:relative;
  width:204px;
  padding:3px 0 5px 5px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  background-color:#fff;
  margin-top:20px;
}
* html #container #usr-details {
  padding-right:2px;
}
#container #usr-details h2 {
  float:left;
  width:170px;
  padding:0;
  margin:5px 0;
  color:#b2b2b2;
  font-size:1.3em;
  overflow:hidden;
}
#container #usr-details .details {
  margin:5px 0 5px;
  font-size:1.2em;
  font-weight:bold;
}
#container #content-wrap {
  float:left;
  width:590px;
  margin-top:20px;
}
#content-wrap #content {
  float:left;
  width:100%;
  min-height:430px;
  border-left:1px solid #000;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  padding:0 0 12px 10px;
  overflow:hidden;
}
#eineboxmitverbraucherinformationen {
  /*display:none; erstmal ausblenden, bis wir content haben*/
  position:absolute;
  right:0;
  width:160px;
  padding:2px;
  margin:0 0 0 0;
  border:1px dotted #b2b2b2;
}
#groupnav {
  float:left;
  width:600px;
}
#groupnav .left {
  float:left;
  position:relative;
  margin:0 0 -1px 0;
  overflow:hidden;
  height:45px;
}
#groupnav .selected h2 {
  padding:5px 4px 2px 27px;
  font-size:1.1em;
  height:17px;
  border-top:1px solid #000;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background-color:#fff;
}
#groupnav .selected a {
  color:#fb5a08;
  text-decoration:none;
  background:none;
  padding:0;
}
#groupnav .selected a:hover {
  text-decoration:underline;
}
#groupnav h2 {
  position:relative;
  margin:0 0 -1px 0;
  padding:5px 3px 0px 3px;
  font-size:1.1em;
  height:17px;
  float:left;
}
#groupnav .icn-mail {
  position:absolute;
  top:-15px;
  right:0;
}
#groupnav .icn-mail a {
  background:none !important;
  padding:0 !important;
  margin:0 3px 0 0;
  font-weight:bold;
  color:#000;
}
#groupnav .selected .icn-mail a {
  margin:0 !important;
}

#groupnav a {
  color:#000;
  text-decoration:none;
  background-color:#e6e6e6;
  padding:3px 6px;
  padding-left:25px;
}
#groupnav a:hover {
  text-decoration:underline;
}
#groupnav-in {
  float:left;
  height:31px;
  width:100%;
  padding-bottom:1px;
  border-bottom:1px solid #000;
}
.noborder {
  border:none !important;
}
#groupnav-in .search {
  background-color:#eff9b6;
  padding:4px 10px;
  height:24px;
  width:370px;
}
#groupnav-in .search h2 {
  padding:0;
  margin:3px 10px 0 0;
  font-size:1.5em;
}
*+html #groupnav-in .search h2, * html #groupnav-in .search h2 {
  margin-right:5px;
}
#groupnav-in .search .submit {
  margin-right:27px;
}
#top_menu {
  position:relative;
  margin-top:-10px;
}
* html #top_menu {
  margin-top:0;
}
#top_menu .hallo {
  font-size:1.2em;
  color:#b2b2b2;
  font-weight:bold;
}
#top_menu .name {
  font-size:1.2em;
  font-weight:bold;
  margin-right:20px;
}
#top_menu .account {
  color:#b2b2b2;
  margin-right:17px;
  text-decoration:none;
}
#top_menu .account:hover {
  text-decoration:underline;
}
#top_menu .logout {
}
#top_menu .home a {
  float:left;
  margin-top:4px;
  background:url(../images/btn_reset.png) top left no-repeat;
  width:40px;
  height:11px;
  border:0;
  color:#b2b2b2;
  padding-left:15px;
  text-decoration:none;
}
#top_menu .home a:hover {
  text-decoration:underline;
}
.btn-newgroup-wrap {
  width:150px;
  margin-top:10px;
}
* html .btn-newgroup-wrap {
  margin-top:0px;
}
.btn-newgroup {
  float:right;
  text-align:left;
  background:url(../images/btn_newgroup.png) top left no-repeat;
  width:116px !important;
  height:18px !important;
  padding:3px 0 0 22px !important;
  overflow:hidden;
  color:#b2b2b2 !important;
  background-color: transparent !important;
  text-decoration:none;
}
.btn-newgroup:hover {
  text-decoration:underline;
}
.invite {
  position:absolute;
  bottom:-27px;
  left:-6px;
}
#groupnav-in .left {
  padding-top:8px;
}
#groupnav-in .left a {
  margin-right:10px;
}
.start-flashmsg {
  width:100%;
}
.start-click {
  width:276px;
  overflow:hidden;
}
.start-click h1 {
  margin:0 0 7px 0;
  padding:0;
  font-size:1.3em;
}
.start-msg {
  width:276px;
  overflow:hidden;
}
.start-msg h1 {
  margin:0 0 7px 0;
  padding:0;
  font-size:1.3em;
}
.start-ng {
  width:189px;
  margin-right:12px;
  overflow:hidden;
}
.start-ng h1 {
  margin:0 0 7px 0;
  padding:0;
  font-size:1.3em;
}
.start-np {
  width:189px;
  overflow:hidden;
}
.start-np h1 {
  margin:0 0 7px 0;
  padding:0;
  font-size:1.3em;
}
.pdf-box {

}
.pdf-box .top {
  float:left;
  width:189px;
  height:6px;
  background:url(../images/pdf_box_top.png) top left no-repeat;
}
.pdf-box .content {
  clear:both;
  float:left;
  width:169px;
  padding:0 10px;
  background:url(../images/pdf_box_content.png) top left repeat-y;
  overflow:hidden;
}
* html .pdf-box .content {
  margin-top:-8px;
}
.pdf-box .content h1 {
  padding:0;
  margin:0 0 10px 0;
  font-size:1.2em;
  text-align:center;
}
.pdf-box img {
  position:relative;
}
.pdf-box .content .create {
  font-size:1.1em;
  color:#4a8a04;
  font-weight:bold;
}
.pdf-box .content .create a {
  text-decoration:underline;
  color:#4a8a04;
  margin:10px 5px;
}
.pdf-box .content .fr {
  margin-right:10px;
}
.pdf-box .bottom {
  clear:both;
  float:left;
  width:189px;
  height:6px;
  background:url(../images/pdf_box_bottom.png) top left no-repeat;
}
.preview {
  float:left;
  width:100%;
  overflow:hidden;
  margin-bottom:5px;
}
.preview .thmb {
  width:50px;
  height:37px;
  overflow:hidden;
  margin-right:5px;
}
.preview .details {
  width:123px;
  overflow:hidden;
}
#group_infobox {
  background:#eff9b6;
  padding:5px;
  line-height:1.9em;
}
#group_actionbox {
  background:#eff9b6;
  padding:5px;
  margin-top:5px;
  line-height:1.8em;
}
.redbox {
  float:left;
  width:566px;
  border: 3px solid #ff0000;
  background:#ffb5b5;
  padding:9px;
  margin-top:10px;
}
.redbox h2 {
  padding:0;
  margin:0 0 30px;
  font-size:1.3em;
  color:#ff0000;
}
.bluebox {
  border: 3px solid #0d0071;
  background:#b1abff;
  padding:9px;
  padding-left:40px;
  margin-top:10px;
  background-image:url(../images/icons/msg_notice.png);
  background-repeat:no-repeat;
  background-position:10px 10px;
}
.greenbox {
  border:2px solid #9db35b;
  background-color:#d4ef81;
  padding:9px;
  padding-left:40px;
  margin-top:10px;
  background-image:url(../images/icons/msg_ok.png);
  background-repeat:no-repeat;
  background-position:10px 10px;
}
.infobox {
  border: 3px solid #b1abff;
  padding:9px;
  padding-left:40px;
  margin-top:10px;
  background-image:url(../images/icons/msg_notice.png);
  background-repeat:no-repeat;
  background-position:10px 10px;
}
.bluebox h2, .greenbox h2, .redbox h2, .infobox h2 {
  padding:0;
  margin:0 0 15px !important;
  font-size:1.3em;
  color:#333;
}
.bluebox p, .redbox p, .greenbox p, .infobox p {
  margin:0 0 7px;
}
.bluebox .getstarted {
}
.bluebox li {
  padding:0;
  margin:0 0 10px 0
}
.more:link, .more:active, .more:hover, .more:focus, .more:visited {
  float:right;
  font-size:1.1em;
  color:#60c20a;
  font-weight:bold;
  text-decoration:none;
}
.more:hover {
  text-decoration:underline;
}

#group_mainmedia {
  margin: 0 0 5px 0;
  text-align:center;
}
#group_mainmedia img {
  vertical-align:bottom;
  text-align:center;
}
#showgroup {
}
#showgroup .edit, .myprofile-left .edit{
  font-size:1.1em;
  font-weight:bold;
}
#showgroup label {
  width:70px !important;
}
#editprofile label, #creategroup label, .write-msg label, #showgroup label {
  float:left;
  width:150px;
  font-weight:bold;
  margin-right:10px;
}
.write-msg label {
  width:50px !important;
}
.write-msg textarea {
  height:80px;
  width:500px;
}
.cancel {
  font-size:1.2em;
  font-weight:bold;
  margin-left:5px;
}
#editprofile h2, #creategroup h2 {
  padding:0;
  margin:10px 0;
  font-size:1.3em;
}
#pics {
  float:left;
  width:100%;
}
#pics h2 {
  padding:0;
  margin:10px 0 10px;
  font-size:1.3em;  
}
#pics label {
  float:left;
  width:100px;
  font-weight:bold;
}
#pics input {
  float:left;
}
.gnavel {
  position:relative;
  top:20px;
}
.gnavimg {
  position:absolute;
  top:3px;
  left:3px;
  width:23px;
  height:17px;
}
.myprofimg {
  width:23px;
  height:17px;
}
.img-pre-wrap {
  float:left;
  width:130px;
  overflow:hidden;
  margin:0 17px 20px 0;
}
.img-pre {
  float:left;
  text-decoration:none;
  width:130px;
  height:97px;
  padding:0;
  border:none;
}
.no-msg {
  float:left;
  width:100%;
  background:#dcdcdc;
  color:#8c8c8c;
  padding:40px 0;
 text-align:center;
}
#detailsuche {
  position:relative;
  clear:both;
  background-color:#EFF9B6;
  padding:10px;
  z-index:1000;
  border:1px solid #888;
  border-top:0px;
  top:5px;
}
.detailsuche-link {
  margin-top:5px;
  font-weight:bold;
}
.post {
  float:right;
  width:537px;
}
.post .topleft {
  float:right;
  background:url(../images/msg_top_left.png) top right no-repeat;
  width:537px;
  height:10px;
}
.post .topright {
  float:right;
  background:url(../images/msg_top_right.png) top right no-repeat;
  width:537px;
  height:10px;
}
.post .content {
  clear:both;
  float:right;
  background:url(../images/msg_content.png) top right repeat-y;
  width:502px;
  padding:0 10px 0 25px;
}
* html .post .content, * html .post .contentright {
  margin-top:-5px;
}
.post .contentright {
  clear:both;
  float:right;
  background:url(../images/msg_content.png) top left repeat-y;
  width:502px;
  padding:0 25px 0 10px;
}
.post .bottom {
  clear:both;
  float:right;
  background:url(../images/msg_bottom.png) top right no-repeat;
  width:537px;
  height:6px;
}
.post .bottomright {
  clear:both;
  float:right;
  background:url(../images/msg_bottom.png) top left no-repeat;
  width:537px;
  height:6px;
}
.legible {
  font-size:1.1em;
}
.legible h1 {
  padding:0;
  margin:10px 0;
  font-size:1.3em;
  color:#fb5a08;
}
.legible h3 {
  font-size:1.1em;
  padding:0;
  margin:15px 0 0 0;
}
.legible h2 {
  font-size:1.2em;
  padding:0;
  margin:15px 0 0 0;
}
.legible p {
  padding:0;
  margin:5px 0;
}
.legible ol {
  margin:0;
}
*+html .legible ol {
  margin:0 0 0 40px;
}
#beta-sign{
  position:absolute;
  color:#888;
  top:120px;
  left:170px;
  font-weight:bold;
}
.bigbox{
  font-size:1.2em;
}
#loginbox-home #login-btn{
  float:none;
  display:block;
  margin:0 auto;
  width:100px;
}
.home-extern{
  background:url(../images/btn_reset.png) 0px 2px no-repeat;
  width:40px;
  height:11px;
  border:0;
  padding:0 0 2px 15px;
  font-weight:bold;
}
.icn-pics {
  background:url(../images/icons/icn_photo.png) 0 7px no-repeat;
  padding:0 0 0 17px;
}
.icn-profile {
  background:url(../images/icons/icn_profile.png) 0 0 no-repeat;
  padding:0 0 0 17px;
}
.icn-user {
  background:url(../images/icons/icn_user.png) 0 4px no-repeat;
  padding:0 0 0 17px;
}
.icn-msg {
  background:url(../images/icons/icn_msg.png) 0 7px no-repeat;
  padding:0 0 0 17px;
}
.icn-add {
  background:url(../images/icons/add.png) 0 4px no-repeat;
  padding:0 0 0 17px;
}

.icn-notice {
  background:url(../images/icons/icn_notice.png) 0 3px no-repeat;
  padding:0 0 0 17px;
}
#image-preview{
  float:right;
  border-left:1px solid #888;
  width:165px;
  padding-bottom:5px;
  border-bottom:1px solid #888;
  clear:right;
  margin-bottom:10px;
}
#image-preview h3{
 padding:0px;
 margin:0px;
 padding-bottom:0px;
 text-align:right;
 background-color:#888;
 color:white;
 padding:2px;
 font-size:13px;
}
#image-preview .fl{
  padding-left:5px;
  padding-top:5px;
}
.mygroup-data-label, .myprofile-data-label{
  width:140px;
  padding-right:5px;
  text-align:right;
}
.myprofile-data-label{
  width:160px;
}
.mygroup-data-cont{
  width:275px;
}
.myprofile-left {
  width:420px;
  overflow:hidden;
}
.myprofile-right {
  width:160px;
  overflow:hidden;
}
.myprofile-title {
  margin:0 0 10px 0 !important;
  background:#c8c8c8;
  padding:2px 5px !important;
  margin-bottom:10px;
  font-size:1.2em;
}
*+html .groupheader {
  margin:10px 15px 15px 0;
}
.groupheader h1 {
  margin:10px 15px 15px 0;
  padding:0;
  font-size:1.4em;
  color:#fb5a08;
}
.groupheader .nav {
  margin-top:12px;
}
.groupheader .nav .link {
  margin-right:10px;
  float:left;
}
.groupheader .nav .selected {
  color:#000;
  text-decoration:none;
}
.groupheader .nav .selected:hover {
  color:#000;
  text-decoration:underline
}
.black_overlay{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.inplaceeditor-form .editor_field{
  width:120px !important;
  margin-bottom:5px;
}
.editor_cancel_link {
  margin-top:5px;
  font-weight:bold;
}
#invite_personal_content{
  width:425px;
  height:160px;
}
* html #invite_personal_content {
  width:420px;
}
*+html #invite_personal_content {
  width:420px;
}
h1.maintitle {
  padding:0;
  margin:0 0 10px 0;
  font-size:1.3em;
  color:#333;
}