* {
/* NOTE: These settings are not generally applicable
 * (e.g., regular unordered lists should have bullets).
 * Therefore, they should be only set where they do apply.
 *
 * list-style-type:none;
 * margin:0;
 * padding:0;
*/
outline:none;
}

body {
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#82a4d1 url(./images/bg_main.png) repeat-x;
color:#000;
font-size:13px;
margin:0 0 15px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:700;
padding:0 0 5px;
}

a {
color:#3165A6;
outline:none;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p {
line-height:19px;
margin:0 0 7px;
}

fieldset {
border:1px solid #D3D3D3;
margin:0 0 3px 0;
padding:10px;
}

* html fieldset {
padding-top:0;
}

* html fieldset legend {
padding-bottom:8px;
}

fieldset legend {
font-weight:700;
color:#000;
padding:0 5px;
}

input.text,textarea {
border:1px solid #d3d3d3;
color:#1c1c1c;
font-family:Arial,sans-serif;
font-size:13px;
padding:3px 3px 3px 5px;
vertical-align:top;
}

input.disabled,input[disabled] {
/*background:#d3d3d3;*/
}

input.radio {
border:0;
margin:0 6px -3px 0;
padding:0;
}

* html input.radio {
margin:0 3px -2px 0;
}

input.button {
margin-top:4px;
}

input.checkbox {
/* NOTE: Use of "background:transparent" is DISCOURAGED.
 * It is better to rely on browser- and platform-specific display styles.
 * background:transparent;
 */
/*margin:0 6px 1px 0;*/
}

* html input.checkbox {
/*margin:0 3px -1px 0;*/
}

select {
/*border:1px solid #d3d3d3;*/
padding:1px;
}

.vtop {
vertical-align:top;
}

img {
border:0;
}

hr {
border:none;
color:#E0E0E0;
background-color:#E0E0E0;
height:1px;
}

* html hr {
  margin-top: -5px;
}

.clear {
clear:both;
}

hr.clear {
clear:both;
height:1px;
border:solid transparent 1px;
background:transparent;
}

#top {
width:900px;
height:77px;
background:#fff url(./images/bg_top.png) repeat-x;
margin:0 auto;
}

#top_logo {
float:left;
width:166px;
height:77px;
background:transparent url(./images/logo.png) no-repeat;
}

#top_menu {
width:693px;
float:left;
margin:0 0 0 34px;
}

a#top_logout, a#top_new_messages,a#top_friends_online,a#top_new_friendshiprequests {
  float: right;
  display: none;
  color: #000;
  font-size: 12px;
  background: transparent;
  margin: 0 16px 0 0;
  padding: 0 0 0 22px;
}

a#top_logout {
  display: block;
}

a#top_new_messages {
  background: url(./images/icon_email.gif) left no-repeat;
}

a#top_friends_online {
  background: url(./images/icon_group.png) 0 0 no-repeat;
  padding: 1px 0 0 23px;
}

a#top_new_friendshiprequests {
  background: url(./images/icon_star.png) left no-repeat;
}

#div_main {
width:900px;
background:#fff url(./images/corner_white_lb.png) left bottom no-repeat;
text-align:left;
margin:0 auto;
}

#div_left {
margin:0;
padding:0;
float:left;
width:200px;
background:#fff;
overflow:hidden;
}

#div_left_top {
height:8px;
font-size:4px;
line-height:8px;
background:#eff6ff url(./images/left_top.png) right top no-repeat;
margin:16px 0 0;
}

#div_left_middle {
background:#eff6ff url(./images/bg_left.png) repeat-x;
border-right:1px solid #c6deff;
}

#div_left_bottom {
height:8px;
font-size:4px;
line-height:8px;
background:#eff6ff url(./images/left_bottom.png) right bottom no-repeat;
}

#postit {
border:1px solid #C6DEFF;
margin:8px;
padding:5px 0 10px 5px;
}

#postit h3,#postit ul {
margin:0;
padding:0;
}

#postit ul li {
display:block;
border-bottom:1px solid #e3e3e3;
margin:0 5px 0 0;
}

#postit ul li a {
display:block;
font-size:12px;
background:url(./images/icon_postit.gif) 2px 5px no-repeat;
padding:4px 0 4px 21px;
}

#postit ul li a:hover {
text-decoration:none;
background:#F0F7FF url(./images/icon_postit.gif) 2px 5px no-repeat;
}

div#div_left div#Shortcuts {
  margin: 8px;
}

div#div_left div#Shortcuts a {
  margin-left: 8px;
}

#div_right {
float:right;
width:700px;
background:#f2f2f2 url(./images/corner_grey_rb.png) right bottom no-repeat;
margin:5px 0 0;
padding:0;
}

