/************************************************ Typografi ************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #003b5a;
	background-color: #ebddc6;
	background-image: url(images/bg.jpg);
}
#content a, #content a:link, #content a:hover, #content a:visited, #content a:active {
	color: #ebddc6;
	text-decoration: none;
	font-weight: bold;
	background-color: #003b5a;
}
#content a:hover, #content a:active {
	text-transform: uppercase;
}
#content .puff.alt a, #content .puff.alt a:link, #content .puff.alt a:hover, #content .puff.alt a:visited, #content .puff.alt a:active, #contentInner.blue a, #contentInner.blue a:link, #contentInner.blue a:hover, #contentInner.blue a:visited, #contentInner.blue a:active {
	color: #003b5a;
	background-color: #ebddc6;
}
#content .puff a, #content .puff a:link, #content .puff a:hover, #content .puff a:visited, #content .puff a:active {
	color: #ebddc6;
	background-color: #003b5a;
}
#content #poster a, #content #poster a:link, #content #poster a:hover, #content #poster a:visited, #content #poster a:active {
	background-color: transparent;
}
#artistKalendarie a, #artistKalendarie a:link, #artistKalendarie a:hover, #artistKalendarie a:visited, #artistKalendarie a:active {
	color: #003b5a;
	background-color: transparent;
	font-weight: normal;
	text-transform: uppercase;
}
#artistKalendarie a.scen28, #artistKalendarie a:link.scen28 , #artistKalendarie a:hover.scen28, #artistKalendarie a:visited.scen28 , #artistKalendarie a:active.scen28 {
	font-weight: bold;
}
#artistKalendarie a:hover, #artistKalendarie a:active {
	color: #ebddc6;
	background-color: #003b5a;
	font-weight: normal;
	text-transform: uppercase;
}
h1 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 3px 0 0 0;
}
h1.bokabord {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/boka_bord.png);
	background-repeat: no-repeat;
	margin: 0 0 11px 17px;
	width: 93px;
	height: 30px;
}
h1.bokabord.en {
	background-image: url(images/boka_bord_en.png);
	width: 104px;
	height: 30px;
}
h1.veckans {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(images/kommande_brygghang.png);
	background-repeat: no-repeat;
	margin: 18px 0 11px 0;
	width: 164px;
	height: 56px;
}
h1.veckans.en {
	background-image: url(images/kommande_brygghang_en.png);
}
h1 .lasvegas {
	font-size: 2.0em;
}
h1 .commerce {
	font-size: 1.6em;
}
h1 .rinse {
	font-size: 1.7em;
}
h1 .onyx {
	font-size: 1.8em;
	text-transform: uppercase;
}
h1 .bernard {
	font-size: 1.7em;
}
h1 .pastina {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 8px 0 8px 0;
}
.puff h2 {
	margin: 15px 0 0 0;
}
h2 .lasvegas {
	font-size: 1.55em;
}
h2 .commerce {
	font-size: 1.1em;
}
h2 .rinse {
	font-size: 1.2em;
}
h2 .onyx {
	font-size: 1.3em;
	text-transform: uppercase;
}
h2 .bernard {
	font-size: 1.2em;
}
h2 .pastina {
	font-size: 1.3em;
}
h3 {
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}
.divider {
	position: relative;
	display: block;
	width: 822px;
	height: 25px;
	line-height: 1px;
	font-size: 1px;
	background-image: url(images/bg_avdelare.png);
	background-repeat: repeat-x;
}
.divider2 {
	position: relative;
	display: block;
	width: 455px;
	height: 18px;
	line-height: 1px;
	font-size: 1px;
	background-image: url(images/bg_avdelare_2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.ingress {
	font-size: 1.3em;
	line-height: 18px;
}
.knapp {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.knapp.berattamer {
	position: absolute;
	top: 286px;
	width: 156px;
	height: 38px;
	background-image: url(images/knapp_beratta_mer.png);
	margin: 0 0 0 170px;
}
.knapp.berattamer.en {
	background-image: url(images/knapp_beratta_mer_en.png);
}
.knapp.bokahar {
	position: relative;
	width: 106px;
	height: 33px;
	background-image: url(images/boka_har.png);	
	top: 37px;
	right: 67px;
	float: right;
}
.knapp.bokahar.en {
	position: relative;
	width: 106px;
	height: 33px;
	background-image: url(images/boka_har_en.png);	
	top: 37px;
	right: 67px;
	float: right;
}
.knapp.bokabord {
	position: relative;
	width: 190px;
	height: 131px;
	background-image: url(images/knapp_boka_bord_utankock.png);	
	float: right;
}
.knapp.bokabord.en {
	background-image: url(images/knapp_boka_bord_en.png);	
}
.knapp.lunchmeny {
	position: relative;
	width: 190px;
	height: 72px;
	background-image: url(images/knapp_lunchmeny.png);	
	float: right;
	margin-top: 40px;
}
.knapp.lunchmeny.en {
	background-image: url(images/knapp_lunchmeny_en.png);	
}
.knapp.kopbiljett {
	position: relative;
	top: -40px;
	left: 25px;
	width: 138px;
	height: 53px;
	background-image: url(images/knapp_kop_biljett.png);	
	float: right;
}
.knapp.kopbiljett.en {
	background-image: url(images/knapp_kop_biljett_en.png);	
}
.knapp.skrivut {
	position: relative;
	width: 71px;
	height: 17px;
	background-image: url(images/knapp_skriv_ut.png);	
}
.knapp.skrivut.en {
	background-image: url(images/knapp_skriv_ut_en.png);	
}
.knapp.skrivut:hover {
	background-position: 0 -50px;
}
#artistKalendarie {
	position: relative;
	top: 10px;
	line-height: 1.3em;
	font-size: 0.85em;
}
.artistPic {
	padding: 9px 0 0 8px;
	margin: 0;
	background-image: url('images/hero_small_bg.png');
	background-repeat: no-repeat;
	width: 455px;
	height: 316px;
}
.artistBiljett {
	display: block;
	width: 100%;
	height: 53px;
}
.artistText {
	position: relative;
	top: -33px;
	float: left;
}
.kalendarieDatum {
	font-size: 0.8em;
	float: left;
	width: 20px;
	text-align: right;
	padding: 0 5px 0 0;
}
.kalendarieText {
	display: block;
	float: left;
	width: 160px;
	margin: 0 0 5px 0;
}
.halsoval {
	background-image: url(images/halsoval.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 18px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
}
.halsovalNyckel {
	background-image: url(images/halsoval_nyckel.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 213px;
	height: 53px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
/************ Galleri *********/
.thumbscontainer p {
	font-size: 80%;
	line-height: 18px;
	color: #000;
	padding-top: 2px;
}
#galleri {
	position: relative;
	top: 1px;
	display: block;
	width: 100%;
}
.thumbscontainer {
	display: block;
	width: 815px;
	background-color: #003b5a;
	padding: 10px 0 8px 8px;
}
ul.thumbs li {
	display: block;
	border: 0;
	margin: 4px;
	padding: 0;
}
ul.thumbs li a, ul.thumbs li a:link, ul.thumbs li a:visited, ul.thumbs li a:hover, ul.thumbs li a:active {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1px;
	border: 3px solid #ebddc6 !important;
	height: 64px !important;
	overflow: hidden !important;
}
ul.thumbs li a:hover, ul.thumbs li a:active {
	border: 3px solid #c2b092 !important;
}
ul.thumbs li a img {
	padding: 0;
	margin: 0;
}
.galleryAll h2 {
	position: relative;
	top: -20px;
	left: -205px;
}
.galleryAll .thumbscontainer {
	position: relative;
	top: -20px;
	left: -217px;
	display: block;
	width: 770px;
	background-color: transparent;
	padding: 10px 0 8px 8px;
}
.galleryAll ul.thumbs li a, .galleryAll ul.thumbs li a:link, .galleryAll ul.thumbs li a:visited, .galleryAll ul.thumbs li a:hover, .galleryAll ul.thumbs li a:active {
	border: 3px solid #003b5a !important;
}
.galleryAll ul.thumbs li a:hover, .galleryAll ul.thumbs li a:active {
	border: 3px solid #c2b092 !important;
}
/************ Forumlär *********/

#subForm span.label, #subForm span.spacer, #subForm span span.multiple span {
	width:80px;
	float:left;
	font-weight: normal;
}
#subForm span span.multiple {
	float:left;
} 
#subForm span input.button {
	margin-left:80px;
} 
#subForm div {
	margin: 0 0 10px 0;
}
#subForm .button {
	padding:3px;
	background-color: #003b5a;
	border: none;
	font-size: 0.8em;
	color:#ebddc6;
	text-transform: uppercase;
}