/* body */


#body .boldpink {
   font-weight: bold;
   color: #702080;
}


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

#body a:hover {
   color: #EEC65A;
   text-decoration: underline;
}


#body a.nohover {
   text-decoration:none;
}
#body a.nohover:hover {
   text-decoration:none;
}

#body a.unobtrusive,
#body a.unobtrusive2 {
   font-weight: normal;
   color: inherit;
   text-decoration: none;
}

#body a.unobtrusive:hover {
   color: inherit;
   text-decoration: underline;
}   

#body a.unobtrusive2:hover {
   color: #702080;
   text-decoration: underline;
}   



#body a.adminfunction {
   /* font-style: italic; */
}

#body a.adminfunction:hover,
#body div.user_listitem div.user_listinfo p.functions a.adminfunction:hover {
   color: #dd0000;
}

#body .fakelink {
   color: #A4906D;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
}

#body .fakelink:hover {
   color: #EEC65A;
   text-decoration: underline;
}


#body .adminlink {
   color: #900000 !important;
   font-weight: normal !important;
   text-decoration: none !important;
   cursor: pointer;
}

#body .adminlink:hover {
   color: #900000;
   text-decoration: underline;
}

#body .functionlink {
   color: #702080 !important;
   font-weight: normal !important;
   text-decoration: none !important;
   cursor: pointer;
}

#body .functionlink:hover {
   color: #dc0000;
   text-decoration: underline !important;
}

#body .functionlink_disabled,
#body .functionlink_disabled:hover {
   font-style: italic;
   color: #666666;
   font-weight: normal;
   text-decoration: none;
   cursor: default;
}

   

/* list of function links (vertically) */
#body ul.functionlist,
#body ol.functionlist {
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

#body ul.functionlist li,
#body ol.functionlist li {
   list-style-image: none;
   background-image: url(gfx/listdot-purplearrow.gif);
   background-position: 0px 4px;
   background-repeat: no-repeat;
   padding: 0px;
   margin: 0px;
   padding-left: 10px;
   color: #702080;
   line-height: 12px;
   margin-bottom: 4px;
}


.activearea {
   cursor: pointer;
}

.activearea:hover {
   background-color: rgba(255,230,60, 0.2);
   margin: -4px;
   padding: 4px;
}



/* simple list of groupnames */

#body #userpage .grouplist_simple li {
   display: list-item;
   list-style-position: outside;
   list-style-image: url(gfx/listdot-purplearrow.gif);
   line-height: 12px;
   margin-bottom: 4px;
   margin-left: 14px;
   font-weight: bold;
}

#body .grouplist_simple li a {
   color: #702080;
   position: relative;
   top: 1px;
   left: -3px;
}


#body .loading_big {
   text-align: center;
   color: #F5F6F7;
   font-size: 36px;
   font-weight: bold;
   padding: 20px;
   padding-top: 60px;
}

#body .loading_small {
   text-align: left;
   color: #B1C3D5;
   font-size: 12px;
   font-style: italic;
}



div.autowordwrap {
   display: inline;
}

div.autowordwrap span {
   float: left;
}



#body {
   float: left;
   display: block;
   /*overflow: auto;*/
   /* width: 700px; */
   /*width: 98%;*/
   /*width: 96%;*/
   color: #333333;
   line-height: 12px;
   font-size: 10px;
   font-weight: normal;
   padding: 0;
   margin: 0;
   /*padding-top: 0px;
   padding-left: 10px;  10 24 
   padding-right: 22px;
   padding-bottom: 10px;*/ 
}

#body h1 {
   color: #702080;
   font-weight: normal;
   font-size: 26px;
   line-height: 30px;
   margin-top: 12px;
   /* margin-bottom: 20px; */
   margin-bottom: 14px;
}

#body h2 {
   color: #99B4CC;
   font-weight: normal;
   font-size: 18px;
   line-height:22px;
   padding-top: 12px; 
   margin-bottom: 6px;
}

#body h3 {
   color: #702080;
   font-weight: bold;
   font-size: 12px;
   margin-top: 10px;
   margin-bottom: 6px;
}

#body h3.topic {
   color: #702080;
   font-weight: bold;
   font-size: 12px;
   margin-top: 0px;
   margin-bottom: 2px;
}




/* text blocks */

#body p {
   color: #333333;
   margin-bottom: 10px;
   font-size: 10px;
   line-height: 18px;
}

#body p.compact {
   line-height: 12px;
}

#body p.notice {
   color: #333333;
   font-size: 9px;
}

#body p.introtext {
   font-weight: bold;
   color: #80A0BB;
}


.bold,
#body p.bold {
   font-weight: bold;
}

.underline,
#body p.underline  {
   text-decoration: underline;
}

.invisible,
#body p.invisible {
   display:none;
}


.red,
#body p.red {
   color: #ff0000;
}

.darkred,
#body p.darkred {
   color: #aa0000;
}

.black,
#body p.black {
   color: black;
}

.comment,
#body p.comment {
   color: #666;
   line-height: 12px;
   font-size: 10px;
}



/* Columns */


#body div.col_left {
   width: 168px; /* 170 */
   margin-left: 14px; /* new */
   float: left;
}

#body div.col_big {
   /*width: 700px; */
   
   /* width: 737px; */     /* fuck!!!! */
   overflow: auto;
   
   float: left;
}

#body div.col_all {
   display: block;
   padding-left: 27px;
   padding-right: 27px;
}


#body div.userpagefond {
   margin: 0px;
}


#body div.col_center {
   
   margin: 14px;
   margin-top: 0;
   padding-top: -10px;
   
   width: 527px;

   float: left;
}


#body div.userpagefond h1,
#body div.col_center h1 {
   margin-top: 2px;
}




#body div.col_right {
   display: block;
   float: right;
   padding: 0;
   margin: 0;
   margin-right: 14px; /* new */
   width: 168px; /* 170 */
}


#body div.col_right div.c1 {
   background-color: #ffeeff;
   display: block;
   width: 148px;
   float: right;
   overflow: auto;
   padding: 10px;
   margin-bottom: 10px;
}


/* center 1 column */
#body div.userpagefond div.c1,
#body div.col_center div.c1 {
   float: left;
   margin: 5px;
   padding: 5px;
   /* background-color: #green; */
   width: 229px; /* 230 */
   /* width: 245px; */
}

/* center 2 columns */
#body div.userpagefond div.c2,
#body div.col_center div.c2 {
   float: left;
   margin: 5px;
   padding: 5px;
   /* background-color: #yellow; */
   width: 510px;
}




/* images withing texts */

#body img.decopic {
   float:left;
   margin-right: 16px;
   margin-left: 0px;
}


#body img.leftpic {
   float: left;
   margin-right: 16px;
   margin-left: -24px;
}

#body img.rightpic {
   float: right;
   margin-left: 16px;
   margin-right: -24px;
}



/* separators */
#body hr {
   height: 0px;
   width: 528px;
   border: 0px;
   border-bottom: 1px solid #702080;
   position: relative;
   left: -2px;
   margin-top: 10px;
   margin-bottom: 10px;
}

#body hr.subsec {
   width: 250px;
   text-align: left;
}


#body hr.short {
   width: 24px;
   left: 0px;
   text-align: left;
}

#body hr.shorter {
   width: 420px;
   left: 0px;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 16px;
}



/* Icons (Info, etc.), Buttons */

#body img.icon-info {
   float: left;
   margin-right: 16px;
   margin-left: -24px;
   margin-top: 13px;
}

#body .pinkbutton {
   overflow: auto;
   height: 21px;
   cursor: pointer;
}

#body .pinkbutton img {
   float: left;
}

#body .pinkbutton .pinkbutton_middle {
   background-image: url(gfx/pinkbutton_fond.png);
   background-repeat: repeat-x;
   height: 13px;
   float: left;
   font-weight: bold;
   color: #702080;
   padding: 4px;
   padding-left: 2px;
   padding-right: 6px;
}

#body .pinkbutton .pinkbutton_middle .content {
   padding-left: 3px;
   float: left;
   background-repeat: no-repeat;
   background-position: 0px 1px;
}


/* pseudo hidden buttons (only in firefox, safari, etc. using not() selector trick) */
#body div.stealthbuttons:not(.gibtsgarnich) .pinkbutton {
   opacity: 0.2;
}

#body div.stealthbuttons:hover .pinkbutton {
   opacity: 1.0;
}



/* LIKE-Button */

.likebutton {
   display: inline;
   
   font-weight: bold;
   font-size: 10px;
   color: white;
   padding: 4px;
   padding-left: 10px;
   padding-right: 12px;
   
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px;
   
   -moz-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   
   background-color: #702080;
   
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#702080), to(#702080), color-stop(.3, #9040A0));
   /* background-image: -moz-linear-gradient(0% 100% 90deg, #fffdf8, #f6f4f0 30%, #fffaf0 100%); */

   cursor: pointer;
   
}


.likebutton_compact {
   display: inline;
   cursor: pointer;
   position: relative;
   top: -5px;
}

.likebutton_compact img.plusbutton {
   margin-left: 2px;
   position: relative;
   top: 1px;
   opacity: 0.8;
}

.likebutton_compact:hover img.plusbutton {
   opacity: 1;
}


   

/* Einfache Listen im Fliesstext */
#content ul.listeimtext {
   margin-bottom: 10px;
   margin-left: 15px;
   line-height: 15px;
   list-style-image: url(gfx/listdot-redsquare.gif);
}

#content ul.listeimtext li {
   margin-left: 40px;
   margin-right: 25px;
   margin-bottom:5px;
   font-size: 10px;
   font-weight: normal;
   color: #333333;
}



/* FAQs */

#body .question {
   color: #702080;
}



/* weitere Elemente der Website */


/* Loginbox */
/*
#loginbox {
   float: right;
   margin-top: 10px;
   width: 216px;
   background-image: url(gfx/loginbox-body.gif);
}

#loginboxtop {
   width: 216px;
   height: 8px;
   background-image: url(gfx/loginbox-top.gif);
}

#loginboxbottom {
   width: 216px;
   height: 8px;
   background-image: url(gfx/loginbox-bottom.gif);
}

#loginboxbody {
   padding: 10px;
   padding-top: 6px;
   padding-right: 15px;
}

#loginboxbody h2 {
   font-size: 12px;
   font-weight: bold;
   padding-top: 0px;
   color: #dc0000;
}


#loginform label {
   display: block;
   margin-bottom: 2px;
}

#loginform input.textinput {
   width: 97%;
   margin-bottom: 5px;
}

#loginform input.submitbutton {
   width: 80px;
   margin-left: 52px;
   margin-top: 9px;
   margin-bottom: 15px;
}

#loginform .error {
   color: #dc0000;
   margin-top: 4px;
   font-weight: bold;
}
*/




#startpage_content {
   width: 706px; 
   padding-left: 15px; 
   padding-right: 12px; 
   /* background-color: yellow;  */
   float: left;
}


#startpage_content .welcome_title {
   color: #702080;
   font-size: 40px;
   line-height: 40px;
   margin: 0;
   padding: 0;
   margin-bottom: 9px;
}

#startpage_content .welcome_title2 {
   color: #99B4CC;
   font-size: 22px;
   line-height: 22px;
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
}

#startpage_content .column {
   width: 330px;
   float: left;
}

#startpage_content .column p {
   line-height: 15px;
}

#startpage_content .emphasized {
   font-weight: bold;
}

