/***********************************************/
/* bobmarley                            */
/* Use with template bobmarleybar.html         */
/***********************************************/
/*   #C21002 rot  #FDDC01 gelb   #038018  gruen                    */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
* { margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;  }

body{
	font-family: Arial,sans-serif;
	line-height: 1.15;
	margin: 0px;
	padding: 0px;
	background-image:url(bgs/bg1.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom centert;
}

/******* hyperlink and anchor tag styles *******/

a{ font-size:160% ;font-weight:500;  font-family: Arial Black; color:#038018;}
a:link{font-size:160% ; font-weight:500; font-family:Arial Black; color:#038018; }
a:visited{ font-size:160% ; font-weight:500; font-family:Arial Black; color:#038018; text-decoration: underline;}
a:hover{font-size:200% ; font-family:Arial Black; color:#Ff0000; text-decoration: underline; }

/************** header tag styles **************/

h1{float:right; font: bold 180% Arial,sans-serif;color: #000000; margin: 0px 160px 0px 0px; padding:0px 0px 0px 0px; text-decoration:underline; text-align:center;}

h2{ font: bold 140% Arial,sans-serif; color:#C21002 ; margin: 0px;padding: 0px; }

h3{ font: bold 110% Arial,sans-serif; color: #C21002;  margin: 0px;padding: 0px;}

h4{ font: 140% Arial,sans-serif; color: #C21002; margin: 0px; padding: 0px; }

h5{ font: 100% Arial,sans-serif; margin: 0px;padding: 0px;}

h6 { font: bold 180% Arial,sans-serif;color: #000000; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration:underline;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper { width:890px; margin: 0 auto; }	

#masthead{ position:relative; height:268px; width: 890px; background-image:url(bilder/newhead2.png);}

.rastaman { position:absolute ; width:200px; height:336px; margin-left:730px; margin-top:50px; z-index:1; }
.woodtop { float:left; width:100%; height:70px; margin-top:25.5%; margin-left: -5px;}
/*************************************************/

#pagecell1 		{position:absolute ; width:890px; background-image:url(bgs/bgquer2.png); border:2px solid #C21002;}
.pagecell1 		{float:right; margin: 10px 50px 0px 0px ;width: 600px; border: 0px solid #cccccc;}
.pagecell1 h1 	{font: bold 180% Arial,sans-serif;color: #000000; margin: 0px 100px 20px 0px; padding:0px 0px 0px 0px; text-decoration:underline; text-align:left;}

.pagecell2 		{float:right;padding: 0px 0px 0px 0px ; margin: 30px 140px 0px 0px ;width: 494px; border: 0px solid #cccccc;}
.pagecell2 h1 	{font: bold 180% Arial,sans-serif;color: #000000;margin: 0px 120px 20px 0px; padding:0px 0px 0px 0px; text-decoration:underline; text-align:left;}
.pagecell2  h3	{font: bold 110% Arial,sans-serif; color: #C21002;  margin: 10px 0px 0px 0px ;padding: 0px;}

.pagecell2 p 	{margin-bottom: 15px;}


#pagecell3 {position:absolute ;	width:890px; height:750px; border:2px solid #C21002; background-image:url(bgs/bgquer2.png);}
#pagecell3 h3 {font: bold 110% Arial,sans-serif; color: #C21002;  margin: 10px 0px 0px 0px ;padding: 0px;}

.pagecell4 {float:right; margin: -18px 65px 0px 0px ;width: 600px; border: 0px solid #cccccc;}

#pagecellleft {position:absolute; width:20%; height:950px; z-index:1; left: 3.5px; top: 25px; }
#pagecellright {position:absolute; width:20%; height:950px; z-index:2; left: 955px; top: 25px;}
#content{ margin:75% 0% 0% 60%;padding:1% 1% 1% 1%; }

/*************************************************************/

.navi  {  display:block; margin-left:0%; margin-top: 2% ; width:189px; height:212px; padding-left:5%; padding-top:3%; background-image:url(bilder/navibg2.png);}
.navi2 { position:absolute; margin:5% 1% ; width:200px; height:54px; padding-left:0%; }
.navi3 { position:absolute; margin:10% 1% ; width:200px; height:54px; padding-left:0%;}

#shop { float:left; margin:0% 1% 0% 1%; width: 215px; padding:0px; background-image:url(bilder/shopschild.png);}
.shop { margin:0 auto; font-size:120% ;color:#FFFFFF }
.shop img {float:left; padding:0px;}

/*******************************************************************/

#cl {position:absolute;top: -1px;left: -1px;margin: 0px;padding: 0px;z-index: 100;}
#cr {position:absolute;top: -1px;right: -1px;margin: 0px;padding: 0px;z-index: 100;}
#li {float:left;top: -1%; left:0%; margin: 0px;padding: 0px;z-index: 99;}
#rr {position:absolute ; top: -1px; right: 146px; margin: 0px;padding: 0px;z-index: 99;}
#island { float:left; margin:15% 5% 25% 60%; }

img.expando{ border: none;vertical-align: top;}
#COMINGUPSOON {position:absolute; margin-top:50%; margin-left:30%;  padding:2px 5px 2px 5px; font-size: 150%; }

/************** feature styles *****************/
div#content 	{float:left; display:block; width:600px;}

.feature		{float:right; margin-top:5px; margin-right:0px; margin-bottom:15px; padding:2px 5px 2px 5px; width: 95%;}
.feature p 		{float:left; font-size: 12px;}
.feature h2		{font: bold 140% Arial,sans-serif;color: #FDDC01 ; padding: 1% 0% 1% 0%; text-decoration:underline;}
.feature img	{float: left; padding: 0px 5px 0px 0px;}
/*************************************************contact*****************************************************************************/

.contacthead		{ float:right; margin: -80px 120px 50px 0px ; width: 250px; border: 0px solid #cccccc; }
.contacthead	p	{ margin-left: 20px; font-size:14px;}
.contacthead img 	{ margin:0px 20px 0px 20px ;}
.contacthead h2 	{ margin-top: 20px; margin-bottom: 15px;}

#contactform {	float:right; width:55%;	margin-right: 100px;	margin-top: 70px;	background-color:#C63C2E; border:3px solid #058C03; }

#contact	{float:right; margin-top:2%; margin-right:28%; padding:2px 5px 2px 5px;font-size: 12px;  width: 60%;}
.contact 	{float:right; display:block; margin:0px 180px 0px 0px ; border: 0px solid #cccccc;}
.contact p 	{ line-height:19px;}
.conatct h2	{font: bold 140% Arial,sans-serif;color: #FDDC01 ; padding: 1% 0% 1% 0%; text-decoration:underline;}

#contactshop 		{ float:left; margin:0% 1% 0% 1%; width: 215px; padding:0px; background-image:url(bilder/shopschild.png);}
.contactshop 		{ margin:0 auto; font-size:120% ;color:#FFFFFF }
.contactshop img 	{ float:left; padding:0px;}



/*******************************************************ABOUT US**********************************************************************/
#pagecellabout 		{position:absolute ; width:890px; height: 1150px; background-image:url(bgs/bgquer2.png); border:2px solid #C21002;}
.pagecellabout 		{float:right; margin: -17px 160px 0px 0px ;width: 494px; border: 0px solid #cccccc;}

.abouthead		{ float:right; margin: -57px 130px 50px 0px ; width: 500px; border: 0px solid #cccccc; }
.abouthead	p	{ margin-left: 90px; font-size:14px;}
.abouthead img 	{ margin:0px 20px 0px 20px ; position: bottom center;}
.abouthead h2 	{ margin-top: 20px; margin-bottom: 15px;}

#about     {float:right; margin: -35px 80px 0px 0px; display:block; width:550px; height:800px; border: 0px solid #cccccc;  }
.about     {display:inline; float: left; margin:0px 5px 30px 5px; width: 160px; height: 260px;
			padding:0px 5px 0px 5px; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.about img { float:left; margin: 0px 0px 0px 0px ; padding:0px;}
.about p 	{ font-size:12px  text-align:center;}

#aboutshop 		{ float:left; margin:0% 1% 0% 1%; width: 215px; padding:0px; background-image:url(bilder/shopschild.png);}
.aboutshop 		{ margin:0 auto; font-size:120% ;color:#FFFFFF }
.abboutshop img {float:left; padding:0px;}



.storie 	{float: left;  margin-top:1%; margin-left: 20px; 	padding:2px 5px 2px 5px; font-size: 12px; width: 300px; color:#ffffff;}
.storie1 	{ margin-top: 20px; margin-left: 20px;  padding:2px 5px 2px 5px;  width: 300px;  }
.storie1 p 	{ float:left; margin-top: -150px;font-size: 12px;}
.storie2 	{ margin-top:2%; margin-left:56%;  padding:2px 5px 2px 5px; font-size: 80%; width: 35%; color:#ffffff; }

.storie3 	 { float:right; margin-top:0px ; margin-right: 25px ;padding:2px 5px 2px 5px; font-size: 80%; width: 235px; color:#ffffff;}
.storie3 img { margin-left: 0px;  }
.storie3 p 	 { margin-left: 0px;  }

.pic {font-size:120% ; color:#FFFFFF ; margin-top:30%; margin-left:2%; width:20%;  padding:0px; }
 

.storie img{float: left;padding: 0px 5px 0px 0px;}
.storie1 img {float: left;padding: 0px 5px 0px 0px;}
.storie2 img {float: right; margin-top: 55px; padding: 0px 5px 0px 0px;}


.beach {float:left; width:100%; margin: 75px 0px 0px 0px ; }
.beach p {font-size:14px; color: #C21002; font-weight:700;}



/************** pageName styles ****************/

#pageName{ padding: 0px 0px 0px 0px;  height:186px; width: 100%; border-bottom:1px solid #ccd2d2; background-image:url(bilder/bobhead4.5.png);}

#pageName h2{font: bold 175% Arial,sans-serif;color: #000000;margin:0px;padding: 0px;}

#pageName img{
	position: absolute;
	top: 10px;
	right: 6px;
	padding: 0px;
	margin: 0px;
	left: 590px;
	width: 116px;
}
/*************** list tag styles ***************/

ul{list-style-type: disc ;}

/*+****************************************lightbox ******************************* */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:   url("overlay.png"); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}