@import "extended.css";

html, body {
    background: url(images/bg.jpg) repeat-y #555;
	background-position: 50% 0%;
	background-attachment: fixed;
    font-family: Tahoma, sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    color: #666;
}

#body {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    margin: 0px 0px 0px -512px;
    position: absolute;
    left: 50%;
    width: 1024px;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}
/**
 * header with logo and login form
*/
#head {
    background-image: url('images/head.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    height: 170px;
	position:relative;
}

#headadbg {
	background-color:#000;
    width: 964px;
    height: 237px;
    padding: 14px 30px 25px 30px;
	border:none;
	border-bottom: 2px solid #ddd !important;
}

#upcomingad {
    float: left;
    width: 168px;
}

#popup {
    font-size: 0px;
    position: absolute;
    background-color:#000;
    z-index:1000;
}

.box fieldset {
    border: 0px;
}

h1 {
    margin: 0px;
    position: absolute;
    left: 805px;
    top: 60px;
    width: 170px;
}

/**
 * menu
*/
#menu {
    background-color: #000;
    color: #fff;
    font-size: 12px;
}

#menulinks {
    float: left;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: 100%;
}

#menulinks li {
    background-color: #000;
    margin: 3px 0px;
    padding: 0px;
    list-style-type: none;
}

#menulinks a {
    display: block;
    background-color: #000;
    background-image: url('images/grauer_balken_oben.png');
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
    width: 100%;
}

#menu span.outer {
    background-color: #000;
    background-image: url('images/grau_streifen_oben.png');
    background-repeat: repeat-x;
    background-position: bottom;
    color: inherit;
}

#menu span.inner {
    background-color: #000;
    padding: 2px 10px;
}

#menulinks a:hover {
    background-color: #000;
    background-image: url('images/gruener_balken_menu.png');
    background-repeat: repeat-x;
    color: #c2cf2a;
}

#menulinks a:hover span.outer {
    background-color: #000;
    background-image: url('images/gruener_streifen.png');
    background-repeat: repeat-x;
    color: inherit;
}


#topavatar {
    float: right;
    width: 110px;
    height: 110px;
    line-height: 110px;
    text-align: center;
}

#topavatar img {
    border: 1px solid #fff;
    vertical-align: middle;
}

#topinfo ul {
    margin: 0px;
}

#topinfo li {
    list-style-type: none;
    margin: 11px 0px;
}

#topactions {
    float: right;
    padding: 0px 60px 0px 0px;
}

#register {
    float: left;
    width: 50%;
    padding: 15px 0px 0px 0px;
    text-align: center;
}

#userlist, #userlist2 {
    margin: 10px;
    padding: 0px;
}

#userlist li, #userlist2 li {
    background-position: top left !important;
    background-repeat: no-repeat !important;
    list-style-type: none;
    line-height: 18px;
    vertical-align: middle;
    padding: 0px 0px 0px 20px !important;
    margin: 2px 0px;
}

#userlist li a, #userlist2 li a {
    display: inline !important;
    padding: 0px !important;
}

#userlist li img, #userlist2 li img {
    vertical-align: middle;
}

#userlist .stars, #userlist2 .stars {
    display: block;
    float: left;
    font-weight: bold;
    width: 52px !important;
}

#userlist .male, #userlist2 .male {
    background-image: url('images/icon_male.png');
}

#userlist .male a, #userlist2 .male a {
    color: #009ab3;
}

#userlist .female, #userlist2 .female {
    background-image: url('images/icon_female.png');
}

#userlist .female a, #userlist2 .female a {
    color: #c6007d;
}

/**
 * main content
*/
#main {
    background-color: #fff;
    background-image: url('images/bg.gif');
    background-position: top left;
    background-repeat: repeat-x;
    /*    min-height: 1000px; */
}

#center {
    margin: 0px 30px;
    float: left;
    width: 502px;
}

