/*** TABLE OF CONTENTS ****************************************************
*																		  																		*
* 0. IMPORT EXTERNER STYLESHEETS										  										*
*																		 																		  *
* 1. ALLGEMEIN															  														*
*																		  																		*
* 2. FARBEN																  															*
*																		  																		*
* 3. MAIN CONTENT														  														*
*																		  																		*
*		3.1 FOYER															  															*
*																		  																		*
*			3.1.1 MOTELBLOG													  													*
*																		  																		*
*			3.1.2 FOYER - TOP-BOXEN											  											*
*																		  																		*
*			3.1.3 FOYER - TOPLIST											  												*
*																		  																		*
*			3.1.4 FOYER - POPROOMS										  												*
*																		  																		*
*		3.2 LOBBY															  															*
*																		  																		*
*			3.2.1 UPLOADNAVIGATION											  											*
*																		  																		*
*			3.2.2 CAROUSELS														  												*
*																		  																		*
*			3.2.3 NEUESTE BILDER											  												*
*																		  																		*
*			3.2.4 NEUESTE BLOGBEITRAEGE										  										*
*																		  																		*
*			3.2.5 NEUESTE VIDEOS/AUDIOS										  										*
*																		  																		*
*			3.2.6 BBM-TV																	  										*
*																		  																		*
*		3.3 MEIN ZIMMER														  													*
*																		  																		*
*			3.3.1 ZIMMER VERWALTEN-MENU										  										*
*																		  																		*
*			3.3.2 NC_BOXES													  													*
*																		  																		*
*			3.3.3 FUNKTIONSPALETTE											  											*
*																		  																		*
*			3.3.4 USER-PROFIL												  													*	
*																		  																		*
*			3.3.5 PROFIL BEARBEITEN											  											*
*																		  																		*
*			3.3.6 VAF BILDER												  													*
*																		  																		*
*			3.3.7 VAF AUDIO / VAF VIDEO										  										*
*																		  																		*
*			3.3.8 VAF MEDIA DETAIL											  											*
*																	  	  																	*
*			3.3.9 VAF MEDIA BEARBEITEN										  										*
*																		  																		*
*			3.3.10 PAGEBROWSER												  												*
*																		  																		*
*			3.3.11 GAESTEBUCH												  													*
*																		  																		*
*			3.3.12 BLOG														  														*
*																		  																		*
*			3.3.13 ZIMMER EINRICHTEN										  											*
*																		  																		*
*			3.3.14 BUDDIES AND LOVERS										  											*
*																		  																		*
*			3.3.15 INTIME DETAILS											  												*
*																		  																		*
*			3.3.16 BESUCHER													  													*
*																		  																		*
*			3.3.17 FAVORITEN												  													*
*																		  																		*
*			3.3.18 UMFRAGE													  													*
*																		  																		*
*			3.3.19 MINIFEED													  													*
*																		  																		*
*		3.4 FORUM															  															*
*																		  																		*
*			3.4.1 FORUMSUCHE												  													*
*																		  																		*
*			3.4.2 TABELLE - FORUM-INDEX										  										*
*																		  																		*
*			3.4.3 THREADS														  													*
*																		  																		*
*			3.4.4 FORUM - EINZELBEITRAG										  										*
*																		  																		*
*			3.4.5 BEITRAG SCHREIBEN											  											*
*																		  																		*
*		3.5 MOTEL-SHOP														  													*
*																		  																		*
*			3.5.1 MOTEL-SHOP - UEBERSICHT									  										*
*																		  																		*
*			3.5.2 PRODUKTLISTE												  												*
*																		  																		*
*			3.5.3 SHOPPING CART												  												*
*																	  	  																	*
*			3.5.4 EVENTCARDS												  													*
*																		  																		*
*			3.5.5 REAL-SHOP												  														*
*																		  																		*
*			3.5.6 GESCHENKE												  														*
*																		  																		*
*		3.6 QUICKMAIL														  														*
*																		  																		*
*			3.6.1 INBOX														  														*
*																		  																		*
*			3.6.2 OUTBOX													  														*
*																		  																		*
*			3.6.3 NACHRICHT SCHREIBEN										  											*
*																		  																		*
*			3.6.4 BLACKLIST													  													*
*																		  																		*
*		3.7 HAUSORDNUNG 													  													*
*																		  																		*
*		3.8 SPERMINATOR														  													*
*																		  																		*
*		3.9 ERWEITERTE SUCHE												  												*
*																		  																		*
*		3.10 TELL-A-FRIEND													  												*
*																		  																		*
*		3.11 ADMIN															  														*
*																		  																		*
*			3.11.1 MEDIEN													  														*
*																		  																		*
*			3.11.2 FORUM													  														*
*																		  																		*
*			3.11.3 BENUTZER													  													*
*																		  																		*
*			3.11.4 SHOP-ADMIN												  													*
*																		  																		*
*			3.11.5 NEWS														  														*
*																		  																		*
*			3.11.6 STATISTIKEN												  												*
*																		  																		*
*		3.12 REGISTER														  														*
*																		  																		*
* 4. TOOLBAR															  															*
*   																	  																	*
*		4.1 TOOLBAR_TITLE													  													*
* 																		  																	*
* 	4.2 LOGIN															  															*
*																		  																		*
*		4.3 GEMUETZUSTAND													  													*
*																		  																		*
*		4.4 QUICKSEARCH														  													*
*																		  																		*
*		4.5 BUDDYLIST											  			  													*
*																		  																		*
*		4.6 WHO IS ONLINE													  													*
*																		  																		*
*		4.7 ADMIN															  															*
*																	      																	*
* 5. METAINFORMATIONEN RECHTS											  											*
*																	      																	*
* 	5.1 VISITENKARTE													  													*
*																		  																		*
* 	5.2 BAGGERN-FORM													  													*
*																		  																		*
*	5.3 RANDOM USER										 				  														*
*																		  																		*
* 	5.4 GEWUSST WIE!													  													*
*																		  																		*
* 	5.5 WARENKORB													  															*
*																		  																		*
* 	5.6 AUFGEPASST! (Verbotene Inhalte und Fehler melden)	 			  				*
*																		  																		*
* 6. FOOTER																  															*
*																		  																		*
***************************************************************************/