#startpage_content .column h2 {
   color: #99B4CC;
   font-size: 22px;
   line-height: 26px;
   margin: 0;
   padding: 0;
   margin-bottom: 8px;
}

#startpage_content .column h3 {
   line-height: 15px;
   margin-top: 10px;
}

#startpage_content .column p.twitter_time {
   color: #702080;
   margin: 0px;
}

#startpage_content .column p.twitter_text {
   color: #80A0BB;
   font-style: italic;
}


#startpage_content .column .startdeco {
   position: relative; 
   left:-4px;
}


#startpage_content .column .softbox {
   background-image: url(images/start/softbox.png);
   width: 333px;
   height: 186px;
   display: block;
   position: relative;
   left: -4px;
}

#startpage_content .column .softbox .softbox_content {
   padding: 15px;
   padding-top: 18px;
   padding-left: 18px;
   padding-right: 18px;
}

#startpage_content .column .softbox .softbox_content h2 {
   margin-bottom: 7px;
}

#startpage_content .column .softbox .softbox_content h3 {
   margin-top: 5px;
}


#startpage_content h2.brownhead {
   font-size: 18px;
   color: rgb(127,97,67);
}




#content.path- #stoerer_milchpumpe {
   position:absolute; 
   right:0px; 
   top:28px; 
   width:178px; 
   height:215px;
}






   
/* Fake round corners by overlaying white pngs */

.roundcorner_overlay {
   position: absolute;
}

.roundcorner4x4_tl {
   top: 0px;
   left: 0px;
}

.roundcorner4x4_tr {
   top: 0px;
   right: 0px;
}

.roundcorner4x4_bl {
   bottom: 0px;
   left: 0px;
}

.roundcorner4x4_br {
   bottom: 0px;
   right: 0px;
}


/* Container Loginbox and Registerbox */

#loginregister {
   float:right;
   margin: 0px;
   width: 168px;
   margin-right: 14px;
}

#loginregister div {
  display: block;
  width: 168px;
  margin-bottom: 14px;
  float: right;
}

#loginregister div p {
  margin-top: 8px;
  margin-bottom: 2px;
  margin-left: 7px;
  margin-right: 5px;
  line-height: 13px;
}

#loginregister div h1 {
  margin: 0;
  padding: 7px;
  display: block;
  color: white;
  font-size: 26px;
}

#loginregister div form input.submitbutton {
   display: block;
   width: 128px;
   margin: 0 auto;
   margin-top: 9px;
   margin-bottom: 15px;
   font-weight: bold;
   font-size: 11px;
   cursor: pointer;
   text-align: center;
   line-height: 16px;
}

#loginregister div form input.textinput {
   display: block;
   width: 152px;
   margin-left: 7px;
   margin-right: 5px;
   padding: 3px;
   margin-bottom: 2px;
   border: 0;
   font-size: 12px;
   font-weight: normal;
   color: #702080;
   background-color: white;
}

/* Loginbox2 */

#loginbox2 {
   background-color: #dce6ef;
   position: relative;
}

#loginbox2 h1 {
   background-color: #99b4cc;
}

#loginbox2 #loginform label {
   font-weight: bold;
   display: block;
   margin-top: 6px;
   margin-left: 7px;
   margin-bottom: 2px;
   font-size: 10px;
   color: #80a0bb;
}

#loginbox2 #loginform input.textinput {
   color: #702080;
   background-color: white;
}

#loginbox2 #loginform input.submitbutton {
   margin-top: 14px;
   border: 1px solid #80a0bb;
   color: #80a0bb;
   background-color: #e1effc;
}

#loginbox2 #loginform .error {
   color: black;
   margin-top: 4px;
   margin-left: 25px;
   font-weight: bold;
}

#register {
  background-color: #f9f1c5;
  position: relative;
}

#register h1 {
  background-color: #ebc65a;
}

#register input.submitbutton {
   border: 1px solid #d3a82b;
   color: #d3a82b;
   background-color: #f9f6ed;
}

#tourbox {
  background-color: #dabfdf;
  position: relative;
}

#tourbox h1 {
  background-color: #80328f;
}

#tourbox input.submitbutton {
   border: 1px solid #80328f;
   background-color: #f6e9f9;
   color: #80328f;
}



/* Suchergebnisse */

#body #searchresults h2 {
   margin-bottom: 0px;
   padding-top: 4px;
   line-height: 18px; 
}

#body #searchresults h3 {
   margin-bottom: 0px;
   margin-top: 12px;
}

#body #searchresults hr {
   margin-top: 18px;
   margin-bottom: 12px;
   width: 522px;
   left: -5px;
   border-bottom-color: #EBC65A;
}

#body #searchresults p {
   margin: 0px;
   margin-top: 4px;
   padding: 0px;
   line-height: 12px;
}

#body #searchresults a {
   font-weight: normal;
   text-decoration: none;
   color: #333333;
}

#body #searchresults a.result_thread {
   color: #80a0bb; 
   font-weight: bold;
}
      
      
#body #searchresults a:hover {
   text-decoration: underline;
   color: #EEC65A;
}


#body #searchresults .kleinanzeige_thumbnail {
   float: left;
   width: 64px; 
   height: 64px;
   margin-top: 10px;
   margin-right: 12px;
   
}




/* Mein Hebiana - Mein Profil (Formular) */

#myprofile h3 {
   margin-bottom: 12px;
   clear: both;
}

#myprofile h3.section {
   padding-top: 20px;
}


#myprofile #personalinfo label {
   width: 120px;
   float: left;
   color: #333;
   font-size: 10px;
   clear: both;
}

#myprofile #personalinfo input {
   float: left;
   margin-bottom: 10px;
   margin-right: 5px;
}

#myprofile #personalinfo select {
   float: left;
   margin-bottom: 10px;
   margin-right: 5px;
}

#myprofile #personalinfo input.text {
   width: 220px;
}

#myprofile #personalinfo select.text {
   width: 224px;
}


#myprofile #personalinfo div.custom_label {
   width: 120px;
   float: left;
}

#myprofile #personalinfo input.custom_label {
   width: 85px;
}

#myprofile #personalinfo p {
   clear: both;
   width: 465px;
}

#myprofile #personalinfo p.subsection {
   padding-top: 8px;
}

.form_error {
   font-weight: bold;
   color: #dc0000;
   clear: both;
   margin-bottom: 6px;
   position: relative;
   top: -6px;   
}

.icon_minihelp {
   margin-top: 2px;   
   cursor: pointer;
}

.calendar_link {
   margin-right: 6px;
   margin-left: 3px;
   position: relative;
   top: -4px;
   cursor: pointer;
}


#myprofile #personalinfo .form_error {
   margin-left: 120px;
}


#myprofile .sidelabel {
   width: 120px;
   float: left;
   color: #333;
   font-size: 10px;
}

#myprofile .textfield {
   width: 120px;
   float: left;
}

#myhebiana_meinetags .checkbox_listitem {
   width: 240px;
   float: left;
   margin-bottom: 6px;
}

#myhebiana_meinetags .checkbox_listitem input {
   margin-left: 0px;
   line-height: 15px;
   float: left;
}

#myhebiana_meinetags .checkbox_listitem label {
   float: right;
   display: block;
   width: 220px;
   margin-top: 0px;
   top: 0px;
   margin-bottom: 6px;
}

*+html #myhebiana_meinetags .checkbox_listitem label {   /*IE7 only*/
     margin-top: 4px;
  }

/* Popup Hebammenfinder - Preview (NUK.de style) */

#hebammenfinder-preview h1 {
   color: #dc0000;
   font-size: 24px;
   font-weight: bold;
}

#hebammenfinder-preview h2 {
   color: #dc0000;
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 2px;
   padding-bottom: 0px;
   padding-top: 6px;
}

#hebammenfinder-preview h3 {
   color: #dc0000;
   font-size: 10px;
   font-weight: bold;
}

#hebammenfinder-preview p {
   line-height: 15px;
}



/* Popup Klinikauswahl */
   
#kliniken_liste {
   overflow: auto;
   height: 220px;
   margin-bottom: 4px;
   margin-top: 8px;
}

#popup_klinikauswahl ul.cliniclist {
   margin-top: 10px;
   margin-bottom:5px;
   margin-left:12px;
   line-height:15px;
   list-style-image: url(gfx/listdot-redsquare.gif);
}

#popup_klinikauswahl ul.cliniclist li {
   margin-left:18px;
   margin-right:22px;
   margin-bottom:5px;
   font-size: 10px;
   font-weight: normal;
   color: #333333;
}

#popup_klinikauswahl li.clinic p {
   display: block;
   margin: 0px;
   line-height: 13px;
}


#custominfo input {
   margin-bottom: 6px;
}

#custominfo .feedlist {
   margin-bottom: 12px;
}

#custominfo .feedlist li {
   margin-bottom: 6px;
}
#custominfo .feedlist li a {
   font-weight: normal;
   text-decoration: none;
}

#custominfo .feedlist li a:hover p {
   text-decoration: underline;
}

#custominfo .feedlist li a p.feedtitle {
   font-weight: bold;
   color: #80a0bb;
}

#custominfo .feedlist li a p {
   line-height: 13px;
   margin-bottom: 0px;
}

#body .mandatory {
   color: #702080; 
   font-size: 11px;
}





/* Newsfeeds / RSS Anzeige */

#body #rssreader h3.feedtitle {
}

#body #rssreader p.feedheadline {
   margin-top: 12px;
   margin-bottom: 0px;
   line-height: 13px;
}

#body #rssreader p.feedtext {
   margin-top: 0px;
   padding-top: 0px;
}


/* Socialcontacts, User, Friends */

div.user_minibox {
   float:left; 
   width:75px; 
   height:90px; 
   background-color:#f0f0f0;
   background-image: url('gfx/user_minibox_dummy.png');
   background-repeat: no-repeat;
   margin:5px;
}

div.m {
   background-image: url('gfx/user_minibox_dummy_m.png');
}

div.f {
   background-image: url('gfx/user_minibox_dummy_f.png');
}


/* microbox: Socialcontacts, User, Friends */

div.user_microbox {
   float:left; 
   width:38px; 
   height:45px; 
   background-color:#f0f0f0;
   background-image: url('gfx/user_microbox_dummy.png');
   background-repeat: no-repeat;
   margin:5px;
}

div.microbox_m {
   background-image: url('gfx/user_microbox_dummy_m.png');
}

div.microbox_f {
   background-image: url('gfx/user_microbox_dummy_f.png');
}



/* userpage */

#userpage {
   /*display: block;
   width: 728px; 
   overflow: auto;*/
}

#userpage .user_microbox {
   margin-left: 0;  
}

#userpage_personal_info {
   padding-top: 5px;
   margin-left: 5px;   
   float: left;
}

#userpage_personal_info ul {
   list-style-type: none;
   padding-top: 15px;
   padding-left: 0;
}

#userpage_personal_info ul li {
   margin-bottom: 5px;   
}

#userpage .chapter {
   padding-top: 5px;  
}

#userpage .chapter h3 {
   border-top: 1px solid #ddd;
   padding-top: 5px;  
}

#userpage h4 {
   margin-top:12px;
   margin-bottom: 4px;
}

#userpage .usertags_listitem {
   color: black;
   font-weight: normal;
   float: left;
   width: 240px;
}

#userpage .usertags_listitem a {
   text-decoration: none;
   color: black;
   font-weight: normal;
}

