/* Handitek Stillmall */
/*   av Pontus. B     */

*{ margin: 0; padding: 0; }* 
body { 	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1em; background: #fff url(../images/bg.gif) repeat-x; color: #444; margin: 10px 0 0 0; padding: 0;}
a { color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
p.center {text-align:center;}
h1 { font: bold 1.2em Arial, Sans-Serif;  margin: 1px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 0 0; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
h5 { color: #fff; font: 0.9em Arial, Sans-Serif;  margin: 0 0 0; }
h5 a { color: #fff; }
h5 a:hover {color: #808080;}
h8 a {color: #666666;}
h8 a:hover {color:#fff;}

/* Main content */
#contentan { width: 900px; margin: 0 auto; padding: 0; }

/* Header area */
#logo {  height: 30px;  width: 285px;  float: right; background: url(../images/logobg.gif) no-repeat bottom; text-align: center; }
#logo ul {float:left; list-style:none; padding:0 0 0 33px; margin: 0;}
#logo ul li {display:inline; padding:0 0 0 4px; margin-bottom: 15px;}
#logo ul a {color:rgb(255,255,255); text-decoration:none;}
#logo ul a:hover {color: #808080; }
.startsida a {  padding: 0 0 0 15px; background:transparent url(../images/contact.gif) no-repeat; color:rgb(70,122,167); text-decoration:none;}
.startsida a:hover {color:rgb(42,90,138); text-decoration:underline;}
.kontakta a{  padding: 0 0 0 15px; background:transparent url(../images/kontakt.gif) no-repeat; background-position: left center;}
.kontakta a:hover {color:rgb(42,90,138); text-decoration:underline;}
.loggain a{  padding: 0 0 0 17px; background:transparent url(../images/loggain.gif) no-repeat; background-position: left top;}
.loggain a:hover {color:rgb(42,90,138); text-decoration:underline;}
#intro { clear: both; background: #fff url(../images/intro.jpg) no-repeat; color: #4C8734; height: 170px; margin: 0 0 12px; padding: 0 0 0 140px; text-align: left; }
#intro h1 { font:  1.5em Arial, Sans-Serif; padding: 37px 0 0 0; margin:0; }
#intro p { margin: 0; }
#login { height: 30px; font-size: .9em; margin: 62px 20px 0; text-align: right; padding: 0; }
#login a { color: #fff; background: #8BE1FA; padding: 4px 20px 6px;}
#login a:hover { color: #fff; background: #8BE1FA url(../images/loginhover.gif) no-repeat; }
#login input.searchfield {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%; }
#login input.searchbutton { width:3.5em;  padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%; }
#login input.searchbutton:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
#notice { font-size: 90%; margin: 10px 0 0 0; padding: 12px 14px 1px; background: #f4f4f4 url(../images/noticebg.gif) no-repeat bottom right; color: #808080; }
#kontaktruta {float:right; font-size: 90%; border-left: 1px dotted #000000; border-bottom: 1px dotted #000000; padding: 10px 0 0 10px;}
#kontaktruta p{font-size: 90%;}

/* Left sidebar and menu */
#menu {width: 160px;}
#menu ul {list-style-type: none; padding: 0; margin: 2px 0 0 0;}
#menu li {text-decoration: none; }
#menu li a { height: 21px; text-decoration: none;}	
#menu li a:link, #menu li a:visited {color: #4D4D4D; display: block; background:  url(../images/menu.gif); padding: 6px 0 0 18px;}
#menu li a:hover {color: #fff; background: url(../images/menu.gif) 0 -27px; padding: 6px 0 0 18px;}
#small {width: 160px;}
#small li a {height: 18px; text-decoration: none;}	
#small li a:link, #small li a:visited {color: #4D4D4D; display: block; background:  url(../images/small.gif); padding: 2px 0 0 18px;}
#small li a:hover {color: #fff; background: url(../images/small.gif) 0 -20px; padding: 2px 0 0 18px;}
#leftside {clear:left; float:left; margin:0 0 10px; font-size: 0.9em; padding:0 0 0 10px; width:160px;}
#leftside h2 {font-size:1.5em; font-weight:400; border-bottom:1px solid #eee; margin:0 0 10px 0; letter-spacing:-1px;}
#leftside .announce {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; clear:left; color:#505050; line-height:1.3em; margin:10px 0; padding:5px 5px 5px; width:134px;}
#leftside p,.announce p {font-size:0.9em;}

/* Right sidebar */
#extras {float:right; margin:0 0 10px 0; padding:0 4px 0 0; width:165px;}

#extras li {list-style:none; margin:0 0 6px; padding:0;}
#extras h2 {font-size:1.6em; border-bottom:1px solid #eee; font-weight:400; letter-spacing:-1px; margin:0 0 6px;}
#fks {margin:10px 12px 0 0; background: #ffffff url(../images/fks.gif) no-repeat; background-position: center center;} 
#searchform {margin:3px 0 0 0;}
#extra {width: 164px; margin: 7px 0 20px 0; font-size: 80%; padding:0;}
#extra h6 {font-size: 1.5em; text-decoration:none; padding:10px 0 0 10px; margin:0; background: #CBCACA url("../images/extra-top.gif") no-repeat;}
#extra h6 a {color: #444444; background: none;}
#extra p { margin:0; padding: 0 6px 0 8px; font-size:1.1em; line-height:1.3em;}
#extra a {color: #000000;}
#extra h3 { padding:0; margin:0; height: 17px; background:url("../images/extra-bottom.gif") no-repeat;}
#extra input.button { float: right; width:3.0em; margin: 2px 0 2px 90px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230);  text-align:center; border:solid 1px rgb(150,150,150); font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
#extra input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(203,202,202); color:rgb(80,80,80);}
#extra form {background: #CBCACA url("../images/extra-main.gif") repeat-y; padding: 0 6px 0 8px;}
#tjohej {background: #CBCACA url("../images/extra-main.gif") repeat-y; padding: 5px 0 0 0;}

/* Main content variations */
#contenttop {  background: #ffffff url(../images/mainbgtop.gif) no-repeat;}
#content { margin:15px 182px 0 185px; padding:0 0 0 0; text-align:left; font-size: 1em; }
#contentmiddle {line-height:1.5em; padding:3px 20px 5px 20px; background: #ffffff url(../images/mainbg.gif) repeat-y;}
#content h2 { padding: 0 0 0 20px; font: bold 1.7em Arial, Sans-Serif; margin: 0 5px 0 0;}
#content h3 {font-size:1.6em; letter-spacing:-1px; font-weight:400; margin:10px 0 0 0;}
#content h4 {padding: 0 0 5px; margin: 0 0 5px 0;}
#content h5 { padding: 0 0 0 0; color: #646464; font:  1.9em Arial, Sans-Serif; margin: 0 5px 0 0;} 
#content h6 { font-size: 1.3em;  margin: 14px 0 5px 0;}
/* #content img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;} */
#content ul,#content ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol {margin:2px 0 2px 20px;}

#content ol li {margin: 0 0 0 10px;}
#content p { margin: 0 5px 1.0em 0; }
#content p.small {font-size: 85%;}
#content p.right {text-align:right;}
#content hr {color: #E6E5E5; background-color: #E6E5E5; height: 3px; border: none; margin: 10px 4px 5px 0;}
#contentbottom {  background: #ffffff url(../images/mainbgbottom.gif) no-repeat;}
#main { background: #ffffff url(../images/default_box.gif) no-repeat;  }
#datum { font-style: italic; font-size: 0.9em; color:#7D7D7D; margin: 0 0 5px 0;}
.paginator {font-size: 0.8em; color: #CAC9C9; text-align:center;} 
#contentmiddle .kontakttext {width: 200px;}
#bildmedtext { height: 240px;}
#bildmedtext p {padding: 0 0 0 5px;}
#bildmedtext img {margin: 0 5px 0 0;}
#tillbehor_left {float: left; width: 170px; text-align: center; }
#tillbehor_left img {border: 1px solid #7D7D7D;}
#tillbehor_right {float: right; width: 155px; text-align: center; }
#tillbehor_right img {border: 1px solid #7D7D7D;}
#tillbehor_middle {float: left; width: 165px; text-align: center; }
#tillbehor_middle img {border: 1px solid #7D7D7D;}
#tvabilderleft {width: 220px; float: left; text-align: center; }
#tvabilderright {width: 250px; float: right; text-align: center; }
.usch {text-decoration: none; color: #444;}
.usch a {text-decoration: none; color: #444;}
.usch a:hover {text-decoration: none; color: #444;}
.usch a:link {text-decoration: none; color: #444;}
.usch a:visited {text-decoration: none; color: #444;}
.red {color: red; font-size: 90%;}
.border {border: 1px solid #969696;}
.noborder {border: none;}
.hogerpadding {margin: 20px 40px 0 0;}
#egendiv {height: 250px; margin: 10px 0 0 0;}
#egendivstor {height: 450px; margin: 10px 0 0 0;}
#egendivliten {height: 170px; margin: 10px 0 0 0;}
.center {text-align:center;}
#ver1 {width:170px; float: left; text-align:center;}
#ver2 {width:145px; float: left; text-align:center;}
#ver3 {width:169px; float: right; text-align:center;}

#twopicleft {width: 230px; margin: 0 0 0 15px; float: left;}
#twopicright {width: 230px; float: right;}


#containerexe {background: #F6F5F5; margin: 0 20px 0 5px;}
#containerexe ul {margin:0 0 0 70px; padding:0; }
#containerexe li {list-style: none; font-size: 85%;}
#containerexe li a{font-size: 115%; list-style: none; margin: 2px 0 0 0; padding:0 0 0 20px; background: url(../images/exe.gif) no-repeat; background-position: left center;}

#containerpdf {background: #F6F5F5; margin: 0 20px 0 5px;}
#containerpdf ul {margin:0 0 0 70px; padding:0; }
#containerpdf li {list-style: none; font-size: 85%;}
#containerpdf li a{font-size: 115%; list-style: none; margin: 2px 0 0 0; padding:0 0 0 20px; background: url(../images/pdf.gif) no-repeat; background-position: left center;}

#containerzip {background: #F6F5F5; margin: 0 20px 0 5px;}
#containerzip ul {margin:0 0 0 70px; padding:0; }
#containerzip li {list-style: none; font-size: 85%;}
#containerzip li a{font-size: 115%; list-style: none; margin: 2px 0 0 0; padding:0 0 0 20px; background: url(../images/winzip.gif) no-repeat; background-position: left center;}


#container {background: #F6F5F5; margin: 0 20px 0 5px;}
#container ul {margin:0 0 0 70px; padding:0; }
#container li {list-style: none; font-size: 85%;}
#container li a{font-size: 115%; list-style: none; margin: 2px 0 0 0; padding:0 0 0 20px; background: url(../images/powerpoint.gif) no-repeat; background-position: left center;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #E6E5E5; border-left: 1px solid #E6E5E5; border-right: 1px solid #E6E5E5;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #F6F5F5; border-left: 1px solid #E6E5E5; border-right: 1px solid #E6E5E5; border-width: 0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #F6F5F5; border-left: 1px solid #E6E5E5; border-right: 1px solid #E6E5E5;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #F6F5F5; border-left: 1px solid #E6E5E5; border-right: 1px solid #E6E5E5;}
.content {padding: 10px; border-left: 1px solid #E6E5E5; border-right: 1px solid #E6E5E5; background: url(../images/download.gif) no-repeat left center;}

.registrationform fieldset {padding:10px 10px 0 10px !important /*Non-IE6*/; padding:0 10px 0 10px /*IE6*/; margin:0 20px 10px 20px; border:solid 1px #606060;}
.registrationform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(100,100,100); font-size:110%; border:solid 1px #606060; font-family:arial,verdana,sans-serif;}
.registrationform label {float:left; width:180px; margin:5px 0 0 10px; padding:2px; font-size:100%;}
.registrationform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.registrationform input.field {width:200px; margin:4px 0 0 0; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.registrationform input.fieldshort {width:120px; margin:4px 0 0 0; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.registrationform input.fieldshortest {width:50px; margin:4px 0 0 0; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.registrationform textarea {width:190px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.registrationform input.submit {float:right; width:7.0em; margin-right:12px; margin-bottom:7px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.registrationform input.submit:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.registrationform input.reset {float:right; width:7.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.registrationform input.reset:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.registrationform textarea {width: 400px;}
.registrationform legend {color:rgb(255,255,255); background-color:rgb(190,190,190); border: 1px solid rgb(220,220,220); font-weight:bold; font-size:140%; font-family:"trebuchet ms",arial,sans-serif; padding: 2px 6px}
.registrationform p {margin:0 0 1px 0; line-height:1em; font-size:100%;}

/* Footer area */
#footer { clear: both; border-top: 1px solid #ccc; padding: 2px 0; margin: 15px 0 5px; font-size: .9em; color: #808080; background: #fff; }
#footer a { color: #4CA031; background: #fff; }
#col1 { float: left; width: 228px; padding: 2px 0 0 50px; margin: 5px 0 0; }
#col2 { float: left; width: 258px; border-left: 1px solid #ccc; margin: 5px 0 0; padding: 2px 0 0 40px; }
#col3 { float: right; width: 258px; border-left: 1px solid #ccc; margin: 5px 0 0; padding: 2px 0 0 40px; }

/* English page */
#eng1 {width:450px; margin-right: auto; margin-left: auto;}
#eng2 {width:220px; float:left;  padding:2px; }
#eng3 {width:220px; float:left;  padding: 2px 2px 2px 3px; }
#eng4 {width:220px; float:left; padding:2px; }
#eng5 {width:220px; float:left;  padding: 2px 2px 2px 3px; }