/* Seitenlayout */

@import url(friends.css);
@import url(links.css);
@import url(termine.css);
@import url(content.css);


body {background-color:#fbfbfb; padding:0px; margin:0px; overflow-x:auto; overflow-y:scroll; font-family: Verdana, Sans-Serif; font-size:10pt; color:#333333}
.frame {margin:0px auto; width:1000px; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; background-color:#ffffff;  overflow:hidden; position:relative}

ul.mainmenu {clear:both; margin: 0px; padding: 0.25em; list-style: none; font-family: Verdana; font-size:0.8em; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; height:auto; overflow:auto}
ul.mainmenu li {float: left; margin-left: 1em; padding: 0em; padding-right: 1em; list-style-type: none; list-style:none; display:inline; border-right:1px solid #bbbbbb}
ul.mainmenu li.active {font-weight:bold}

.topleft {width:490px; float:left; height:auto; padding-left:10px}
.topleft img {margin-bottom:10px}

ul.topmenu {width:486px; margin:0px; padding: 0px; list-style: none; font-family: Verdana; font-size:0.66em; height:auto; overflow:auto; margin-top:0em; margin-bottom:2em}
ul.topmenu li {float:left; margin-left:1em; padding:0em; list-style:none; display:inline}
ul.topmenu li.active {font-weight:bold}

div.userstatus {float:left; text-align:right; width:490px}
div.userstatus span {font-family: Verdana; vertical-align:middle; font-size:10pt}
div.userstatus a {color:#333333}
div.userstatus img {border:0px; vertical-align:middle}

div.newline {clear:both}

div.subline {clear:both; text-align:center; padding:7px 75px; font-family:Verdana; font-size:8pt; margin-top:20px; border-top: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb}
div.contentleft   {float:left; height:auto; overflow:hidden; width:150px; margin-top:20px;}
div.contentfull   {float:left; width:820px; margin-left:20px; margin-top:20px; margin-right:0px}  
div.contentcenter {float:left; height:auto; overflow:hidden; width:600px; margin:20px; margin-top:10px}
div.contentright  {float:left; height:auto; overflow:hidden; width:200px; margin-top:10px; margin-right:10px}

ul.menu {margin:0px; padding: 0px; list-style: none; font-family: Verdana; font-size:10pt; font-weight:bold; border-bottom:1px solid #bbbbbb; height:auto; overflow:hidden}
ul.menu li {list-style-type: none; padding:4px 2px; list-style:none; border-right:1px solid #bbbbbb; border-top:1px solid #bbbbbb}
ul.menu li.active {background-color:#eeeeee; color:#333333}
ul.menu li.active a {color:#333333}

ul.linklist {font-family: Verdana; font-size:9pt; font-weight:bold; height:auto; overflow:hidden; list-style-type:none; padding:0px; margin-left:5px}
ul.linklist li {padding-left:15px; background-image:url(../img/icons/bullet_orange.png); background-repeat:no-repeat; margin-bottom:4px}

a {text-decoration:none; color:#ff6600}
a.black {color:#333333}
img {border:0px; vertical-align:middle}
h2 {font-family:Verdana; color:#333333; font-size:14px; font-weight:bold; background-color:#eeeeee; border: 1px solid #bbbbbb; padding:2px 5px; margin-top:0px}
h3 {font-family:Verdana; color:#333333; font-size:12px; font-weight:bold; border-bottom: 1px solid #333333; padding:2px 5px; vertical-align:middle}

div.inlinemsg {border:1px solid #BBBB00; background-color:#FFFFEE; padding:2px; margin-bottom:10px}
div.invertmsg {background-color:#FF6600; padding:4px; color:#FFFFFF; font-weight:bold; margin-bottom:10px}
div.invertmsg a {color:#CCCCCC}

form.normal {height:auto; overflow:hidden; position:relative}
form.normal div.item{margin-bottom:10px; clear:both; height:auto; overflow:hidden; position:relative}

form.normal div.line{height:1px; background-color:#FFAC0D; margin-bottom:3px; clear:both; height:1px}
form.normal div.multi {font-family:Verdana; font-size:9pt; color:#666666; margin-left:10px; float:left; height:auto; overflow:hidden}

form.normal div.help {float:left; font-family:verdana; font-size:9pt; margin-left:130px; margin-bottom:15px; margin-top:5px; color:#666666; clear:both}

form.normal label {vertical-align:middle; font-size:10pt; margin-top:2px; font-family: Verdana; font-weight:bold; color:#333333; display:block; width:120px;text-align:right; float:left}
form.normal input {margin-left:10px; font-family: Verdana; font-size:10pt; width:350px; border-style:solid; border-color:#bbbbbb; border-width:1px}
form.normal input.submit {margin-left:130px; font-family: Verdana; font-size:10pt; width:300px; border-style:solid; border-color:#bbbbbb; border-width:1px}
form.normal input.short {margin-left:10px; width:80px; margin-right:10px}
form.normal input.checkbox  {margin-left:120px; font-size:10px; border-style:solid; border-color:#bbbbbb; border-width:1px; float:left; width:auto}
form.normal label.checkbox  {text-align:left; width:auto; margin-left: 10px}

form.normal select.short {margin-left:10px; width:160px; margin-right:10px}
form.normal select.time {margin-left:10px; vertical-align:middle; width:45px; font-size:10pt}
form.normal select {margin-left:10px; vertical-align:middle; width:300px; font-size:10pt}



form.normal textarea {margin-left:10px; font-family: Verdana; font-size:10pt; width:430px; height:150px; border-style:solid; border-color:#bbbbbb; border-width:1px}

form.normal .error {border:1px solid #bb0000; color:#660000; margin-left:130px; margin-top:7px; margin-bottom:10px; margin-right:100px; padding:2px; clear:both}
form.normal input.date_d {width:30px}
form.normal input.date_m {width:30px}
form.normal input.date_y {width:60px}

/* BREITES FORMULAR */

form.fullsize {height:auto; overflow:hidden; position:relative}
form.fullsize div.item{margin-bottom:10px; clear:both; height:auto; overflow:hidden; position:relative}

form.fullsize div.line{height:1px; background-color:#FFAC0D; margin-bottom:3px; clear:both; height:1px}
form.fullsize div.multi {font-family:Verdana; font-size:9pt; color:#666666; margin-left:10px; float:left; height:auto; overflow:hidden}

form.fullsize div.help {float:left; font-family:verdana; font-size:9pt; margin-left:130px; margin-bottom:15px; margin-top:5px; color:#666666; clear:both}

form.fullsize label {vertical-align:middle; font-size:10pt; margin-top:2px; font-family: Verdana; font-weight:bold; color:#333333; display:block; width:120px; text-align:right; float:left}
form.fullsize input {margin-left:10px; font-family: Verdana; font-size:10pt; width:600px; border-style:solid; border-color:#bbbbbb; border-width:1px}
form.fullsize input.submit {margin-left:130px; font-family: Verdana; font-size:10pt; width:300px; border-style:solid; border-color:#bbbbbb; border-width:1px}
form.fullsize input.short {margin-left:10px; width:80px; margin-right:10px}
form.fullsize input.checkbox  {margin-left:120px; font-size:10px; border-style:solid; border-color:#bbbbbb; border-width:1px; float:left; width:auto}
form.fullsize label.checkbox  {text-align:left; width:auto; margin-left: 10px}

form.fullsize select.short {margin-left:10px; width:160px; margin-right:10px}
form.fullsize select {margin-left:10px; vertical-align:middle; width:300px; font-size:10pt}

form.fullsize textarea {margin-left:10px; font-family: Verdana; font-size:10pt; width:600px; height:150px; border-style:solid; border-color:#bbbbbb; border-width:1px}

form.fullsize .error {border:1px solid #bb0000; color:#660000; margin-left:130px; margin-top:7px; margin-bottom:10px; margin-right:100px; padding:2px; clear:both}
form.fullsize input.date_d {width:30px}
form.fullsize input.date_m {width:30px}
form.fullsize input.date_y {width:60px}



/* Startseite */

form.start {height:auto; overflow:hidden; position:relative; border-top:1px dotted #bbbbbb; border-bottom:1px dotted #bbbbbb; padding-top:5px}
form.start div.item{margin-bottom:10px; margin-left:10px; float:left; height:auto; overflow:hidden; position:relative}
form.start h2 {padding:2px 10px; margin:0px; margin-bottom:10px; font-family:Trebuchet MS; font-size:12pt; font-weight:bold; border: 0px #ffffff none; background-color:#ffffff; border-bottom:1px dotted #bbbbbb} 

form.start input {margin-left:10px; margin-top:19px; font-family: Verdana; font-size:10pt; border-style:solid; border-color:#bbbbbb; border-width:1px}
form.start label {vertical-align:middle; font-size:10pt; margin-top:2px; margin-left:2px; font-family: Verdana; font-weight:bold; color:#333333; display:block; width:120px}

form.start select {vertical-align:middle; width:160px; font-size:10pt}

/* Login-Formular */

form.login {height:auto; overflow:hidden; position:relative; border:1px solid #eeeeee; margin-top:10px; margin-right:10px; margin-bottom:10px}
form.login div.item{float:left; height:auto; overflow:hidden; position:relative; margin:6px}
form.login div.error{clear:both; height:auto; overflow:hidden; position:relative; margin:6px; font-family:Verdana; font-size:10pt; color:#ee0000; background-image:url(../img/icons/exclamation.png); background-repeat:no-repeat; padding-left:25px}
form.login h2 {padding:2px 10px; margin:0px; margin-bottom:5px; font-family:Trebuchet MS; font-size:11pt; font-weight:bold; border: 0px #ffffff none; background-color:#ffffff; border-bottom:1px dotted #bbbbbb} 
form.login h2 span {font-family:Verdana; font-size:9pt; margin-left:125px} 

form.login input {font-family: Verdana; font-size:10pt; border-style:solid; border-color:#bbbbbb; border-width:1px; width:175px}
form.login label {vertical-align:middle; font-size:10pt; margin-bottom:2px; margin-left:2px; font-family: Verdana; font-weight:bold; color:#333333; display:block; width:120px}
form.login label.error {color:#bb0000}

form.login input.submit {width:75px; margin-top:24px; margin-left:15px}

/* Flirtcard-Formular */

form.flirtcard {height:auto; overflow:hidden; position:relative; margin:10px}
form.flirtcard input {font-family: Verdana; font-size:10pt; border-style:solid; border-color:#bbbbbb; border-width:1px; width:60px}
form.flirtcard label {vertical-align:middle; font-size:10pt; margin-bottom:2px; margin-left:2px; font-family: Verdana; font-weight:bold; color:#333333; display:block; width:120px}
form.flirtcard input.submit {width:75px; margin-top:5px}

/* Formular rechte Seite*/

form.rightform {height:auto; overflow:hidden; position:relative; margin:0px; margin-top:5px}
form.rightform label {font-family:Trebuchet MS;display:block; margin-bottom:5px}
form.rightform input {border-style:solid; border-color:#bbbbbb; border-width:1px; width:90%}
form.rightform select {width:100%; height:auto; overflow:hidden; position:relative; margin:0px}
form.rightform input.submit {width:90%; margin-top:5px;}
form.rightform input.radio {width:auto; float:left}
form.rightform label {width:auto}


/* Pagination */

div.pagination {border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; color:#666666; margin-bottom:10px; padding:5px 10px}
div.container {border:1px solid #ffac0d; padding:5px; margin-bottom:10px}

div.box {border:1px solid #bbbbbb; margin-bottom:10px}
.box h1{padding:2px 10px; margin:0px; border-bottom: 1px solid #bbbbbb; background-color:#eeeeee; font-family:Trebuchet MS; font-size:12pt; font-weight:bold}
.box h2{padding:2px 10px; margin:0px; border:none; border-bottom: 1px solid #bbbbbb; background-color:#eeeeee; font-family:Trebuchet MS; font-size:10pt; font-weight:bold}
.box p {padding:0px; margin:10px; font-family:Verdana; font-size:9pt; line-height:1.5em}
.box p.sep {padding-bottom:10px; border-bottom:1px solid #bbbbbb}

div.leftbox {border: 1px solid #bbbbbb; border-left: 0px; margin-bottom:10px}
.leftbox h1{padding:2px 10px; margin:0px; border-bottom: 1px solid #bbbbbb; background-color:#eeeeee; font-family:Trebuchet MS; font-size:10pt; font-weight:bold}

div.toolbox {background-color:#f4f4f4; padding:5px; margin-bottom:10px}
div.toolbox h3 {border-width:0px; margin:0px; padding:0px}
div.toolbox div {margin-top:5px}
div.toolbox div.left {position:absolute; left:10px; top:2px}
div.toolbox div.center {position:absolute; left:30px; right:30px; top:2px; text-align:center}
div.toolbox div.right {position:absolute; right:10px; top:2px}


div.p_previewsmall {padding:5px; margin:5px; border:1px solid #bbbbbb; text-align:center; background-color:#f8f8f8}
div.p_previewsmall h3 {border-bottom: 0px; padding:0px; margin:0px}

div.preview {border:1px solid #eeeeee; margin-bottom:10px; height:70px; width:auto; overflow:hidden; position:relative}
div.preview .image {width:60px; height:60px; border:1px solid #eeeeee; float:left; padding:0px; margin:2px; position:absolute; left:0px; top:0px}
div.preview .datum {position:absolute; left:70px; top:0px}
div.preview .desc  {position:absolute; left:120px; top:0px}
div.preview .link  {position:absolute; right:2px; bottom:2px}


div.detail {border:1px solid #eeeeee; padding:4px 6px; height:auto; overflow:hidden}
div.detail h1 {color:#666666; font-size:14pt; margin:0px; border-bottom:1px solid #eeeeee; margin-bottom:10px}
div.detail .smallimage {width:290px; float:left; margin-right:15px; padding:4px; height:auto; overflow:hidden; text-align:center; border:1px solid #eeeeee}
div.detail .bigimage {padding:0px; margin-top:20px; text-align:center; border:1px solid #bbbbbb}
div.detail table {width:270px; background-color:#f8f8f8; border:1px solid #bbbbbb}
div.detail img {border:0px; margin:0px; margin-top:2px}
div.detail h3 {clear:both; padding-top:20px}
div.detail p {}

div.albumimage {border:1px solid #000000; text-align:center; padding-top:10px; padding-bottom:10px}


div.profil {overflow:hidden}
div.profil div.album {background-color:#eeeeee; height:123px; overflow:hidden; width:100%}
div.profil h3.album {border-bottom:1px solid #bbbbbb; margin:0px; padding:2px 10px; background-color:#eeeeee}
div.profil h3.album span {color:#666666; font-weight:normal; margin-left:20px}

div.profil div.slider {width:598px; margin:1px 0px; background-color:#f8f8f8; border:1px solid #bbbbbb; height:10px; position: relative; }
div.profil div.slider div.handle { width:150px; height:15px; background-color:#bbbbbb; border:1px solid #999999; cursor:move; position: absolute; }

div.profil div.photo {float:left; margin:5px; padding:4px; width:100px; height:100px; border:1px solid #bbbbbb; background-color:#ffffff; text-align:center; position:relative}

div.albumoverview {background-color:#eeeeee; height:auto; overflow:hidden; width:100%}
div.albumoverview div.photo {float:left; margin:5px; padding:4px; width:100px; height:100px; border:1px solid #bbbbbb; background-color:#ffffff; text-align:center; position:relative}


div.profil table.stat {float:left; width:350px}
div.profil td {vertical-align:top; font-size:9pt}
div.profil td.label {font-weight:bold}
div.profil td.section {font-weight:bold; padding-top:15px; padding-bottom:5px; text-decoration:underline; background-color:#eeeeee}

div.confirm {border:1px solid #00bb00; background-color:#eeffee}
div.confirm h2 {background-color:#bbffbb; border:0px}
div.confirm p  {margin:4px}

div.warning {border:1px solid #bbbb00; background-color:#ffffee}
div.warning h2 {background-color:#ffffbb; border:0px}
div.warning p  {margin:4px}

div.errorbox {border:1px solid #bb0000; background-color:#ffeeee}
div.errorbox h2 {background-color:#ffbbbb; border:0px}
div.errorbox p  {margin:4px}


/*form input.date_d {width:20px; margin-left:10px; margin-right:0px}*/
/*form input.date_m {width:20px; margin-left:0px; margin-right:0px}*/
/*form input.date_y {width:30px; margin-left:0px; margin-right:0px}*/




table.mailbox {table-layout:fixed; border-collapse:collapse; empty-cells:show; width:100%}
table.mailbox th {font-size:11pt; text-align:left; border-bottom: 1px solid #bbbbbb}
table.mailbox th.img {width:20px}
table.mailbox th.date {width:100px}
table.mailbox th.rec {width:200px}
table.mailbox td {font-size:10pt; text-align:left; border-bottom: 1px dotted #dddddd}
table.mailbox td.date {width:100px}
table.mailbox td.rec {width:200px}
table.mailbox td.img {width:20px}
table.mailbox td.unread {font-weight:bold}

table.mail {table-layout:fixed; border-collapse:collapse; empty-cells:show; width:100%}
table.mail td.label{width:80px; vertical-align:top}
table.mail td.content{vertical-align:top; overflow:scrollbar}

#flirtform {border:1px solid #bbbbbb; padding:4px}
#flirtform label {font-weight:bold}
#flirtform input.text {width:380px}
#flirtform input.button {width:100px; border:1px solid #bbbbbb}
#flirtleftchars {clear:both; padding-left:80px}

div.flirtmsg {margin-bottom:10px; clear:both; overflow:expand; height:75px; padding:2px; border: 1px solid #bbbbbb}
div.flirtmsg div.status {width:40px; height:100%; text-align:center; font-size:8pt; float:left; display:block; background-color:#eeeeee; border-right: 1px solid #bbbbbb}
div.flirtmsg div.send   {padding-left:5px; font-size:12pt; overflow:hidden}
div.flirtmsg div.received   {padding-left:5px; font-size:12pt; overflow:hidden}
div.flirtmsg div.new {font-weight:bold}

div.flirt {margin-bottom:10px; clear:both; height:100px; overflow:visible; padding:2px; border: 1px solid #bbbbbb}
div.flirt div.result {float:left; font-size:36pt; font-weight:bold; font-family:Serif; width:100px; height:100px; background-color:#eeeeee; text-align:center; margin-right:4px}
div.flirt div.image {float:left; margin-right:4px}
div.flirt div.image div.noimage   {width:100px; height:100px; float:left; text-align:center; border:1px solid #444444; margin-right:10px; background-color:#bbbbbb; padding-top:25px; font-weight:bold; color:#ffffff}
div.flirt div.message {margin-right:4px; font-size:14pt; font-family:Serif; height:46px}
div.flirt div.message a {font-weight:normal; color:#333333}

div.profstat {border:1px solid #bbbbbb; margin-bottom:10px; padding:3px}

table.profsingletable {margin-bottom:5px; border-spacing:5px; margin-top:5px}
table.profsingletable th {text-align:left; background-color:#f8f8f8; margin-right:10px; width:290px; font-size:10pt; font-family:Trebuchet MS; padding-left:5px}
table.profsingletable td {padding-bottom:5px; width:290px}

table.profdualtable {clear:both; margin-bottom:15px; border-spacing:5px}
table.profdualtable th {text-align:left; background-color:#f8f8f8; margin-right:10px; width:290px; font-size:10pt; font-family:Trebuchet MS; padding-left:5px}
table.profdualtable td {padding-bottom:10px; width:290px}

table.profmultitable {margin-bottom:15px; border-spacing:2px; margin-top:5px; width:100%}
table.profmultitable th {text-align:left; background-color:#f8f8f8; margin-right:10px; font-size:10pt; font-family:Trebuchet MS; padding-left:5px}
table.profmultitable td {}

ul.quickstat {float:right; width:240px; background-color:#eeeeee; border:1px solid #bbbbbb; list-style-type:square; vertical-align:middle}
ul.quickstat li {padding:2px 1px}

div.todolist {background-color:#eeeeee; overflow:expand; padding-bottom:10px; padding-top:5px}
div.todolist h1 {border:0px none #ffffff; margin:10px; font-size:12pt; font-family:Trebuchet MS}
div.todolist div.intro {margin:5px 10px}
div.todolist div.entry {margin:10px 10px; margin-bottom:20px; padding-left:40px; line-height:1.5em; background-image:url(../img/icons/own/bullet.png); background-repeat:no-repeat}

div.advances img {float:left}
div.advances h3 {font-family:Trebuchet MS; margin-left:70px; font-size:14pt; border-bottom:none; margin-bottom:10px; padding:0px}
div.advances p  {margin:0px; padding:0px; margin-left:70px; margin-right:100px}
div.advances .sep {clear:both; margin-top:20px}

div.welcome {background-color:#f8f8f8; border:1px solid #ff6600; margin-bottom:10px; padding:10px; font-size:12pt; color:#666666}
div.welcome .big {border:none; margin:0px; padding:0px; font-family:Verdana; font-size:15pt; color:#666666}

table.forum {width:100%; border:1px solid #bbbbbb; border-collapse:collapse}
table.forum tr.even {background-color:#f8f8f8}
table.forum tr.odd {background-color:#ffffff}
table.forum th {border-bottom:1px none #f8f8f8; padding:10px; text-align:left; vertical-align:top}
table.forum td.description {font-size:8pt; vertical-align:top; padding-top:10px}
table.forum td.latestmsg {vertical-align:top; padding-top:10px}
table.forum td.latesttime {font-size:8pt; vertical-align:top; padding-top:10px}

table.board {width:100%; border:1px solid #bbbbbb; border-collapse:collapse}
table.board tr.even {background-color:#f8f8f8}
table.board tr.odd {background-color:#ffffff}
table.board th {border-bottom:1px none #f8f8f8; padding:5px; text-align:left; vertical-align:top}
table.board td.starter {font-size:8pt; padding:5px; text-align:right}
table.board td.replies {font-size:8pt; padding:5px; width:100px; text-align:right}
table.board td.latest {font-size:8pt; padding:5px; width:120px; text-align:right}
table.board td.bullet {font-size:8pt; padding:5px 4px; width:19px}

div.thread {}
div.thread .post {border:1px solid #bbbbbb; margin-bottom:10px}
div.thread .post .postinfo {padding:2px; border-bottom:1px solid #eeeeee}
div.thread .post .postcontent {padding:2px}


table.thread th {border-bottom:1px solid #eeeeee; padding:5px; text-align:left; vertical-align:top}
table.thread th span {font-weight:normal; font-size:8pt}

a.read {font-weight:normal}


table.thread td {padding:5px; border-bottom:2px solid #bbbbbb; padding-bottom:15px}
table.thread td div.edit {font-size:8pt; padding:2px; margin:10px 0px; background-color:#f8f8f8}
table.thread td div.locked {font-size:8pt; padding:2px; margin:10px 0px; background-color:#ffeeee}


h1.thread {padding:2px 10px; margin:0px; margin-bottom:5px; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; font-family:Trebuchet MS; font-size:11pt; font-weight:bold}
div.thread_navtop {margin-bottom:10px}

div.defaultimage {float:left; margin:5px}

div.presse {margin-bottom:20px; overflow:hidden}
div.presse h2 {background-color:#ffffff; border: 0px none #ffffff; border-top: 1px solid #bbbbbb; border-bottom: 1px dotted #bbbbbb; padding:2px; margin-bottom:5px }
div.presse h4 {border: 0px none #ffffff; border-top: 1px dotted #bbbbbb; border-bottom: 1px solid #bbbbbb; padding:2px; margin-bottom:5px; font-size:10px; font-weight:normal }

div.cnt_012 {overflow:hidden}
div.cnt_012 .middle  {width:600px; float:left; margin-top:20px;}
div.cnt_012 .right {width:399px; margin-top:20px; float:left}


div.menu {background-color:#ffffff; margin-bottom:10px; font-size:1em; padding:10px 10px; border:1px solid #bbbbbb; margin-left:10px; font-weight:bold}
div.menuactive {background-color:#eeeeee; margin-bottom:10px; font-size:1em; padding:10px 10px; border:1px solid #bbbbbb; margin-left:10px; font-weight:bold}