#div_right_menu {
width:685px;
height:36px;
background:#fff url(./images/bg_submenu.png) repeat-x;
padding:0 0 0 15px;
}

#div_right_content {
background:#fff url(./images/corner_content_lt.png) left top no-repeat;
margin:16px 0 0 16px;
}

#div_right_bottom {
height:14px;
background:#fff url(./images/corner_content_lb.png) left bottom no-repeat;
margin:0 0 16px 16px;
}

#start_left {
width:180px;
min-height:521px;
float:left;
border-right:1px solid #B8CFEE;
padding:5px 0 0;
}

#start_user #start_middle h1 {
margin:0 15px 10px 0;
}

#start_user #start_middle {
width:516px;
min-height:658px;
padding-left:0;
float:left;
border-right:1px solid #B8CFEE;
}

#start_middle h2,.start_middle_box h2 {
border-bottom:1px solid #D4E5FF;
margin:0 15px 10px 0;
padding:20px 0 2px;
}

#start_right h2 {
border-bottom:1px solid #D4E5FF;
margin:2px 5px 10px 0;
padding:0 0 2px;
}

.start_middle_box div {
width:96px;
float:left;
margin:0 0 10px;
}

.start_middle_box a.mehr {
clear:left;
display:block;
text-align:right;
font-weight:400;
text-decoration:none;
margin:0;
padding:0 15px 10px 0;
}

.start_middle_box a.mehr:hover {
text-decoration:none;
}

#start_middle .start_middle_box div img,#content .start_middle_box div img {
border:1px solid #ddd;
margin:0 0 2px;
padding:1px;
}


.start_middle_box div.listuser {
width:93px;
float:left;
margin:0 0 6px;
}

#start_middle .start_middle_box div.listuser img,#content .start_middle_box div.listuser img {
border:1px solid #ddd;
margin:0 0 2px;
padding:1px;
}


.start_middle_box a {
text-decoration:none;
font-weight:700;
}

.start_middle_box {
clear:left;
}

.mehr_user {
display:block;
border:1px solid #ddd;
width:10px;
height:49px;
float:left;
color:#000;
font-weight:700;
margin:0 0 2px;
padding:32px 1px 1px 4px;
}

a.mehr_user:hover {
text-decoration:none;
background:#eee;
}

.mehr_fotos {
display:block;
border:1px solid #ddd;
width:61px;
height:14px;
float:left;
color:#000;
font-weight:700;
margin:0;
padding:0 1px 2px 50px;
}

a.mehr_fotos:hover {
text-decoration:none;
background:#eee;
}


.start_topicbox {
width:258px;
float:left;
}

#div_right_menu ul,div.gallery_iconbar ul,div.gallery_subdirectories ul,ul.listmenu,#top_menu ul,#PhotoCenterDIV ul,ul.list,#postit ul {
list-style-type:none;
margin:0;
padding:0;
outline: none;
}

div.gallery_iconbar {
padding-bottom:8px;
border-bottom:1px solid #B8CFEE;
}

ul.start_list,ul.start_list2,ul.start_list3,ul.start_list4 {
margin:-6px 15px 0 0;
padding:0;
}

ul.start_list li a,ul.start_list2 li a,ul.start_list3 li a,ul.start_list4 li a {
width:209px;
display:block;
text-decoration:none;
font-weight:400;
font-size:12px;
background:url(./images/icon_topic.gif) 9px 6px no-repeat;
padding:6px 4px 6px 30px;
}

ul.start_list2 li a {
background:url(./images/icon_voting.gif) 9px 6px no-repeat;
}

ul.start_list2 li a.closed {
background:url(./images/icon_voting_closed.gif) 9px 6px no-repeat;
}

ul.start_list4 li a {
position:relative;
background:url(./images/icon_user_m.gif) 9px 5px no-repeat;
}

ul.start_list4 li a.w {
position:relative;
background:url(./images/icon_user_w.gif) 9px 5px no-repeat;
}

ul.start_list4 li a.birthday {
position:relative;
background:url(./images/icon_birthday.gif) 9px 5px no-repeat;
}

ul.start_list li a:hover {
background:#F0F7FF url(./images/icon_topic.gif) 9px 6px no-repeat;
text-decoration:none;
}

ul.start_list2 li a:hover {
background-color:#F0F7FF;
text-decoration:none;
}

ul.start_list4 li a:hover {
background:#F0F7FF url(./images/icon_user_m.gif) 9px 5px no-repeat;
text-decoration:none;
}

ul.start_list4 li a.w:hover {
background:#F0F7FF url(./images/icon_user_w.gif) 9px 5px no-repeat;
text-decoration:none;
}