#centernlc {
    margin: 0px 30px;
    float: left;
    width: 732px;
}

#center label, #centernlc label {
    display: block;
    float: left;
    width: 200px;
    padding: 4px 10px 0px 0px;
    text-align: right;
}

#centernlc label {
    width: 300px;
    padding-left:10px;
}

#center fieldset br {
    clear: both;
}

#foot {
    background-color: #fff;
    color: #666;
    font-size: 12px;
    padding: 20px;
    text-align: center;
}

#foot a {
    color: #666;
    text-decoration: none;
}

#foot div.addthis_default_style {
    margin: 10px 0px 0px -70px;
    padding-left: 50%;
}

#main a {
    color: #666;
    text-decoration: none;
}

.paddedcontent {
    padding: 10px;
}

table.contact img {
    border: 1px solid #ddd;
}

table.contact dt {
    font-weight: bold;
}

/**
 * boxes
*/
.box {
    margin: 25px 0px 0px 0px;
}

.box h2 {
    background-image: url('images/box_head.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    color: #fff;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0px 0px 9px 0px;
    padding: 10px 10px 4px 10px;
    height: 16px;
}

.box h2 a {
    color: #fff !important;
}

.boxcontent {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    font-size: 11px;
}

.boxcontent fieldset input[type=text], .boxcontent fieldset input[type=password], #gallerysearch input[type=text] {
    background-image: url('images/input_blanko.png');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 148px;
    height: 17px;
    color: inherit;
    margin:4px 0px;
}

#gallerysearch input[type=text] {
    margin:4px;
}
/**
 * right column
*/
#cr {
    float: right;
    margin: 0px 30px 0px 0px;
    width: 200px;
}

#cr ul {
    padding-left: 0px;
}

#cr li {
    background-image: url('images/grau_streifen_unten.png');
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 2px 0px 2px 40px;
}

#cr li a {
    background-color: #f1f1f1;
    padding: 0 10px;
    display: block;
}

/**
 * left column
*/
#cl {
    float: left;
    margin: 0px 0px 0px 30px;
    width: 200px;
}

/**
 * common classes
*/
.error {
    background-color: inherit;
    color: #f00;
}

.center {
    text-align: center;
}

p.error {
    text-align: center;
}

.grey, tr.grey td, tr.grey a {
    background-color: #F1F1F1;
    color: inherit;
}

td span.outer, td span.outer {
    background-image: url('images/grau_streifen_unten.png');
    background-repeat: repeat-x;
    background-position: bottom;
    display: block;
    width: 100%;
    height: 100%;
}

td span.outer a {
    display: inline !important;
    padding: 0px 10px 0px 0px;
}

.white, tr.white td, tr.white a {
    background-color: #fff;
    color: inherit;
}

div.autocomplete{
    position:absolute;
    width:248px;
}

div.autocomplete ul{
    padding-left:0;
    margin:0;
    list-style:none
}

div.autocomplete ul li{
    padding:1px 10px;
    cursor:pointer;
}

/**
 * index
*/
#lotterytable {
    float: left;
    text-align: center;
}

#lotterytable p {
    margin: 11px 0 0 0;
}

#lotterytable td {
    text-align: left;
}

#exclusivead {
    background-image: url('images/exclusivead.png');
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
    padding: 3px 3px 3px 10px;
    width: 244px;
    height: 244px;
}

#twitter {
    float: left;
}

#socialnw {
    float: left;
    padding: 5px 0px 0px 0px;
    width: 150px;
}

#socialnw img {
    margin: 7px;
    border: 0px;
}

#randomuser {
	background-color: black; /*IE spacken*/
	background-color: rgba(0,0,0,0.6);
    position: absolute;
    top: 175px;
    right:30px;
    color: #fff;
    width: 160px;
	height:109px;
    padding: 10px 20px;
    text-align: center;
	overflow:hidden;
}



