body	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		background-color: #adadad;
		background-image: url(./citybox-grafikk/bakgrunn_trans.gif);
		background-repeat: no-repeat;
		background-position: top center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		}

/* css concerning the formatting of text for the whole site. */

a:link		{ color: #666666; text-decoration: none; }
a:hover		{ color: #000000; text-decoration: none; }
a:active	{ color: #FF0000; text-decoration: none; }
a:visited	{ color: #666666; text-decoration: none; }


h1 	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

h2 	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Georgia, Times new roman, serif;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
	}

h3 	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Times new roman, Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	}

h4 	{
	margin: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 0px;
	border: 0px;
	font-family: Times new roman, Georgia, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	background-image: url(./citybox-grafikk/skygge.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	}

h5 	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: georgia, Times new roman, serif;
	font-size: 17px;
	font-weight: normal;
	}

h6 	{
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	}

p 	{
	font-size: 11px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

/* css concerning the layout of the whole site. */

#outerbox	{
			width: 702px;
			height: 534px;
			mheight: auto !important;
			_height: 534px;
			margin-top: 60px;
			margin-right: auto;
			margin-left: auto;
			background-color: transparent;
			padding: 0px;
			margin-bottom: 0px;
			}

#innerbox	{
			padding-top: 0px;
			padding-bottom: 0px;
			padding-right: 25px;
			padding-left: 25px;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left:0px;
			margin-right: 0px;
			mheight: auto !important;
			_height: 534px;
			height: 734px;
			background-color: #FFFFFF;
			position:relative;
			}

#menubox_header		{ padding-bottom: 7px; margin-top: 15px; float: left; }
#menubox_content	{ padding-bottom: 7px; height: 20px; margin-top: 19px; float: right; text-align: right; line-height: 18px; }
#menubox_content_submenu	{ padding-bottom: 7px; height: 20px; float: right; text-align: right; line-height: 18px; }
img#flag 			{ vertical-align: middle; border: 0;}

#clearmenu 	{
			clear: both;
			height: 1px;
			margin: 0px;
			padding: 0px;
			border: 0px;
			}
.clearmenu 	{
			clear: both;
			height: 1px;
			margin: 0px;
			padding: 0px;
			border: 0px;
			}

#content	{
			border-top: 1px solid #CCCCCC;
			/*height: 550px;*/
			margin: 0px;
			padding: 0px;
			margin-top: 0px;
			padding-top: 20px;
			padding-bottom: 80px;
			}

#orderroom	{
			width: 100px;
			height: 70px;
			text-align: center;
			background-image: url(./citybox-grafikk/koffertpil.gif);
			background-repeat: no-repeat;
			background-position: top center;

			position: absolute;
			right: 5px;
			bottom: 5px;
			padding: 0;
			}

#orderroom a			{ color: #000000; text-decoration: none; display: block; width: 100px; height: 15px; padding-top: 30px; padding-bottom: 20px; }
#orderroom a:hover      { color: #666666; text-decoration: none; }
#orderroom a:active     { color: #666666; text-decoration: none; }
#orderroom a:visited   	{ color: #000000; text-decoration: none; }

#footer	{
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: auto;
		margin-left: auto;
		width: 702px;
		height: 15px;
		color: #FFFFFF;
		background-color: transparent;
		}

#footer #cityboxlink	{ height: 10px; float: left; }
#footer #snediglink		{ height: 10px; float: right; }

#footer a:link		{ color: #FFFFFF; text-decoration: none; padding-top: 4px; margin: 0px; }
#footer a:hover		{ color: #000000; text-decoration: none; padding-top: 4px; margin: 0px; }
#footer a:active	{ color: #000000; text-decoration: none; padding-top: 4px; margin: 0px; }
#footer a:visited	{ color: #FFFFFF; text-decoration: none; padding-top: 4px; margin: 0px; }

/* css specific to the index page */

#indexcontent 	{
				background-image: url(./citybox-grafikk/indexill.gif);
				background-position: 98% 50px;
				background-repeat: no-repeat;
				text-align: left;

				}

ul { margin: 0; padding: 0;}

ul.pricelist li	{
				display: block;
				float: left;
				padding-top: 75px;
				background-repeat: no-repeat;
				background-position: top left;
				width: 105px;
				margin: 0px;
				/*padding: 0px;*/
				}