/* 0. IMPORT EXTERNER STYLEHEETS
==========================================================================*/

@import "bbm_styles/bbm_styles_foyer.css"; 			/* Foyer und Unterseiten */

@import "bbm_styles/bbm_styles_lobby.css"; 			/* Lobby und Unterseiten */

@import "bbm_styles/bbm_styles_zimmer.css"; 		/* Zimmer und Unterseiten */

@import "bbm_styles/bbm_styles_forum.css"; 			/* Forum und Unterseiten */

@import "bbm_styles/bbm_styles_motelshop.css"; 		/* Motel-Shop und Unterseiten */

@import "bbm_styles/bbm_styles_quickmail.css"; 		/* Quickmail und Unterseiten */

@import "bbm_styles/bbm_styles_toolbar.css"; 		/* Toolbar */

@import "bbm_styles/bbm_styles_meta_rechts.css"; 	/* Metainformationen rechts */

/* 1. ALLGEMEIN
==========================================================================*/

* {
	padding: 0;
	margin: 0;
	outline: none;
}

body {
	background-color:#000;
	color:#FFF;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}

a:link {
	color: #FFF;
	text-decoration: none;
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

a:active {
	color: #FFF;
	text-decoration: underline;
}

.underline:link,
.underline:visited,
.underline:active {
	text-decoration: underline
}

.underline:hover {
	text-decoration: none;
}

h2, h3 {
	font-size: 14px;
	line-height: 20px;
}

table {
	border-collapse: collapse;
}

table, tr, td {
	border: none;
}

td {
	font-size: 11px;
	line-height: 15px;
}

th {
	text-align: left;
}

img {
	border: none;
	text-decoration: none;
}

ul {
	list-style: none;
}

ol {
	list-style-position: inside;
}

fieldset {
	border: none !important;
}

.clearall {		/* br-elemente zum float clearen */
	width: auto;
	height: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
}

/* AGB-Styles */

.terms {
	list-style: none;
}

.terms h2 {
	font-size: 14px;
	margin: 0 0 5px 26px;
	text-indent: -26px;
}

.terms ol {
	list-style-position: outside;
	padding-left: 26px;
}

/* Datenschutzbestimmungen-Styles */

.privacy h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

.privacy p {
	margin-bottom: 10px;
}

/* FAQ-Styles */

.faq {
	width: 515px;
	padding: 1px 1px 0 1px;
	margin-bottom: 15px;
	border: 1px solid #FFF;
	list-style-position: inside;
}

.faq li {
	text-indent: 5px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}

.faq li h2 {
	display: inline;
	font-size: 11px;
	line-height: 22px;
}

.faq li div {
	padding: 3px 5px 5px 32px;
	background-color: #151515;
	border-top: 1px solid #000;
}

.faq li p {
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 5px;
	text-indent: 0;
	font-weight: normal;
}

.faq table tr th,
.faq table tr td {
	padding: 2px 3px;
	border: 1px solid #CCC;
}

.faq table tr td {
	font-weight: normal;
}

/* Fehlermeldungen */

.error_message {
	margin-bottom: 10px;
}

/* 2. FARBEN
==========================================================================*/

.rot { color: #FF3434; }

.lila { color: #9966FF; }

.violett { color: #CC0066; }

.hellblau { color: #99FFFF; }

.blau { color: #0090CC; }

.gruen { color: #00CC00; }

.gelb { color: #FFFF99; }

.orange { color: #F3AD48; }

.white { color: #FFF }

/* 3. MAIN CONTENT
==========================================================================*/

.site_vollbanner {
	position:absolute;
	top:20px;
	left:3px;
	width:468px;
	height:60px;
	background-color:#333333;
}

#site_logo {
	position:absolute;
	top:13px;
	left:3px;
	width: 178px;
	height: 62px;
	background: #000 url('../images/bbm_logo.jpg') 0 0 no-repeat;
	text-indent: -9999em;
	cursor: pointer;
}

.room_div {
	position:absolute;
	top:51px;
	left:183px;
}

.room_div_intro {
	text-align:center;
	top:10px;
}

.main_content_div {
	position: absolute;
	width: 519px;
	padding: 0 0 20px 0;
	margin: 0;
	top: 369px;
	left: 196px;
}

.main_content_headline {
	width: 497px;
	height: 18px;
	padding: 0 11px;
	margin: 0 0 15px 0;
	background: #000 url('../images/main_content_headline.jpg') 0 0 no-repeat;
	font-size: 12px;
	line-height: 18px;
}

.main_content_page {
	width: 507px;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #FFF;
	background: #151515;
}

/* 3.1 FOYER
==========================================================================

Das Stylesheet für das Foyer und die Foyer-Unterseiten ist unter
/bbm_styles/bbm_styles_foyer.css zu finden.

*/

/* 3.2 LOBBY
==========================================================================

Das Stylesheet für die Lobby und die Lobby-Unterseiten ist unter
/bbm_styles/bbm_styles_lobby.css zu finden.

*/

/* 3.3 MEIN ZIMMER
==========================================================================

Das Stylesheet für das Zimmer und die Zimmer-Unterseiten ist unter
/bbm_styles/bbm_styles_zimmer.css zu finden.

*/

/* 3.4 FORUM		
==========================================================================

Das Stylesheet für das Forum und die Forum-Unterseiten ist unter
/bbm_styles/bbm_styles_forum.css zu finden.

*/

/* 3.5 MOTEL-SHOP
==========================================================================

Das Stylesheet für den Motel-Shop und die Motel-Shop-Unterseiten ist unter
/bbm_styles/bbm_styles_motelshop.css zu finden.

*/

/* 3.6 QUICKMAIL
==========================================================================

Das Stylesheet für Quickmail und die Quickmail-Unterseiten ist unter
/bbm_styles/bbm_styles_quickmail.css zu finden.

*/


/* 3.7 HAUSORDNUNG	
==========================================================================*/

.rules {
	width: 439px;
	margin: 0 40px 15px 40px;
}

.rules_header {
	width: 439px;
	height: 76px;
	background: url('../images/hausordnung_head.jpg') 0 0 no-repeat;
}

.rules_body {
	width: 355px;
	height: 435px;
	padding: 0 50px 30px 70px;
	background: url('../images/hausordnung_repeat.jpg') 0 0 repeat-y;
}

.rules_body li {
	margin: 15px 0 0 45px;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #003;
}

.rules_body li:first-child {
	margin: 0px 0 0 45px;
}

.rules_footer {
	width: 439px;
	height: 53px;
	background: url('../images/hausordnung_footer.jpg') 0 0 no-repeat;
}

/* 3.8 SPERMINATOR
==========================================================================*/

.sperminator_start {
	width: 507px;
	padding: 5px;
	clear: left;
	border: 1px solid #FFF;
	background-color: #151515;
}

.sperminator_start h2 {
	font-size: 11px;
	margin-bottom: 10px;
}

.sperminator_start img {
	float: left;
	padding: 0 10px 10px 0;
}

/* 3.9 ERWEITERTE SUCHE
==========================================================================*/

.erweiterte_suche {
	width: 517px;
	margin: 0 0 15px 0;
	border: 1px solid #FFF;
	background-color: #151515;
}

.erweiterte_suche ul {
	width: 517px;
	height: auto;
	clear: left;
}

.erweiterte_suche ul:after {
	content: "";
	display: block;
	clear: left;
}

.erweiterte_suche ul li {
	width: 162px;
	height: 125px;
	padding: 5px;
	display: block;
	float: left;
	text-align: center;
}

.erweiterte_suche ul li:first-child {
	width: 163px;
}

.erweiterte_suche ul li img {
	border: 1px solid #666;
}

.erweiterte_suche ul li p img {
	border: none;
}

.erweiterte_suche_formular {
	width: 517px;
	clear: left
}

.erweiterte_suche_formular:after {
	content: "";
	display: block;
	clear: left;
}

.erweiterte_suche_formular dt {
	position: relative;
	width: 198px;
	padding: 3px 0 3px 5px;
	margin-bottom: -23px;
	float: left;
	line-height: 17px;
	z-index: 20;
}

.erweiterte_suche_formular dd {
	position: relative;
	width: 309px;
	padding: 3px 5px 3px 203px;
	float: left;
	line-height: 17px;
	z-index: 10;
}

/* 3.10 TELL-A-FRIEND
==========================================================================*/

.tell_a_friend dt {
	width: 177px;
}

.tell_a_friend dd {
	width: 325px;
	padding-left: 185px;
}

/* 3.11 ADMIN
==========================================================================*/

/* 3.11.1 MEDIEN
==========================================================================*/

.fc_list {
	width: 516px;
	padding: 1px 0 0 1px;
	margin: 0 0 10px 0;
	border: 1px solid #FFF;
	background-color: #000;
}

.fc_list ul {
	width: auto;
	margin: 0 0 1px 0;
	overflow: hidden;
	clear: left;
}

.fc_list ul li {
	width: 516px;

	padding: 5px;
	margin: 0 1px 0 0;
	float: left;
	display: inline;
}

.fc_list ul li a img {
	border: 1px solid #666;
	margin-right:5px;
	float: left;
}




.admin_list {
	width: 516px;
	padding: 1px 0 0 1px;
	margin: 0 0 10px 0;
	border: 1px solid #FFF;
	background-color: #000;
}

.admin_list ul {
	width: auto;
	margin: 0 0 1px 0;
	overflow: hidden;
	clear: left;
}

.admin_list ul li {
	width: 161px;
	height: 150px;
	padding: 5px;
	margin: 0 1px 0 0;
	float: left;
	display: inline;
	text-align: center;
}

.admin_list ul li div img {
	border: 1px solid #666;
}

/* 3.11.2 FORUM
==========================================================================*/

.admin_forum {
	width: 519px;
	margin: 0 0 10px 0;
	border: 1px solid #252525;
	background-color: #151515;
}

.admin_forum tr th {
	padding: 2px 3px;
	background-color: #252525;
	font-size: 12px;
	text-align: left;
}

.admin_forum tr td {
	padding: 2px 3px;
	border-right: 1px solid #252525;
	border-bottom: 1px solid #252525;
}

.admin_forum_meta {
	margin: 0 0 15px 0;
}

.admin_forum_meta li {
	display: inline;
}

.forum_popup_title {
	width: 200px;
	display: block;
	padding: 2px 0 5px 5px;
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: #000;
}

.forum_popup_close {
	width: 100px;
	display: block;
	padding: 2px 5px 5px 0;
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background: #000;
}

.forum_popup {
	width: 300px;
	padding: 5px 5px 0 5px;
	border: 1px solid #FFF;
	border-top: none;
	background-color: #000;
}

.forum_popup label {
	font-size: 11px;
	font-weight: bold;
}

.forum_popup input, .forum_popup select {
	margin-bottom: 5px;
}

/* 3.11.3 BENUTZER	
==========================================================================*/

.admin_userlist {
	width: 519px;
	margin: 10px 0px;
	background-color: #151515;
}

.admin_userlist tr th {
	padding: 2px 3px;
	border: 1px solid #252525;
	background-color: #252525;
	text-align: left;
}

.admin_userlist tr td {
	padding: 2px 3px;
	border: 1px solid #252525;
}

/* 3.11.4 SHOP-ADMIN
==========================================================================*/

.admin_shop_detail {
	width: 507px;
	padding: 5px;
	margin: 10px 0 15px 0;
	border: 1px solid #FFF;
	background-color: #151515;
}

.admin_shop_detail h2 {
	margin: 0 0 10px 0;
	font-size: 11px;
}

.admin_shop_detail dl dt {
	position: relative;
	width: 80px;
	padding: 2px 0 2px 3px;
	margin-bottom: -24px;
	float: left;
	line-height: 20px;
	z-index: 20;
}

.admin_shop_detail dl dd {
	position: relative;
	width: 424px;
	padding: 2px 0 2px 83px;
	line-height: 20px;
	z-index: 10;
}

.admin_shop_detail_tab {
	width: 507px;
}

/* 3.11.5 NEWS
==========================================================================*/

.newslist {
	width: 517px;
	margin-bottom: 15px;
	border: 1px solid #FFF;
	background-color: #151515;
}

.newslist li {
	position: relative;
	width: 395px;
	height: 102px;
	padding: 5px 5px 5px 112px;
}

.newslist li div {
	position: absolute;
	width: 102px;
	height: 102px;
	top: 5px;
	left: 5px;
}

.newslist li div img {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #666;
}

.newslist li h2 {
	font-size: 12px;
	margin: 5px 0;
}

.newslist li span {
	display: block;
	margin-top: 10px;
	text-align: right;
}

.news_detail {
	position: relative;
	width: 380px;
	min-height: 122px;
	padding: 25px 5px 5px 132px;
	margin: 0 0 15px 0;
	border: 1px solid #FFF;
	background-color: #151515;
}

.news_detail h2 {
	position: absolute;
	line-height: 19px;
	font-size: 11px;
	top: 0;
	left: 5px;
}

.news_detail span {
	position: absolute;
	line-height: 19px;
	top: 0;
	right: 5px;
}

.news_detail hr {
	position: absolute;
	width: 517px;
	height: 1px;
	top: 20px;
	left: 0;
	border: none;
	background-color: #FFF;
}

.news_detail div {
	position: absolute;
	width: 122px;
	height: 122px;
	top: 25px;
	left: 5px;
}

.news_detail div img {
	display: block;
	border: 1px solid #666;
}

#profilbild_lupe {
	position: absolute;
	top: 1px;
	right: 1px;
}

.news_neu {
	width: 507px;
	padding: 5px 5px 0 5px;
	margin: 10px 0px 15px 0px;
	border: 1px solid #FFF;
	background-color: #151515;
}

.news_neu p {
	padding: 5px;
	margin-bottom: 10px;
	background-color: #252525;
}

.news_neu input, .news_neu textarea {
	margin: 5px 0;
}

/* 3.11.6 STATISTIKEN
==========================================================================*/

.statistik_wrap {
	width: 507px;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #FFF;
	background-color: #151515;
}

.statistik_wrap h2, .statistik_wrap p {
	font-size: 11px;
	margin-bottom: 5px;
}

.statistik_wrap table {
	width: 507px;
	margin-top: 5px;
}

.statistik_wrap table tr th {
	padding: 2px 3px;
	border-bottom: 1px solid #FFF;
	text-align: left;
}

.statistik_wrap table tr td {
	padding: 2px 3px;
}

/* 3.12 REGISTER	
==========================================================================*/

.altersbeschraenkung {
	position: relative;
}

.altersbeschraenkung_teaser {
	position: absolute;
	top: 0;
	right: 0;
}

/* 4. TOOLBAR	
==========================================================================

Das Stylesheet für die Toolbar ist unter
/bbm_styles/bbm_styles_toolbar.css zu finden.

*/

/* 5. METAINFORMATIONEN RECHTS
==========================================================================

Das Stylesheet für die Metainformationen rechts ist unter
/bbm_styles/bbm_styles_meta_rechts.css zu finden.

*/


/* 6. FOOTER	
==========================================================================*/

#footer_div {
	width: 519px;
	clear: both;
	padding: 0 0 2px 0;
	text-align: center;
}

.qImage img {
	float: left;
}