#randomuser h3 {
    
	font-family: "Arial", Sans;
	font-size:10pt;
	margin:0;
	padding:0 0 5px 0;
	font-weight:bold;
	
}

#randomuser a.male, #randomuser a.female, #friendrequests a.male, #friendrequests a.female {
    background-position: top left !important;
    background-repeat: no-repeat !important;
    display: block;
    text-align: left;
    line-height: 18px;
    vertical-align: middle;
    padding: 0px 0px 0px 20px !important;
    margin: 2px 27px;
}

#randomuser a.male, #randomuser a.female {
    width: 190px;
}

#randomuser img {
    width: 32px;
	height: auto;
	background-color:#000;
	border:none;

}

#randomuser a {
	display:block;
	color:#fff;
	width:32px;
	height: 32px;
	text-align:center;
	overflow:hidden !important;
	padding:1px;
	margin-right:4px;
	margin-bottom:4px;
	border:1px solid #555;
	float:left;
	-webkit-transition: all 100ms linear;

}

#randomuser a:hover {
	border:1px solid #fff;

}

#randomuser a.male, #friendrequests a.male {
    background-image: url('images/icon_male.png');
}

#randomuser a.female, #friendrequests a.female {
    background-image: url('images/icon_female.png');
}

#randomuser a.male span, #randomuser a.female span, #friendrequests a.male span, #friendrequests a.female span {
    display: block;
    float: left;
    font-weight: bold;
    width: 52px !important;
}

/**
 * gallery
*/

#pixad {
    width: 100%;
    text-align: center;
    padding: 10px;
}

#gallerynavigation, #gallerysearch {
    background-color: #f1f1f1 !important;
    color: #999;
    padding: 5px;
}

#gallerynavigation h3, #gallerynavigation h4 {
    color: #666;
    text-align: center;
    margin: 10px 0px 5px 0px;
}

#gallerynavigation h4, #gallerynavigation li, #gallerysearch li {
    text-align: right !important;
}

#gallerynavigation ul, #gallerysearch ul {
    margin: 0px;
    padding: 0px;
}

#gallerynavigation li, #gallerysearch li {
    margin: 5px 0px;
}

#gallerynavigation a, #gallerysearch a {
    color: #999;
    text-decoration: none;
}

#gallerynavigation li.region, #gallerysearch li {
    background-image: url('images/grau_streifen_unten.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

#gallerynavigation li.region a, #gallerysearch li a {
    background-color: #f1f1f1;
    padding-left: 10px;
}

#latestgalleries td {
    padding: 3px;
}

#latestgalleries a {
    display: block;
    width: 100%;
    height: 100%;
}

#thumbs {
    padding: 0px !important;
}

ul.gallerypager {
    float: left;
    padding: 5px 2px;
    /*width: 59px;
    height: 400px;*/
}

ul.gallerypager li {
    display: block;
    float: left;
    margin: 0px;
}

ul.gallerypager a {
    padding-left: 10px;
}

ul.gallerypager span {
    background-color: #f1f1f1;
    padding-left: 3px;
    padding-right: 10px;
}

#gallerybox {
    /*float: left;*/
    margin: 10px 0px;
    padding: 0px;
    /*width: 230px;*/
}

#gallerybox div.boxcontent dl, #gallerybox div.boxcontent div, #gallerybox div.boxcontent div p {
    float: left;
}

#gallerybox div.boxcontent dl.header {
    float: none;
    padding:5px 0px;
    margin:0;
    width:100%;
}

#gallerybox div.boxcontent dl.header dt {
    margin-right:11px;
}

#gallerybox div.boxcontent div p {
    margin-right:10px;
}

#gallerybox div.boxcontent div.profileimage {
    margin-left:50px;
}

.gboxpadding {
    background-color: #fff;
    padding: 0px 30px 0px 0px;
}

.gboxpadding2 {
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0px 30px 30px 0px;
}