ul.pricelist li.singlenobathroom 	{ background-image: url(./citybox-grafikk/romvalg_1a.gif); }
ul.pricelist li.singlewithbathroom 	{ background-image: url(./citybox-grafikk/romvalg_2a.gif); }
ul.pricelist li.doublenobathroom 	{ background-image: url(./citybox-grafikk/romvalg_3a.gif); }
ul.pricelist li.doublewithbathroom 	{ background-image: url(./citybox-grafikk/romvalg_4a.gif); }
ul.pricelist li.familywithbathroom	{ background-image: url(./citybox-grafikk/romvalg_5a.gif); }

/*lesmer01.php, lesmer02.php, lesmer03.php*/

#readmorecontent {}

img#map { float: right; }

/*bilde01.php - bilde08.php*/

#picturepagecontent {}

.imgbig	{ float: right; }

#imagemap	{
			width: 192px;
			height: 414px;
			background-image: url(./citybox-grafikk/bildebakgrunn.gif);
			float: left;
			margin: 0px;
			}

#imagelist ul	{
				float: left;
				text-align: left;
				list-style: none;
				margin-top: 15px;
				margin-left: 40px;
				}



#imagelist ul li 	{
					line-height: 18px;
					}

img.noborder	{
				border: 0px;
				}

/*
#imagelist ul li a.uthevet	{
							font-weight: bold;
							color: black;
							}

#imagelist ul li a.ikkeuthevet	{
								font-weight: normal;
								}
*/



/*bestillrom01.php*/

.orderroomcontent  {text-align: left;}

.calenderrow	{
					float: left;
					width: 250px;
					position: relative;
					}
.calenderrow p	{ float: left; }
.calenderrow div.calenderheading { height: 60px; }

img.calenderimg	{vertical-align: middle;}

p.chosendate	{
				font-family: georgia, times new roman, serif;
				font-weight: bold;
				font-size: 14px;
				}


.calenderwrapshadow	{
					width: 230px;
					height: 250px;
					float: left;
					text-align: left;
					padding: 0px;
					border: 0px;
					background-image: url(./citybox-grafikk/kalenderskygge.gif);
					background-position: bottom right;
					background-repeat: no-repeat;
					margin: 0;
					margin-bottom: 10px;

					}

.calenderwrap	{
					width: 190px;
					text-align: center;
					padding: 12px;
					border: 0px;
					margin: 0px;
					background-color: #e6e6e6;
					}


.calenderwrap table	{
					z-index: 0;
					border-collapse : collapse;
					background-color: #e6e6e6;
					margin-right: auto;
					margin-left: auto;
					}

th	{
	padding: 3px;
	font-family: georgia, times new roman, serif;
	}

tr.weekday th	{
			color: #666666;
			}

td 	{
	padding: 3px;
	border: 1px solid #c0c0c0;
	font-family: georgia, times new roman, serif;
	font-size: 17px;
	text-align: center;
	}

td a:link	{
		color: black;
		}

td.redday a:link	{
					color: #8b0000;
					}

td.redday	{
			padding: 3px;
			border: 1px solid #c0c0c0;
			font-family: georgia, times new roman, serif;
			font-size: 17px;
			text-align: center;
			color: #8b0000;
			}

td.notavailable		{
					padding: 3px;
					border: 1px solid #c0c0c0;
					font-family: georgia, times new roman, serif;
					font-size: 17px;
					text-align: center;
					color: #9999a7;
					}

td.notavailableredday	{
							padding: 3px;
							border: 1px solid #c0c0c0;
							font-family: georgia, times new roman, serif;
							font-size: 17px;
							text-align: center;
							color: #f08093;
							}

td.arriveactive		{
					padding: 3px;
					border: 3px solid green;
					font-family: georgia, times new roman, serif;
					font-size: 17px;
					text-align: center;
					}

td.departactive		{
					padding: 3px;
					border: 3px solid red;
					font-family: georgia, times new roman, serif;
					font-size: 17px;
					text-align: center;
					}



div.popupmaned	{
			display: none;
			width: 150px;
			height: 250px;
			text-align: right;
			background-color: #e6e6e6;
			border: 1px solid #808080;
			position: absolute;
			top: 100px;
			left: 50px;
			z-index: 1;
			margin: 0px;
			padding: 0px;
			}

ul.popupmanedliste	{
			list-style: none;
			text-align: right;
			z-index: 1;
			padding: 5px;
			line-height: 20px;
			margin: 0px;
			margin-top: 0px;
			}


li.popupmanedtekst	{
					color: #808080;
					font-family: georgia, times new roman, serif;
					font-size: 14px;
					z-index: 1;
					}

li.popupmanedtekst:hover	{
							color: #000000;
							}





/*bestillrom02.php*/


