/* Global */
#body {
  background: #000 url(http://kvarterskrogen.se/support/ShowImg.asp?FileId=1353);
  text-align: center;
  margin: 0;
  padding: 0;
}

#site_area {
  background : url(http://webbflugan.se/support/ShowImg.asp?FileId=2354);
  width: 1100px;
  height: 302px;
  margin: 0 auto;
  position: relative;
}

#header {
  width: 1100px;
  height: 271px;
  margin: 0 auto;
}

#page {
  position: absolute;
  top: 130px;
  left: 152px;
  text-align:left;
  background: transparent;
  width:800px;
  height:360px;
}

#content {
  width: 800px;
  height: 380px;
  margin: 0;
}

#content_field {
  width: 720px;
  height: 320px;
  margin: 0 38px;
}

#content_left {
  background: transparent;
  float: left;
  width: 320px;
  margin-left: 2px;
  padding: 0;
  REM border: 1px #ccc solid;
}

#content_right {
  background: transparent;
  float: right;
  width: 320px;
  margin-left: 38px;
  padding: 0;
}

#content p {
  color: #fff;
  font-family: Trebuchet MS, sans-serif;
  font-size: 11px;
  margin-left: 38px;
}

#text-right {
  color: #fff;
  font-family: Trebuchet MS, sans-serif;
  font-size: 11px;
  margin-left: 38px;
}

#content h1, #news_body h1 {
  font-size: 15px;
  font-family: Trebuchet MS, sans-serif;
  color : #ffffff;
  font-weight: bold;
  margin-left: 38px;
}

#content h2 {
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #aa6666;
  margin-left: 38px;
}

#content h4 {
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #aa6666;
  margin-left: 17px;
}

#content h5 {
  font-family: Trebuchet MS, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #aa6666;
  margin-left: 0px;
}


#content ul, #news_body ul {
  margin : 0 0 0 20px;
  padding: 0;
  list-style : url(http://kvarterskrogen.se/support/ShowImg.asp?FileId=1198);
  color: #242424;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

#content hr, #news_body hr {
  width : 210px;
}

#content a, #news_body a {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-decoration:underline;
}

#content a:hover, #news_body a:hover {
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  text-decoration:none;
}

#content_field {
REM background: url('http://kvarterskrogen.se/support/ShowImg.asp?FileId=1523');
}

img.pubtext {
  margin-left: 38px;
  margin-top: 0px;
  margin-bottom: 20px;
  display: block;
  width: 202px;
  height: 62px;
  display: block;
}

#program {
  width: 352px;
  height: 382px;
  background: url(http://kvarterskrogen.se/support/ShowImg.asp?FileId=1354);
  float: left;
  margin: 20px 0 0 20px;
}

#opening_hours {
  width: 352px;
  height: 382px;
  background: url(http://kvarterskrogen.se/support/ShowImg.asp?FileId=1355);
  float: right;
  margin: 20px 20px 0 0;
}

.program_table {
  margin-left: 14px;
  width: 325px;
}

.program_txt_white {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #ffffff;
}


.program_txt_red {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #a66;
}


#footer {
  display: none;
}

/* Dynamic menu top */
#top_menu {
background: url(http://kvarterskrogen.se/support/ShowImg.asp?FileId=2366);
  height: 13px;
  width: 620px;
  position: absolute;
  top: 86px;
  left: 152px;
}

#top_menu ul {
  list-style: none;
  padding : 0;
  margin: -1px 0 0 12px;
}

#top_menu ul li {
  float: left;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #c0c0c0;
  padding: 0 60px 0 4px;
}

#top_menu a {
  color: #c0c0c0;
  text-decoration: none;
}

#top_menu li ul li a {
  color: #c0c0c0;
}

#top_menu li ul li a:hover {
  color: #ffffff;
  font-weight: bold;
}

#top_menu a:hover {
  color: #ffffff;
}

#top_menu ul li ul {
  display: none;
  position: absolute;
  width: 120px;
  top : 2.3em;
  left : 0;
  background: #fafafa;
  opacity: 0.95;
  filter: alpha(opacity:95);
  border: 1px solid #d3d3d3;
  border-top: 0px;
  margin: 0;
  padding: 0;
}

#top_menu li>ul {
  top: auto;
  left: auto;
}

#top_menu ul li ul li {
  width: 120px;
  float: none;
  text-align: center;
  padding: 0;
}

#top_menu li:hover ul, #top_menu li.over ul {
  width: 120px;
  display: block;
}

/* Dynamic menu left */
#side_menu {
display: none;
}

/* Newsletter */
#news_body {
background : #ffffff;
text-align : center;
}

/* Contact form */
.contact_form {
  width: 340px;
  height: 280px;
  margin: 0;
}


.contact_form fieldset {
  display: block;
  padding: 0;
  margin: 12px 0;
  border: none;
}

.contact_form legend {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #7A3F3F;
  margin: 0 0 12px -6px;
  padding: 0;
}

.contact_form label {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #fff;
  width: 90px;
  float: left;
}

input.txt {
  background: transparent;
  width: 234px;
  color: #ccc;
  border: 1px solid #919293;
  text-indent: 4px;
}

input.clear {
  width: 115px;
  height: 20px;
  background: url('http://kvarterskrogen.se/support/ShowImg.asp?FileId=1520');
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  float: right;
  margin: 6px 14px 6px 3px;
  border: none;
}

input.send {
  width: 115px;
  height: 20px;
  background: url('http://kvarterskrogen.se/support/ShowImg.asp?FileId=1521');
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #ffffff;
  float:right;
  margin: 6px 3px;
  border: none;
}

textarea {
  background: transparent;
  width: 234px;
  height: 80px;
  color: #ccc;
  border: 1px solid #919293;
}

.confirm {
  font-size: 16px;
  position: absolute;
  background: #fff;
  border: 1px solid;
  top: 30%;
  left: 30%;
  width: 200px;
  padding: 16px; 
  text-align: center;
  z-index: 1;
}

.confirm input {
  margin: 12px;
  width: 80px;
}