#userpage .usertags_listitem a:hover {
   text-decoration: underline;
}

#userpage #userpage_contactinfo p {
   margin:0px;
   line-height: 12px;
}


/* Guestbook - Gästebuch */

#body .guestbook_container .guestbook_entries {
   margin-top: 6px;
   margin-bottom: 4px;
}

#body .guestbook_container .guestbook_entries .entry_info {
   margin-bottom: 2px;
   margin-top: 12px;
   line-height: 13px;
   color: #666666;
}

#body .guestbook_container .guestbook_entries .entry_body {
   margin-bottom: 8px;
   line-height: 13px;
}

#body .guestbook_container .guestbook_entries .timeinfo {
   color: #702080;
}

#body .guestbook_container .guestbook_entries .senderinfo {
   color: #702080;
}

#body .guestbook_container .guestbook_entries .red {
   color: #a00000;
}

#body .guestbook_container .guestbook_entries .red a {
   color: #900000;
   font-weight: normal;
}


#body .guestbook_container #guestbook_input {
   width: 505px;
   height: 40px;
   margin-bottom: 6px;
   border: 1px solid #EDE1F2;
}




/* Socialcontacts - Friends Managelist */

#body #myfriends_managelist_control {
   width: 400px;
   padding-bottom: 2px;
   margin-bottom: 6px;
   border-bottom: 1px solid #ddd;
}

/*
#body #myfriends_managelist_control a {
   font-weight:normal;
   color: #333;
}
*/

#body div.user_listitem {
   width: 440px;
   height: 60px;
   border: 1px solid white;
   margin-bottom: 4px;
   clear: both;
   position: relative;
}

#body div.user_listitem a.userpagelink {
   position: absolute;
   top: 16px;
   right: 12px;
   width: 27px;
   height: 27px;
   visibility: hidden;
}

#body div.user_listitem a.userpagelink img {
   opacity: 0.5;
}

#body div.user_listitem a.userpagelink:hover img {
   opacity: 1;
}


#body div.user_listitem:hover {
   border: 1px solid #ddd;
}

#body div.user_listitem:hover a.userpagelink {
  visibility: visible;
}



#body .user_miniphoto {
   width: 38px;
   height: 45px;
   background-color: #f0f0f0;
   background-image: url('gfx/user_miniphoto_dummy.png');
   background-repeat: no-repeat;
  
}   

#body div.user_listitem .user_miniphoto {
   margin: 5px;
   float: left;
}

#body div.user_listitem .m {
   background-image: url('gfx/user_miniphoto_dummy_m.png');
}

#body div.user_listitem .f {
   background-image: url('gfx/user_miniphoto_dummy_f.png');
}

#body div.user_listitem .user_miniphoto {
   border:1px solid white;
}

#body div.user_listitem .user_miniphoto:hover {
   border:1px solid #dc0000;
}

#body div.user_listitem div.user_listinfo {
   float: left;
}

#body div.user_listitem div.user_listinfo p {
   margin:0px;
   padding:0px;
   color: #333;
   line-height: 13px;
}

#body div.user_listitem div.user_listinfo p.name {
   margin-top: 6px;
}

#body div.user_listitem div.user_listinfo p.functions {
   margin-top: 4px;
}

#body div.user_listitem div.user_listinfo p.functions a {
   font-weight:normal;
   color: #333;
}


/* Listitem User with Homepages  */

#body div.user_homepagelistitem {
   padding-bottom: 10px;
   overflow: auto;
}

#body div.user_homepagelistitem .user_miniphoto {
   margin: 5px;
   margin-left: 13px;
   margin-right: 18px;
   float: left;
   overflow: auto;
}

#body div.user_homepagelistitem h3 {
   margin-top: 0px;
}

#body div.user_homepagelistitem div.textinfo {
   float: left; 
   padding-bottom: 10px;
   width: 444px; 
}

#body div.user_homepagelistitem div.textinfo p {
   overflow: hidden;
   line-height: 13px;
   margin: 0;
   padding: 0;
   padding-top: 3px;
   padding-bottom: 2px;
}


/* MailBox */

#mailbox {
   position: relative;
}

#mailbox_list {
   position: relative;
}

#mailbox .mailbox_entry {
   clear: both; 
   position: relative;
}


#mailbox .mailbox_message_bubble {
   float: left;
   width: 292px;
   margin-bottom: 14px;
   cursor: s-resize;
}


#mailbox .mailbox_shortmessage {
   height: 39px;
   width: 290px;
   position: relative;
}

#mailbox .mailbox_longmessage {
   width: 290px;
   position: relative;
   cursor: n-resize;
}


#mailbox .message_bubble_recipent {
   background-color: #f4fbf6;
   border-left: 1px solid #cdebd9;
   border-right: 1px solid #cdebd9;
}

#mailbox .message_bubble_sender {
   background-color: #f8fafc;
   border-left: 1px solid #e8f0f6;
   border-right: 1px solid #e8f0f6;
}

#mailbox .message_bubble_systemmsg {
   background-color: #f0ecf3;
   border-left: 1px solid #d1c4db;
   border-right: 1px solid #d1c4db;
}


#mailbox .mailbox_shortmessage p,
#mailbox .mailbox_longmessage p {
   padding: 8px;
   padding-top: 6px;
   font-size: 10px;
   line-height: 15px;
   font-weight: normal;
}
   
#mailbox .mailbox_shortmessage p.unread,
#mailbox .mailbox_longmessage p.unread {
   font-weight: bold;
}


#mailbox .mailbox_message_bubble_scalehover {
   position: absolute;
   bottom: 2px; 
   right: 3px;
   width: 13px;
   height: 5px;
   opacity: 0.2;
}

#mailbox .mailbox_shortmessage:hover .mailbox_message_bubble_scalehover,
#mailbox .mailbox_longmessage:hover .mailbox_message_bubble_scalehover {
   opacity: 1.0; 
}

#mailbox .mailbox_shortmessage .mailbox_message_bubble_scalehover_green {
   background-image: url(gfx/mailbox_message_bubble_scalehover_green.png);
}

#mailbox .mailbox_shortmessage .mailbox_message_bubble_scalehover_blue {
   background-image: url(gfx/mailbox_message_bubble_scalehover_blue.png);
}

#mailbox .mailbox_shortmessage .mailbox_message_bubble_scalehover_system {
   background-image: url(gfx/mailbox_message_bubble_scalehover_system.png);
}

#mailbox .mailbox_longmessage .mailbox_message_bubble_scalehover_green {
   background-image: url(gfx/mailbox_message_bubble_closehover_green.png);
}

#mailbox .mailbox_longmessage .mailbox_message_bubble_scalehover_blue {
   background-image: url(gfx/mailbox_message_bubble_closehover_blue.png);
}

#mailbox .mailbox_longmessage .mailbox_message_bubble_scalehover_system {
   background-image: url(gfx/mailbox_message_bubble_closehover_system.png);
}


#mailbox .mailbox_arrow {
   position: relative;
   float: left;
   height: 15px;
   width: 12px;
   /* background-image: url('gfx/mailbox_arrow_green.gif'); */
   margin-left: 8px;
   margin-right: 8px;
   margin-top: 13px;
}


#mailbox .mailbox_userinfo {
   position: relative;
   float:left;
   height: 43px;
   width: 195px;
   background-color: #f9f7f1;
  /* border: 1px solid #ecd0b4; */
}

#mailbox img.userinfo_bubble {
   position: absolute;
   left: 0px;
   top: 0px;
   
}


#mailbox .user_miniphoto {
   width: 38px;
   height: 43px;
   margin-top: 1px;
   margin-left: 1px;
   background-color: #f0f0f0;
   background-image: url('gfx/user_miniphoto_dummy.png');
   background-repeat: no-repeat;
  
}

#mailbox .user_miniphoto {
   float: left;
}

#mailbox div.mailbox_userinfo .m {
   background-image: url('gfx/user_miniphoto_dummy_m.png');
}

#mailbox div.mailbox_userinfo .f {
   background-image: url('gfx/user_miniphoto_dummy_f.png');
}


#mailbox div.mailbox_userinfo .miniphoto_hover {
   position: absolute;
   top: 1px;
   left: 1px;
   width: 34px;
   height: 39px;
   display: block;
}

#mailbox div.mailbox_userinfo .miniphoto_hover:hover {
   border: solid 2px #dc0000;
}


#mailbox div.mailbox_userinfo .username {
   position: absolute;
   left: 39px;
   margin-left: 8px;
   float: left;
   font-weight: bold;
   color: #702090;
   margin-top: 8px;
   margin-bottom: 8px;
   line-height: 15px;
}

#mailbox div.mailbox_userinfo .username a {   
   font-weight: bold;
   color: #702090;
}

#mailbox div.mailbox_userinfo span.messagesdate {
   font-weight: normal;
   color: #333333;
   line-height: 15px;
}



/*
#mailbox .mailbox_button_sender {
position: absolute;
   height: 73px;
   width: 190px;
   top: 42px;
   clear: both;
   }
   
.mailbox_button_sender {
   position:relative;
   left: 0;
   right: 0;
   padding: 0;
   margin: 0;
   margin-top: 8px;
   width: 120px;
   clear:both;
   }
   
#mailbox .mailbox_button_sender p {
   text-align: center;
   padding:0;
   margin:0;
   line-height: 5px;
}


#mailbox .mailbox_button_recipient {
   float: right;  
   height: 75px;
   width: 195px;
   margin-right: 10px;
   margin-top: -15px;
   text-align: right;
   background-color:yellow;
}

#mailbox .mailbox_button_recipient p {
   text-align: center;
   padding:0;
   margin:0;
   line-height: 5px;
}
*/


#mailbox .mailbox_buttons_recipient {
   float: right;  
   height: 75px;
   width: 197px;
   margin-right: 10px;
   padding-top: 5px;
}

#mailbox .mailbox_buttons_recipient .pinkbutton {
   clear: both;
   float: left;
   display: block;
   margin-bottom: 3px;
}



#mailbox .mailbox_userleft {
   float: left;
}

#mailbox .mailbox_buttons_sender {
   clear: both;
   height: 75px;
   width: 197px;
   padding-top: 5px;
}

#mailbox .mailbox_buttons_sender .pinkbutton {
   float: right;
   margin-bottom: 3px;
}

#mailbox .mailbox_reply_container {
   clear: both;
   
   margin-right:20px;
   background-color: #eeeeee;
   margin-bottom: 12px;
}

#mailbox .mailbox_reply_textfield {
   border: 1px solid #999;
   height: 80px;
   width: 504px;
}

#mailbox .mailbox_newmessageinput {
   margin-top: 12px;
}


#mailbox div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

#mailbox div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

#mailbox div.autocomplete ul li.selected { 
   background-color: #fff;
}

#mailbox div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:0px;
  height:16px; 
  cursor:pointer;
}




/*
#mailbox #mailbox_list {
   height: 180px; 
   overflow: auto;
   background-color: #F6FAF9;
   border: solid 1px #702080; 
   border-bottom: solid 0px white;
}

#mailbox #mailbox_list td.addressinfo span.sender_id {
   /* display: none; */ /*
   color: green;
}

#mailbox #mailbox_list td.addressinfo span.recipient_id {
   /* display: none; */ /*
   color: red;
}


#mailbox td.text div {
   height: 13px;
   overflow: hidden;
}

#mailbox tr.active {
   background-color: #fffae0;
   
}

#mailbox #mailbox_view {
   height: 90px; 
   border: solid 1px #ddd; 
   border: solid 1px #702080;
   overflow: auto;
   background-color: #FEFBF3;
   padding: 6px;
}

#mailbox #mailbox_view h3 {
   margin-top: 0px;
}

#mailbox #mailbox_buttons input {
   margin-right: 5px;
}

*/



