/******************************************************************************/
/*                            Hotel Casablanca                                */
/******************************************************************************/


html {
	 padding: 0;
 	 margin: 0;
 	 height : 100%;
	}

body	{
	margin : 0;
	padding : 0;
	font : normal 14px/18px arial, helvetica, sans-serif;
	background-color: #fff;
	color: #333;
	text-align: left;
	height : 100%;
	}



/*******************************************************  General pagelayout */

table.start	{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	}


div.wrapper {
    position : relative;
    text-align : left;
	width : 940px;
	min-height : 100%;
    height : auto !important;
	margin : 0 auto;
	margin-top : 25px;
	background-color : #fff;
	border : 1px solid #333;
	-moz-opacity : 0.9;
	filter : alpha(opacity=90);	
	}

div.wrapper_start	{
    position : relative;
	margin : 0 auto;
	margin-top : 25px;
    text-align : left;
	width : 940px;
	height : 600px;
	background-color : transparent;
	border : 1px solid #333;
	}


img 	{
	border : 0;
	}  



/***************************************************************** Hyperlinks */

a:link	{
	color : #00ccff;
	text-decoration : underline;
	}
	
a:visited	{
	color : #666;
	text-decoration : underline;
	}
	
a:hover	{
	color : #000;
	font-weight : normal;
	text-decoration : underline;
	}


/********************************************************************* Header */	

div.header  {
    margin : 0;
    padding : 0;
    width : 940px;
    height : 115px;
    background-color : #00ccff;
    }

div.header p.logo   {
    float : left;
    margin : 5px 0 0 10px;
    padding : 0;
    }

div.header p.logo img {
    margin : 20px 0 0 10px;
    padding : 0;

    }


/* Metanavigation */

div.header p.metanavigation     {
    float : right;
    margin : 90px 30px 0 0;
    font : bold 11px/15px arial, helvetica, sans-serif;
    color : #fff;
    }

div.header p.metanavigation a:link	{
	color : #fff;
	font-weight : normal;
	text-decoration : underline;
	}
	
div.header p.metanavigation a:visited	{
	color : #fff;
	font-weight : normal;
	text-decoration : underline;
	}
	
div.header p.metanavigation a:hover	{
	color : #fff;
	text-decoration : none;
	}	
	
	
/* Header Images */

div.header_images  {
    margin : 0;
    padding : 0;
    }
	

div.header_images img.header_img  {
    float : left;
    margin : 0 1px 0 0;
    padding : 0;
    width : 188px;
    }	


/**************************************************************** Navigation */

div.main_navigation {
    float : left;
	margin : 55px 0 0 25px;
	padding : 0;
	width : 175px;
	border : 0 solid #00ccff;
	border-width : 1px 0 0 0;
	}

div.main_navigation p	{
	margin : 0;
	font : normal 12px/16px arial, sans-serif;
	}

div.main_navigation p.topline    {
	border : 0 solid #039;
	border-width : 1px 0 0 0;
	}

/* Divider - Horizontal Line */

div.main_navigation p.level_one a:link,
div.main_navigation p.level_one a:visited,
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited,
div.main_navigation p.level_one_shown,

div.main_navigation p.level_two a:link,
div.main_navigation p.level_two a:visited,
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_two_shown,

div.main_navigation p.level_three a:link,
div.main_navigation p.level_three a:visited,
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_three_shown,

div.main_navigation p.level_four a:link,
div.main_navigation p.level_four a:visited,
div.main_navigation p.level_four_shown {
	border : 0 solid #00ccff;
	border-width : 0 0 1px 0;
 	font : normal 12px/16px arial, sans-serif;
    }
    
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited,
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_one_shown,
div.main_navigation p.level_two_shown,
div.main_navigation p.level_three_shown,
div.main_navigation p.level_four_shown {
    font-weight : bold;
    }



/* 1st Level */

div.main_navigation p.level_one_shown	{
	display : block;
	padding : 2px 0 2px 5px;
	background-color : #00ccff;
	color : #fff;
	width : 170px;
	}