ul.start_list4 li a.birthday:hover {
background:#F0F7FF url(./images/icon_birthday.gif) 9px 5px no-repeat;
text-decoration:none;
}

.start_topicbox a.mehr {
display:block;
font-size:12px;
text-align:right;
padding:6px 15px 0 0;
}

#start_user #start_right {
width:119px;
float:right;
padding:5px 0 0 16px;
}

#start_user #start_right img {
border:1px solid #ddd;
margin:0 0 7px;
padding:6px;
}

#login label {
display:block;
color:#000;
padding:3px 0 3px 1px;
}

#login .submit {
margin:7px 0 0;
}

#register_left {
float:left;
width:464px;
}

#register_right {
float:right;
width:370px;
}

#register_right h1 {
border-bottom:1px solid #D4E5FF;
margin:0 10px 10px 0;
padding:0 0 2px;
}

.news {
margin:15px 0 0;
}

.news h3 {
font-size:15px;
border-bottom:1px solid #D4E5FF;
margin:0 0 10px;
padding:0 0 2px;
}

.news span {
float:right;
font-style:italic;
}

.news div {
line-height:19px;
}

#imprint {
width:892px;
font-size:12px;
text-align:right;
margin:0 auto;
padding:16px 24px 11px 8px;
}

#imprint a {
color:#000;
text-decoration:none;
font-weight:none;
}

ul.imprint_copyrightlist {
padding-left:20px;
}

li.imprint_copyrightlist {
list-style-type:square;
}

#top_menu ul {
list-style:none;
text-align:left;
height:26px;
padding:0;
}

#top_menu ul li a {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
width:111px;
height:25px;
background:#fff url(./images/item_0.png) left top no-repeat;
color:#2a86ff;
text-align:center;
font-size:13px;
text-decoration:none;
font-weight:700;
padding:5px 0 0;
}

#top_menu ul li a.aktiv {
background:#fff url(./images/item_1.png) left top repeat-x;
color:#000;
}

#top_menu ul li a.disabled,#top_menu ul li a.disabled:hover {
background:#fff url(./images/item_x.png) left top repeat-x;
color:#888;
cursor:default;
}

#top_menu ul li a:hover {
background:#fff url(./images/item_1.png) left top repeat-x;
}

#navigation {
width:650px;
height:77px;
}

#navigation ul {
list-style:none;
text-align:left;
padding:47px 0 0;
}

#navigation li {
float:left;
margin:0 5px 0 0;
}

#navigation ul li a {
display:block;
color:#fff;
font-size:13px;
text-decoration:none;
font-weight:700;
padding:6px 16px;
}

#navigation ul li a.aktiv,#navigation ul li a:hover {
background:url(./../../images/bg_navigation_left.gif) no-repeat left top;
color:#4984dd;
padding:0 0 0 5px;
}

#navigation ul li a.aktiv span,#navigation ul li a:hover span {
display:block;
background:url(./../../images/bg_navigation_right.gif) no-repeat right top;
padding:6px 16px 6px 11px;
}

#div_right_menu ul {
list-style:none;
text-align:left;
padding:0;
}

#div_right_menu ul li a {
display:block;
width:95px;
height:20px;
background:#fff url(./images/subitem_0.png) left bottom no-repeat;
color:#0f51a5;
text-align:center;
font-size:12px;
text-decoration:none;
font-weight:none;
padding:13px 0 0;
}

#div_right_menu ul li a.aktiv {
background:#fff url(./images/subitem_1.png) left bottom repeat-x;
color:#000;
font-weight:700;
}

#div_right_menu ul li a:hover {
background:#fff url(./images/subitem_1.png) left bottom repeat-x;
text-decoration:none;
color:#000;
font-weight:400;
}

#left_content {
padding:4px 10px 10px;
}

#left_content_img {
text-align:center;
}

#left_content #img_user {
border:1px solid #535353;
}

#left_content h2 {
font-size:18px;
color:#343235;
padding:0 0 10px;
word-wrap:break-word;
}

#left_content a.username {
color:#343235;
text-decoration:none;
}

h2.online,h2.offline {
margin:0;
}

#left_content h2.offline {
background:transparent url(./images/offline.gif) right top no-repeat;
}

#left_content h2.online {
background:transparent url(./images/online.gif) right top no-repeat;
}

#left_content h3 {
font-size:12px;
color:#000;
margin:0;
padding:0;
}

#left_content p {
font-size:12px;
color:#666;
margin:0 0 3px;
}

#content {
min-height:573px;
background:transparent url(./images/corner_white_rb.png) right bottom no-repeat;
padding:16px;
}

* html #content {
height:573px;
}

#div_right_content #content {
min-height:611px;
background:transparent;
}