/* Discussion Groups */

#supergroups .supergroup_container {
   position:relative; 
   height:122px; 
   margin:0px; 
   padding:0px;
   background-color: white;
   margin-bottom: 6px;
   background-image: url('gfx/aus_und_fortbildung.gif');
   background-position:380px 50%;
   background-repeat: no-repeat;
}

#supergroups .supergroup_shadow {
   border: 0px solid white;
   width: 100%;
   height: 100%;
   position: absolute;
   top:-2px;
   left:-4px;
   z-index:2;
}

#supergroups div.groupteaser1 {
   margin-right: 10px;
   padding: 0px;
   background-color: #fffaf5;
   /* clear: both; */   
   position:relative; 
   z-index:3; 
   display:block;
}

#supergroups div.groupteaser1 .topper {
   margin: 5px;
   padding-top: 2px;
   margin-bottom: 0px;
}

#supergroups div.groupteaser1 .topper h2 {
   margin: 0px;
   display: inline;
}

#supergroups div.groupteaser1 .topper h2 a {
   color: #702080;
   font-weight: normal;
}

#supergroups div.groupteaser1 .topper h2 a:hover {
   color: #EEC65A;
   font-weight: normal;
   text-decoration: none;
}

#supergroups div.groupteaser1 .topper .info {
   color: #666666;
   font-size: 10px;
   margin-left: 8px;
}

#supergroups div.groupteaser1 .supergroupinfocontainer {
   position: relative;
   overflow: hidden;
   height: 90px;
   display:block;
}

#supergroups div.groupteaser1 .supergroupinfo,
#supergroups div.groupteaser1 .grouplist {
   width: 507px;
   height: 90px;
   margin: 5px;
   position: absolute;
}

#supergroups div.groupteaser1 .grouplist p.allgroups {
   margin-bottom: 6px;
   line-height: 12px;
   font-weight: bold;
   color: #80A0BB;
}

#supergroups div.groupteaser1 .grouplist p.allgroups a {
   text-decoration: underline;
   color: #80A0BB;
}

#supergroups div.groupteaser1 .grouplist p.allgroups a:hover {
   color: #EEC65A;
}

#supergroups div.groupteaser1 p.description {
   color: #80A0BB;
   font-weight: bold;
   line-height: 14px;
   margin-bottom: 6px;
   width: 440px;
}

#supergroups div.groupteaser1 p.teaser {
   line-height: 14px;
   margin-bottom: 4px;
}






/* List of Groups */

#body #groups-list {
   margin-bottom: 12px;
}

#body #groups-list .groupteaser2 {
   padding: 5px;
   margin-bottom: 4px;
   background-color: #F6FAF9;
}

#body .groupteaser2 a.groupname {
   padding: 0px;
   margin: 0px;
   font-size: 12px;
   line-height: 18px;
   color: #80A0BB;
}

#body .groupteaser2 .additionalinfo {
   font-weight: normal; 
   font-size: 10px; 
   color: #666666;
}

#body .groupteaser2 a.groupdescription {
   font-weight: normal;
   color: #666666;
}

#body .groupteaser2 a.groupname:hover,
#body .groupteaser2 a.groupdescription:hover {
   color: #EEC65A;
}



#body .group_container {
   width: 532px; 
   margin-bottom: 10px; 
   clear:both;
   margin-left: -4px;
}

#body .group_container .center {
   width: 532px; 
   background-color: #F6FAF9;
   position: relative;
}

#body .group_container .center a {
   font-weight: normal;
   color: #C6DBE5;
}

#body .group_container .center .group_container_textinfo {
   padding-left: 7px;
   padding-top: 2px;
   width: 452px;
}

#body .group_container .center .group_container_textinfo .group_container_title h3 {
   display: inline;
   font-size: 18px;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
}

#body .group_container .center .group_container_textinfo .group_container_title span {
   font-size: 10px;
   color: #666666;
}

#body .group_container .center .group_container_textinfo .group_container_teaser {
   font-weight: bold;
   font-size: 10px;
   line-height: 14px;
   color: #80A0BB;
   width: 430px;
   overflow: hidden;
   margin-top: 2px;
   margin-bottom: 0px;
}

#body .group_container .center .group_container_textinfo .group_container_info {
   font-size: 10px;
   color: #666666;
   width: 430px;
   overflow: hidden;
   margin-top: 2px;
}


#body .group_container .center .group_container_functions img {
   position: absolute;
   cursor: pointer;
}

#body .group_container .center .group_container_functions img.function_member {
   right: 53px;
   top: 14px;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

#body .group_container .center .group_container_functions img.function_erase {
   right: 83px;
   top: 14px;
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

#body .group_container .center .group_container_functions img.function_continue {
   right: 14px;
   top: 9px;
   opacity: 0.6;
   filter: alpha(opacity = 50);
}

#body .group_container .center .group_container_functions img:hover {
   opacity: 1.0;
   filter: alpha(opacity = 100);
}



#body .group_container_manage .center .group_container_functions img.function_erase,
#body .group_container_manage .center .group_container_functions img.function_member {
   top: 6px;
}

#body .group_container_manage .center .group_container_functions img.function_continue {
   top: 1px;
}



/* Generic Tag Cloud (former groupcloud) */

#body div.tagcloud {
}

#body div.tagcloud a {
   color: #702080;
   font-weight: normal;
   text-decoration: none;
}

#body div.tagcloud a:hover {
   color: #dc0000;
   opacity: 1.0;
}

#body div.tagcloud a.active {
   color: #dc0000;
}




/* Meine Gruppen */

#body #mygroups_list .groupManageListEntry {
   position: relative;
}

#body #mygroups_list .groupManageListEntry .groupManageListFunctions {
   position: absolute;
   right: 8px;
}

#body #mygroups_list .groupManageListEntry .groupManageListFunctions span {
   float: right;
}


/* Threads */

#body #threads-list {
   margin-bottom: 6px;
}

#body #threads-list div.threadbox {
   border: 0px solid white;
   padding: 0px;
   padding-top: 4px;
   padding-bottom: 4px;
   margin-top: 0px;
   margin-bottom: 4px;
   background-color: white;
}

/* blue rows */
#body #threads-list div.row_even {
   background-color: #FAFBFD;
   border-top: 1px solid #f3f3fa;
   border-bottom: 1px solid #f3f3fa;
}

/* green rows */
#body #threads-list div.row_odd {
   background-color: #FAFCFA;
   border-top: 1px solid #f3faf3;
   border-bottom: 1px solid #f3faf3;
}

#body #threads-list div div.thread_expander {
   float: left;
   margin-right: 5px;
   margin-left: 2px;
   margin-top: 5px;
   width: 15px;
   height: 15px;
   clear:both; 
}

#body #threads-list div.row_even div.thread_expander {
  background-image: url('gfx/group_thread_expand_even.gif');
}

#body #threads-list div.row_odd div.thread_expander {
  background-image: url('gfx/group_thread_expand_odd.gif');
}


#body #threads-list div.threadbox:hover {
   background-color: #FFFCE9;
}

#body #threads-list div.threadbox.active {
   border-top: 1px solid #dc0000;
   border-bottom: 1px solid #dc0000;
   padding-top: 8px;
   padding-bottom: 6px;
   margin-bottom: 8px;
   margin-top: 8px;
}

#body #threads-list div.threadbox .teaser {
   font-size: 10px;
   margin-top: 0px;
   margin-bottom: 0px;
   font-weight: bold;
   color: #702080;
}

#body #threads-list div.threadbox .latestpost {
   color: #666666;
   font-weight: normal;
}


#body #threads-list div.threadbox .postingscontainer {
   margin-left: 8px; 
   padding-left: 4px;
   padding-left: 0px;
   margin-top: 2px;
}

/*
#body #threads-list div.row_even .postingscontainer {
   border-left: 1px solid #C8DBF5;
}

#body #threads-list div.row_odd .postingscontainer {
   border-left: 1px solid #B8E9AA;
}
*/


#threads-list .thread_functions {
   color: #702080;
}
   

#threads-list .thread_functions span.ipe_link,
#threads-list .thread_functions a {
   text-decoration: none;
   color: #702080;
   font-weight: normal;
}

#threads-list .thread_functions span.ipe_link:hover,
#threads-list .thread_functions a:hover {
   text-decoration: underline;
   background-color: #ffff99;
}


#body p.newthread {
   margin-top: 10px;
}



/* Postings */

#postings-list div.posting {
   padding: 1px;
   padding-left: 6px;
   margin-bottom: 2px;
   margin-right: 10px;
}

#threads-list .row_even #postings-list {
   border-left: 1px solid #C8DBF5;
}

#threads-list .row_odd #postings-list {
   border-left: 1px solid #B8E9AA;
}

#threads-list .row_even #postings-list div.posting {
   border-bottom: 1px solid #C8DBF5;
}

#threads-list .row_odd #postings-list div.posting {
   border-bottom: 1px solid #B8E9AA;
}

#postings-list div.posting p.name {
   margin-bottom: 1px;
}

#postings-list div.posting p.name span.nameinfo {
   text-decoration: underline;
   cursor: pointer;
}

#postings-list div.posting p.name span.nameinfo:hover {
   color: #dc0000;
}

#postings-list div.posting p.pcontent {
   margin-bottom: 6px;
   line-height: 12px;
}

#groupbrowser .ipe_link {
   font-weight: bold;
   color:#AD5E17;
   text-decoration: none;
}

.ipe_link:hover {
   text-decoration: underline;
}





/* Helper: ImageUploadForm (defaults) */

form.image_upload_form iframe {
   width: 0;
   height: 0;
   margin: 0;
   padding: 0;
   border: 0px solid white;
}


form.image_upload_form .image_upload_form_button_select {
}


form.image_upload_form .image_upload_form_button_submit {
   float: right;
   margin-top: 6px;
   margin-right: 65px;
}





/* Additional styles to Prototip Bubble/Tooltip library */

#body label.tooltip {
   text-decoration: none;
}

#body label.tooltip:hover {
   text-decoration: underline;
}


.prototip .prototipSimpleTip { 
   width: 300px;
   background-color: #FFEFBC;
   padding-top: 2px;
}

.prototip .prototipSimpleTip *,
.prototip .prototipSimpleTip .content {
   color: #702080; 
   font: 10px Verdana, sans-serif; 
   padding: 0px; 
}

.prototip .roundBox .top {
   background-image: url('gfx/roundbox300-top.png');
   height: 8px;
}

.prototip .roundBox .middle {
   background-image: url('gfx/roundbox300-middle.png');
   padding-left: 8px;
   padding-right: 8px;
}

.prototip .roundBox .bottom {
   background-image: url('gfx/roundbox300-bottom.png');
   height: 8px;
}


.prototip .roundBox {
   font-size: 10px;
   line-height: 12px;
   color: #702080;
}

.prototip .roundBox p {
   margin: 0px;
   padding: 0px;
   padding-bottom: 2px;
   font-size: 10px;
   line-height: 12px;
   color: #702080;
}



.prototip .userbubble-small {
   width: 250px;
   height: 55px;
   background-color: #f6faf9;
}

