body {
	margin-bottom: 20px;
	font-family: tahoma;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #6676BD;
	margin-top: 10px;
    background-image: url(http://www.phuketguiden.com/bilder/background.jpg);
}




a.small1:link {
	color: #283369;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}

a.small1:visited {
	color: #283369;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}
a.small1:active {
	color: #283369;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;

}
a.small1:hover {
	color: #283369;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
    font-style: normal;
	text-decoration: underline;
}



a.small2:link {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #484538;
	font-weight: normal;
}

a.small2:visited {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #484538;
	font-weight: normal;
}
a.small2:active {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #484538;
	font-weight: normal;
}
a.small2:hover {
	text-decoration: underline;
	font-family: Tahoma;
	font-size: 11px;
	color: #172858;
	font-weight: normal;
}


a.linkhotell:link {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

a.linkhotell:visited {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
a.linkhotell:active {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
a.linkhotell:hover {
	text-decoration: underline;
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}



a:link {
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

}

a:visited {
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}
a:active {
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

}
a:hover {
	color: #000000;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
}









td, textarea, input, select {
	font-family: Tahoma, verdana;
	font-size: 11px;
	color: 484538;
	font-weight: normal;
}
.tableDetail {
	font-size: 10px;
	font-family: Verdana;
	color: #49394E;
}
.bild {  border: solid; border-width: 1px 2px 2px 1px; border-color: #CCCCCC #333333 #333333 #CCCCCC}

.bild1 {  border: solid; border-width: 0px 0px 0px 0px; border-color: #CCCCCC #333333 #333333 #CCCCCC}

.bildbanner {  border: solid; border-width: 0px 1px 1px 0px; border-color: #CCCCCC #000000 #000000 #CCCCCC}



.text1 {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.text2 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #283369;
}
.text3 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: 8A8EC1;
}
.text4 {
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	color: BF302C;
}
.text5 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: C6C6C6;
}
.text6 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.text7 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.text8 {

	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 94AEC5;
}
.text9 {


	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #BBB28F;
}
.text10 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.text12 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #2E3A6E;
}
.text13 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #3C487F;
}
a.linkmeny:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

}

a.linkmeny:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

}
a.linkmeny:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}


a.linkleftmeny:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}

a.linkleftmeny:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;

}
a.linkleftmeny:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}





.frame {
	border: 1px solid #A6A6A6;
}
.designed_by {
	font-family: Arial;
	font-size: 8.5px;
	font-weight: lighter;
	color: #000000;
}

.inputstyle {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;	
	background-color: #E6EAF9;
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-LEFT: 1px solid #000000;
	BORDER-RIGHT: 1px solid #000000;
	BORDER-TOP: 1px solid #000000;
}
.inputstyle1 {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;	
	background-color: #E4DECF;
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-LEFT: 1px solid #000000;
	BORDER-RIGHT: 1px solid #000000;
	BORDER-TOP: 1px solid #000000;
}
.textbox {
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 11px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
}

.settext {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #DEE7F9;
	text-align:center;
}








/* LAYOUT ONLY!! */
#container {
	width: 100%;
	border: 0px solid gray;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px; /*10px;*/
	background-color: #FFFFFF;
}
#header {
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	text-align: center;
}
#content {
	margin-left: 1px;
	padding: 0px;
	background-color: #FFFFFF;
	float: center; 
	width: 100%; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: auto; 	
    margin-top: 0px;
}
#menu {

}

#footer {
	clear: both;
	padding: 5px;
	margin-top: 5px;
	background-color: #FFFFFF;
	text-align: center;
}

/* THE LEFT MENU */
ul#navlist
{
	width: 85px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: bold 11px verdana,helvetica,arial,sans-serif;
	background: #000000;
}

ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #000000;
}

ul#navlist li a
{
	display: block;
	width: 85px;
	padding: 2px 4px 2px 4px;
	border: 0px;
	border-left: 10px solid #283369;
	background: #43518E;
	text-decoration: none;
	text-align: right;
}

ul#navlist li a:link { color: #FFFFFF; }
div#navcontainer li a:visited { color: #FFFFFF; }

