@charset "utf-8";
/*
 *	--- stadshuset.css ---
 *
 *	Author: Alexander Velander
 *			Kristoffer Jönsson
 *
 *	CSS för Stadshuset.
 *	Samtlig CSS finns i denna fil.
 *
 	/*
******	Standardelement  ******
	 */
	html, body {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	body {
		background: #D1CFC4 url(../img/bg_body.png) repeat-x fixed top center;
	}
	img, object, a {
		margin: 0;
		border: 0;
		outline: none;
	}
	object img {
		display: block;
	}
	/*
******	Typografi  ******
	 */
	body, td, div, p, span, input, textarea, ul, ol {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #555;
		cursor: default;
	}
	a, .link {
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
		color: #666;
		cursor: pointer;
	}
		a:hover, .selected {
			color: #000;
		}
	p {
		margin: 0 0 12px;
		padding: 0;
		line-height: 18px;
	}
	ol, ul {
		list-style: bull outside;
		margin: 0 0 14px;
		padding: 0;
	}
	li {
		margin: 0 0 0 35px;
		padding: 0 0 0 7px;
	}
	h1 {
		margin: 20px 0 12px 240px;
		padding: 0;
		font-family: "Times New Roman", Times, serif;
		font-size: 32px;
		font-weight: normal;
		color: #444;
	}
	h2 {
		margin: 0 0 2px;
		padding: 0;
		font-family: "Century Gothic", Tahoma, Geneva, Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #000;
	}
	h3 {
		margin: 0 0 2px 12px;
		padding: 0;
		font-family: "Century Gothic", Tahoma, Geneva, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000;
	}
	p.nedryckare {
		margin: -10px 0 12px 240px;
		padding: 0;
		font-family: "Century Gothic", Tahoma, Geneva, Arial, sans-serif;
		font-size: 15px;
		font-weight: normal;
		color: #999;
	}
	small, label {
		font-size: 9px;
	}
	.alertRed {
		color: #C00;
	}
	.alertGreen {
		color: #0C0;
	}
	.alertBlue {
		color: #36C;
	}
	ul.blankList {
		list-style: none inside;
		margin: 0;
		padding: 0;
		border: 0;
		text-indent: 0;
	}
		ul.blankList li {
			margin: 0;
			padding: 0;
			border: 0;
			text-indent: 0;
		}
	/*
******	Specifika element  ******
	 */
	#menu {
		position: absolute;
		z-index: 10;
		width: 150px;
		height: 240px;
		top: 0;
		left: 50%;
		margin: 0 0 0 -405px;
		padding: 0;
		border: 0;
		background: #000;
		font-family: "Times New Roman", Times, serif;
		font-size: 11px;
		text-transform: lowercase;
		font-variant: small-caps;
		line-height: 15px;
		letter-spacing: 2px;
		color: #CCC;
		text-align: center;
		opacity: 0.90;
		filter: alpha(opacity=90);
		-moz-opacity: 0.90;
		-khtml-opacity: 0.90;
	}
		#menu li#logo {
			padding: 0 0 10px;
		}
		#menu img, #menu a img {
			float: left;
			margin: 0;
			padding: 0;
			border: 0;
		}
	#main {
		width: 900px;
		min-height: 100%;
		margin: 0 auto;
		padding: 0 20px;
		background: transparent url(../img/bg_main.png) repeat-y scroll top center;
	}
	#head {
		width: 900px;
		height: 230px;
		margin: 0;
		padding: 0;
	}
	#content {
		overflow: hidden;
		padding: 0 0 100px;
		background: #FFF;
	}
		#content img {
			border: none solid #000;
		}
		#contentLeft, #contentRight {
			margin: 0 30px;
			min-height: 1px;
			display: inline;
		}
		#contentLeft {
			float: left;
			width: 180px;
			margin: 0 30px;
			padding: 10px 0 0;
		}
			.infoBox {
				width: 180px;
				margin: 0;
				padding: 0 0 10px;
				background-image: url(../img/bg_box.png);
				background-repeat: repeat-y;
				background-position: left;
			}
				.infoBox h2 {
					margin-left: 10px;
				}
				.infoBox div, .infoBox p {
					margin-left: 10px;
					margin-right: 10px;
					font-size: 11px;
					line-height: 13px;
				}
				.infoBox ul {
					list-style: none inside;
					margin-left: -16px;
					padding: 0;
				}
					.infoBox ul li {
						padding: 0 0 0 16px;
						background: transparent url(../img/icon_read.png) no-repeat scroll 0 4px;
					}
					*:first-child+html .infoBox ul li {
						text-indent: -15px;
					}
					* html .infoBox ul li {
						text-indent: -15px;
					}
		#contentCenter {
			float: left;
			width: 380px;
			padding: 5px 0 0;
		}
			#contentCenter p {
				width: 360px;
			}
		#contentRight {
			float: right;
			width: 220px;
			margin: 0 30px;
			padding: 6px 0 0;
			}
			.infoTable {
				width: 220px;
				border-collapse: collapse;
				text-align: left;
				margin-bottom: 20px;
				background: #FFF url(../img/bg_table.png) repeat-y scroll right;
				}
				.infoTable th {
					background: #FFF;
					border-bottom: 1px solid #000;
					padding: 0 0 4px 4px; 
					font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
					font-size: 13px;
					font-weight: bold;
					text-align: left;
					color: #000;
				}
				.infoTable td {
					padding: 5px;
					color: #666;
					border-bottom: 1px solid #CCC;
					font-size: 0.91em;
					vertical-align: top;
					overflow: hidden;
				}
					.infoTable tr.darkBorder td {
						border-bottom: 1px solid #000;
					}
					.infoTable tr.noBorder td {
						background-color: #FFF;
						border-bottom: 0px;
						text-align: right;
					}		
				.infoTable a, a.link {
						display: inline-block;
						padding: 0 0 0 16px;
						background: transparent url(../img/icon_read.png) no-repeat scroll 0 4px;
					}
	#foot {
		width: 900px;
		height: 30px;
		margin: -34px auto 0;
		padding: 2px 0;
		background: #111;
		font-size: 10px;
		line-height: 15px;
		color: #CCC;
		text-align: center;
		}
		#foot a {
			color: #CCC;
		}
		#ieFootFix {
			width: 100%;
			height: 80px;
			background: #FFF;
		}
	#cover {
		display: none;
		position: absolute;
		z-index: 100;
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		border: 0;
		background: #000;
	}
	#popup {
		display: none;
		position: absolute;
		z-index: 200;
		width: 700px;
		left: 50%;
		margin: 0 0 20px -350px;
		padding: 0;
		border: 0;
		background: #F5EFC3 url(../img/menupopup_bg.png) repeat-y scroll center top;
		text-align: center;
	}
		#popup div.top {
			height: 40px;
			background: #FFF url(../img/menupopup_top.png) no-repeat scroll center top;
		}
			#popup div.top img.close {
				float: right;
				width: 15px;
				height: 15px;
				margin: 13px 14px 0 0;
				cursor: pointer;
			}
		#popup div.bottom {
			height: 40px;
			background: #FFF url(../img/menupopup_bottom.png) no-repeat scroll center top;
		}
		#popup h1 {
			margin: 0 auto 50px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #543;
		}
		#popup p.nedryckare {
			margin: -50px auto 40px;
			font-family: "Times New Roman", Times, serif;
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #543;
		}
		#popup h2 {
			margin: 20px auto 5px;
			font-family: "Times New Roman", Times, serif;
			font-size: 19px;
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #543;
		}
		#popup p {
			width: 400px;
			margin: 0 auto 10px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #765;
		}
		#popup p strong {
			color: #543;
		}
		#popup ul.menuList {
			list-style: none inside;
			width: 400px;
			margin: 0 auto 10px;
			padding: 0;
		}
		#popup ul.menuList li {
			margin: 0;
			padding: 0 0 5px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #765;
		}
			#popup ul.menuList li strong, #popup p strong {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				font-style: italic;
				color: #765;
			}
		#popup .vin h2 {
			margin: 20px 0 10px 40px;
			font-size: 16px;
			text-align: left;
		}
		#popup .vin h3 {
			margin: 20px 150px 5px 40px;
			/*border-bottom: 2px solid #543;*/
			font-family: "Times New Roman", Times, serif;
			font-size: 12px;
			font-weight: bold;
			font-style: italic;
			color: #765;
			text-align: left;
		}
		#popup .vin table.menuTable {
			width: 400px;
			margin: 0 40px 10px;
			padding: 0;
			border: 0;
		}
			#popup .vin table.menuTable td {
				width: 200px;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-size: 13px;
				text-align: left;
				color: #765;
			}
		#popup .vin ul.menuList {
			list-style: none inside;
			width: 400px;
			margin: 0 40px 10px;
			padding: 0;
			text-align: left;
		}
		#popup .vin ul.menuList li {
			margin: 0;
			padding: 0 0 10px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #765;
		}
			#popup .vin ul.menuList li strong {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				font-style: italic;
				color: #765;
			}
			#popup .vin ul.menuList li span.smallcaps {
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-variant: small-caps;
				color: #765;
			}
			#popup .vin ul.menuList li .price {
				float: right;
				margin-right: -220px;
			}
	#popup.panorama {
		display: none;
		position: absolute;
		z-index: 300;
		width: 500px;
		left: 50%;
		margin: 0;
		padding: 0;
		border: 0;
		background: #FFF;
		text-align: center;
	}
	#popup.panorama p {
		color: #333;
	}
	.puffBox {
		width: 158px;
		min-height: 100px;
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #DDD;
		background: #F6F6F6;
	}
		.puffBox h2 {
			margin: 0 auto;
			font-size: 18px;
			font-weight: normal;
			color: #999;
		}
	/*
******	Specifika sidor  ******
	 *
	 *	Konferens
	 */
	.konferensLokalerTable {
		width: 176px;
		float: left;
		border: 0;
	}
		.konferensLokalerTable td {
			width: 80px;
			line-height: 0.95em;
		}
	.konferensLokalerImage {
		position: relative;
		top: -13px;
	}
	.link.panorama {
		margin: -17px 5px 20px 0;
		float: right;
	}
	/*
	 *	Catering
	 */
	.cateringMenu {
		margin-top: 20px;
	}
	/*
	 *	Evenemang
	 */
	#evenemangImg {
		margin-bottom: 10px;
	}