@charset "UTF-8";
/* CSS Document */

body {
	background-color:#ccc;
	font-size:62.5%;
	text-align:left;
	line-height: 1.3em;
  	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

div#main {
	position:relative;
	width: 1040px;
	/*min-height: 600px;*/
	margin: 20px auto 50px auto;

	color:#FFF;
	background-image: url(../images/bgrnd.jpg) ;
}

div#header {
	width: 1040px;
	height: 120px;	
	top: 0;
	left: 0;
	background-image: url(../images/head.png);
	background-repeat: no-repeat;
/*	padding: 20px 20px 10px 20px; */
}

div#menu {
	float: left;
	width: 200px;
	height:100%;
	background-image: url(../images/60b.png);
	background-repeat: repeat;
	display: none;
/*	background-color:#888;
	padding: 100px 10px 20px 20px; */
}

div#content {
	float: right;
	width: 1000px;
	min-height: 350px;
	background-color:transparent;
	color:#000;
/*	padding: 20px 0 0 20px; */
	float: right;
}

div#footer {
	width: 1040px;
	height:50px;
	background-image: url(../images/foot.png);
	background-repeat: no-repeat;
	bottom: 0;
	clear:both;
}

form {
	line-height: 3em;
}

/* For tables in kontakter & instrument */

div#content table {
	background-image: url(../images/50w.png);
	background-repeat: repeat;
	border-collapse: separate;
	border-spacing:1px 1px;
	cursor: pointer;
	padding: 5px;
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.odd {
	background-image: url(../images/10b.png);
	background-repeat: repeat;
}
.hover {
	background-image: url(../images/20b.png);
	background-repeat: repeat;
}

.tableHeader {
	background-image: url(../images/images/bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

.tableHeaderSortUp {
	background-image: url(../images/images/asc.png);
}
.tableHeaderSortDown {
	background-image: url(../images/images/desc.png);
}

.hidden {
	width: 1px; 
	height: 1px;
	opacity: 0.0;
}

div#content td {
	border: 0px solid;
}

a { outline: none; }

a:link    {text-decoration:none; color: #FFF;}
a:visited {text-decoration:none; color: #FFF;}
a:hover   {color: #DDD; }
a:active  {color: #444; }

div#content a:link {color: #444; font-weight:bold; }
div#content a:visited {color: #444; font-weight:bold;}
div#content a:hover {color: #000; }

div#header img {
	margin: 15px 0 0 10px;
}

div#box {
	margin: 15px 30px 10px 5px;
	background-color:transparent;
	background-image: url(../images/50w.png); 
	background-repeat: repeat;
	padding: 10px;
	border: 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#meny {
	position:absolute; 
	width:auto; 
	top:65px; 
	right:120px;
	text-align:center; 
	z-index:10;
}

input {
	background-color: #eee;
	border: 1px solid #000;	
	padding: 4px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

button {
	font-weight:bold;
	background-color:#FF0000;
}

.buttonhover {
	cursor: pointer;
	margin: 2px;
}

.buttonhover:hover {
	border: 1px solid #555;
	background-color: #ddd;
}


fieldset {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

textarea {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

/* Länkar til menyn */
.link {
	width:195px;
	height:35px;
	background-image: url(../images/button2.png);
	background-repeat:no-repeat;
	text-align:center;
	margin-left:2px;
	padding-top:10px;
}

.link:hover {
	background-image: url(../images/button3.png);
}

.link a:link {
	top:10px;
}

/* Meny...*/

li.headlink ul { display:none; }
/*li.headlink:hover ul { display: block; }*/

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * { padding: 0; margin: 0; color:#fff }

/* Head links */
#cssdropdown li.headlink {  
	float: left; 
	margin-left: -1px; 
	border: none; 
	background-color: transparent; 
	text-align: center; 
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
}
#cssdropdown li.headlink a { display: block; padding: 10px; border:0}

/* Child lists and links */
#cssdropdown li.headlink ul { display:none; border-top: 1px black solid; text-align: left; }
/*#cssdropdown li.headlink:hover ul { display: block; }*/
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; border:0 }
#cssdropdown li.headlink ul li a:hover { background-color: transparent; }

/* Pretty styling */
#cssdropdown a { color: white; font-weight:bold; } #cssdropdown ul li a:hover { text-decoration: none; background-image: url(../images/30b.png); }
#cssdropdown li.headlink { background-image: url(../images/30b.png); }
#cssdropdown li.headlink ul { 
	background-image: url(../images/60b.png); 
	background-position: bottom; 
	padding-bottom: 10px;
}


/* Länkar till botten av #content*/
.link2 {
	display:inline-block;
	width:145px;
	height:30px;
	background-image: url(../images/button2.png);
	background-repeat:no-repeat;
	text-align:center;
	margin-left:2px;
	padding-top:10px;
}

.link2:hover {
	background-image: url(../images/button3.png);
}

.link2 a:link {
	
}



/* För bilder, instrument */
#galleri {
	float:left;
	clear:both;
}

#galleri ul { 
        list-style-type: none; 
} 
 
#galleri li { 
      float: left; 
      padding: 10px; 
      margin: 10px; 
      font: bold 10px Verdana, sans-serif; 
} 
 
#galleri img { 
      display: block; 
      border: 1px solid #333300; 
      margin-bottom: 5px; 
} 
      
