/*
Title:      MITRIL design master styles for screen media
Author:     Pernilla Fransson, pernilla@mitril.se
Updated:    Feb 03 2006
*/

/* ============================================================================== */
/* BODY PROPERTIES */
/* ============================================================================== */

body {
  background: #ddd url("../images/bg-03.jpg");
  margin: 0px;
  padding: 0px;
}

/* ============================================================================== */
/* FONT PROPERTIES */
/* ============================================================================== */

body, td, th {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  font-size: 13px;
  color: #492d00; /* mörkbrun */
  line-height: 130%;
}

h1 {
  font-size: 21px; /**/
  color: #c44451; /* rosa-röd */
  margin: 10px 0 10px 0;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
}
h4 {
  font-size: 16px; /**/
  color: #000000; /* rosa-röd */
  margin: 10px 0 10px 0;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 5px;
}
h2 {
  font-size: 15px;
  letter-spacing: 1px;
  color: #2019d9; /* kobolt-blått */
  margin: 18px 0 10px 0; /**/
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #efefef;
}

h2.gallery { 
  font-size: 21px;
  letter-spacing: 1px;
  color: #2019d9; /* kobolt-blått */
  margin: 18px 0 10px 0; /**/
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: none;
}

h3 {
  font-size: 14px;
  color: #2019d9; /* kobolt-blått */
  margin: 20px 0 6px 0;
  padding: 2px;
  padding-left: 5px;
}

p, td, th {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  line-height: 140%;
  padding-left: 12px;
  text-align: justify;
  text-align: left; 
}

p { 
  margin: 0 0 1em 0; 
}

p.ingress { 
  font-style: italic;
  font-weight: bold;
  color: #593700; /* mörkbrun */
  padding-top: 12px;
}

p.left { text-align: left; }

a, a:link, a:visited { 
  text-decoration: none; 
  color: #800000;
  border-bottom: 1px dashed #800000;
}
a:hover { 
  color: #800000;
  border-bottom: none;
}

.form-item { text-align: right }

/* ============================================================================== */
/* LIST PROPERTIES */
/* ============================================================================== */

ul, ol { 
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  margin-bottom: 4px;
  margin-top: 0px;
}

li { 
  padding-bottom: 5px;
}

/* ============================================================================== */
/* HAND */
/* ============================================================================== */
#hand {
  position: absolute;
  left: 546px;
  top: 213px;
}
* html body div#hand { top: 213px; } 


/* ============================================================================== */
/* MENU */
/* ============================================================================== */
#menu {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
  width: 680px;
  position: absolute;
  left: 45px;
  top: 22px;
}

#menu a:link {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #86625b;
}

#menu a:hover {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #c6b4b1;		
}
#menu a:active {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #86625b;
}
#menu a:visited {
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #86625b;
}

#studio, #courses, #gallery, #links, #image, #lokal  {
  float: right;
  margin-left: 20px;
}

.button {
  background: white url("../images/button-grad-02.gif") left top repeat-x;
  border: 1px solid #999;
  color: #555;
  
}
.button:hover {
  background: #efefef;
  color: #800000;
}

/* ============================================================================== */
/* MAIN */
/* ============================================================================== */

#main {
  width: 900px;
}

.content-middle-bg {
  background: url("../images/content-7.jpg") left top repeat-y;
}

.content-middle {
  margin: 0px 365px 0 120px;
  padding-bottom: 35px;
}

#main a, #main a:link, #main a:visited { }
#main a:hover { background-color: #efefef; }

/* ============================================================================== */
/* FOOTER PROPERTIES */
/* ============================================================================== */

#footer {
  background: url("../images/footer-4.jpg") left top no-repeat;
  height: 234px;
  margin-top: 0px; /* -18px */
}

#footer div.link { 
  position: relative;
  left: 50px;
  top: 12px;
  width: 200px;
  height: 50px;
  cursor: pointer;
}

#footer div.info { 
  position: relative;
  left: 410px;
  top: 8px;
  float: left;
  font-size: 10px;
  font-weight: bold;
  color: #2019d9; /* kobolt-blått */
  letter-spacing: 1px;
}

#footer a, #footer a:link, #footer a:visited { 
  color: #800000; /* röd */
  border-bottom: 1px dashed #800000;
}

#footer a:hover { 
  background: none;
  color: #7f8dbe;
  border-bottom: none;
}

/* ============================================================================== */
/* BOTTOM & SIGNATURE */
/* ============================================================================== */

#bottom {
  background: url("../images/bottom-2.jpg") left top no-repeat;
  height: 114px;
  margin-top: 0px; /* -18px */
}

#bottom div.created-by { 
  position: relative;
  left: 570px;
  top: -48px;
  float: left;
  font-size: 10px;
  font-weight: bold;
  color: #7683b1; 
  letter-spacing: 1px;
}

#bottom a, #bottom a:link, #bottom a:visited { 
  color: #7683b1; /* röd */
  border-bottom: 1px dashed #7683b1;
}

#bottom a:hover { 
  background: none;
  color: #800000; 
  border-bottom: none;
}
/* NEWS & UPDATES */

.subject {
	color: #2019d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}

.newstxt {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.dateposter {
	color: #9D080D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* NEWS & UPDATES END */