.prototip .userbubble-small .content {
   padding-left: 1px;
   padding-right: 6px;
   color: #80a0bb;
}

.prototip .userbubble-small .content .photo {
   width: 38px;
   height: 45px;
   float: left;
}

.prototip .userbubble-small .content .info {
   float: left;
   margin-left: 2px;
   padding-top: 7px;
   height: 46px;
   width: 183px;
   display: block;
   overflow: hidden;
   color: #702080;
}

.prototip .userbubble-small .content .info .name {
   font-weight: bold;
}

.prototip .userbubble-small .content .info * {
   color: #702080;
}


/* Wizard Step by Step Layout Elements */

#body img.wizard_stepnumber {
   width: 34px;
   height: 34px;
   margin-left: -2px;
   margin-top: 20px;
   float: left;
}

#body .wizard_steplabel {
   float: left;
   margin-left: 6px;
   margin-top: 20px;
   position: relative;
   top: -6px;
}

#body .wizard_subform {
   margin-left: 5px;
   margin-right: 10px;
   padding: 5px;
   padding-left: 10px;
   border: 1px solid #dddddd;
   overflow: auto;
}

#body .wizard_subform .field {
   width: 485px;
}

#body .wizard_subform .wizard_arrows {
   float: right;
   height: 23px;
}

#body .wizard_subform .wizard_arrows img.active {
   opacity: 0.5;
   cursor: pointer;
   filter: alpha(opacity = 50);
}

#body .wizard_subform .wizard_arrows img.active:hover {
   opacity: 1.0;
   filter: alpha(opacity = 100);
}


/* Graphical Form Controls / Sliders */

#body div.slider { 
   width: 496px; 
   height: 1px; 
   margin: 10px 0; 
   background-color: #702080; 
   position: relative; 
}

#body div.slider div.handle { 
   width: 52px; 
   height: 21px; 
   margin: 0px;
   padding: 0px;
   background-image: url('gfx/slider_numeric.gif');
   background-repeat: no-repeat;
   cursor: move; 
   position: absolute;
   top: -10px;
}

#body div.slider div.handle .numinfo {
   font-size: 10px;
   font-weight: normal;
   color: #702080;
   overflow: hidden;
   width: 44px;
   height: 13px;
   margin-left: 4px;
   margin-top: 4px;
   text-align: center;
}

#body div.slider div.handle .active {
   color: #AB85B8;
}



/* Discussion Groups - Manage functions */

#mygroups_list {
   margin-bottom: 20px;
}

#mygroups_list .groupManageListEntry {
   padding: 5px;
   margin-bottom: 4px; 
   background-color: #F6FAF9;
}

#mygroups_list .groupManageListEntry a.groupname {
   font-size: 12px;
   line-height: 18px;
   color: #80A0BB;
}

#mygroups_list .groupManageListEntry a.groupdescription {
   font-weight: normal;
   color: #666666;
}

#mygroups_list .groupManageListEntry a.groupname:hover,
#mygroups_list .groupManageListEntry a.groupdescription:hover {
   color: #EEC65A;
}


/* User - Overview of Postings */

#body .user_postings_posting {
   line-height: 13px;
}

#body .user_postings_posting h3 {
   margin-top: 4px;
   margin-bottom: 12px;
   color: #80A0BB;
   font-size: 16px;
   font-weight: normal;
}

#body .user_postings_posting p {
   line-height: 13px;
}

#body .user_postings_posting p.timeinfo {
   color: #666666;
   margin-bottom: 0px;
   font-size: 10px;
}

#body .user_postings_posting p.threadteaser {
   font-weight: bold;
   margin-bottom: 0px;
   color: #702080;
}

#body .user_postings_posting p.status a,
#body .user_postings_posting p.posting a {
   color: #333333;
   text-decoration: none;
   font-weight: normal;
}

#body .user_postings_posting p.status a em {
   color: #666666;
}

#body .user_postings_posting p.status a:hover,
#body .user_postings_posting p.posting a:hover {
   color: black;
   text-decoration: underline;
}



/* User - Kolleginnen */

#letterlist {
   margin-left: 20px; 
   float: left; 
   color: #99b4cc; 
   font-weight: bold;
}

#letterlist .singleletter {
   float: left; 
   width: 13px;
   text-decoration: none;
}

#letterlist .singleletter:hover {
   text-decoration: underline;
   color: #EBC65A; 
}

#letterlist .letteractive {
   color: #702080; 
}
   


/* Service */

#body .consultant p {
   margin-top: 0px;
   margin-bottom: 0px;
}

#body .consultant p.name {
   font-weight: bold;
}



.formsection {
   clear: both;
   margin-bottom: 6px;
}


/* Editforms  -  defaults */

#editform h1,
#editform h2,
#editform h3,
#editform h4 {
   clear:both;
   padding-top: 16px;
}


#editform * label {
   width: 120px;
   float: left;
   color: #333;
   font-size: 10px;
   clear: both;
}

#editform input {
   float: left;
   margin-bottom: 10px;
   margin-right: 5px;
}

#editform select {
   float: left;
   margin-bottom: 10px;
   margin-right: 5px;
}

#editform input.text {
   width: 340px;
}

#editform input.datetime {
   width: 220px;
}


#editform textarea {
   width: 340px;
   height: 60px;
   margin-bottom: 10px;
}






/* Boxes */
.standardbox {
   float: left;
   margin-right: 11px;
   margin-bottom: 12px;
   width: 158px;
   height: 210px;
   padding: 5px;
}

a.standardbox {
   float: left;
   margin-right: 11px;
   margin-bottom: 12px;
   width: 168px;
   height: 210px;
   padding: 0px;
}

#body a.standardbox:hover, a.standardbox:hover h2, a.standardbox:hover p {
   text-decoration: none;
   background-color: #fdf8eb;
}

.standardbox_pic {
   float: left;
   margin-right: 11px;
   margin-bottom: 12px;
   width: 160px;
   padding: 0px;
   padding-right: 8px;
}


#body .startbox {
   float: left; 
   margin-left: 13px; 
   margin-bottom: 12px; 
   width: 158px; /* fuenf spalten - 210 bei vier spalten */
   height: 320px;
   padding: 5px;
}

#body .startbox h1 {
   font-size: 18px;
   margin-top: 4px;
   margin-bottom: 7px;
   line-height: 24px;
}

#body .startbox p {
   font-size: 11px;
   line-height: 13px;
}

#body .startbox p strong {
   color: #80a0bb;
}

#body .startbox a {
   color: #80a0bb;
   font-size: 11px;
}

/*
#body .startbox a {
   color: black;
   font-size: 13px;
   background-image: url(gfx/linkarrow.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   padding-left: 16px;
   display: block;
   height: 20px;
}
*/

#body .startbox {
   
}

/* Material */

#body .material_item {
   margin-bottom: 10px;
}

#body .material_item img {
   float: left;
   margin-right: 30px;
   margin-left: 10px;
}

#body .material_item input.anzahl {
   width: 30px;
}


/* Blog */

#results_blog_monthview {
}

#results_blog_monthview ul {
   margin-left: 0px;
}

#results_blog_monthview ul li {
   margin-left: 0px;
}

#results_blog_monthview ul li.year {
   margin-top: 10px;
   font-weight: bold;
   color: #80A0BB;
}   

#results_blog_summary h3 {
}

#results_blog_summary ul {
   margin-top: 10px;
   margin-left: 0px;
}

#results_blog_summary ul li {
   margin-left: 0px;
   margin-bottom: 4px;
}

#results_blog_summary ul li .dateinfo {
   color: #666666;
}

#body .inplaceeditor-form textarea {
   margin-bottom: 6px;
   width: 480px;
}

#body .inplaceeditor-form input {
   margin-right: 6px;
}

#body .blog_comment p {
   line-height: 13px;
}

#body p.blogcommenttoggle a {
   text-decoration: none;
   color: black;
   font-weight: normal;
   line-height: 12px;
}

#body p.blogcommenttoggle a:hover {
   text-decoration: underline;
}


#body .serendipity_imageComment_center,
#body .serendipity_imageComment_left,
#body .serendipity_imageComment_right {
   background-color: #F5F6F7;
   margin: 4px;
   border: 1px solid #666666;
}

#body .serendipity_imageComment_left {
   margin-right: 14px;
   float: left;
}

#body .serendipity_imageComment_right {
   margin-left: 14px;
   float: right;
}

#body .serendipity_imageComment_txt {
   padding: 3px;
   clear: both;
   font-size: 10px;
   color: #666666;
}

#body .serendipity_image_left {
   margin-right: 14px;
   float: left;
}

#body .serendipity_image_right {
   margin-left: 14px;
   float: right;
}

#body .serendipity_image_txt {
   padding: 3px;
   clear: both;
   font-size: 10px;
   color: #666666;
}


/* Blog Teaser MyHebiana */

/*
#blogteaserdummy div, #blogteaserdummy div p {
   line-height: 15px;
}

#blogteasertext {
   position: relative; 
   overflow: hidden;   
}


#blogteasertext #blogteasertext_button {
   text-align: right; 
   position: absolute; 
   bottom: 0px; 
   right: 0px; 
   width: 27px; 
   height: 27px;
   cursor: pointer;
}


#blogteasertext #blogteasertext_button img {
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

#blogteasertext #blogteasertext_button img:hover {
   opacity: 1.0;
   filter: alpha(opacity = 100);
}
*/
 


/* Expandable Teaser blocks (Groupwatcher, Blogteaser) */

#body .expandableteaser .expandableteaser_container div, 
#body .expandableteaser .expandableteaser_container div p {
   line-height: 15px;
}

#body .expandableteaser {
   position: relative; 
   overflow: hidden;   
}


#body .expandableteaser .expandableteaser_button {
   text-align: right; 
   position: absolute; 
   bottom: 0px; 
   right: 0px; 
   width: 27px; 
   height: 27px;
   cursor: pointer;
}


#body .expandableteaser .expandableteaser_button img {
   opacity: 0.6;
   filter: alpha(opacity = 60);
}

#body .expandableteaser .expandableteaser_button img:hover {
   opacity: 1.0;
   filter: alpha(opacity = 100);
}


/* Groupwatcher Item */
#body .expandableteaser .expandableteaser_container .groupwatcher_item {
   padding-bottom: 15px;
}

#body .expandableteaser .expandableteaser_container .groupwatcher_item p {
   padding: 0px;
   margin: 0px;
   line-height: 12px;
}

#body .expandableteaser .expandableteaser_container .groupwatcher_item p a {
   font-weight: normal;
   text-decoration: none;
   color: #333333;
}

#body .expandableteaser .expandableteaser_container .groupwatcher_item p a:hover {
   text-decoration: underline;
}

#body .expandableteaser .expandableteaser_container .groupwatcher_item p.timeinfo {
   color: #999999;
}

#body .expandableteaser .expandableteaser_container .groupwatcher_item p.thread {
   color: #702080;
   font-weight: bold;
   margin-bottom: 1px;
}



/* Material */

#body p.material_section {
   line-height: 12px;
}

#body table.material_liste {
   margin-top: 12px;
   margin-bottom: 26px;
}

#body table.material_liste tr {
   height: 62px;
}

#body table.material_liste td {
   vertical-align: top;
}

#body table.material_liste td.description {
   width: 357px;
}

#body table.material_liste td.image {
   width: 116px;
   text-align: center;
   vertical-align: middle;
}

