@charset "UTF-8";


/* @override http://luckyrooms/css/basic.css */



/* last modified:
	date: 2010|12
	author: Björn Bippus-Brender 3bdesign.de
	client: luckyrooms
	
*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
}

body {
	font: 11px/16px Georgia, "Times New Roman", Times, serif;
	color: #111;
}
		
/*Color for categories */
.blue{
	background: #D2ECFF url(../images/bg/blue.gif) no-repeat 0px 0px;
}
.yellow{
	background: #F8F8E6 url(../images/bg/yellow.gif) no-repeat 0px 0px;
}
.rose{
	background: #FADBE8 url(../images/bg/rose.gif) no-repeat 0px 0px;
}

.mint{
	background: #E6F1DC url(../images/bg/mint.gif) no-repeat 0px 0px;
}

.minz{
	background: #CBE6E0 url(../images/bg/minz.gif) no-repeat 0px 0px;}
.grey{
	background: #E0DFD8 url(../images/bg/grey.gif) no-repeat 0px 0px;
}

/* @group Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */



/* @end */

/* @group Reset CSS */

/* Reset Styesheet by http://meyerweb.com/eric/tools/css/reset/*/

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img{
	border: none;
}



/* @end */

/* @group Grid */

.grid_1, .grid_1-head {
	width: 112px;
	
}

.grid_2, .grid_2-head {
	width: 234px;
	
}

.grid_3, .grid_3-head {
	width: 482px;
	
}

.grid_1, 
.grid_2, 
.grid_3 {
	border-top: 1px solid #111;
}



.line{
	border-bottom: 1px solid #111111;
	height: 6px;
}
.line-small{
	border-bottom: 1px solid #cfd4d4;
	height: 4px;
}



.column {
	overflow: hidden;
	float: left;
	display: inline;
	padding-top: 4px;
	margin: 0 8px 3px;
	
}

.row {
	margin: 0px auto;
	overflow: hidden;

}

.row-nomargin {
	margin: 0px auto 0px !important;
	overflow: hidden;
	
	
}

.row .row {
	margin: 0 -8px;
	width: auto;
}

#container{
	padding-left: 8px;
	padding-right: 8px;
	width: 876px;

}
.signet {
	background:transparent url(images/signet/luckyrooms.png) repeat 0 0;
position:relative;
	width: 253px;
	height: 182px;
	float: right;
	display: inline;
}



.signet h1, .invisible {
	text-indent: -9999em;
	display: none;
}

.signet a 
{
	a {
	height:182px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:253px;
	top:0;
}
	
}



/* @end */
/* @group Fonts */
a{
	color: #000;
}

a:hover{
	font-weight: bold;
}


ul{
	list-style-type: none;
	margin-bottom: 16px;
}

li{
	font-size: 11px;
	line-height: 16px;
}

li a{
	color: #000;
	text-decoration: none;
}

li a:hover{
	font-weight: bold;
}
li a.current{
	font-weight: bold;
	text-decoration: line-through;
}


p, h1, h2{	font-size: 11px;
	line-height: 16px;
	color: #111;
	padding: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

p{
	margin-bottom: 11px;
}

.textcolumn-left{
	width: 234px;
	float: left;
	padding-left: 0;
	padding-right: 6px;
}

.textcolumn-right{
	width: 234px;
	float: left;
	padding-left: 6px;
}

.italic{
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
}

.italic a{
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}

.luckyrooms{
	height: 36px;
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	margin-top: 146px;
}

.italics{
	font-style: italic;
	font-size: 9px;
	line-height: 13px;
	
}

.italics a{
	font-style: italic;
	font-size: 9px;
	line-height: 13px;
	text-decoration: none;
}

/* @end */

/* @group image slider */
/* @group Slideshow */
.produkt{
	height: 177px !important;
}


ul#portfolio li {
	display: none; /* Slidwshow-Effekt auf Startseite, damit keine doppelten Bilder angezeigt werden bei ausgeschaltetem JS */
}

ul#portfolio li.first {
	display: inherit;
}

/*
img{border:none;}
	
	pre{
		display:block;
		padding:10px;
		background:#e3f4f9;	
		margin:.5em 0;
		}	
			
    /* image replacement */
/*        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	/* Easy Slider */

/*	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider{width:482px;
		height:340px;
		overflow:hidden;margin-top:0em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
/*		width:482px;
		height:340px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls *//*	
#controls li {
	
}
	ol#controls, #controls ol{
		margin:3px 0;
		padding:0;
		height:0px;	
		}
	ol#controls li, #controls li{
		margin: 0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:16px;
		line-height:16px;
		}
	ol#controls li a, #controls li a{
		float:left;
		height:16px;
		line-height:16px;
		color:#000;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a, #controls li.current a{
		color:#000;
	text-decoration: line-through;
}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* // nivo slider */
#slider {
    position:relative;
    width:482px; /* Change this to your images width */
    height:365px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.small {
     width:482px; /* Change this to your images width */
    height:177px !important; /* Change this to your images height */
   
}

.small img {
     width:482px; /* Change this to your images width */
    height:177px !important; /* Change this to your images height */
   
}


/* // end nivo slider */

/* @end */

/* @group Slideshow */
ul#portfolio{
	height: 340px;
}

ul#portfolio li {
	display: none; /* Slidwshow-Effekt auf Startseite, damit keine doppelten Bilder angezeigt werden bei ausgeschaltetem JS */
}

ul#portfolio li.first {
	display: inherit;
}

/* @group fix */

#content {
	position: absolute;
	left: 136px;
	top: 0px;
	width: 749px;
	
}
#scroller {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: auto;
	z-index: 2;
	
}


#fixed {
	width:120px;
	position: absolute;
	top: 0px;
	left: 8px;
	z-index: 10;
	color: #000;
	
}



/* @end */