ul#navlist li a:hover
{
	border-color: #CDD5FA;
	color: #FFFFFF;
	background: #283369;
}

/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #CDD5FA;
	color: #FFFFFF;
	background: #283369;
}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding-left: 0;
	margin-top: 9;
	text-align:center;
	margin-left: 0;
	background-color: #FFFFFF;
	color: #000000;
	float: center;
	width: 100%;
	font: bold 11px verdana,helvetica,arial,sans-serif;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0.2em 1em;
	text-align:center;
	background-color: #FFFFFF;
	color: 000000;
	text-decoration: none;
	float: center;
	border-right: 0px solid #fff;
}

#navcontainer2 ul li a:hover
{
	background-color: #FFFFFF;
	text-align:center;
	color: #000000;
		text-decoration: underline;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;
      border-width: 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	
      border-width: 0px;  
}
	
.imglist {

	  border-color: #000000;
	  border-style:solid;	
      border-width: 1px;  
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #D6DDE6;
      border-width:1px;
}

.imgicon { 
border-width: 0px;
}


/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	/* color: #333333; */
	margin: 0px;
	padding: 0px;
	color: black;
}
h1 { 
	 /* left menu */
	 font-size: 13px;
     font-weight: bold;
	 color: #283369;
}
h2 { /* page headers */
	 font-size: 12px;
     font-weight: bold;
	 color: #283369;
} 
h3 { /* slogan under logo */ 
	 font-size: 11px;
     font-weight: bold;
	 color: #283369;
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
}
h5 { /* product id in details.php */
	 font-size: 14px;
     font-weight: bold;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     border-top: 1px solid;
     border-bottom: 1px solid;
 	 background-color: #847E66;
     color: white;
     /*text-transform: uppercase;*/
}


/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }



/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
}

/* a class that describes how tables should look */
.datatable {
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
	
}


.datatable td {
		border: 1px solid #000000;	
		padding: 2px;
		text-align: left;
    	vertical-align: top;
}
.datatable th {
		border: 0px solid #000000;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding: 4px;
}
.datatable caption {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

.datatableborderless caption {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

.datatableborderless {
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}

.datatableborderless a{
		font-size: 11px;
		font-weight: bold;
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
	
}

.datatableborderless a:link{
		font-size: 11px;
		font-weight: bold;
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
	
}

.datatableborderless a:visited{
		font-size: 11px;
		font-weight: bold;
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
	
}

.datatableborderless a:hover{
		font-size: 11px;
		font-weight: bold;
		border: 0px solid #000000;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
	    text-decoration: underline;	
}

.datatableborderless td {
		border: 0px solid #000000;	
		padding: 0px;
		text-align: left;
    	vertical-align: top;
	
}

.datatableborderless th {
		border: 0px solid #000000;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding: 4px;
	
}


.borderless caption {
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {

		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	
/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;	
}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:15em;
    border:1px solid #000000;
    background-color:#E9E4C5;
	color:#000;
    text-align: left;
}


/* single pixel borders on input boxes */
input, textarea
{
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;	
	background-color: #E6EAF9;
	BORDER-BOTTOM: 1px solid #000000;
	BORDER-LEFT: 1px solid #000000;
	BORDER-RIGHT: 1px solid #000000;
	BORDER-TOP: 1px solid #000000;
}

.button {
font-family:Verdana;
font-size:7pt;
font-weight:normal;
font-style:normal;
color:#003300;
background-color:#E6EAF9;
border-style:solid;
border-width:1px;
border-color:#000000;

}


a.linkadmin:link {
	color: #000000;
	font-family: tahoma;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

}

a.linkadmin:visited {
	color: #000000;
	font-family: tahoma;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

}
a.linkadmin:hover {
	color: #000000;
	font-family: tahoma;
	font-size: 9px;
	font-weight: bold;
    font-style: normal;
	text-decoration: underline;
}

.textbox1 {
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 10px;
	MARGIN-BOTTOM: 0px;
	MARGIN-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
	background-color: #E6EAF9;

}