#body table.material_liste td.number {
   padding-top: 8px;
   width: 45px;
}

#body table.material_liste td img {
}

#body table.material_liste td.description {
}

#body table.material_liste td.description h3 {
   margin-top: 6px;
   margin-bottom: 4px;
}

#body table.material_liste td.description p {
   margin-bottom: 0px;
   line-height: 12px;
}

#body table.material_liste td input.anzahl {
   width: 34px;
}





/* Messetermine */

.eventbox {
   float: left; 
   margin-bottom: 15px; 
   width: 220px; 
   margin-left: 12px;
   margin-right: 12px;
   background-color: #f8f8f8;
   position: relative;
   padding: 5px;
   padding-left: 11px;
   padding-right: 6px;
   padding-bottom: 2px;
}




/* Aus- und Weiterbildungen / Fortbildungen */

#body .fortbildung {
   width: 520px;
   line-height: 12px;
   padding-bottom: 6px;
}

#body .fortbildung label {
   display: block;
   line-height: 12px;
}

#body .fortbildung textarea {
   clear: both;
   float: left;
   line-height: 12px;
}

#body .fortbildung h2,
#body .fortbildung_detail h2 {
   padding-top: 0px;
   margin-bottom: 12px;
}

#body .fortbildung_detail h2 {
   margin-top: 22px;
   margin-bottom: 6px;
}
   

#body .fortbildung h3,
#body .fortbildung_detail h3 {
   margin-top: 20px;
   margin-bottom: 2px;
}

#body .fortbildung_detail h3 {
   margin-bottom: 6px;
}
   
#body .fortbildung h4,
#body .fortbildung_detail h4 {
   margin-top: 10px;
   margin-bottom: 0px;
}
   
#body .fortbildung p,
#body .fortbildung_detail p {
   line-height: 12px;
}

#body .fortbildung li {
   margin-bottom: 4px;
}

#body .fortbildung_detail li {
   padding: 0px;
   margin-bottom: 10px;
   margin-top: 10px;
   margin-left: 45px;
   line-height: 15px;
   list-style-image: url(gfx/listdot-redsquare.gif);
}



#body .fortbildung_detail ul.functionlist,
#body .fortbildung_detail ol.functionlist {
   padding: 5px;
}




#body .fortbildung hr {
   margin-top: 18px;
   margin-bottom: 14px;
   width: 520px;
   left: 0px;
   border-bottom: solid 1px #f2f4f6;
}


#body #editform .group_tags .checkbox_listitem {
   float: left;
   width: 175px;
}

#body #editform .group_tags .checkbox_listitem input {
   margin-bottom: 8px;
}

#body #editform .group_tags .checkbox_listitem label {
   clear: none;
   width: 150px;
}

*+html #body #editform .group_tags .checkbox_listitem label { /*IE7 only*/
     margin-top:3px;
  }

#body #editform .group_tags h4 {
   padding-top: 20px;
}


/*
#body #editform #fortbildung_tags .checkbox_listitem {
   float: left;
   width: 175px;
}

#body #editform #fortbildung_tags .checkbox_listitem input {
   margin-bottom: 8px;
}

#body #editform #fortbildung_tags .checkbox_listitem label {
   clear: none;
   width: 150px;
}

*+html #body #editform #fortbildung_tags .checkbox_listitem label { 
     margin-top:3px;
  }

#body #editform #fortbildung_tags h4 {
   padding-top: 20px;
}

*/



/* Kleinanzeiger */

#body #kleinanzeigen_viewcontrol * {
   font-size: 10px;
   line-height: 12px;
   font-family: verdana;
}

#body #kleinanzeigen_viewcontrol .pipe {
   float: left; 
   margin-left: 6px; 
   margin-right: 6px;
}
   
#body #kleinanzeigen_viewcontrol input {
   font-size: 12px;
   height: 12px;
   float: left;
}

#body #kleinanzeigen_viewcontrol label {
   font-size: 10px;
   float: left;
   margin-left: 4px;
}

#body .kleinanzeige {
   width: 520px;
   line-height: 12px;
   padding-bottom: 6px;
   overflow: auto;
}

#body .kleinanzeige .kl_leftrow {
   width: 100px;
   padding-top: 4px;
   margin-left: 6px;
   float: left;
   background-repeat: no-repeat;
   background-position: 0px 88px;
   background-image: url(gfx/fx_imageshadow84.gif);
   overflow: auto;
}

#body #searchresults .kleinanzeige_thumbnail,
#body .kleinanzeige .kleinanzeige_thumbnail {
   width: 84px; 
   height: 84px; 
   background-position: center center; 
   background-repeat: no-repeat;
   background-color: #dddddd; 
}

   
#body .kleinanzeige .kl_rightrow {
   width: 414px;
   float: left;
}

#body .kleinanzeige .kleinanzeige_basicinfo p.dateinfo {
   margin: 0px;
   color: #888888;
}


#body .kleinanzeige h2 {
   padding: 0px;
   margin-top: 6px;
}

#body .kleinanzeige h3 {
   margin-top: 5px;
   margin-bottom: 0px;
   padding: 0px;
}

#body .kleinanzeige h4 {
   padding: 0px;
   margin: 0px;
   margin-top: 10px;
   margin-bottom: 2px;
}

#body .kleinanzeige .kleinanzeige_extendedinfo p {
   line-height: 12px;
   margin-bottom: 4px;
}

/* Externatliste, Jobbörse */

#body #taglist_fachgebiete {
   overflow: auto;
   margin-top: 10px;
}

#body #taglist_fachgebiete .checkbox_listitem {
   float: left;
   width: 250px;
}

#body #taglist_fachgebiete  .checkbox_listitem input {
   float: left;
   margin-bottom: 20px;
}

#body #taglist_fachgebiete  .checkbox_listitem label {
   clear: none;
   width: 120px;
   line-height: 14px;
   font-size: 10px;
   margin-bottom: 8px;
}

*+html #body #taglist_fachgebiete .checkbox_listitem label { /*IE7 only*/
     margin-top:3px;
}



#joboffersubmission #taglist_fachgebiete .checkbox_listitem label {
   width: 180px;
   position: relative;
   top: -1px;
}


/* Jobbörse */

#body .joboffer p.joboffer_offerorrequest {
   margin-bottom: 0;
   color: #8b8b8b;
   font-size:10px;
}

#body .joboffer h2.joboffer_title {
   padding-top: 8px;
   color: #99b4cc;
   font-size: 18px;
   margin-bottom: 0;
}
   

#body .joboffer p.joboffer_location {
   font-size: 11px;
   color: #702080;
}
   
   
#body .joboffer .joboffer_introtext p,
#body .joboffer .joboffer_description p,
#body .joboffer .joboffer_contactinfo p {
   color: #666666;
   line-height: 16px;
}

#body .joboffer .joboffer_jobtime p {
   color: #666666;
}






/* Linklisten */

#body .linktipp {
   display: block; 
   margin-bottom: 14px;
}

#body .linktipp p.linkname {
   line-height: 12px; 
   font-weight: bold; 
   margin-bottom:0px;
}

#body .linktipp p.linkbody {
   line-height:12px; 
   margin:0px;
}

#body .linktipp a.brokenlink {
   margin-left: 5px;
   color: #7AA797;
}

#body .linktipp a.brokenlink:hover {
   color: red;
   text-decoration: none;
}


.textmarker {
   background-color: #ffffd0;
}



/* Registrierungsformular */


#hebiana_registration .section {
   clear: both;
   overflow: auto;
   display: block;
   margin-bottom: 6px;
}

#hebiana_registration h3 {
   margin-bottom: 12px;
   clear: both;
}

#hebiana_registration h3.section {
   padding-top: 20px;
}


#hebiana_registration label {
   width: 100px;
   float: left;
   color: #333;
   font-size: 10px;
   clear: both;
}


#hebiana_registration p.error {
   clear: both;
   margin-bottom: 14px;
   color: #cc0000;
   font-weight: bold;
}

#hebiana_registration input {
   float: left;
   margin-bottom: 3px;
   margin-right: 5px;
}

#hebiana_registration select {
   margin-bottom: 3px;
}

#hebiana_registration input.textinput {
   width: 200px;
}

#hebiana_registration .captcha {
   margin-bottom: 6px;
}

#hebiana_registration #captcha {
   clear: both;
   margin: 0;
   margin-top: 6px;
   padding: 0;
}

#hebiana_registration .radios  {
   overflow: auto;
}

#hebiana_registration .radios input {
   clear: both;
   margin-left: 8px;
}

#hebiana_registration .radios label {
   clear: none;
   width: 150px;
}

#hebiana_registration input.urkunde_ort {
   background-color: #F6FAF9;
   width: 350px;
}

#hebiana_registration #urkunde_info {
   background-color: #F6FAF9;
   width: 337px;
   height: 70px;
   padding: 5px;
   padding-left: 8px;
   margin-top: 8px;
}

#hebiana_registration #urkunde_info h3 {
   margin-top: 0px;
}

#hebiana_registration #urkunde_info p {
   line-height: 12px;
   margin-bottom: 5px;
}

#userpage_personal_groups_list li {
   padding-left: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   display: block;
   list-style-type: circle;
}



#stoerer_milchpumpe {
   position:absolute; 
   right:0px; 
   top:215px; 
   width:178px; 
   height:215px;
}




/* Actionlog */

#body .actionlog_entry {
   margin-bottom: 6px;
   clear: both;
   overflow: auto;
}

#body .actionlog_entry div.avatar_miniimage {
   display: block;
   width: 26px;
   height: 30px;
   float: left;
   margin-right: 12px;
   background-color: #f0e0a0;
   background-position: -6px -6px;
   opacity: 0.5;
}

#body .actionlog_entry:hover div.avatar_miniimage {
   opacity: 1.0;
}
   
#body .textpart {
   float: left;
   width: 460px;
}

#body .actionlog_entry .textpart p.summary {
   line-height: 13px;
   margin-bottom: 4px;
}

#body .actionlog_entry .textpart p.logtime {
   color: #999999;
   line-height: 11px;
   margin-bottom: 0px;
}

#body .actionlog_entry .textpart p.summary span.username {
   color: #80a0bb;
   cursor: pointer;
   font-weight: bold;
}

#body .actionlog_entry .textpart p.summary span.username:hover {
   text-decoration: underline;
}

#body .actionlog_entry .textpart p.summary a.bloglink,
#body .actionlog_entry .textpart p.summary a.grouplink {
   color: #702080;
   text-decoration: none;
   font-weight: normal;
}

#body .actionlog_entry .textpart p.summary a.bloglink:hover,
#body .actionlog_entry .textpart p.summary a.grouplink:hover {
   text-decoration: underline;
}


/* Kolleginnen nach Ausbildungsort */

#content.path-user-byschool #map {
   position: absolute;
   width: 286px; 
   height: 386px; 
   right:205px; 
   top:296px;
}







/* Kontaktformulare */

.contactform input {
   margin-bottom: 6px;
}

form .field {
   width: 510px;
   margin-bottom: 6px;
}


/* Mitgliedschaft beenden Form */
#body .cancelform textarea.field {
   height:120px;
}



/* Teamseite */

#body .teamblock {
   clear: both;
}

#body .teamblock p {
   display: block;
   float: left;
   width: 280px;
}

img.teamportrait {
   float: left;
   width: 67px;
   height: 80px;
   background-color: #F3F6F9;
   margin-left: 40px;
   margin-right: 30px;
   margin-top: 4px;
   margin-bottom: 30px;
   clear: both;
}