#chooseroomleft	{
				width: 200px;
				height: 400px;
				float: left;
				border-right: 1px solid #CCCCCC;
				margin: 0px;
				padding: 0px;
				padding-right: 10px;
				}

#chooseroommiddle	{
				text-align: center;
				width: 170px;
				height: 400px;
				float: left;
				border-right: 1px solid #CCCCCC;
				margin: 0px;
				padding: 0px;
				padding-right: 10px;
				}

#chooseroomright	{
				text-align: center;
				width: 170px;
				height: 400px;
				float: left;
				border-right: 1px solid #CCCCCC;
				margin: 0px;
				padding: 0px;
				padding-right: 10px;
				}


ul.orderlist	{
				list-style: none;
				margin: 0px;
				padding: 0px 5px 0px 5px;
				border: 0px;
				text-align: left;
				}

ul.orderlist a:link        	{ color: #000000; text-decoration: none; }
ul.orderlist a:hover      	{ color: #666666; text-decoration: none; }
ul.orderlist a:active     	{ color: #666666; text-decoration: none; }
ul.orderlist a:visited   	{ color: #000000; text-decoration: none; }

ul.orderlist li	{
				padding-left: 75px;
				background-repeat: no-repeat;
				background-position: top left;
				height: 75px;
				margin: 0px;
				/*padding: 0px;*/
				padding-top: 5px;
				color: #666666;
				}

ul.orderlist li.singlenobathroom 	{ background-image: url(./citybox-grafikk/romvalg_1a.gif); cursor: pointer; }
ul.orderlist li.singlewithbathroom 	{ background-image: url(./citybox-grafikk/romvalg_2a.gif); cursor: pointer; }
ul.orderlist li.doublenobathroom	{ background-image: url(./citybox-grafikk/romvalg_3a.gif); cursor: pointer; }
ul.orderlist li.doublewithbathroom	{ background-image: url(./citybox-grafikk/romvalg_4a.gif); cursor: pointer; }
ul.orderlist li.familywithbathroom	{ background-image: url(./citybox-grafikk/romvalg_5a.gif); cursor: pointer; }

ul.orderlist li.u_singlenobathroom 	{ background-image: url(./citybox-grafikk/romvalg_1b.gif); }
ul.orderlist li.u_singlewithbathroom{ background-image: url(./citybox-grafikk/romvalg_2b.gif); }
ul.orderlist li.u_doublenobathroom 	{ background-image: url(./citybox-grafikk/romvalg_3b.gif); }
ul.orderlist li.u_doublewithbathroom{ background-image: url(./citybox-grafikk/romvalg_4b.gif); }
ul.orderlist li.u_familywithbathroom{ background-image: url(./citybox-grafikk/romvalg_5b.gif); }

ul.orderlist li.n_singlenobathroom,
ul.orderlist li.n_singlewithbathroom,
ul.orderlist li.n_doublenobathroom,
ul.orderlist li.n_doublewithbathroom,
ul.orderlist li.n_familywithbathroom 	{
										padding-left: 75px;
										height: 75px;
										margin: 0px;
										padding-top: 5px;
										color: #666666;
										}



/*bestillrom03.php, bestillrom04.php*/

.reginfo	{
			float: left;
			width: 250px;
			text-align: left;
			padding-right: 10px;
			}

/*bestillrom03.php*/

#log_in	{
		width: 250px;
		background-color: #CCCCCC;
		margin: 0px;
		border: 0px;
		padding: 3px;
		padding-left: 8px;
		}

#log_in td	{
			text-align: right;
			font-size: 11px;
			font-family: verdana, arial, helvetica, sans-serif;
			border: 0px;
			}

#mailboxwrap	{
				float: left;
				width: 340px;
				height: 420px;
				padding: 0px;
				border: 0px;
				margin: 0px;
				text-align: left;
				background-image: url(./citybox-grafikk/postkasse.jpg);
				background-repeat: no-repeat;
				background-position: top left;
				}

#mailboxwrap div	{ margin-left: 20px; margin-top: 70px; }

#mailboxwrap div .standard				{ width: 235px; }
#mailboxwrap div .standardpostnr		{ width: 70px;  }
#mailboxwrap div .standardpostplace	{ width: 140px; }


#mailboxwrap table	{ border: 0px; margin: 0px; padding: 0px; }

#mailboxwrap table td	{
						border: 0px;
						padding: 2px;
						margin: 0px;
						font-size: 10px;
						font-family: verdana, arial, helvetica, sans-serif;
						text-align: left;
						text-transform: uppercase;
						color: #84db84;
						}

/*bestillrom04.php*/