.gboxpadding2 .boxcontent {
    height: 440px;
}

h2.thumbshead {
    /*margin-left: 230px;*/
}

.gallerythumbnail {
    float: left;
    padding: 2px;
    width: 142px;
    text-align: center;
}

.gallerythumbnailmargin {
    margin-left: 63px;
}

.galleryinactive {
    color: #f00;
}

.gallerypreview {
    float: left;
    padding: 5px 12px;
    width: 226px;
    text-align: center;
}

.gallerypreviewindex {
    float: left;
    padding: 5px 8px;
    width: 226px;
    text-align: center;
}

#photo {
    text-align: center;
}

.photo {
    border: 1px solid #fff;
    clear: both;
    margin: 4px 0px;
    padding: 1px;
}

.backward, .back, .forward {
    float: left;
}

.backward, .forward {
    width: 200px;
}

.backward {
    padding-left: 50px;
    text-align: left;
}

.back {
    text-align: center;
    width: 180px;
}

.forward {
    padding-right: 50px;
    text-align: right;
}

#photographertabs {
    display: block;
    float: left;
    width: 122px;
}

#photographertabs li {
    display: block;
    margin: 0px 0px 3px 0px;
    width: 120px;
    height: 30px;
    border: 1px solid #6f5f3f;
    text-align: center;
}

#photographertabs li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#photographertabs li a:hover {
    background-color: #FFF;
}

#photographerfieldsets {
    margin: 11px 0px 0px 200px;
    width: 438px;
}

#photographerfieldsets fieldset {
    width: 420px !important;
}

#photographerfieldsets label {
    display: block;
    float: left;
    clear: none;
    text-align: left;
    width: 200px !important;
}

/**
 * events
*/
#eventsfilter {
    float: left;
    margin: 0px 0px 0px 30px;
    width: 150px;
}

#eventscenter {
    margin: 0px 30px;
    float: left;
    width: 552px;
}

#eventfacts, .eventfacts {
    float: left;
    width: 150px;
    padding: 10px;
}

#eventinfo {
    float: left;
    width: 310px;
    padding: 10px 10px 30px 0px;
}

#eventflyer {
    text-align: center;
    padding: 0px 0px 30px 0px;
}

#eventflyer a img {
    border: 1px solid #000;
}

#eventform br {
    clear: both;
}

#eventform input {
    float: left;
    margin-top: 10px;
    position: absolute;
    left: 100px;
}

#eventform label {
    margin-top: 10px;
    position: relative;
    left: 0px;
    width: auto;
}

#eventform p {
    margin:0;
}

#eventform textarea {
    clear: both;
    margin-left: 20px;
}

div#eventscontainer {
    padding-left:10px;
}

ul.eventlist {
    margin: 10px 0px 10px 5px;
    padding: 0px;
}

ul.eventlist li {
    margin: 0px;
    padding: 0px;
}

/**
 * comments
*/
.commentactions {
    padding: 10px;
    text-align: center;
}

#commentformpopup {
    display: none;
}

#popupLayer_commentformpopup {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    text-align: center;
}

#popupLayer_commentformpopup fieldset {
    border: 0px;
}

.blog {
    padding: 10px;
}

.blogauthor {
    float: left;
    width: 200px;
}

.blogtext {
    margin-left: 200px;
}

/**
 * events
*/

#lotterywinform label {
    width: 100px !important;
}

.lottery {
    border-bottom: 1px solid #ddd;
    margin: 0px;
    padding: 5px 0px;
}

.lotterypic {
    float: left;
    text-align: center;
    width: 210px;
}

.lotterydetails {
    float: left;
    width: 500px;
}

/**
 * mailbox
*/
#mailbox .new td {
    background-color: #fff;
}

#mailbox a.openmail {
    display: block;
    width: 100%;
    height: 100%;
}

.pager {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 4px 0px;
}

.pagerbottom {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 4px 0px;
}

