/* 
    Created on : 12.07.2014, 16:06:30
    Author     : aReD-Software
*/

@charset "utf-8";

/* Guestbook - start */
.divcontainerGuestbook {
    position: relative;
    width: 800px;
    height: 500px;
    top: 54px;
    left: 50%;	
    margin-left: -400px;
    /*background-color: #6a83a2;  /* blau  */
    background-color: #a2896a;  /* braun */
    
}
.pAbsolute {
    position: absolute;
    width: 800px; 
}
.divGuestbookHead {      
    height:60px;
    background-color: #eeeeee;
}
.divGuestbookNewEntry,
.divGuestbookBack {
    margin: 10px 15px 0 0;
    cursor: pointer;
}
.guestbookHeadlineEntry {
    display: none;
}
.divGuestbookBack {
    display: none;
}
.divGuestbookBodyRead,
.divGuestbookBodyWrite {
    height: 420px;
    /*background-color: #6a83a2;  /* blau  */
    background-color: #a2896a;    /* braun */
}
.divGuestbookBodyRead,
.divGuestbookBodyWrite {
    height: 405px;
}
.divReadBgEntry {
    width: 760px;
    height: 72px;
    margin: 5px;
    background: rgba(255, 255, 255, 0.1);
}
.divReadBgAreaPic {
    width: 77px;
    height: 67px;
    margin:5px 0 5px 0;
    border-right: 1px solid #eeeeee;
    float: left;
}
.divReadAreaPic {
    width: 68px;
    height: 68px;
    /*background-color: #506886;  /* blau */
    background-color: #ab9579;  /* braun */
    float: left;
    margin: 2px 0 0 2px;
}
.divReadHead {
    width: 648px;
    height: 28px;
    margin: 0 20px 0 92px;
    border-bottom: 1px solid #eeeeee;
}
.divReadName {
    width: 260px;
    height: 20px;
    padding-top:9px;
    float: left;
}
.divReadOrt {
    width: 245px;
    height: 20px;
    padding-top: 9px;
    float: left;
}
.divReadDatum {
    width: 140px;
    height: 20px;
    padding-top: 9px;
    float: right;
    text-align: right;
}
.divReadBody {
    height: 46px;
    margin: 3px 20px 0 92px;
    /*color: #dddddd; /* Für blaue Version */
    color: #ffffff; /* Für braune Version */
}
.divReadName p, .divReadOrt p,
.divReadDatum p {
    font-size: 14px;
    /*color: #dddddd; /* Für blaue Version */
    color: #ffffff; /* Für braune Version */
}
.divGuestbookBodyWrite {
    display: none;
}
.divGuestbookBodyWriteInner,
.divGuestbookBodyReadInner {
    border: 1px solid #eeeeee;
    width: 770px;
    height: 390px;
    margin: 15px auto 0;
}
.divGuestbookBodyWriteInnerContent {
    margin: 15px 130px;
}
.divGuestbookFoot {
    height: 30px;
    background-color: #eeeeee;
}
/* jquery ui cascading - start */
/*.ui-dialog {
    background: url(../imgs/bg-gb-dialog.jpg) no-repeat !important;
    background-size: 800px 442px;
}*/
/* Zum Ausblenden des Rahmens und des Buttonleiste-HG */
/*.messageDialog {
    font-size: 20px;
}*/
/*.ui-widget-content {
    background: none;
    border: none;
    color: #333333;
}*/
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0;
}
.ui-widget {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.ui-dialog .ui-dialog-titlebar {
    font-size: 14px;
}
.ui-widget-header {
    /*background: #6a83a2; /* blau */
    background: #a2896a; /* braun */
    /*background: none;*/
    border: none;
    color: #ffffff;
    font-weight: bold;
}
/* Hintergrund Abdunkelung wenn Dialog öffnet */
.ui-widget-overlay {
    background: #333333;
    opacity: 0.8;
}
/* Dialog - Ausrichtung des Buttons */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}
.ui-dialog-titlebar-close {
   display: none; 
}
/* jquery ui cascading - end */

/* Form - start */
.divGuestbookForm {
    padding: 20px 20px 0 20px;
    width: 430px;
}
.divHostPic {
    position: relative;
    height: 60px;
    margin-top: -22px;
}
.divHostPicTip {
    margin: 10px 0 30px 124px;
}
.divWriteEntry {
    //margin: 0 320px 0 145px;
}
.divWriteEntry p {
    font-size: 14px;
    color: #eeeeee;
    padding-top: 3px;
    float: right;
    cursor: pointer;
}
.divWriteEntry button {
    float: left;
    margin-left: 115px;
}
.readMore {
    margin: -25px 20px 0 20px;
    text-align: right;
    cursor: pointer;
    /*color: #506886;   /* blau text */ 
    color: #7d6a52;     /* braun text*/
    display: none;
}
.hidden,
.visibility {
    display: none;
}
.hPos {
    position: absolute;
    top: 91px;
    left: 145px;
}
.hColor > label {
    color: #a2896a;
    width: 20px;
}
.hColor > input {
    background: #a2896a;
    border: none;
}
/* Form - end */

/* Paginator - start */
.paginator {
    height: 25px;
    position: absolute;
    right: 15px;
    top: 31px;
    width: 600px;
}
.data > ul, .pagination > ul {
    margin-left: -40px;
    margin-top: 2px;
}
/* Paginator - end */

/* Fehlerformatierungen beim Gästebuchformular - start */
.fehlerFeld { 
    border-right: #990000 1px solid;
    border-top: #990000 1px solid;
    border-left: #990000 1px solid;
    border-bottom: #990000 1px solid;
    font-size: 14px;
    width: 300px;
    height:18px;
    background-color:#FFFF99;
    font-family:Arial, Helvetica, sans-serif;
}
.fehlerBereich {
    border-right:#990000 1px solid;
    border-top: #990000 1px solid;
    border-left: #990000 1px solid;
    border-bottom: #990000 1px solid;
    font-size: 14px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#FFFF99;
    width:291px;
    height:70px;
    padding: 5px 10px;
}
.fehlerListe { 
    border-right:#990000 1px solid;
    border-top:#990000 1px solid;
    border-left:#990000 1px solid;
    border-bottom:#990000 1px solid;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#FFFF99;
    width:169px;
}
.errorPicName {
    top: 114px;
}
.errorPicEmail {
    top: 153px;
}
.errorPicNachricht {
    top: 249px;
}
.errorPicUploadPic {
    top: 23px;
    right: -12px;
    display: none;
}
.errorTypeOfImage {
    width: 315px;
    height:20px;
    margin: 76px 0 0 136px;
    font-size: 12px;
    color: #aa0000;
}
/* Fehlerformatierungen beim Gästebuchformular - end */


/* Guestbook - end */