* html #div_right_content #content {
height:626px;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:700;
border-bottom:1px solid #b8cfee;
margin:0 0 8px;
padding:0 0 2px;
}

/* !!! HACK: Do not display separator line at the bottom of the <h1></h1>
  for the gallery name. This will be displayed below the "gallery_iconbar".
*/
#content h1.gallery_name {
border-bottom:none;
}

#content .userlist img {
border:0;
float:left;
margin:0 8px 0 0;
}

#content .userlist h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
margin:4px 0 6px;
}

table {
width:100%;
border-collapse:collapse;
margin:0 0 10px;
}

table.register tr,table.register tr td {
border-bottom:none;
padding:2px;
}

th,td {
border-bottom:1px solid #d3d3d3;
padding:8px;
}

table.passwordRecovery {
width:auto;
}

table.edit_profile,table.edit_password,table.accountdeletion {
border:0;
margin:0;
padding:0;
width:auto;
}

tr.passwordRecovery,td.passwordRecovery,table.edit_profile tr,table.edit_profile tr td,table.edit_password tr,table.edit_password tr td,table.accountdeletion tr,table.accountdeletion tr td {
border:0;
padding:0 0 7px 0;
margin:0;
vertical-align:top;
}

col.edit_profile_label {
width:120px;
}

a.edit_profile_password_link {
font-weight:bold;
}

a.edit_profile_delete_account {
}

.messages {
padding:13px 13px 0;
}

.messages div ul {
list-style:url(./images/disc.gif) outside;
}

div.ok {
background-color:#DCFFC3;
background:#DCFFC3 url(./images/ok.png) left top no-repeat;
border:1px solid #54BD07;
margin:2px 0 0;
padding:8px 8px 8px 48px;
}

div.info {
background-color:#FFFDD8;
background:#FFFDD8 url(./images/info.png) left top no-repeat;
border:1px solid #FFF241;
margin:2px 0 0;
padding:8px 8px 8px 48px;
font-weight:bold;
}

div.error {
background-color:#FFE2DD;
background:#FFE2DD url(./images/error.png) left top no-repeat;
border:1px solid #F08270;
margin:2px 0 0;
padding:8px 8px 8px 48px;
font-weight:bold;
}

div.error ul,div.ok ul,div.info ul {
margin:0;
padding:0;
}

* html div.ok {
background-image:url(./images/ok.gif);
}

* html div.info {
background-image:url(./images/info.gif);
}

* html div.error {
background-image:url(./images/error.gif);
}

div#tipDIV {
display:none;
position:absolute;
z-index:100;
background-color:#fff;
border:1px solid #333;
color:#333;
white-space:nowrap;
padding:5px;
}

* html #start_left,* html #start_middle {
height:648px;
}

#top_menu li,#div_right_menu li {
float:left;
}

#div_right_menu ul li a.aktiv:hover,label {
font-weight:700;
}

#content .userlist, .grey_border {
border:1px solid #ddd;
margin:0 8px 8px 0;
padding:5px;
}

#content .userlist a,#content .userlist a:hover {
color:#000;
text-decoration:none;
}

div.clear {
clear:both;
line-height:0;
font-size:0;
margin:0;
padding:0;
}

div.min_height {
min-height:422px;
}

* html div.min_height {
height:422px;
}

#box_main {
width:380px;
float:left;
padding:5px 0;
}

#box_sidebar {
width:240px;
min-height:453px;
float:right;
border-left:1px solid #B8CFEE;
padding:5px 0 10px 10px;
}

* html #box_sidebar {
height:426px;
}

ul.simplelist li {
margin:10px 0px 0px;
}

ul.listmenu li.selected {
display:block;
font-weight:700;
border-bottom:1px solid #e3e3e3;
padding:4px 4px 4px 6px;
}

ul.listmenu li a {
display:block;
position:relative;
text-decoration:none;
font-weight:400;
outline:none;
padding:4px 4px 4px 6px;
}

ul.listmenu li a:hover {
background:#F0F7FF;
text-decoration:none;
outline:none;
}

ul.listmenu li a span.left {
color:#666;
padding-right:10px;
}

ul.start_list li,ul.start_list2 li,ul.start_list3 li,ul.start_list4 li,ul.listmenu li {
display:block;
border-bottom:1px solid #e3e3e3;
}

ul.start_list4 li a span,ul.listmenu li a span.right {
position:absolute;
right:10px;
color:#666;
}

a#top_new_messages:hover,a#top_friends_online:hover,a#top_new_friendshiprequests:hover,#left_content a:hover h2,a.nounderline,a.nounderline:hover {
text-decoration:none;
}

/* css buttons */

a.button {
    background: transparent url(./images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin: 10px 6px 0 0;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url(./images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.buttonclear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}