div.main_navigation p.level_one a:link,
div.main_navigation p.level_one a:visited,
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited	{
	display : block;
	margin : 0 0 0 0;
	padding : 2px 0 2px 5px;
	text-decoration : none;
	color : #000;
	width : 170px;
	}
div.main_navigation p.level_one_selected a:link,
div.main_navigation p.level_one_selected a:visited	{
    background-color : #e5eaf5;
    font-weight : bold;
    }


/* 1st Level Hover */

div.main_navigation p.level_one a:hover,
div.main_navigation p.level_one_selected a:hover	{
	background-color : #c00;
	color : #fff;
	}
	
	
	
	

/* 2nd Level */

div.main_navigation p.level_two a:link,
div.main_navigation p.level_two a:visited	{
	display : block;
	padding : 2px 0 2px 20px;
	text-decoration : none;
	color : #000;
	width : 155px;
	}


/* 2nd Level Active IF Contains No 3rd Level*/
div.main_navigation p.level_two_selected a:link,
div.main_navigation p.level_two_selected a:visited,	
div.main_navigation p.level_two_shown    {
	display : block;
	padding : 2px 0 2px 20px;
	text-decoration : none;
    background-color : #e5eaf5;
	color : #000;
	width : 155px;
    font-weight : bold;
	}	

	

/* 2nd Level Shown IF Contains 3rd Level*/

div.main_navigation p.level_two_shown	{
	background-color : #00ccff;
	color : #fff;
	}	

div.main_navigation p.level_two a:hover,
div.main_navigation p.level_two_selected a:hover	{
	background-color : #c00;
	color : #fff;
	}	





/* 3rd Level */

div.main_navigation p.level_three a:link,
div.main_navigation p.level_three a:visited	{
	display : block;
	padding : 2px 0 2px 40px;
	text-decoration : none;
    background-color : #e5eaf5;
	color : #000;
	width : 135px;
	}


/* 3rd Level Active IF Contains No 3rd Level*/
div.main_navigation p.level_three_selected a:link,
div.main_navigation p.level_three_selected a:visited,	
div.main_navigation p.level_three_shown    {
	display : block;
	padding : 2px 0 2px 40px;
	text-decoration : none;
    background-color : #e5eaf5;
	color : #000;
	width : 135px;
	}	

	

/* 3rd Level Shown IF Contains 3rd Level*/

div.main_navigation p.level_three_shown	{
	background-color : #00ccff;
	color : #fff;
	}	

div.main_navigation p.level_three a:hover,
div.main_navigation p.level_three_selected a:hover	{
	background-color : #c00;
	color : #fff;
	}	



/* 4th Level */

div.main_navigation p.level_four a:link,
div.main_navigation p.level_four a:visited,
div.main_navigation p.level_four_shown	{	
    display : block;
	text-decoration : none;
	padding : 2px 0 2px 60px;
    color : #000;
	width : 115px;
	}
	
div.main_navigation p.level_four_shown {
	color : #000;
	}

div.main_navigation p.level_four a:hover	{
	background-color : #c00;
	color : #fff;
	}		
	
	    
    
   
/******************************************************************** Content */

div.content_wrapper {
    float : left;
    width : 670px;
    margin : 50px 0 0 40px;
    padding : 0;
    }   
  
  
div.content_wrapper div.content {
    float : left;
    margin : 20px 20px 0 0;
    padding : 0;
    width : 450px;
	}    
   

    
div.content_wrapper h1  {
    margin : 0;
    padding : 0;
    font : normal 20px/27px arial, helvetica, sans-serif;
    text-transform : uppercase;
    width : 570px;
    }




/* Start and Page Image */

p.start_image {
    position : relative;
    margin : 0;
    padding : 0;
    width : 940px;
    height : 440px;
    }



/* Media Download */

ul.media    {
    margin : 0 0 20px 18px;
    padding : 0;
    list-style : square;
    font-weight : bold;
    }


/* UL */

ul.bb-list-unordered    {
    list-style : square;
    margin : 0 0 0 15px;
    padding : 0 0 0 0;
    }


ul.bb-list-unordered li.bb-listitem   {
    margin : 0 0 2px 0;
    }