#bilagor {
	float:left;
	clear:both;
}

#bilagor ul { 
        list-style-type: none; 
} 

/*
#ui-datepicker-div {
	background-color:#333;
	color:#DDD;
	padding: 10px;
}
*/


/* Table... */




/* For mail... */
div#mail {
         background-color: #aaaaaa;
         width:850px;
         padding:20px;
      }

div#mail a img {
         border: none;
      }

div#mail table.bg1 {
         background-color: #eeeeee;
      }

div#mail table.bg2 {
         background-color: #ffffff;
      }

form#mailer input.nykontakt {
		display:none;
}

div#mail td.permission {
         background-color: #eeeeee;
         padding: 10px 20px 10px 20px;
      }


div#mail td.body {
         padding: 0 20px 20px 20px;
         background-color: #ffffff;
      }

div#mail td.sidebar h3 {
         font-family: Arial;
         font-size: 15px;
         font-weight: bold;
         color: #333333;
         margin: 0;
         padding: 0;
      }

div#mail td.sidebar ul {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 6px 0 14px 24px;
         padding: 0;
      }

div#mail td.sidebar ul li a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #680606;
      }

div#mail td.sidebar h4 {
         font-family: Arial;
         font-size: 13px;
         font-weight: bold;
         color: #680606;
         margin: 6px 0 0 0;
         padding: 0;
      }

div#mail td.sidebar h4 a {
         font-family: Arial;
         font-size: 13px;
         font-weight: bold;
         color: #680606;
         text-decoration: none;
      }

div#mail td.sidebar p {
         font-family: Arial;
         font-size: 12px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 10px 0;
         padding: 0;
      }

div#mail td.sidebar p a {
         font-family: Arial;
         font-size: 12px;
         font-weight: normal;
         color: #680606;
         text-decoration: none;
      }

div#mail td.buttons {
        padding: 20px 0 0 0; 
      }

div#mail td.mainbar h2 {
         font-family: Arial;
         font-size: 16px;
         font-weight: bold;
         color: #680606;
         margin: 0;
         padding: 0;
      }

div#mail td.mainbar h2 a {
         font-family: Arial;
         font-size: 16px;
         font-weight: bold;
         color: #680606;
         text-decoration: none;
         margin: 0;
         padding: 0;
      }

div#mail td.mainbar img.hr {
         margin: 0;
         padding: 0 0 10px 0;
      }

div#mail td.mainbar p {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 14px 0;
         padding: 0;
      }

div#mail td.mainbar p a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #680606;
      }

div#mail td.mainbar p.more a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #680606;
         text-decoration: none;
      }

div#mail td.mainbar ul {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #333333;
         margin: 0 0 14px 24px;
         padding: 0;
      }

div#mail td.mainbar ul li a {
         font-family: Arial;
         font-size: 13px;
         font-weight: normal;
         color: #680606;
      }

div#mail td.footer {
         padding: 0 20px 0 20px;
         background-image: url('../mail/footer-bg.gif');
         background-repeat: no-repeat;
         background-position: top center; 
         background-color: #333333; /* Den här ger fula streck... */
         height: 61px;
         vertical-align: middle;
         border:0;
      }

div#mail td.footer p {
         font-family: Arial;
         font-size: 11px;
         font-weight: normal;
         color: #ffffff;
         line-height: 16px;
         margin: 0;
         padding: 0;
      }