/* CSS Document */

body		{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 auto; font-size:0.8em;  line-height:1.5em; background-color:#ffffff;  }

span.statusinfo { sont-weight: normal; font-size: 12px; color: #888; }

tr			{ vertical-align:top; }
a			{ text-decoration:none; font-weight:bold; }
a:hover 	{ background-color:#efefef;}
input		{ font-size:0.9em; }

.input_formatted { background-color:#FFFF99; border:1px solid #999999; padding:2px; }
.input_small { background-color:white; border:1px solid #999999; padding:1px; }

select		{ font-size:0.9em; }

/* ul 			{ list-style:square outside; margin:5px 0px 0px 10px; padding:0px 0px 0px 15px; } */


/* MAIN LAYOUT ------------------------------------------------------------------------------------------------- */


#bg_image { width:100%; height:120%; left:0px; top:0px; position:absolute; z-index:0; }


#navi { position:relative; clear:both; width:950px; height:90px; z-index:100; }

#menu 		{ position:absolute; left:50px; top:70px;  width:650px; font-size:0.9em; z-index:100;}
#menu2 		{ position:absolute; left:200px; top:70px;  width:530px; font-size:0.9em; z-index:100; }
#logo 		{ position:absolute; left:700px; top:0px;  z-index:1; }
#logo2 		{ position:absolute; left:730px; top:0px;  z-index:1; }

#content { margin:0 auto; padding:0px; }


#startpage_png { position:absolute; left:-15px; top:0px; width:210px; height:460px; z-index:100; }
#startpage_small_png { position:absolute; left:0px; top:10px; width:10px; height:210px; z-index:1; }
#cinemascopeBackgroundLayer { position:absolute; background-color:#95A341; left:0px; top:109px; width:99.8%; height:265px;  z-index:-1; }


#cinemascope { clear:both; float:left; margin:0px 0px 0px 0px; width:950px; }

	/* indent flash movie if needed ...  CALC: flash 700px + margin 30px = 730 px    */
	.cinemascopeFlashmovie { float:left; z-index:30; margin-left:30px; display:inline; }


	#cinemascope .cinemascopeSidebar { border-left:2px solid white; border-right:2px solid white; width:210px; height:265px; color:white; background-color:#451f2c; float:left; font-size:0.85em; }
	#cinemascope .cinemascopeSidebar a { color:white; font-weight:normal; }
	#cinemascope .cinemascopeSidebar a:hover { color:#a3af03; }






#contentBlock { clear:both; padding-top:20px; z-index:150; display:block; width:980px; z-index:10; font-size:0.85em; color:#333333; }

	.partnerLogos { padding:85px 0 0 10px; float:left; width:150px; text-align:right; }
	.partnerLogos img { margin:7px 0px; }

	.contentColumn { padding:12px 10px 0 25px; display:inline; float:left; width:536px; }
	.contentNewsblock { padding:5px; display:inline; float:left; width:198px; border-left:2px solid #efefef; border-right:2px solid #efefef;}


	.contentSingleReview {clear:both; padding:10px;  margin:15px 0px;  border:1px solid #cccccc; background-color:#e7e9da; vertical-align:top; width:85%;  }
	.contentPressReview { clear:both; padding:10px 0; vertical-align:top; }








	.contentStartBanner { clear:both; margin:20px 20px 0px 0px;  width:520px; vertical-align:bottom; }
	.contentStartBanner img { float:left; margin-right:15px; }

	






#staticPage 		{ clear:both; width:850px; margin:15px 0 0 0; border-top:1px solid #cccccc; padding:10px 0 0 50px; vertical-align:top; font-size:0.85em; }
#staticPage a 		{ color:#ff6600; }

#staticPage .headerImage   			{ float:left; padding:0 15px 4px  0; }
#staticPage .staticPageHeadline 	{ margin:0; padding:0; font-size:1.4em; font-weight:normal; color:#666666; line-height:1.4em; }




#contentCommunity	{ clear:both; width:950px; margin:0; padding:10px 0 0 50px; }


	.sneakPreview					{ float:left; width:310px; margin:15px 0px 15px 0; font-size:0.85em; }
	.sneakPreview a					{ color:#6699cc; }
	
	.sneakPreviewFoto				{ float:left; border:1px solid #999999; padding:10px; width:110px; height:80px;  }
	.sneakPreviewText				{ float:left; border:none; margin-left:10px; width:140px; font-size:0.9em; }


	.postPreview					{ clear:both; font-size:0.85em; vertical-align:top; }
	.postPreviewText				{ float:left; }


	.votingProfileFotos				{ clear:both; }
	.votingProfileName				{ clear:both; padding:15px 0 0 0; font-size:1.2em; font-weight:bolder; color:#999999;  }
	.votingProfileInfos				{ clear:both; padding:15px 0 0 0; }


	.NOhighlightVotingCipher 		{ margin-right:10px; padding:3px; } 
	.highlightVotingCipher 			{ margin-right:10px; border:3px solid #cccccc; } 
	

#contentBlog 		{ clear:both; width:850px; padding:0 0 20px 50px; }
#contentBlog a 		{ color:#6699cc; }
	
	.blogLongDate 					{ margin:10px 0px; font-size:0.85em; color:#666666; letter-spacing:0.5em; }
	.blogTitle 						{ margin-bottom:10px; font-size:1.4em; color:#a3af03; font-weight:bolder; }
	.blogContent 					{ font-size:0.85em; color:#333333; }
	.comments 						{ clear:both; margin:15px 0px; font-size:0.85em; color:#656c02; }
	
	.getInTouch 					{ margin:15px 0px 15px 50px; font-size:0.8em; color:#666666; }

	.blogCommentFrom 				{ font-size:0.85em; color:#666666; }
	.blogCommentFrom a 				{ font-size:0.85em; color:#333333; }

	
	.calendarOverview 				{ clear:both; }
	.calendarOverview img			{ float:left; padding:0 12px 0 0; }
	.calendarOverview .sneakPreview	{ font-size:0.9em; }
	.calendarOverview a				{ font-size:0.9em; }
	
	.calendarOverview .itemHeader	{ clear:both; font-size:1.2em; color:#666666; padding:20px 0 0 0; }
	
	.calendarCurrentItem			{ display:block; clear:both; vertical-align:top; padding:25px 0 0 0; }
	.calendarUpcomingItem			{ display:block; clear:both; vertical-align:top; padding:25px 0 0 0; }
	.calendarRecentItem				{ display:block; clear:both; vertical-align:top; padding:25px 0 0 0; }
	
	
	
	
#singleProfile		{ clear:both; width:100%; margin:0 0 0 0; padding:0px 0 0 50px; vertical-align:top; font-size:0.85em; }

	.profileFotos					{ max-width:830px; padding:10px; }
	.profileName					{ font-size:1.4em; font-weight:bolder; color:#666666; }
	.profileKeyFacts				{ width:600px; font-size:0.85em; color:#333333; float:left; margin:20px 0 0 0; }
	
	.profileMatchingBox				{ width:228px; float:left; }
	
	.profileMatchingHeadline		{ width:228px; font-size:1.2em; font-weight:bolder; float:left;}
	.profileMatching				{ width:228px; font-size:0.85em; padding:5px; border:1px solid #cccccc; float:left; }
	
	.sorrounding					{ width:102px; height:6px; border:1px solid #ddd; margin:6px 0 0 0;}
	
	.profileMatchingHighest			{ height:6px; background-color:#CC3399;  }
	.profileMatchingHigh			{ height:6px; background-color:#FF66CC;  }
	.profileMatchingAverage			{ height:6px; background-color:#FFAAE3;  }
	.profileMatchingOK				{ height:6px; background-color:#999999;  }
	.profileMatchingLow				{ height:6px; background-color:#6699ff; }


	.profileSubmenu					{ clear:both; padding:20px 0 20px 0; font-size:0.85em; color:#333333; }
	.profileSubmenu	a				{ color:#333333; }
	



#newsBox 			{ clear:both; position:relative; margin:15px 0 0 0; width:850px; border-top:1px solid #cccccc; padding:20px 0 0 50px; vertical-align:top; font-size:0.85em; }
* html #newsBox 	{ width: 900px; }

#newsBox a 			{ color:#6699cc; }


	.newsSingleNews 				{ width:600px; margin-right:25px; float:left; }
	.newsSingleNews img 			{ float:left; padding:0 15px 4px  0; }
	.newsSingleNews .newsHeadline 	{ margin:0 auto; padding:0; font-size:1.4em; font-weight:normal; color:#666666; line-height:1.4em; }

	.newsOverview 					{ width:200px; float:right; }
	.newsOverview .newsEntry 		{ display:block; clear:both; vertical-align:top; margin-bottom:15px;  }
	.newsOverview .newsEntry img 	{ float:left; padding:0 12px 0 0; }
	.newsOverview .newsEntry .sneakPreview { font-size:0.9em;   }
	.newsOverview .newsEntry  a 	{ font-size:0.9em; }


	.newsBlog						{ width:600px; }
	.newsParticipants				{ clear:both; }
	.newsBlogEntry					{ clear:both; }
	.newsBlogEntryText				{ float:left; width:370px; }
	.newsBlogEntryFrom				{ float:left; width:220px; margin:0 0 0 10px; }




#mySpace			{ clear:both; position:relative; margin:15px 0 0 0; width:1000px; z-index:10; font-size:0.85em; }




#contentBox			{ float:left; width:700px; z-index:10;} 


	.mySpacePageHeadline 			{ margin:0; padding:20px 20px 20px 50px; color:white; background-color:#e24173; z-index:10; }
	.mySpacePageHeadline a 			{ color:white; }
	.mySpacePageHeadline a:hover 	{ color:white; background-color:#c8204f; }


	.mySpaceNewSingles 				{ margin:0; padding:20px 20px 0 50px; }
	.mySpaceNewSingles	a			{ color:#6699cc; }


	.mySpaceUpdates 				{ clear:both; padding:30px 0 0 50px; }
	.mySpaceUpdates	a				{ color:#6699cc; }
	
	.updateDays 					{ clear:both; float:left; width:620px; padding-top:10px; }
	
	.updateDays .today 				{ float:left; width:290px; color:#333333;  border:1px solid #cccccc; padding:5px; margin-right:10px; background-color:white; }
	.updateDays .today strong 		{ color:#444444; }
		
	.updateDays .today .headline 	{ float:left; margin-bottom:10px; }
	
	.updateDays .today .headline .weekday { float:left; text-transform:uppercase; color:#444444; font-size:20px; line-height:22px; margin-right:5px; }
	.updateDays .today .headline .date { float:left; text-transform:uppercase; text-align:center; color:white; font-size:7px; line-height:10px; width:20px; height:20px; }
	.updateDays .today .headline .navigation { float:left; text-align:right; width:100px; }

	.updateDays .today .randomImage { clear:both; margin:3px 0px; }
	
	
	.mySpaceNowOnline 				{ clear:both; padding:30px 0 0 50px; }
	.mySpaceNowOnline	a			{ color:#6699cc; }
		
		
		

#mySpaceSidebar 	{ float:left; width:275px; line-height:1.5em; }


	.votingPreview					{ margin-top:-14px; padding:80px 5px 5px 5px; height:133px; background-image:url(/images/_pages/mySpace/box_imVoting.gif); color:white; z-index:20; }
								    /* set negative magin to place bg image
									   height calc for bg image: 218px - 80px - 5px = 133px */
	.votingPreview a 				{ color:white; }
	.votingPreview a:hover 			{ color:white; background-color:#c8204f; }


	.inviteFriends					{ width:190px; background-color:#663366; padding:5px; margin-top:2px; }
	.inviteFriends a 				{ color:white; font-weight:normal; }
	.inviteFriends a:hover 			{ background-color:white; font-weight:normal; color:#663366; }


	.showEventCalendar 				{ width:188px; border:1px solid #cccccc; padding:5px; margin:-10px 0 10px 0;}
	.showEventCalendar a 			{ font-weight:normal; color:#663366; }
	.showEventCalendar a:hover 		{ color:white; background-color:#663366; }


	.newsItem 						{ padding:5px 0px; width:195px; }
	.newsItem a 					{ font-weight:normal; color:#663366; }
	.newsItem a:hover 				{ color:white; background-color:#663366; }


.today .randomImage img {
    width: 100%;
}

    div.shortmessages {
        width: 100%;
        float: left;
        margin-top: 10px;
        background: #c6d9f1;
        margin-bottom: 10px;
    }
        div.shortmessagecontainer {
            width: 100%;
            border-collapse: collapse;
        }
        div.entryformwrap {
            width: 100%;
            color: #fff;
            border-collapse: collapse;
        }
            div.entryformwrap .entryform {
                width: 100%;
                padding: 5px 0px 0px 5px;
            }
                .entryform b {
                    font-size: 1.2em;
                }
                #shortmessagetext {
                    width: 200px;
                    padding: 5px;
                    color: #555;
                }
                #shortmessagesubmit, #expander {
                    font-size: 10px;
                    line-height: normal;
                    float: right;
                    margin-right: 10px;
                    width: 55px;
                    border: 1px solid #333;
                    background: #376092;
                    color: #fff;
                    padding: 2px 0px;
                    font-family: Arial, Verdana,"sans-serif";
                    margin-top: 1px;
                }

        #expander {
            width: 53px;
            margin-top: 0px;
            border-collapse: separate;
            margin-right: 5px;
            cursor: pointer;
            padding: 2px 0px;
            margin-bottom: 5px;
            text-align: center;
        }
        
        

        .shortmessageItem {
            color: #555;
            padding: 5px 5px 8px 5px;
            font-size: 10px;
            line-height: normal;
        }
            div.hideMe {
                display: none;
            }
            .shortmessageItem .from_date {
                color: #376092;
                font-size: 10px;
            }
                .shortmessageItem .from_date a {
                    color: #376092;
                    text-decoration: none;
                    font-weight: normal;
                    background: none;
                }
                .shortmessageItem .from_date a:hover {
                    color: #fff;
                    background: none;
                    font-weight: normal;
                }



.updateDays .todayWrapper {
    width: 310px;
    float: left;
}
















#impressum	{ clear:both; margin:0px 0px 0px 185px; padding-top:20px; width:700px; float:none; font-size:0.8em; line-height:1.3em; color:#555555;}
#impressum  a { color:#666666; }


#adsense_google {
    position: fixed;
    top: 308px;
    left: 910px;
    background: #ccc;
    width: 130px;
    height: 200px;
}

#checkInvitationCode {
    display: inline;
    cursor: pointer;
    background: #555;
    color: #fff;
    padding: 2px;
}

#bos_invitation_code.correct {
    background: #1c1;
    color: #fff;
}
#bos_invitation_code.incorrect {
    background: #c11;
    color: #fff;
}

.cinemascopeloginformembers { border-top:2px solid white; padding:15px 5px 5px 5px; }
#* html .cinemascopeloginformembers, html.* .cinemascopeloginformembers { padding: 0px 5px 0px 5px; }

#bestmatchsinglespreview { display: none; }