#recieptwrap	{
				float: left;
				padding: 0px;
				margin: 0px;
				border: 0px;
				width: 340px;
				height: 365px;
				background-image: url(./citybox-grafikk/kvitteringsskygge.gif);
				background-position: bottom right;
				background-repeat: no-repeat;
				background-color: red;
				}

#recieptwrap div	{
					width: 315px;
					height: 325px;
					background-color: #e6e6e6;
					padding-left: 10px;
					padding-top: 20px;
					}

#recieptwrap div div.icon			{ padding: 0px; float: left; margin-bottom: 2px; height: 50px; width: 45px; margin-left: 10px; }
#recieptwrap div div.icon a img		{ border: 0; }
#recieptwrap div div.description	{ padding: 0px; float: left; margin-bottom: 2px; height: 50px; width: 230px; border-bottom: 1px solid #AAAAAA; }

#recieptwrap div div.iconfirst			{ padding: 0px; float: left; margin-bottom: 2px; height: 55px; width: 45px; margin-left: 10px; }
#recieptwrap div div.iconfirst a img	{ border: 0; }
#recieptwrap div div.descriptionfirst	{ padding: 0px; float: left; margin-bottom: 2px; height: 55px; width: 230px; border-bottom: 1px solid #AAAAAA; margin-top: 2px; }

#recieptwrap div div.iconlast			{ padding: 0px; float: left; margin-bottom: 2px; height: 45px; width: 45px; margin-left: 10px; }
#recieptwrap div div.descriptionlast	{ padding: 0px; float: left; margin-bottom: 2px; height: 45px; width: 230px; border-bottom: 0px solid #AAAAAA; margin-top: 2px; }

/*kvittering.php*/

#recieptcontent 	{
					background-image: url(./citybox-grafikk/terminal.gif);
					background-position: 98% 50%;
					background-repeat: no-repeat;
					text-align: left;
					}

#recieptcontent p img	{ height: 30px; border: 0px; }


/*logg_inn.php*/

#logincontent	{ }

#loginform	{
			text-align: center;
			width: 260px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 100px;
			}

/*avbestill.php*/

#loggedincontent	{}

.loggedininfo	{
				padding-bottom: 10px;
				border-bottom: 1px solid #CCCCCC;
				}

.bookingoverview	{
					width: 650px;
					margin-bottom: 10px;
					border-bottom: 1px solid #CCCCCC;

					}

.bookingOverviewClear { clear:both; }

.room_icon, .room_text, .arrival_icon, .arrival_date, .departure_icon, .departure_date, .cancel, .edit, .roomtype, .amount, .amountimg	{
						float: left;
						height: 50px;
						margin: 0px;
						padding: 0px;


						}

.bookingoverview div img	{
							vertical-align: middle;
							margin: 0px;
							padding: 0px;
							margin-right: 6px;
							border: 0px;
							}

.room_icon		{ width: 35px; }
.room_text		{ width: 130px; }
.arrival_icon	{ width: 35px; }
.arrival_date	{ width: 80px; }
.departure_icon	{ width: 35px; }
.departure_date	{ width: 80px; }
.cancel			{ width: 140px; text-align: right; }
.edit			{ width: 115px; text-align: right; }


.cancel div	{
			font-size: 20px;
			background-color: red;
			text-align: center;
			color: white;
			padding:0px;
			padding-top: 5px;
			padding-bottom: 5px;
			height: 25px;
			width: 135px;
			margin: 0px;
			margin-left: 0px;
			}

.edit div	{
			font-size: 20px;
			background-color: green;
			text-align: center;
			color: white;
			padding:0px;
			padding-top: 5px;
			padding-bottom: 5px;
			height: 25px;
			width: 105px;
			margin: 0px;
			margin-left: 0px;
			}

.cancel	a:link 		{ color: white; }
.cancel a:hover 	{ color: white; }
.cancel	a:active 	{ color: white; }
.cancel	a:visited 	{ color: white; }

.edit	a:link 		{ color: white; }
.edit   a:hover 	{ color: white; }
.edit	a:active 	{ color: white; }
.edit	a:visited 	{ color: white; }

div.editBox { width: 100%; text-align: right;  }
div.editBox textarea {  width: 99%; }


.roomtype	{ width: 480px; border: 0px solid red;}
.amount 	{ width: 75px; border: 0px solid red; line-height: 40px;}
.amountimg	{ width: 95px; border: 0px solid red; text-align: right;}
.roomtype img, .amountimg img	{ border: 0px; padding: 0px; margin: 0px; height: 40px; }