ol.bb-list-ordered-d    {
    margin : 0 0 0 25px;
    padding : 0 0 0 0;
    }


ol.bb-list-ordered-d li.bb-listitem   {
    margin : 0 0 2px 0;
    }




/************************************************************** Contact Form */

table.contact   {
    margin : 15px 0 0 0;
    padding : 5px;
    width : 460px;
    background-color : #f2f5fa    }	

	
table.contact td.col1   {
    width : 190px;
    height : 30px;
    }	


	

/************************************************************** Guestbook */

	
table.guestbook   {
    margin : 15px 0 0 0;
    padding : 5px;
    width : 460px;
        }	

	
table.guestbook td.col1   {
    font-weight: bold;
	
    }	
table.guestbook td.col2   {
    text-align: right;
    }
table.guestbook td.col1,
table.guestbook td.col2	  {
	padding-top: 10px;
	}
table.guestbook td.col1_2   {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	
	}

td.top  {
    vertical-align : top;
    }

td.right    {
    text-align : right;
    }

td.small    {
    font-size : 11px;
    }


input.contact,	
input.email,
input.email_error,
textarea	{
	width : 300px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font : bold 12px/12px "helvetica new", helvetica, arial, sans-serif;
	}

textarea    {
    margin : 4px 0 0 0;
    height : 100px;
    }

input.email_error   {
    background-color : #fcc;
    color : #000;
    }

input.button    {
    margin : 0 0 0 0;
	padding : 4px;
	background-color : #369;
	color : #fff;
	border : 1px solid #333;
	font : normal 12px/12px arial, helvetica, sans-serif;
	}
	
	
td.col2 img  {
    width : 300px;
    margin : 5px 0;
    }	
	

td.error {
	color : #D81919;
}

input.error,
textarea.error {
	border-color: #D81919;
}
	
/* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : left;
	margin-top : -25px;
	margin-left : 50%;
	padding : 0 0 0 470px;
	}

/* sold out */
div.sold {
	position:absolute;
	left:204px;
	top:139px;
	width:585px;
	height:485px;
    }







/******************************************************************** Service */

div.service {
    float : right;
    margin : 35px 0 0 0;
    padding : 0;
    width : 180px;
    font : normal 11px/15px arial, helvetica, sans-serif;
    }

div.service h4  {
    margin : 0;
    padding : 5px 0 4px 0;
    border : 1px solid #00ccff;
    border-width : 1px 0 0 0;
    font : bold 11px/15px arial, helvetica, sans-serif;
    }

div.service p   {
    margin : 0;
    padding : 0;
    }

div.service p.spacer    {
    margin : 0;
    padding : 0;
    font-size : 25px;
    line-height : 25px;
    height : 25px;
    }

div.service ul  {
    list-style : square;
    margin : 0 0 0 14px;
    padding : 0;
    line-height : 14px;
    }

div.service ul li   {
    margin : 0;
    padding : 0;    
    }

span.small  {
    font-size : 10px;
    }
     



/**************************************************************** Footer Start*/

div.footer_start  {
    position : absolute;
    bottom : 0;
    margin : 0;
    padding : 0;
    background-color : #fff;
    width : 100%;
    height : 50px;
    text-align : right;
    }       
    
div.footer_start p  {
    float : right;
    margin : 10px 30px 0 0;
    }
     
/************************************************************* Footer Content */
    
div.footer,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    width : 670px;
    height : 50px;
    color : #000;
    font : normal 10px/13px arial, helvetica, sans-serif;
    }    

div.footer  {
    margin : 0 auto;
    padding : 13px 30px 0 0;
    background-color : #00ccff;
    width : 910px;
    height : 37px;
    text-align : right;
    border : 1px solid #00ccff;
    border-width : 1px 0 0 0;
    }
    




    
    
/******************************************************************* Signatur */

div.signatur	{
	background-color : transparent;
	color : #fff;
	text-align : right;
    width : 980px;
    padding : 0;
	margin : 0 auto;
	-moz-opacity : 1.0;
	filter : alpha(opacity=100);
	}