/* FLOG */

#flog_tabbar {
   border-bottom: 1px solid #702080;
   overflow: auto;
}

#flog_tabbar a.flogtab {
   border-top: 1px solid #702080;
   border-left: 1px solid #702080;
   border-right: 1px solid #702080;
   
   padding-left: 13px;
   padding-right: 14px;
   padding-top: 3px;
   height: 17px;
   float: left;
   margin-right: 3px;

   -moz-border-radius-topleft: 6px;
   -webkit-border-top-left-radius: 6px;
   
   -moz-border-radius-topright: 6px;
   -webkit-border-top-right-radius: 6px;
   
   
   background-color: #f8eed0;
   color: #702080;
   font-size: 10px;
   font-weight: bold;
   line-height: 15px;
}

#flog_tabbar a.active {
   color: white;
   background-color: #702080;
}



#flog_tabbar a.flog_backlink_top {
   color: #702080;
   font-size: 10px;
   font-weight: normal;
   line-height: 15px;
   float: right;
   padding-top: 4px;
   padding-right: 8px;
   height: 16px;
}


.flog_icon_row {
   position: absolute; 
   right: 0px;
   text-align: right;
   display: block; 
}


.flog_icon_row img {
   float: left;
   opacity: 0.5;
   cursor: pointer;
}

.flog_icon_row img:hover {
   opacity: 1;
}



#flogcontainer_navbar {
   border-bottom: 1px solid #702080;
   padding: 4px;
   margin-bottom: 2px;
}


#flogcontainer_pager {
   float: right;
   padding-left: 2px;
   padding-right: 2px;
   clear: both;
}
  


a.flog_pager_arrow {
   display: block;
   position: relative;
   top: 2px;
   float: left;
   width: 11px;
   height: 14px;
   background-repeat: no-repeat;
}

a.flog_pager_arrow_left {
   margin-left: 3px;
   margin-right: 4px;
   background-image: url(gfx/flog_pager_left.png);
}

a.flog_pager_arrow_left:hover {
   background-image: url(gfx/flog_pager_left_hover.png);
}

a.flog_pager_arrow_right {
   margin-left: 6px;
   background-image: url(gfx/flog_pager_right.png);
}

a.flog_pager_arrow_right:hover {
   background-image: url(gfx/flog_pager_right_hover.png);
}



#flogcontainer_pager input.flog_pager_pageinput {
   text-align: center;
   border: 1px solid #ccc;
   border-top: 1px solid #aaa;
   border-left: 1px solid #aaa;
   
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px;
   
   background-color: white;
   width: 30px;
}

#flogcontainer_pager input.flog_pager_pageinput:hover {
   background-color: #f0f0f0;
}


/* FLOG - Topic Intro */

#flogcontainer_intro p {
   line-height: 12px;
}


#flogcontainer_intro .flog_topic_intro .flog_topic_coverholder {
   display: block;
   overflow: auto;
   position: relative;
   /*
   width: 527px;
   height: 264px;
   */
   width: 578px;
   height: 290px;
   background-repeat: no-repeat;
   background-position: center center;
}


#flogcontainer_intro .flog_topic_intro .flog_topic_coverholder .flog_topic_functions {
   background-color: #fff;
   background-color: rgba(255,255,255,0.8);

   position: absolute;
   bottom: 9px;
   right: 9px;

   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px;
   
   padding-top: 10px;
   padding-left: 12px;
   padding-right: 14px;
   
}

#flogcontainer_intro .flog_topic_intro .flog_topic_coverholder .flog_topic_functions p {
   line-height: 12px;
   margin-bottom: 10px;
   padding: 0px;
   color: #666666;
}

#flogcontainer_intro input {
   cursor: pointer;
}

#flogcontainer_intro label {
   cursor: pointer;
}


#flogcontainer_intro a {
   color: #702080;
   font-weight: normal;
}


#flogcontainer_intro .flog_topic_intro {
   position: relative;
}


#flogcontainer_intro .flog_topic_intro label.watchstatus {
   color: #99B4CC;
}

#flogcontainer_intro .flog_topic_intro label.watchstatus:hover {
   color: #702080;
   text-decoration: underline;
}

#flogcontainer_intro .flog_topic_intro .flog_topic_intro_content {
   overflow: auto;
}

#flogcontainer_intro .flog_topic_intro .flog_topic_intro_content p {
   line-height: 12px;
}



/* FLOG - Article Edit Form */


#flogcontainer_articleform.flogcontainer_newarticle div.flog_article_form {
   margin-top: 16px;
   margin-bottom: 35px;
}


/* FLOG - Topic Edit Form */

#flog_topic_editform,
.pseudowindow {

   position: absolute;
   /* z-index: 1000; */
   
   background-color: #f6f8ff;
   
   margin: 0px;
   padding: 26px;
   
   /*margin: -32px;
   padding: 32px;
   */
   
   -moz-border-radius: 7px; 
   -webkit-border-radius: 7px;
   
   border: solid 2px #e5f6ff;
   
   -moz-box-shadow: 2px 3px 16px rgba(0,0,0, 0.6);
   -webkit-box-shadow: 2px 3px 16px rgba(0,0,0, 0.6);
   
}


#flog_topic_form_container {
   overflow: auto;
}




/* FLOG - Topic Teaser */

#searchresults .flog_topic_teaser, 
#flogcontainer_browser .flog_topic_teaser {
   
/*   border-bottom: dotted 1px #cccccc; */
   border-bottom: dotted 1px #fff;
   
   /*
   margin-top: 6px; 
   margin-bottom: 10px;
   margin-right: -7px;
   margin-left: -7px;
   
   padding-top: 4px;
   padding-bottom: 6px;
   padding-left: 7px; 
   padding-right: 8px; 
   */
   
   margin-top: 6px; 
   margin-bottom: 10px;
   margin-right: -7px;
   margin-left: -7px;
   
   /*
   padding-top: 4px;
   padding-bottom: 6px;
   padding-left: 77px; 
   padding-right: 24px;    
   
   background-image: url('gfx/flog_icon_drawer.png');
   background-repeat: no-repeat;
   background-position: 10px center;
   
   */
   
   
   background-image: url('gfx/flog_icon_folder-noimage.png');
   background-repeat: no-repeat;
   background-position: 25px 50%;
   
   margin-top: 6px;
   margin-bottom: 3px;
   
   padding-top: 13px; /* for background-position: 50% */
   
   background-position: 25px 40%;
   padding-top: 5px;  /* for background-position: 40% */
   
   background-position: 25px 35%;
   padding-top: 3px;  /* for background-position: 35% */
   
   padding-bottom: 0px;
   
   cursor: pointer;
   
   background-color: white;
   
   -moz-border-radius: 7px; 
   -webkit-border-radius: 7px;
   
   -webkit-transition-property: background-color, border-bottom;
   -webkit-transition-duration: 0.2s, 0.2s;
   -webkit-transition-timing-function:  ease-in, ease-in;
   
}



.flog_topic_teaser_iconholder {
   
   overflow: auto;
   
   background-image: url('gfx/flog_icon_folder-grey-soft-rgba.png');
   background-repeat: no-repeat;
   background-position: 21px 50%;
   background-position: 21px 40%;
   
   background-position: 21px 35%;
   
   padding-top: 4px;
   padding-bottom: 6px;
   padding-left: 106px; 
   padding-right: 34px;    
 
   padding-top: 0px;
   padding-bottom: 10px;
   
}


#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder {
   background-image: url('gfx/flog_icon_folder-grey-rgba.png');
}



/* Folder icons - Blue */
.flog_topic_teaser_iconholder.color_blue {
   background-image: url('gfx/flog_icon_folder-blue-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_blue,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_blue {
   background-image: url('gfx/flog_icon_folder-blue-rgba.png');
}


/* Folder icons - Green */
.flog_topic_teaser_iconholder.color_green {
   background-image: url('gfx/flog_icon_folder-green-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_green,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_green {
   background-image: url('gfx/flog_icon_folder-green-rgba.png');
}


/* Folder icons - Yellow */
.flog_topic_teaser_iconholder.color_yellow {
   background-image: url('gfx/flog_icon_folder-yellow-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_yellow,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_yellow {
   background-image: url('gfx/flog_icon_folder-yellow-rgba.png');
}


/* Folder icons - Orange */
.flog_topic_teaser_iconholder.color_orange {
   background-image: url('gfx/flog_icon_folder-orange-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_orange,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_orange {
   background-image: url('gfx/flog_icon_folder-orange-rgba.png');
}


/* Folder icons - Red */
.flog_topic_teaser_iconholder.color_red {
   background-image: url('gfx/flog_icon_folder-red-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_red,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_red {
   background-image: url('gfx/flog_icon_folder-red-rgba.png');
}


/* Folder icons - Purple */
.flog_topic_teaser_iconholder.color_purple {
   background-image: url('gfx/flog_icon_folder-purple-soft-rgba.png');
}

#searchresults .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_purple,
#flogcontainer_browser .flog_topic_teaser:hover .flog_topic_teaser_iconholder.color_purple {
   background-image: url('gfx/flog_icon_folder-purple-rgba.png');
}





#body .flog_topic_teaser .flog_topic_teaser_summary {
  /* margin-bottom: 14px;
   margin-bottom: 6px; */
   margin-bottom: 4px;
}


#searchresults .flog_topic_teaser:hover,
#flogcontainer_browser .flog_topic_teaser:hover {
   background-color: #e5f6ff;
   border-bottom: 1px solid white;
}

#searchresults .flog_topic_teaser h3,
#flogcontainer_browser .flog_topic_teaser h3 {
   font-size: 12px;
   margin-bottom: 6px;
   
   
   margin-top: 0px;
   margin-top: 6px;
   margin-top: 10px;
}

#searchresults .flog_topic_teaser p,
#flogcontainer_browser .flog_topic_teaser p {
   line-height: 12px;
   color: #666;
}

#searchresults .flog_topic_teaser:hover p,
#flogcontainer_browser .flog_topic_teaser:hover p {
   color: #333;
}

#searchresults .flog_topic_teaser p.flog_topic_teaser_lastaction span,
#flogcontainer_browser .flog_topic_teaser p.flog_topic_teaser_lastaction span {
   color: #80A0BB;
}

#searchresults .flog_topic_teaser:hover p.flog_topic_teaser_lastaction span,
#flogcontainer_browser .flog_topic_teaser:hover p.flog_topic_teaser_lastaction span {
   color: #5688A7;
}

#searchresults .flog_topic_teaser a,
#flogcontainer_browser .flog_topic_teaser a {
   color: #702080;
   font-weight: normal;
}




/* FLOG - Article Teaser */

#searchresults .flog_article_teaser,
#flogcontainer_browser .flog_article_teaser {
   border-bottom: dotted 1px #cccccc; 

   margin-top: 8px; 
   margin-bottom: 10px;
   margin-right: -7px;
   margin-left: -7px;
   
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 7px;
   padding-right: 8px;
   
   cursor: pointer;
   
   background-color: white;

   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;

   -webkit-transition-property: background-color, border-bottom;
   -webkit-transition-duration: 0.2s, 0.2s;
   -webkit-transition-timing-function:  ease-in, ease-in;
   
   /*
   -webkit-transition: background-color 0.3s ease-in; 
   -o-transition: background-color, border-bottom 0.3s ease-in; 
   */
   position: relative;
   
}


