@media screen, projection {



* 										{ padding:0; margin:0;}



body, textarea, input, select 			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#dol {height: 2px; font-size: 0;}

.clear									{ position:relative; clear:both; height:0px; font-size:0;}

.bg_right								{ background:url(images/bot.gif) right repeat-y;}

a.active								{ color:#77442a !important;}

.alert									{ color: #ff0000;}

h1										{ position:absolute; left:-1000em;}



#bg										{ width:100%; background:url(images/bg.gif) repeat-y;}

#page									{ position:relative; width:100%; background:url(images/mid_bg.gif) repeat-x 0 155px; padding-top:298px; z-index: 10;}



#load									{ position:absolute; top:0px; left:0px; width:65px; height:151px; background:url(images/top_left.gif) no-repeat; z-index:50;}

#load a									{ display:block; width:65px; height:151px;z-index: 60;}

#logo									{ position:absolute; top:0px; left:65px; width:168px; height:50px; background:url(images/top_mid.gif) no-repeat;}

#logo a									{ display:block; width:168px; height:50px;}



#menu									{ position:absolute; width:150px; top:50px; left:55px;}

#menu ul								{ float:right; width:150px; list-style:none; z-index:20; margin:0; padding:0;}

#menu ul li								{ text-align:right; float:right; width:150px; margin:0; padding:0;}

#menu ul li a							{ font-size:0.89em; text-decoration:none; color:#93918e; font-weight:bold; float:right; margin:0;}

#menu ul li a:hover						{ color:#77442a;}



#menu2									{ position:absolute; top:5px; left:370px; width:230px;}

#menu2 ul								{ list-style:none; width:230px; height:8px; padding:4px 10px; margin:0;}

#menu2 ul li							{ position:relative; float:right; padding:0; color:#93918e; margin:0;}

#menu2 ul li.link_spacer				{ padding-left:10px; background:url(images/linkspacer.gif) no-repeat 3px 4px;}

#menu2 ul li a							{ text-decoration:none; font-size:0.89em; color:#93918e; font-weight:bold;}

#menu2 ul li a:hover					{ color:#77442a;}

#menu2 #clear_menu						{ clear:both;}



#welcome								{ position:absolute; top:155px; left:225px; width:405px; height:145px; background:url(images/welcome.gif) no-repeat;}



#menu3									{ position:relative; float:left; width:225px; padding-bottom:10px;}

#menu3 h3								{ float:right; padding:12px 10px 10px 0; font-size:0.78em;}

#menu3 ul								{ float:right; list-style:none; padding-bottom:20px;}

#menu3 ul li							{ width:215px;float:right; padding-right:10px;}

#menu3 ul li a							{ float:right; font-size:0.89em; text-decoration:none; color:#93918e; font-weight:bold;}

#menu3 ul li a:hover					{ color:#77442a;}



#content								{ position:relative; float:left; width:395px; padding:0 5px 0 5px;}

#content								{ font-size:0.8em; color: #000000; text-decoration: none;}

#content .ingress 						{ font-size:0.8em; font-weight: bold; color: #000000; text-decoration: none;}

#content a								{ font-weight:bold; color:#663300;}

#content a:hover						{ text-decoration:none;}

#content_txt							{ width:395px; padding:10px 0 8px 0;}

#content #h2_txt						{ position:absolute; top:-14px; left:8px; font-size:0.9em; color:#FFFFFF; text-transform:uppercase;}

#content #left							{ float:left; width:190px; background:url(images/bot.gif) right repeat-y; padding:10px 5px 8px 0;}

#content #right							{ float:left; width:190px; padding:10px 5px 8px 5px;}


#facilities #content img				{ margin: 0 auto; padding:1px; border:1px solid #333;}


#facilities #welcome					{ background:url(images/facilities.gif) no-repeat;}

#conference #welcome					{ background:url(images/conference.gif) no-repeat;}

#artexhibition #welcome					{ background:url(images/artexhibition.gif) no-repeat;}

#artexhibition #content_txt	div	img		{ float:left;}

#artexhibition #content_txt .div_left	{ width:200px; float:left;}

#artexhibition #content_txt .div_right	{ width:190px; float:left;}

#menues #welcome						{ background:url(images/menues.gif) no-repeat;}

#catering #welcome						{ background:url(images/menues.gif) no-repeat;}

#catering .big							{ font-size:1.1em;}

#entertainment #content_txt	div	img,

#karaoke #content_txt div img			{ float:left; padding-right:8px;}

#entertainment #welcome					{ background:url(images/entertainment.gif) no-repeat;}

#dj #welcome							{ background:url(images/dj.gif) no-repeat;}

#about #welcome							{ background:url(images/about.gif) no-repeat;}

#links #welcome							{ background:url(images/links.gif) no-repeat;}

#price #welcome							{ background:url(images/price.gif) no-repeat;}

#price .left							{ width:290px; float:left; list-style:none; padding-top:13px;}

#price .right							{ width:95px; float:right; list-style:none; padding-top:13px;}

#contact #welcome						{ background:url(images/contact.gif) no-repeat;}

#findus #welcome						{ background:url(images/findus.gif) no-repeat;}

#karaoke #welcome						{ background:url(images/karaoke.gif) no-repeat;}

.bold_font								{ font-weight:bold;}

#h2_txt a								{ color:#FFFFFF;}

#paintings #welcome						{ background:url(images/artexhibition.gif) no-repeat;}

#rental #content_txt div img,

#sound #content_txt div img				{float:left; margin-right: 10px;}

#rental #content_txt div a				{float:right;}

#sound #welcome							{ background:url(images/sound.gif) no-repeat;}

#tack #welcome							{ background:url(images/contact.gif) no-repeat;}

#facilities #welcome					{ background:url(images/facilities.gif) no-repeat;}



#footer									{ position:relative; width:100%; height:11px; background:url(images/bottom_bg.gif) repeat-x; padding-bottom:5px;}

#footer span							{ font-size:0.7em; font-weight:bold; padding-left:350px;}

.row									{padding: 5px 0 5px 120px; width: 100%; clear: both; position: relative;}
.row2									{padding: 20px 0 10px 0px; width: 100%; clear: both; position: relative;}
.row2 p									{text-align: center;}

#buffetid,
#buffetdessertid						{width: 260px;}
option									{padding-right: 5px;}
#sumexvat,
#sumexvat_per_pers,
#sumvat,
#sumincvat,
#sumincvat_per_pers						{width: 120px;}
.row span								{position: absolute; left: 0; top: 5px; display: block; width: 110px; text-align: right;}
.row span.big							{top: 10px;}
.row p em								{font-style: normal;}
.row p em span							{position: relative; top:0; display: inline; font-style:normal;}
#calculate								{padding-top: 20px; padding-bottom: 20px;}
div.res									{text-align: right; width: 250px;}
.toptext								{padding: 20px 0 20px 0px;}
.line									{width: 392px; height: 5px; font-size: 0; border-bottom: 1px solid #000000; padding: 20px 0 0 0; margin-bottom: 10px;}
#namn,
#tel,
#mobil,
#datum,
#epost									{width: 250px;}
#meddelande								{width: 250px; height: 100px;}
.calcsubmit								{width: 100px;}
.calc input, .calc select, .calc textarea	{font-size: 1em;}
#print									{display: none;}
}