/* Grundformatierungen
-------------------------------------------------------- */
body{background:#4481B9 url('http://static.werkenntwen.de/images/layout/bg.jpg') repeat-x scroll center top;font-family:Arial,Verdana,Sans-serif;text-align:center;color:#333;}
body#admin{background:#faa;}
body#advertisingpreview{background:#ff44bb;}
body#userrefused{background:#000000;}
*{margin:0px;padding:0px;font-size:1em;}
/* Hilfsklassen
-------------------------------------------------------- */
.cl{clear:both;}
.away{position:absolute;top:0;left:0;}
.left{float:left;}
.right{float:right;}
img.right{margin:0px 0px 10px 10px;}
img.left{margin:0px 10px 10px 0px;}
.center{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.hidden{display:none;}
.noOverflow{overflow:hidden;}
.hintAd{color:#9a9a9a;font-size:9px;margin:0;}
ol.noItem,
ul.noItem{padding:0;list-style:none;}
.normal{background:#dce8f4;}
.odd{background:#cddded;}
.strong{font-weight:bold;}
.grey{color:#999}
.italic{font-style:italic;}
input.tb_m{width: 200px;}
/* Elemente
-------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{clear:both;font-family:Arial,Verdana,sans-serif;}
h1{font-size:24px;font-weight:bold;margin:11px 0;line-height:26px;}
h1.error{border:1px solid #e4ccb6;background:#f5eee7 url('http://static.werkenntwen.de/images/icons/icon_error.gif') 10px center no-repeat; color: #990000; padding:10px 10px 10px 35px;text-decoration:blink;}
h2{font-size:12px;line-height:12px;margin:12px 0;padding:0;height:auto;background:url('http://static.werkenntwen.de/images/layout/h2-right.gif') top right no-repeat;}
h2 span{font-weight:bold;color:#fff;padding:6px 8px 4px;display:block;background:url('http://static.werkenntwen.de/images/layout/h2-left.gif') top left no-repeat;}
h2 span a{font-weight:normal;}
#right-col h2{font-size:12px;}
h3{font-weight:bold;line-height:12px;font-size:12px;color:#900;margin:12px 0;}
h4{font-weight:bold;color:#333;margin:12px 0 0;}
p{margin:18px 0;line-height:16px;}
td{line-height:14px;}
th{font-weight:normal;text-align:left;}
small{font-size:10px;}
ul,ol{padding-left:25px;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
ol.lower-latin{list-style-type:lower-latin;}
img{border:0px;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
a{color:#135AA0;text-decoration:none;}
a:hover{text-decoration:underline;}
button{background-color:#EFF3FC;border:1px solid #87A6E7;padding-left:5px;padding-right:5px;cursor:pointer;}
input{padding:2px 3px;background-color:#FFF;border:1px solid #87A6E7;}
input.radioButton, input.checkBox{background-color: transparent;border:none}
select{background:#FFF;border:1px solid #87A6E7;padding:1px;}
option{padding-right:5px;}
optgroup{font-weight:bold;margin-top:5px;}
optgroup option{color:#000;padding:2px 5px 2px 10px;}
textarea{font-family:Arial,Verdana,sans-serif;border:1px solid #87A6E7;padding:2px 3px;}
/* Icons
-------------------------------------------------------- */
.isOnline{background:url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 2px 2px no-repeat;}
.chat{background:url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 2px 2px no-repeat;}
.gamecontroller{background:url('http://static.werkenntwen.de/images/icons/icon_controller.gif') 2px 2px no-repeat;}
.messageTo,
.mailGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_message.gif') 2px 2px no-repeat;}
.ichkenne,
.joinGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_add.gif') 2px 2px no-repeat;}
.singleUser{background:url('http://static.werkenntwen.de/images/icons/icon_user.gif') 2px 2px no-repeat;}
.kenneNicht,
.retractInvite,
.leaveGroup{background:url('http://static.werkenntwen.de/images/icons/icon_user_delete.gif') 2px 2px no-repeat;}
li.ignore{background:url('http://static.werkenntwen.de/images/icons/icon_ignore.gif') 2px 2px no-repeat;}
.profilMelden,
.sneakGroup{background:url('http://static.werkenntwen.de/images/icons/icon_sneak.gif') 2px 2px no-repeat;}
.routeTo{background:url('http://static.werkenntwen.de/images/icons/icon_route.gif') 2px 2px no-repeat;}
.waiting{background:url('http://static.werkenntwen.de/images/icons/icon_wait.gif') 2px 2px no-repeat;}
.backend,
.backendGroup{background:url('http://static.werkenntwen.de/images/icons/icon_admin.gif') 2px 2px no-repeat;}
.edit{background:url('http://static.werkenntwen.de/images/icon_edit_small.gif') 2px 2px no-repeat;}
.editGroupPic,
.editMyPic,
.editBlog{background:url('http://static.werkenntwen.de/images/icons/icon_image_edit.gif') 2px 2px no-repeat;}
.editGroup,
.editMe{background:url('http://static.werkenntwen.de/images/icons/icon_user_edit.gif') 2px 2px no-repeat;}
.editSchool{background:url('http://static.werkenntwen.de/images/icons/icon_school_edit.gif') 2px 2px no-repeat;}
.deleteEntry,
.deleteMyPic,
.deleteGroup,
.deleteBlog{background:url('http://static.werkenntwen.de/images/icons/icon_waste.gif') 2px 2px no-repeat;}
.inviteToGroup,
.addToEvent,
.createGroup,
.addToGroup{background:url('http://static.werkenntwen.de/images/icons/icon_group_add.gif') 2px 2px no-repeat;}
.removeFromGroup{background:url('http://static.werkenntwen.de/images/icons/icon_group_delete.gif') 2px 2px no-repeat;}
.viewDetails{background:url('http://static.werkenntwen.de/images/icons/icon_view_detail.gif') 2px 2px no-repeat;}
.downloadPDF{background:url('http://static.werkenntwen.de/images/icons/icon_file_pdf.gif') 2px 2px no-repeat;}
.clubInvitePremium{background:url('http://static.werkenntwen.de/images/icons/icon_star_small.gif') 2px 2px no-repeat;}
.inviteTan{background:transparent url('http://static.werkenntwen.de/images/icon_key_add.gif') no-repeat scroll 2px 2px;}
.tanList{background:transparent url('http://static.werkenntwen.de/images/icon_page_keys.gif') no-repeat scroll 2px 2px;}
.showAdressbook{background:transparent url('http://static.werkenntwen.de/images/icons/icon_adresses.gif') no-repeat scroll 2px 2px;padding-left:25px;}
.mailOpen{background:transparent url('http://static.werkenntwen.de/images/icons/icon_email_open.gif') no-repeat scroll 2px 2px;}
.mailReply{background:transparent url('http://static.werkenntwen.de/images/icons/icon_email_reply.gif') no-repeat scroll 2px 2px;}
.mailForward{background:transparent url('http://static.werkenntwen.de/images/icons/icon_email_go.gif') no-repeat scroll 2px 2px;}
.mailDelete{background:transparent url('http://static.werkenntwen.de/images/icons/icon_email_delete.gif') no-repeat scroll 2px 2px;}
.addAGallery{background:transparent url('http://static.werkenntwen.de/images/icon_gallery_add.gif') no-repeat scroll 2px 2px;}
.listGalleries{background:transparent url('http://static.werkenntwen.de/images/icon_photos.gif') no-repeat scroll 2px 2px;}
.addNews{background:transparent url('http://static.werkenntwen.de/images/icons/icon_news_create.gif') no-repeat scroll 2px 2px;}
.editNews{background:transparent url('http://static.werkenntwen.de/images/icons/icon_news_edit.gif') no-repeat scroll 2px 2px;}
.printThis{background:transparent url('http://static.werkenntwen.de/images/icon_printer.gif') no-repeat scroll 2px 2px;}
.printShirt{background:transparent url('http://static.werkenntwen.de/images/icon_user.gif') no-repeat scroll 2px 2px;}
.emailIcon{background: url('http://static.werkenntwen.de/images/icons/icon_email.gif') no-repeat scroll 2px 2px;}
li.group{background:transparent url('http://static.werkenntwen.de/images/icons/icon_group.gif') no-repeat scroll 2px 2px;}
.lastThread{background:transparent url('http://static.werkenntwen.de/images/forum/lastPost.gif') no-repeat scroll 2px 2px;}
.createPoll{background:url('http://static.werkenntwen.de/images/icons/icon_chart_bar_add.png') 2px 2px no-repeat;}
.managePolls{background:url('http://static.werkenntwen.de/images/icons/icon_chart_bar_edit.png') 2px 2px no-repeat;}
.pollArchive{background:url('http://static.werkenntwen.de/images/icons/icon_chart_bar.png') 2px 2px no-repeat;}
/* Boxen
-------------------------------------------------------- */
a.box{color:#333;}
a.box:hover{text-decoration:none;}
.box{padding:10px 5px 10px 30px;border:1px solid;margin:10px 0px;}
.box.left,
.box.right{width:210px;}
.box p{margin:0;padding:0;}
.box.info{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_message.gif') 10px 10px no-repeat;}
.box.success{border-color:#C3E4B6;background:#e1f4da url('http://static.werkenntwen.de/images/icons/icon_ok.gif') 10px 10px no-repeat;}
.box.chatrequest{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 10px 10px no-repeat;}
.box.gamerequest{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_controller.gif') 10px 10px no-repeat;}
.box.default{border-color:#B6CCE4;padding:10px 5px 10px 10px;background:#E7EEF5;}
.box.email{border-color:#B6CCE4;background:#E7EEF5 url('http://static.werkenntwen.de/images/icons/icon_email.gif') 10px 10px no-repeat;}
.box.key{border-color:#F2CE3B;background:#FCF5CE url('http://static.werkenntwen.de/images/icons/icon_key.gif') 10px 10px no-repeat;}
.box.error{border-color:#e4ccb6;background:#f5eee7 url('http://static.werkenntwen.de/images/icons/icon_error.gif') 10px 10px no-repeat;font-weight:bold;}
.box.warning{border-color:#F1D13C;background:#FCF5CF url('http://static.werkenntwen.de/images/icons/icon_warning.gif') 10px 10px no-repeat;}
.box2{padding:15px 10px;margin:10px 0px;}
.box2sb{padding:10px 7px;}
.box2.emptyInfo, .box2sb.emptyInfo{background:#F0F0F0;}
/* deleted sender */
span.showInfo{color:#999;}
/* Seiten-Elemente
-------------------------------------------------------- */
#wrapper{margin:0px auto;width:1000px;text-align:left;font-size:12px;}
#shadow{padding:0px 7px 0px 0px;width:780px ;/* -7 wegen padding */
background:url(http://static.werkenntwen.de/images/layout/middle.png) right repeat-y;}
#topad{padding:0;margin:0;margin-top:20px;width:800px;float:left;}
#ads{float:right;margin-top:20px;width:200px;overflow:hidden;text-align:left;}
#google{margin-top:20px;}
#seite{margin-top:20px;float:left;width:778px;}
#seite.wallpaperTop{margin-top:10px;}
#main{padding:0px 1px;border-left:1px solid #7b8cb2;background:#fff;}
#rahmen{padding:10px;}
#rahmen.submenuActive{padding-top:30px;}
#footer{clear:both;background:url(http://static.werkenntwen.de/images/layout/bottom.png) no-repeat;width:787px;padding:15px 0px 10px;margin:0px;text-align:center;color:#fff;font-size:11px;}
#footer p{margin:0px;}
#footer a{color:#fff;}
/* Banner
-------------------------------------------------------- */
#wkwHeader, #banner{background:url(http://static.werkenntwen.de/images/layout/banner_normal.png) no-repeat;width:787px;height:95px;overflow:hidden;padding:0px 0px 5px 0px;}
#topright{margin-top:10px;}
#wkwHeader img, #banner img{margin:15px 0px 0px 10px;float:left;}
/* zus. Banner
-------------------------------------------------------- */
.lowerBanner{padding-top:80px;}
/* oben rechts
-------------------------------------------------------- */
#topright{display:inline;width:360px;float:right;margin-right:12px;}
.welcome a{color:#666;font-weight:normal;}
p.welcome{text-align:right;font-weight:bold;margin-top:0;}
/* LogIn
-------------------------------------------------------- */
#login{float:right;margin-top:16px;margin-bottom:5px;}
#login form{background:#FFF; opacity:1;}
#login .loginOptions {margin: 0; padding: 0;}
#login .loginOptions label{display: inline; font-weight:normal;margin-left:3px;font-size:11px; float: left;/*position:relative;top:-2px*/}
#login .loginOptions input{padding:0; float: left; display:inline; margin: 1px 3px 0 0; border: 0; width: 13px; height: 13px}
#login .loginOptions img { margin: 0 0 0 5px }
#login div{ float: left; display: inline; margin: 0 0 0 5px; width: auto; }
#login .loginBtn{ margin-left: 0px }
#login div p{margin:0;}
#login div.options{width:250px;}
#login a{font-size:11px; float: left; }
#login input{width:140px;padding:2px 3px;border:1px solid #7b8cb2;}
#login .inline{width:auto}
#login .loginFields{color:#333;display:block;margin-bottom:3px;margin-left:0;background:#FFF url(http://static.werkenntwen.de/images/search/search_bg.gif) repeat-x scroll left top;}
#login #password { width:100px; }
#login .submit,
#searchfield .submit,
input.submit{width:auto;border:0px;}
#login input.submit{margin-top:14px;}
/* Searchfield
-------------------------------------------------------- */
#searchfield{float:right;clear:both;margin-top:-12px;display:inline;width:205px;}
#searchfield .searchContainer{border:1px solid #76A3CD; background: #FFF;clear:both;height:27px;overflow:hidden;padding:0px 5px 6px}
#searchfield ul{clear:both;height:15px;list-style-type:none;margin:0;overflow:visible;padding:0;}
#searchfield li{margin:0;padding:0;position:relative;bottom:-1px;float:left;}
#searchfield li img{margin:0;padding:0;}
#searchfield input{border:1px solid #76A3CD;margin:0;padding:2px 3px;width:120px;}
#searchfield form{clear:none;overflow:hidden;padding-top:3px}
#searchfield .submit{border:0;padding:0;margin-left:10px;width:auto;position:relative;top:4px}
#searchquery, #sbi, #googleQuery, #ebsearch{background:url(http://static.werkenntwen.de/images/search/search_bg.gif) repeat-x top left scroll}
#googlesearch, #ebaysearchContent, #cse-search-box{display:none;}
p.options{clear:both;font-size:0.9em;margin:0;padding-left:7px}
p.options a,
#searchfield a{font-weight:bold;color:#135AA0;}
#googlesearch{background-image:none!important}
/* Navigation
-------------------------------------------------------- */
#navigation,
#navbalken{clear:both;height:25px;overflow:hidden;background:url(http://static.werkenntwen.de/images/layout/nav-bg.gif) no-repeat;}
#navigation ul{margin:0;padding:3px 0px 0px 4px;list-style-type:none;}
#navigation li{float:left;}
#navigation a{text-decoration:none;display:block;color:#fff;font-weight:bold;padding:4px 8px 4px 8px;}
#navigation a:hover,
#navigation .active a{color:#135aa0;}
#navigation ul ul{position:absolute;padding-left:8px;}
#navigation ul ul a{padding:2px 12px 2px 0px;color:#135aa0;border-bottom:3px solid #74a0cb;}
#navigation ul ul a:hover,
#navigation ul ul .active a{color:#135aa0;border-bottom:3px solid #135aa0;}
#navigation li.tippspiel-navi{float:right;}
#navigation li.tippspiel-navi img{float:left;background: url('http://static.werkenntwen.de/images/tippspiel/mastersprite-wm.png') no-repeat scroll -71px -41px;width:16px;height:16px;margin-right:5px;}
/* Untermenue
-------------------------------------------------------- */
div#reiter{background-image:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg);height:25px;}
.submenu-item,
.submenu-item-active{padding:5px;font-size:0.95em;font-weight:bold;background:transparent;}
.submenu-item-link{color:#fff;font-weight:bold;}
.submenu-item-active a:hover,
.submenu-item-active a{color:#135aa0;font-weight:bold;text-decoration:none;}
.menu-item-active a:hover,
.menu-item-active a{font-weight:bold;color:#135aa0;text-decoration:none;}
/* Inhaltsbereich
-------------------------------------------------------- */
#content,
#content_main{float:left;width:570px;font-size:12px;}
/* Sidebar
-------------------------------------------------------- */
#sidebar{float:right;width:170px;}
#sidebar p,
#sidebar li,
#sidebar center,
#sidebar dt,
#sidebar dd{font-size:11px;}
#sidebar ul{list-style-type:none;padding:0px;}
#sidebar .galleryList li{text-align:center;margin-bottom:8px;}
/* Reiter
-------------------------------------------------------- */
.reiter{clear:both;background:url(http://static.werkenntwen.de/images/layout/reiterbg.jpg) repeat-x;text-align:center;overflow:hidden;}
.reiter ul{display:block;width:100%;margin:0px auto;list-style-type:none;padding:0px;}
.reiter li{float:left;}
.reiter li a{padding:0.5em 0.7em;font-size:0.8em;display:block;font-weight:bold;color:#fff;}
/*  Reiternavigation 
-------------------------------------------------------- */
.UI-tabs {clear:both;overflow:hidden;border-bottom: 3px solid #A4C2DE;}
.UI-tabs ul{list-style-type:none;height:24px;overflow:hidden;padding-left:0px}
.UI-tabs ul li {background: url('http://static.werkenntwen.de/images/layout/settings_tab_left.gif') top left no-repeat; float:left; height:auto;margin-right:-1px;padding-left:4px;width:auto;}
.UI-tabs ul li a{background: url('http://static.werkenntwen.de/images/layout/settings_tab_right.gif') top right no-repeat;display:block;padding:6px 15px 4px 11px;}
.UI-tabs ul li.active {background: url('http://static.werkenntwen.de/images/layout/settings_tab_left_a.gif') no-repeat top left}
.UI-tabs ul li.active a{background: url('http://static.werkenntwen.de/images/layout/settings_tab_right_a.gif') no-repeat top right;color:#FFF; font-weight:700}

/* static
-------------------------------------------------------- */
.indent{padding-left:55px;}
/* Tagging-Box
-------------------------------------------------------- */
#closeBox{position:absolute;top:0px;right:0px;}
div.tagBox{background:#fff;padding:10px;border:2px solid #74A3CE;text-align:left;width:255px;}
.tagBox ul{margin-top:10px;height:200px;overflow:scroll;clear:both;padding:0px;list-style:none;}
.tagBox li{clear:both;}
.tagBox a{display:block;padding:5px 0px;overflow:hidden;background:#fff;}
.tagBox p a{display:inline;padding:0;background:transparent;}
.tagBox a:hover{background:#74A3CE;}
.tagBox p a:hover{background:transparent;}
/* Helpbox
-------------------------------------------------------- */
.helpbox,
.tagBox,
.errorbox{position:absolute;display:none;width:250px;background:#e9f0f8;border:3px solid #74a3ce;padding:10px;text-align:left;font-size:12px;}
.helpbox p,
.tagBox p,
.errorbox p{margin:0;}
.errorbox img,
.helpbox img{position:absolute;top:0px;right:0px;}
.errorbox{border:3px solid #e4ccb6;background:#f5eee7;}
/* diverses
-------------------------------------------------------- */
.select_inline select{float:left;margin-right:5px;overflow:hidden;margin-bottom:10px;}
.locator{margin-top:10px;}
#aboutGroup{padding:0px 10px;font-size:11px;}
th.detailhead{font-weight:normal;color:#999;width:110px;}
td.detailvalue{margin-right:10px;}
.radio_buttons{float:left;}
.breadcrumbs{display:block;margin:20px 0px;}
/* Tabellen
-------------------------------------------------------- */
table.wkw_table,
table.people{border-collapse:collapse;width:100%;font-size:1.1em;clear:both;}
table.people.fixed{table-layout:fixed;}
table.people th,
table.press th{text-align:left;padding:5px;background-color:#88aed3;color:#fff;font-weight:bold;font-size:12px;}
table.people tfoot td,
table.press tfoot td{text-align:left;padding:3px 5px;background-color:#88aed3;color:#fff;}
table.wkw_table tr,
table.people tr,
table.people tr.normal{background-color:#D7E2F6;}
table.wkw_table tr,
table.people tr.odd{background-color:#EEF2FD;}
table.wkw_table tr tr,
table.people tr tr{background:transparent;}
table.wkw_table,
table.people td{padding:5px;vertical-align:top;}
table.people td td{padding:0;}
table.people td input{padding:2px 3px;}
table.people td.tdoptions{padding-left:250px;}
table.press{border:1px solid #87A6E7;border-collapse:collapse;width:100%;}
table.press tr.normal{border-bottom:1px solid #87A6E7;}
table.press tr.odd{border-bottom:1px solid #87A6E7;}
table.press td{padding:10px;vertical-align:top;}
tr.normal.neu td,
tr.normal.neu a,
tr.odd.neu td,
tr.odd.neu a{font-weight:bold;}
table.people tr.normal,
table.press tr.normal{background-color:#dce8f4;}
table.people tr.odd,
table.press tr.odd{background-color:#cddded;}
table.people td,
table.press td{vertical-align:top;font-size:11px;}
/* Neues
-------------------------------------------------------- */
.neues{clear:both;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dce8f4;}
.meta{overflow:hidden;padding:0px;margin-bottom:10px;}
.post{border-top:1px solid rgb(204,204,204);}
.meta p{margin:3px 0px;padding:0px;}
.meta .left,
.meta .right{width:40%}
.meta .right{text-align:right;}
.post{clear:both;}
.neues.person{border-bottom:1px solid rgb(204,204,204);}
.neues.person .meta{border:0px;margin:0px;padding:0px;}
.neues.person .meta p{color:rgb(204,204,204);margin:0px;padding:0px;}
.neues.person .post{border:0px;}
.neues.blog{border:0px;padding-bottom:0px;margin-bottom:45px;}
.neues.gb{border:1px solid #4481B9;padding:10px;}
.neues.gb .post{clear:both;padding-top:10px;}
.neues.bilder{overflow:hidden;padding-bottom:15px;}
.neues.bilder .meta{padding-bottom:0px;border:0px;}
.neues.bilder .meta p{margin-bottom:0px;}
.neues table.bilderliste{clear:both;padding:0px;}
.neues .bilderliste td{width:105px;height:105px;text-align:center;vertical-align:middle;background:#dce8f4;}
.neues .bilderliste td.first{background:#b4cee7;}
.newpics li{text-align:center;}
#neues_alben dt,
#neues_alben dd{text-align:center;}
/* start ms28a block */
/* justnow
-------------------------------------------------------- */
/* justnow form */
#jn_cmt_text{color:#dadada;width:387px;}
#jn_text{color:#dadada;width:418px;}
form.jn_comment_form{margin:10px 0;display:none;}
#jn_person{margin-bottom:10px;}
form.jn_comment_form p{width:400px;float:left;margin:0;}
form.jn_comment_form textarea{width:400px;}
form.jn_person textarea{width:430px;}
#jn_person p{width:430px;float:left;margin:0;}
form.jn_comment_form p,
#jn_person p{overflow:hidden;}
form.jn_comment_form p label,
#jn_person p label{display:none;}
form.jn_comment_form p.count_jn_cmt_text,
form.jn_comment_form p.jn_submit,
#jn_person p.count_jn_text,
#jn_person p.jn_submit{width:130px;}
form.jn_comment_form p.count_jn_cmt_text,
#jn_person p.count_jn_text{color:#989898;text-align:center;}
form.jn_comment_form p.jn_submit,
#jn_person p.jn_submit{margin-top:10px;}
p.jn_submit input{background:#eff3fc url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 25px 3px no-repeat;border:1px solid #87a6e7;width:130px;text-align:center;}
p.jn_submit input.jn_edit{background:#eff3fc url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 20px 3px no-repeat;border:1px solid #87a6e7;width:130px;text-align:center;}
p.jn_submit input.jn_comment{background:#eff3fc url('http://static.werkenntwen.de/images/icons/icon_chat.gif') 4px 3px no-repeat;border:1px solid #87a6e7;width:130px;text-align:center;}
/* justnow entry */
.jn_entry{clear:both;border-bottom:1px solid #cdcdcd;padding:10px 0;width:570px;}
.jn_entry img{float:left;margin-right:10px;}
.jn_entry div img{float:none;margin:0;vertical-align:-1px;}
.jn_content{float:left;width:535px;position:relative;}
.jn_content p{margin:3px 0px;width:490px;}
.jn_content p.meta{margin-top:0;color:#989898;}
.jn_content p.post{margin:0;padding:0;border:0;width:450px;overflow:hidden;}
.jn_options{position:absolute;right:10px;top:0px;list-style:none;padding:0;}
.jn_options li{float:left;margin-left:5px;}
.jn_writeComment{font-size:9px;padding-bottom:5px;}
.jn_writeComment a{background:url('http://static.werkenntwen.de/images/justnow/chat_small.gif') center left no-repeat;padding-left:16px;display:block;width:100px;line-height:1.3em;}
/* just now comment */
ol.commentList{list-style:none;padding:0;margin-top:5px;}
ol.commentList li{display:none;}
ol.commentList li.leftComments{display:block;}
li.jn_comment{clear:both;position:relative;padding:10px;display:block;}
/* clearfix */
li.jn_comment:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
/* IE */
li.jn_comment{display:inline-block;}
/* vor IE5/Mac verstecken \*/
* html li.jn_comment{height:1px;}
li.jn_comment{display:block;}
/* Ende Anpassung fuer IE5/Mac */
li.jn_comment img{float:left;margin-right:10px;}
.jn_comment_revoked{color:#999999;}
.jn_comment_revoked span{color:#990000;font-size:.83em;display:block;line-height:1.3em;}
.jn_cmt_content{width:450px;float:left;overflow:hidden;}
.jn_cmt_content.deleted p.meta{margin-left:35px;}
.jn_cmt_content.deleted p.meta img{float:none;margin-right:0;}
.jn_cmt_content.deleted p.post{margin-left:35px;}
li.leftComments{line-height:1.3em;text-align:center;}
li.jn_comment.normal{background:#eaf1f9;}
li.jn_comment.odd{background:#cddded;}
.jn_comment .jn_options{right:0px;top:10px;}
/* startseite */
p#start_write_justnow{margin:0;}
#btn_jn_view_all{background:transparent url('http://static.werkenntwen.de/images/icons/comments.gif') no-repeat scroll 2px 2px;padding: 3px 0 3px 25px;}
#btn_jn_view_ignorelist{background:transparent url('http://static.werkenntwen.de/images/icons/icon_ignore.gif') no-repeat scroll 2px 2px;padding: 3px 0 3px 25px;}
/* end ms28a block */
/* Neues - Activity
-------------------------------------------------------- */
table#activityList{padding:0px;margin:0px;width:100%;}
#activityList td{vertical-align:middle;background-color:#DCE8F4;padding:5px;margin:0px;}
#activityList td.pic{text-align:center;width:35px;}
#activityList tr.odd td{background-color:#CDDDED;}
#invite input{width:155px;}
#invite #email_submit{padding:2px 3px 2px 20px;text-align:left;width:163px;}
/* Einladung sidebar
-------------------------------------------------------- */
#invite p{margin:5px 0;}
#email_submit{background:#EEF2FD url('http://static.werkenntwen.de/images/icons/icon_email_go.gif') 2% center no-repeat;padding:2px 82px 2px 22px}
/* Werbung
-------------------------------------------------------- */
div.textad{background-color:#BFD4E7;border:1px solid #76A3CD;width:116px;}
div.textad-header{background-color:#76A3CD;color:#000000;font-size:9px;padding-left:4px;padding-top:4px;}
div.textad-item{border-top:4px solid #76A3CD;line-height:16px;overflow:hidden;padding:2px;}
/* Auskenner
-------------------------------------------------------- */
#auskenner_schrift{margin-bottom:15px;}
#person_picture{position:relative;z-index:1;margin:0px 0px 10px;}
#person_auskenner{position:absolute;left:-32px;top:-30px;z-index:2;}
/* Profi-Suche
-------------------------------------------------------- */
#settingsUI form#search_extended select{width:auto}
#settingsUI form#search_extended .se_similar{padding-left:260px}
#settingsUI form#search_extended p#genderSelect input,
#settingsUI form#search_extended p#searchLocation input {position:relative;top:2px}
#settingsUI form#search_extended p#searchLocation input#place_other{top:0px;width:auto;left:-10px}
#settingsUI.search_extended .noLabel{padding-left:260px }
#settingsUI form#search_extended p#anotherPlace{margin-top:-5px}
#settingsUI form#search_extended p#anotherPlace .textBox{width:auto}
#settingsUI.search_extended .buttonBar.noLabel{padding-left:280px;text-align:left;}
#settingsUI div#se_name p,
#settingsUI div#se_places p,
#settingsUI #se_clubSearch p{margin:10px 0}

/* Optionen
-------------------------------------------------------- */
.groupOptions{margin-top:10px;padding:0px;list-style-type:none;font-size:11px;}
.groupOptions li{padding:3px 0px 3px 25px;}
ul.options{padding:0px;list-style-type:none;border:0;}
ul.options li{padding:3px 0px 3px 25px;border:0;}
ul.options a{border:0;}
/* Startseitennews
-------------------------------------------------------- */
h3.news{color:#333;}
/* Einladeformular
-------------------------------------------------------- */
#inviteExternForm{border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin-bottom:1px;}
#inviteExternForm .mainInvForm{background: #e6eedf; padding: 18px 0;}
#inviteExternForm label{display:inline-block;width:13em;font-weight:bold;text-align:right;vertical-align:top;margin-top:2px;margin-right:5px;}
#inviteExternForm input.textBox,
#inviteExternForm textarea,
#inviteExternForm select{width:220px;border:1px solid #CCC}
#inviteExternForm select{width:228px;}
#inviteExternForm #clubsLoading{display:none; color: #777; margin-left:5px}
#inviteExternForm .sendMessage{display:inline-block;margin:10px 0 0 13.7em;}
#inviteExternForm #inviteMessage {background:#eee;padding: 10px 0;border-top:1px solid #CCC;}
#inviteExternForm #inviteMessage label {font-weight:normal;}
#inviteExternForm #inviteMessage .count_invitation_msg {display:inline-block;margin-left:13.7em}
#inviteExternForm #inviteMessage label span{font-size:10px;}
#inviteExternForm #inviteMessage p{margin: 5px auto;}
#inviteExternForm #inviteMessage p.infoP{margin: 5px 0 10px 4em;}
#inviteMessage{display:none;}
#invTableContainer{margin-bottom:1em;}
table#invitations tr#extInvTeaser td{padding:10px}
table#invitations td,
table#invitations th{border-right:1px solid #FFF;vertical-align:middle;padding:2px 5px}
table#invitations td.emailcount,
table#invitations td.last,
table#invitations th.last{border-right:0}
table#invitations td.emailcount{font-weight:bold;padding-right:10px;}
table#invitations td.ta-c{text-align:center;}
table#invitations .invContainer input{border-color: #CCC}

#invitations input.textBox{color:#bbb;width:9em;}
table.people tr.inviteForm{background:#F7E6F7;}
table.people tr.inviteForm.top{border-top:1px soliRd #88AED3;}


.iAction{margin-right: 5px;}
#invitations input.iAction{background: none;border: none;height: 16px;width: 16px;}
#invSubmit{cursor:pointer;width:110px;height:20px;padding:0;margin-left:5px;}
#invitations .invEmail p{margin:0; overflow:hidden; width:200px;}
/* Tans
-------------------------------------------------------- */
/* TODO remove after new Tans  */
#singleTan{margin:30px 0px 30px 30px;}
#singleTan span{float:left;padding:8px 0px;}
p#afterTan{clear:both;padding-top:30px;}
span#tanBox{margin-left:30px;background:#FCF5CF url(http://static.werkenntwen.de/images/icon_key.gif) 4px center no-repeat;padding:8px 8px 8px 30px;border:1px solid #F1D13C;font-family:Verdana,Arial,monospace;}
/* end remove   */
span#newTanBox{margin: auto 15px;background:#FCF5CF url(http://static.werkenntwen.de/images/icon_key.gif) 4px center no-repeat;padding:8px 8px 8px 30px;border:1px solid #F1D13C; font-size:18px; font-weight:bold;}
#myTan{vertical-align:middle;margin:10px 0 5px;padding:10px;text-align:center}
#myTan div{margin:9px 0;}
#myTan,
#tanActions li {background:#F6F6F6;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
#tanActions li {clear:left;float:left; margin:5px 0 ;padding:10px 15px; width:344px;}
#tanActions li.hover,
#tanActions li:hover{background:#EDF3F9; border-color:#4481B9; }
#tanActions li div{padding:2px 0 0 25px}
#tanActions li a{font-size:14px;font-weight:bold;}
#tanActions li p{padding-left:25px; color:#999; margin:5px 0 0}
#tanActions li.right {clear:right;float:right;}
#tanActions{list-style-type:none;overflow:hidden;padding:0;}
#tanDisclaimer{color:#999;clear:both;margin-top:10px}
/* Ich / Profil
-------------------------------------------------------- */
.friends td{text-align:center;font-size:0.95em;}
.detailtable,
.detailtablevalue{color:#333333;font-size:11px;padding-top:2px;padding-left:3px;}
.detailtable a,.detailtablevalue a,.right-col,.right-col a{font-size:11px;}
.detailtable,.detailtable a{color:#999999;padding-top:2px;}
.messagediv{border:1px solid #CCCCCC;padding:20px;color:#CCCCCC;}
.messagediv td,.messagediv td strong{color:#CCCCCC;}
.messagediv-active{border:1px solid #4481B9;padding:20px;}
#youKnowMap{position:relative;}
.contactMap{position:relative;margin:auto;}
.contactMapde{width:180px;}
.contactMapch{width:84px;}
.contactMapau{width:140px;}
.contactMapde div,
.contactMapch div,
.contactMapat div{border:0px;}
.flags{float:right;}
.profilOptions,
.clubOptions,
.peopleOptions,
.eventOptions,
.messageOptions,
#profilOptions{padding:0;list-style-type:none;}
.profilOptions li,
.clubOptions li,
.peopleOptions li,
.eventOptions li,
.messageOptions li,
#profilOptions li{padding:3px 0px 3px 25px;}
/* Nachrichten
-------------------------------------------------------- */
#ajax_person_dropdown{background:#fff;overflow:hidden;}
#ajax_person_dropdown div{margin:5px;}
/* Personenliste
-------------------------------------------------------- */
.photolist a{}
table.photolist td{vertical-align:bottom;text-align:center;font-size:0.95em;padding:5px}
.photolist .pl-pic{position:relative;margin:0px auto;width:70px;}
.photolist .online img{position:absolute;right:5px;bottom:5px;}
/* Einstellungen
-------------------------------------------------------- */
#mydata,
#editme,
#editclub{text-align:center;}
#mydata form,
#editme form,
#editclub form{margin:0px auto;width:600px;text-align:left;}
.editclub{margin:0px auto;width:600px;text-align:left;}
#mydata p,
#editme p,
#editclub p{clear:both;margin:20px 0;}
#mydata label,
#editme label,
#editclub label{display:block;float:left;width:200px;color:#666;margin-right:10px;}
#mydata label.right{float:none;display:inline;}
#editclub .twolines span{display:block;width:auto;}
#editclub .twolines{position:relative;padding-bottom:15px;}
#editclub .twolines img{position:absolute;float:right;right:-15px;}
#mydata input,
#editme input,
#editclub input{padding:2px 3px;}
#editme textarea{width:240px;}
#mydata hr{clear:both;}
span#mydata_privat_email{display:block;float:left;width:300px;margin-bottom:10px;}
#ads_container{float:left;}
#ads_container select{margin-bottom:5px;}
/* Einstellungen - Profilbild
-------------------------------------------------------- */
#leftbar{width:170px;float:left;text-align:left;padding-top:10px;}
#content_right{float:right;text-align:left;width:550px;}
#content_right p{margin:0;margin-top:1em;}
#picRules{margin-bottom:2em;}
#picRules li{margin:0.5em 0;}
#picRules span{font-size:11px;color:#777;}
label#mypic_label{display:inline;float:none;color:#333;width:auto;}
#picUpload_buttons{clear:both;width:577px;}
input#savePic_btn{padding-left:22px;}
input#savePic_btn{background:url(http://static.werkenntwen.de/images/icons/icon_gallery_add.gif) 5px no-repeat;}
input#delPic_btn{padding-left:22px;}
input#delPic_btn{background:url(http://static.werkenntwen.de/images/icons/icon_waste.gif) 5px no-repeat; width: 100%;}
/* angepasste Werbung */
#angepasste_werbung li{margin:1em 0em;}
/* Einstellungen - Mein Neues (externe Seite)
-------------------------------------------------------- */
.justnow_settings_container{width:380px;padding:0px 0px;clear:both;margin-left:210px;}
.justnow_settings_list{list-style-type:none;padding:0;}
.justnow_settings_list li{padding:3px 0 3px 25px;}
/* about
-------------------------------------------------------- */
.press{margin-top:10px;padding:0px;list-style-type:none;font-size:11px;}
.press li{padding:3px 0px 3px 25px;}
/* Impressum
-------------------------------------------------------- */
#imp_datenschutz h3{clear:none;}
#imp_datenschutz img.right{margin-right:160px;}
/* Werbung in Einstellungen */
#editme_allgemeines{float:left;width:510px;padding:10px 10px 10px 0px;}
#editme_allgemeines form{}
#editme_allgemeines p{clear:both;margin-top:12px;}
#editme_allgemeines label{display:block;float:left;width:180px;color:#666;margin-right:10px;}
#editme_allgemeines_info{margin-top:20px;float:right;width:200px;font-size:11px;border:1px solid #ddd;padding:10px;overflow:hidden}
.joblist li{margin-bottom:10px;}
/* Events -neu-
****************************************/
#formEvent{text-align:center;}
#formEvent fieldset{text-align:left;border:0;margin:0;padding:0;}
#formEvent p{text-align:left;clear:both;width:600px;margin:0 auto 10px;overflow:hidden;}
#formEvent label{float:left;width:200px;padding-right:10px;text-align:right;display:block;color:#666;}
#formEvent input{float:left;}
#formEvent .event_radio{display:inline;width:auto;float:left;}
#formEvent .event_radio label{float:none;width:auto;padding:0;margin-right:20px;text-align:left;display:inline;}
#formEvent .event_radio input{float:none;}
#formEvent .event_textarea textarea{float:left;}
#formEvent .event_textarea span{float:left;display:block;margin-left:210px;}
#formEvent .needHelp{float:right;}
/* message div */
.message{border:1px solid #4481B9;color:#333;padding:20px;margin-bottom:15px;}
.message .mainpic{float:left;margin:0 20px 20px 0;width:50px;}
.message .msgcontent{float:left;width:450px;}
.message .options{float:right;margin:0;padding:0;}
.message .meta{clear:right;margin:15px 0;}
.message .meta .sender{float:left;}
.message .meta .sender a{margin-left:20px;}
.message .meta .date{float:right;}
.message .entry{padding-top:20px;border-top:1px solid #ccc;width:350px;float:left;overflow:hidden;}
/* table gray */
td.persondata{border:1px solid #ddd;padding:5px;font-size:11px;}
td.persondata th,
td.persondata td{padding:2px 0px 0px 3px;vertical-align:top;font-weight:normal;}
td.persondata th{color:#999;}
td.persondata th h3{font-size:12px;}
/* grid 122 */
#grid_122{padding:0px 8px;}
#grid_122 .sky{width:120px;float:left;margin:0 10px 10px 0;}
#grid_122 .rect_row{width:610px;margin-bottom:10px;overflow:hidden;}
#grid_122 .rect{float:left;width:300px;}
#grid_122 .rect.right{float:right;}
#grid_122 .small_rect{width:145px;float:left;}
#grid_122 .small_rect.right{float:right;}
#grid_122 .rect_full{clear:both;margin:10px 0;width:740px;}
/* clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
/* IE */
.clearfix{display:inline-block;}
/* vor IE5/Mac verstecken \*/
* html .clearfix{height:1px;}
.clearfix{display:block;}
/* Ende Anpassung fuer IE5/Mac */
/* Farben */
div.brands4friends{border:1px solid;cursor:pointer;margin: 0px auto; width:550px;}
.brands4friends{color:#9AC019;}
/* Search Users */
.furtherOptions img {margin-right:5px;position:relative; top:3px;}
/* TypeAhead Location
 * --------------------------------------------*/
ul.typeAheadList {border:1px solid #87A6E7;clear:both;display:block;left:70px;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;position:absolute;top:20px;width:256px;z-index:5}
ul.typeAheadList.long {height:219px;overflow-x:hidden;overflow-y:scroll}
ul.typeAheadList li{background:#DCE8F4 none repeat scroll 0 0;border-bottom:1px solid #87A6E7;clear:both;cursor:pointer;overflow:hidden;padding:3px;}
ul.typeAheadList li.active{background: #88AED3}
ul.typeAheadList li.last{border-bottom:0;}
ul.typeAheadList.none {border:1px solid #CCC;}
ul.typeAheadList.none li{background: #EAEAEA; border-bottom:1px solid #999;cursor:default;}
#edit_new_location{display:none;cursor:pointer;margin-left:5px}
#location_status{border:0;padding:0;right:0px;top:3px;display:none;width:16px;height:16px;}
/* Ad-Elemente */
h1.halfSize{float:left;width:450px;}
.halfSizeBanner{float:right;height:60px;width:260px;text-align:right;}