#searchresults .flog_article_teaser:hover,
#flogcontainer_browser .flog_article_teaser:hover {
   border-bottom: 1px solid white;
   background-color: #f8ffc6;
}


#searchresults .flog_article_teaser .flog_article_teaser_introimage,
#flogcontainer_browser .flog_article_teaser .flog_article_teaser_introimage {
   float: left;
   display: block; 
   margin-right: 12px; 
   margin-top: 7px; 
   margin-bottom: 8px;
   background-position: center center; 
   background-repeat: no-repeat;
   
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;

}
   

#searchresults .flog_article_teaser:hover .flog_article_teaser_introimage,
#flogcontainer_browser .flog_article_teaser:hover .flog_article_teaser_introimage {
   -moz-box-shadow: 3px 3px 3px rgba(0,0,0, 0.2);
   -webkit-box-shadow: 3px 3px 3px rgba(0,0,0, 0.2);
}



#searchresults .flog_article_teaser .likestar_sidelabel,
#flogcontainer_browser .flog_article_teaser .likestar_sidelabel {
   text-align: right;
   position: absolute;
   font-size: 10px;
   font-weight: bold;
   color: #dfc443;
   right: 27px;
   top: 7px;   
   opacity: 0.3;
}



#searchresults .flog_article_teaser .likestar,
#flogcontainer_browser .flog_article_teaser .likestar {
   position: absolute;
   right: 4px;
   top: 3px;   
   opacity: 0.3;
}


#searchresults .flog_article_teaser:hover .likestar,
#flogcontainer_browser .flog_article_teaser:hover .likestar {
   opacity: 1;
}

#searchresults .flog_article_teaser:hover .likestar_sidelabel,
#flogcontainer_browser .flog_article_teaser:hover .likestar_sidelabel {
   opacity: 1;
}


#searchresults .flog_article_teaser p,
#flogcontainer_browser .flog_article_teaser p {
   color: #666;
}

#searchresults .flog_article_teaser:hover p,
#flogcontainer_browser .flog_article_teaser:hover p {
   color: #333;
}
  
#body #searchresults .flog_article_teaser h2,
#body #flogcontainer_browser .flog_article_teaser h2 {
   font-size: 14px;
   margin-bottom: 0px;
   line-height: 18px;
   margin-bottom: 2px;
}

#body #searchresults .flog_article_teaser p,
#body #flogcontainer_browser .flog_article_teaser p {
   line-height: 12px;
}

#body #searchresults .flog_article_teaser a,
#body #flogcontainer_browser .flog_article_teaser a {
   color: #702080;
   font-weight: normal;
}




/* FLOG - Article Detail */

#flogcontainer_browser .flog_article_detail h2 {
   padding-right: 48px;
}

#flogcontainer_browser .flog_article_detail a {
   color: #702080;
   font-weight: normal;
}

#flogcontainer_browser .flog_article_detail .topiclist a {
   font-size: 11px;
}


#flogcontainer_browser .flog_article_detail .flog_article_functionbar {
   clear: both; 
   border-top: 1px dotted #dddddd; 
   margin: 0px; 
   margin-top: 20px; 
   margin-bottom: 10px; 
   padding: 5px; 
   padding-top: 7px;
   padding-left: 10px;
}


#flogcontainer_browser .flog_article_detail .flog_article_newcomment textarea {
   border-color: #95bcd2;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
}
   



#flogcontainer_browser .flog_article_detail .flog_article_complain_window,
#flogcontainer_browser .flog_article_detail .flog_article_recommend_window {
   
   background-color: #fcfaf0;
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px;
   -moz-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   padding: 20px;
   margin-left: -8px;
   margin-right: -8px;
   margin-bottom: 16px;
}


#flogcontainer_browser .flog_article_detail .flog_article_complain_window h3,
#flogcontainer_browser .flog_article_detail .flog_article_recommend_window h3 {
   margin:0;
   padding:0;
   margin-bottom: 10px;
}


#flogcontainer_browser .flog_article_detail .flog_article_complain_window textarea,
#flogcontainer_browser .flog_article_detail .flog_article_recommend_window textarea {
   width: 492px;
   padding: 4px;
   height: 100px;
   margin-top: 4px;
   margin-bottom: 10px;
}



#flogcontainer_browser .flog_article_detail .highlight {
   border: 1px solid #dc0000;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
}



#flogcontainer_browser .flog_article_detail .flog_article_similar_container {
   margin-bottom: 10px;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment {
   margin-bottom: 10px;
   margin-right: -7px;
   margin-left: -7px;
   padding-left: 7px;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-right: 8px;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment:hover {
   background-color: #fff8c6;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px;
}



#flogcontainer_browser .flog_article_detail .flog_article_comment a.commentfunction {
   font-weight: normal;
   color: #ccc;
}

#flogcontainer_browser .flog_article_detail .flog_article_comment:hover a.commentfunction {
   color: #702080;
}



#flogcontainer_browser .flog_article_detail .flog_article_comment p.flog_article_comment_infoline {
   margin-bottom: 4px;
   line-height: 15px;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment p.flog_article_comment_infoline a.flog_article_comment_name {
   font-weight: bold;
}



#flogcontainer_browser .flog_article_detail .flog_article_comment p.flog_article_comment_content {
   line-height: 15px;
   margin-bottom: 8px;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment p.flog_article_comment_image_title {
   float: left;
   margin-top: 14px;
   margin-left: 14px;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment a div.imagethumb {
   width: 48px;
   height: 48px;
   background-color: white;
   background-position: center center;
   background-repeat: no-repeat;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px;
   border: solid 4px white;   
}


#flogcontainer_browser .flog_article_detail .flog_article_comment a:hover {
   position: relative;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment a:hover div.imagethumb {
   position: absolute;
   top: -3px;
   left: -3px;
   -moz-box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
   -webkit-box-shadow: 3px 3px 5px rgba(0,0,0, 0.4);
}


#flogcontainer_browser .flog_article_detail .flog_article_comment p.flog_article_comment_image_notitle {
   float: left;
   margin-top: 12px;
   margin-left: 12px;
   
   font-style: italic;
   color: #999999;
}


#flogcontainer_browser .flog_article_detail .flog_article_comment_link img {
   margin-right: 5px;
   position: relative;
   top: 3px;
}

#flogcontainer_browser .flog_article_detail .flog_article_comment_link a {
   color: #666666;
}

#flogcontainer_browser .flog_article_detail .flog_article_comment_link a:hover {
   color: #333333;
   text-decoration: underline;
}


#flogcontainer_browser #flogcontainer_articleform div.flog_article_form {
   
   background-color: #fafafa;
   position: relative;
   
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px;
   -moz-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   
   margin: -22px;
   padding: 12px;
   margin-left: -30px;
   margin-right: -30px;
   padding-left: 20px;
   padding-right: 20px;
   border: solid 1px #702080;
   margin-bottom: 30px;
   padding-bottom: 20px;
}




/* FLOG Topic POLL */ 

#flogcontainer_intro .flog_poll, 
#flogcontainer_browser .flog_poll {
   margin-bottom: 12px;
}

#flogcontainer_intro .flog_poll p.flog_poll_time,
#flogcontainer_browser .flog_poll p.flog_poll_time {
   padding-top: 12px;
   font-size: 9px; 
   line-height: 12px; 
   color: #666666;
}

#flogcontainer_intro .flog_poll h2,
#flogcontainer_browser .flog_poll h2 {
   font-size: 14px;
   color: #702080;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-right: 48px;
}


#flogcontainer_intro .flog_poll h3,
#flogcontainer_browser .flog_poll h3 {
   font-size: 11px;
   margin-bottom: 4px;
   margin-top: 16px;
}


#flogcontainer_intro .flog_poll table.pollresults tr td,
#flogcontainer_browser .flog_poll table.pollresults tr td {
   vertical-align: top;
   text-align: left;
   padding: 0px;
   margin: 0px;
   padding-bottom: 6px;
   border: none;
}


#flogcontainer_intro .flog_poll table.pollresults tr td.poll_answer_dot,
#flogcontainer_browser .flog_poll table.pollresults tr td.poll_answer_dot {
   vertical-align: top;
   text-align: center;
   width: 25px;
}

#flogcontainer_intro .flog_poll table.pollresults tr td.poll_answer_percent,
#flogcontainer_browser .flog_poll table.pollresults tr td.poll_answer_percent {
   vertical-align: top;
   text-align: right;
   padding-right: 4px;
   width: 62px;
   color: #5b7a95;
   font-weight: normal;
}


#flogcontainer_intro .flog_poll table.pollresults tr td.poll_answer_bar,
#flogcontainer_browser .flog_poll table.pollresults tr td.poll_answer_bar {
   vertical-align: top;
   padding-top: 2px;
   width: 45px;
}


.pollresult_bar {
   height: 8px;
   background-color: #80A0BB;
   display: block;
   
   -moz-border-radius-topright: 3px;
   -webkit-border-top-right-radius: 3px;
   
   -moz-border-radius-bottomright: 3px;
   -webkit-border-bottom-right-radius: 3px;
}

   


#flogcontainer_intro .flog_poll form ul.flog_polloptions, 
#flogcontainer_browser .flog_poll form ul.flog_polloptions {
   list-style-type: none;
}


#flogcontainer_intro .flog_poll form ul.flog_polloptions li, 
#flogcontainer_browser .flog_poll form ul.flog_polloptions li {

   margin-bottom: 10px;
   margin-right: 32px;
   overflow: hidden;
   
}


#flogcontainer_intro .flog_poll form ul .flog_polloption,
#flogcontainer_browser .flog_poll form ul .flog_polloption {
   display: block;
   clear: both;
   overflow: auto;
}


#flogcontainer_intro .flog_poll form ul .flog_polloption input,
#flogcontainer_browser .flog_poll form ul .flog_polloption input {

   margin-top: 4px;
   margin-left: 1px;
   margin-bottom: 3px;
   margin-right: 10px;
   float: left;
   
   cursor: pointer;

}


#flogcontainer_intro .flog_poll form .flog_polloption label,
#flogcontainer_browser .flog_poll form .flog_polloption label {
   line-height: 18px;
   font-size: 10px;
   margin-bottom: 10px;
   cursor: pointer;
}


#flogcontainer_intro .flog_poll form ul .flog_polloption label:hover,
#flogcontainer_browser .flog_poll form ul .flog_polloption label:hover {
   color: #702080;
}


#flogcontainer_intro .flog_poll form .flog_poll_choicebutton,
#flogcontainer_browser .flog_poll form .flog_poll_choicebutton {
   
   background-color: #f0f0f0;
   border: solid 1px #702080;
   
   padding: 4px;
   padding-left: 8px;
   padding-right: 8px;
   
   display: inline;
   line-height: 30px;

   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffaf0), to(#fffdf8), color-stop(.3,#f6f4f0));
   background-image: -moz-linear-gradient(0% 100% 90deg, #fffdf8, #f6f4f0 30%, #fffaf0 100%);

   
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px;

   -moz-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   -webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.2);
   
   margin: 6px;
   
   font-weight: bold;
   color: #702080;
   
   cursor: pointer;
   
}


#flogcontainer_intro .flog_poll form .flog_poll_choicebutton:hover,
#flogcontainer_browser .flog_poll form .flog_poll_choicebutton:hover {
   color: white;
   background-image: none;
   background-color: #702080;
}