/*
 * styles.css.php
 * Finn Siebert
 * Diplomarbeit: Ein RSA-basiertes Konzept zur
 *		Erhalt der Privatsphäre in Social Network Services
 *
 * enthält die Stylesheets für das html-Dokument pribook0.1.html
 * */

body {
    /*background-image:url('Eckeobenlinks2.png');
     background-repeat:no-repeat;
     background-position:left top;*/
    font-size: 16px;
    line-height: 1.28;
    margin: 0px;
    font-family: sans-serif;
    font-weight: inherit;
    /*padding: 0px;*/
}
#table {
    width: 998px;
    margin: 0 auto;
}
#head {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-image: url('logoblau.png');
    background-repeat: no-repeat;
    background-position: right top;
    height: 62px;
    /*padding: 12px;*/
    background-color: #EEEEFF !important;
}
#headmenu {
    display: none;
    font-size: 14px;
    padding-top: 44px;
    padding-left: 20px;
    /*position:absolute;
     left:0px;
     bottom:0px;*/
}
#nav {
    background-color: #EEEEFF !important;
    /*position:absolute;
     left:0px;
     top:139px;*/
    border-radius: 20px;
    overflow: hidden;
    margin-top: 1em;
    margin-right: 12px;
    padding-top: 16px;
    float: left;
    width: 176px;
    min-height: 160px;
}
#aside {
    float: right;
    margin-top: 1em;
    float: left;
    width: 176px;
    /*position:absolute;
     left: 831px;
     top: 73px;*/
    /*width: 176px;*/
    /*height: 100%;*/
}
#gaestebuch {
    word-wrap: break-word;
    margin-top: 1em;
    margin-right: 12px;
    float: left;
    /*position:absolute;
     left:187px;
     top:73px;*/
    width: 622px;
}
#Freunde {
    display: none;
    width: 176px;
}
#fm{
    font-size: 16px;
    line-height:26px;
    min-height: 136px;
}
#waitpic {
    background-image: url('loaderb64.gif');
    background-repeat: no-repeat;
    background-position: right top;
    height: 64px;
    width: 64px;
    margin: auto;
}
#Gruppen {
    display: none;
    float: left;
}
#freundschaftsliste {
    float: none;
    clear: both;
}
#freundschaftsanfragen {
    float: none;
    clear: both;
}
#freundschaftslisteunbestaetigt {
    float: none;
    clear: both;
}
#Freunde .name {
    /*font-size: 1.2em;*/
    float: left;
}
#Freunde .gruppenname {
    /*font-size: 1.2em;*/
    float: none;
}
#fmSenden {
    display: none;
}
#fmmeinProfil {
    display: none;
}
#fmmeineCirclesNeu {
    display: none;
}
#fmmeineCirclesHinzu {
    display: none;
}
#fmmeineGruppen {
    display: none;
}
#fmGruppenEinladungen {
    display: none;
}
#ipanhang {
    width: 400px;
}
#privateKey {
    word-wrap: break-word;
    color: #AAAAAA;
    font-style: italic;
    font-size: 0.8em;
    padding: 0 1em;
}
#enprivateKey {
    word-wrap: break-word;
    color: #AAAAAA;
    font-size: 0.8em;
    padding: 0 1em;
}
#publicKey {
    word-wrap: break-word;
    color: #AAAAAA;
    font-style: italic;
    font-size: 0.8em;
    padding: 0 1em;
}
/*#lblpK {
 display: none;
 }*/
#fmRegistrieren {
    display: none;
}
#bttdeencrypt {
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
}
#meinProfilempf {
    display: none;
}
#divbttdeencrypt {
    display: none;
}
#prifield {
    color: #FFFFFF;
    clear: both;
    width: 100%;
}
label {
    width: 115px;
    float: left;
    overflow: hidden;
    font-size: 16px;
    line-height:26px;
    margin: 0 1px 0 0;
    padding: 0px;
    clear: both;
}
label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}
input[type="text"], [type='password']{
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #D9D9D9 inset;
    float: left;
    font-size: 16px;
    height: 26px;
    margin: 0 1px 0 0;
    padding: 2px 0 2px 5px;
    font-family: inherit;
    font-weight: inherit;
    width:400px;
}

select{
    /*float: left;*/
    width: 115px;
    /*float: left;*/
    overflow: hidden;
    font-size: 16px;
    line-height:26px;
    margin: 0 1px 0 0;
    padding: 0px;
    /
}
input[type="submit"]{
    /*border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #D9D9D9 inset;*/
    float: left;
    font-size: 16px;
   /* height: 26px;*/
    /*margin: 0 1px 0 0;*/
    padding: 2px 2px 2px 2px;
    font-family: inherit;
    font-weight: inherit;
   /* width:400px;*/
}

input[type="button"]{
    /*border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #D9D9D9 inset;*/
    float: left;
    font-size: 16px;
   /* height: 26px;*/
    /*margin: 0 1px 0 0;*/
    padding: 2px 2px 2px 2px;
    font-family: inherit;
    font-weight: inherit;
   /* width:400px;*/
}

/*input[type="text"], [type='password']{
 width: 400px;
 }*/