.pager li, .pagerbottom li {
    display: block;
    float: left;
    width: 90px;
}

.pager2 li {
    width: 35px !important;
}

.conversationreceived, .conversationsend {
    border: 1px solid #ddd;
    margin: 10px;
    padding: 0px 5px;
}

.conversationreceived {
    background-color: #fff;
}

.conversationsend {
    background-color: inherit;
}

/**
 * profile
*/
#privacyform label, #usersearch label {
    width: 100px;
}

.profilehead .userpic {
    background-color: #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0px;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
}

.boxcontent .profilehead .userpic {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: -1px 0px 0px -1px !important;
    padding: 0px 10px 10px 0px !important;
}

.boxcontent .profileimage {
    display: block;
    margin-top: 10px;
    text-align: center;
}

dl.general dt {
    font-weight: bold;
}

#cl .boxcontent dl, #gallerybox .boxcontent dl {
    padding: 5px;
}

#cl .boxcontent dl dt, #gallerybox .boxcontent dl dt, ul.gallerypager li a {
    background-image: url('images/grau_streifen_unten.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

#cl .boxcontent dl dt, #cl .boxcontent dl dd, #gallerybox .boxcontent dl dt, #gallerybox .boxcontent dl dd, ul.gallerypager li {
    text-align: right;
    padding: 1px 0px;
}

#cl .boxcontent dl dt span, #gallerybox .boxcontent dl dt span {
    background-color: #f1f1f1;
    padding-left: 10px;
}

.profilecompact {
    margin: 0px 0px 0px 161px;
    padding: 0px 0px 0px 10px;
}

.userpic img {
    vertical-align: middle;
}

ul#profileactions, ul#myevents {
    margin: 0px;
    padding: 5px;
}

#profileactions li, #myevents li.title {
    margin: 0px;
    padding: 2px 0px;
    text-align: right !important;
    background-image: url('images/grau_streifen_unten.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

#myevents li {
    margin: 0px;
    padding: 2px 0px;
    text-align: right !important;
}

#profileactions li a, #myevents li.title span {
    background-color: #f1f1f1;
    padding-left: 10px;
}

.profilehead {
    float: left;
    width: 165px;
}

.profiledata {
    float: left;
    width: 530px;
    padding: 0px 20px 0px 10px;
}

.profiledetails {
    float: left;
}

.profilecompact dl {
    margin: 0px;
    padding: 0px;
}

.profilecompact dt {
    clear: both;
    display: block;
    float: left;
    width: 100px;
    padding: 0px 20px 10px 0px;
}

.profilecompact dd {
    display: block;
    float: left;
}

.flirtsingle
{
    background-color: inherit;
    color: #f0f;
}

.flirtcuddle
{
    background-color: inherit;
    color: #f0f;
}

.flirtsearching
{
    background-color: inherit;
    color: #0c0;
}

.flirtadventure
{
    background-color: inherit;
    color: #0c0;
}

.flirtunhappy
{
    background-color: inherit;
    color: #f90;
}

.flirtenamored
{
    background-color: inherit;
    color: #f90;
}

.flirtmarried
{
    background-color: inherit;
    color: #f00;
}

.flirthappy
{
    background-color: inherit;
    color: #f00;
}

#friendrequests a.male {
    color: #009ab3;
}

#friendrequests a.female {
    color: #c6007d;
}

.userlistgallery {
    float: left;
    padding: 5px 5px;
    width: 154px;
    height: 200px;
    text-align: center;
}

.userlistgallery img {
    border: 1px solid #ddd;
    margin: 5px 0px;
}

.button_hover {
    width: 160px;
    height: 16px;
    background-image: url('images/button_blanko.png');
    border: none;
    font-size: inherit;
    color: inherit;
    margin: 3px;
}

.button_hover:hover {
    background-position: 0 100%;
}

#center dl dd, #centernlc dl dd {
    margin: 0px;
}