input.freundesleiste {
    width: 170px;
}
textarea {
    width: 400px;
}
.article {
    /*clear:both;*/
    padding:20px;
    border-radius: 20px;
    background-color: #EEEEFF;
    /*height: auto;*/
}
.anhang {
    float: left;
    font-style: italic;
    font-size: 0.8em;
    padding: 0 1em;
}
.bttAnhang {
    /*float: left;
     font-style: italic;*/
    font-size: 0.8em;
    padding: 0 1em;
}
.clb {
    clear: both;
}
./*aol {
    background-image: url('Eol.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.aor {
    background-image: url('Eor.png');
    background-repeat: no-repeat;
    background-position: right top;
}
.aul {
    background-image: url('Eul.png');
    background-repeat: no-repeat;
    background-position: bottom left;
}
.aur {
    background-image: url('Eur.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 12px;
}
.aur3 {
    background-image: url('Eur.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-left: 20px;
    padding-right: 20px;
}
.aur2 {
    background-image: url('Eur.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 12px;
    min-height: 152px;
}*/
.articlelinks {
    float: left;
}
.articlerechts {
    float: right;
}
.erklaerung {
    font-size: 0.8em;
    text-align: justify;
}
.friend_indicator_left {
    float: left;
}
.friend_indicator_right {
    float: right;
}
.hide {
    display: none;
}
.name {
    color: #0000FF;
    float: left;
    overflow: hidden;
    /*width: 10%;*/
}
.gruppenname {
    color: #0000FF;
    float: left;
    overflow: hidden;
    /*width: 10%;*/
}
.freund {
    font-size: 14px;
    border-color: #777777;
    border-bottom-style: solid;
    border-width: 1px;
    padding-right: 20px;
    padding-left: 20px;
    color: #0000FF;
    width: 176px;
    text-decoration: none;
    /*font-size: 1.2em;*/
    float: left;
    clear: both;
    overflow: hidden;
    /*width: 10%;*/
}
.gruppe {
    font-size: 14px;
    border-color: #777777;
    border-bottom-style: solid;
    border-width: 1px;
    color: #0000FF;
    width: 136px;
    padding-right: 20px;
    padding-left: 20px;
    text-decoration: none;
    /*font-size: 1.2em;*/
    float: left;
    clear: both;
    overflow: hidden;
    /*width: 10%;*/
}
.circle {
    background-color: #eeeeff;
    border-radius: 176px;
    /*//min-height: 176px;*/
    font-size: 14px;
    border-color: #777777;
    /*padding-right:20px;
     padding-left:20px;*/
    padding-top: 88px;
    padding-bottom: 88px;
    color: #0000FF;
    width: 176px;
    text-decoration: none;
    /*font-size: 1.2em;*/
    float: left;
    clear: both;
    overflow: hidden;
    
    /*width: 10%;*/
}
.circleheadline {
    color:#000000;
    border-color: #777777;
    clear: both;
    width: 176px;
    text-align:center;
    padding-top:0;
}
.dp {
    color: #0000FF;
    float: left;
    padding-right: 1em;
    overflow: hidden;
    /*width: 10%;*/
}
.st {
    color: #000000;
    float: left;
    padding-right: 0.5em;
    padding-left: 0.5em;
    overflow: hidden;
    /*width: 10%;*/
}
.Headline {
    border-color: #777777;
    border-bottom-style: solid;
    border-width: 1px;
    padding-top: 20px;
    clear: both;
    text-align: center;
    min-width: 176px;
}
.attribut {
    color: #000000;
    font-size: 1.1em;
    float: left;
    padding: 0 1em;
    overflow: hidden;
    /*width: 10%;*/
}
.keypic {
    background-image: url('key.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 11px;
    width: 20px;
    float: right;
}
.text {
    background-color: #EEEEFF;
    /*text-align: justify;*/
    word-wrap: break-word !important;
    /*float: left;*/
    /*float: right;*/
    /*width: 80% !important;*/
}
.textencrypt {
    display: none;
    background-color: #EEEEFF;
    text-align: justify;
    float: left;
    /*float: right;*/
    word-wrap: break-word !important;
    /*width: 80% !important;*/
}
.textdecrypt {
    background-color: #EEEEFF;
    text-align: justify;
    /*float: left;*/
    /*float: right;*/
    /*float: right;*/
    word-wrap: break-word !important;
    /*width: 80% !important;*/
}
.datum {
    clear: both;
    color: #AAAAAA;
    float: left;
    font-style: italic;
    font-size: 0.8em;
    padding: 0 1em;
}
.email {
    color: #AAAAAA;
    float: right;
    font-style: italic;
    font-size: 0.8em;
    padding: 0 1em;
}
.pri {
    /*background-color: #FF7F00;*/
    /*border:#000000;
     border-style:solid;*/
    float: right;
    color: #FFFFFF;
    /*clear:both;*/
    /*width:100%;*/
}
.prialable {
    background-image: url('schloss.png');
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 22px;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    text-align: center;
    /*clear:both;*/
    color: #000000;
    word-wrap: normal;
    font-size: 0.8em;
    /*padding: 0 1em;*/
    width: 20px;
    height: 1.1em;
    white-space: nowrap;
    overflow: hidden;
}
.pria {
    display: none;
    background-color: #0000FF;
    /*border:#000000;
     border-style:solid;*/
    color: #FFFFFF;
    word-wrap: break-word;
    font-style: italic;
    font-size: 0.8em;
    height: 3.8em;
    width: 300px;
    float: left;
    /*padding: 0 1em;*/
}
.oeff {
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
    text-align: center;
    /*clear:both;*/
    color: #000000;
    /*background-color: #FF0000;*/
    border-style: solid;
    border-color: #FF0000;
    word-wrap: normal;
    /*padding: 0 1em;*/
    height: 1.1em;
    white-space: nowrap;
    overflow: hidden;
}