/*
Trycktean AB
Södra Skeppsbron 17
802 84 Gävle
Tel: 026-10 29 23
www.trycktean.se
mail@trycktrean.se
*/

* { margin: 0; padding: 0; }
/* ************************************** MISC *********************************** */

.clear { clear:both; }
/* ****************************************************************************  LAYOUT *********************************** */

body { background: #222 url(../images/t3_background.png) repeat-x; font: normal 11px "Myriad PRO", Arial, Verdana; color: #333; line-height: 1.3em; text-align:center; padding-top:50px; }
#header { height:213px; color: #79B30B; position:relative; }
#container { background: #fff url(../images/container_bg.png) repeat-y; width:950px; margin:0 auto; text-align:left; }
#footer { background: #fff url(../images/footer_bg.png) no-repeat; height:80px; color: #000; clear:both; position:relative; }
#footer p { position:absolute; top:12px; right:27px; text-align:right; color:#333; } /* Copywrigt info positioning */
#footer img { position:absolute; top:-88px; left:31px; }
#adminmenu { font-size:9px; color:#fff; margin-top:20px; clear:both; }
#copyright { font-size:12px; color:#fff; margin-top:20px; clear:both; }
#vadvigor { height:32px; font-size:10px; padding-left:33px; clear:left; }
#hem { width:32px; clear:none; position: absolute; left:5px; bottom:8px; }
#content { float:left; width:500px; margin-top:70px; margin-bottom:50px; }
#content a { font-size:13px; color: #000; text-decoration: underline; }
.padderbox { padding-left: 27px; } /* fix left margin*/
#newscol { float:left; width:300px; margin-top:50px; margin-left:40px; }
/* ------------------ Clickable logo in header */
#header h1 a { display:block; width:587px; height:110px; position:absolute; top:54px; left:44px; }
#header h1 a span { display:none; }
#header h1 { border:0; }
/* ****************************************************************************  MENY *********************************** */

#meny { text-align: center; height:70px; width:980px; position:absolute; top:178px; left:6px; overflow: hidden; }
#meny ul { width:940px; list-style-type:none; margin: 0 auto 0 auto; height:70px; padding-right:10px; }
#meny ul li { display:inline; }
#meny a { display: block; height:70px; width:112px; float:left; color:#fff; }
#meny a span { display:none; }
#alt1:link, #alt1:visited { background: #000 url(../images/meny.png); }
#alt1:hover { background: #000 url(../images/meny.png) no-repeat 0 -75px; }
#alt2:link, #alt2:visited { background: #000 url(../images/meny.png) -112px 0; }
#alt2:hover { background: #000 url(../images/meny.png) no-repeat -112px -75px; }
#alt3:link, #alt3:visited { background: #000 url(../images/meny.png) -224px 0; }
#alt3:hover { background: #000 url(../images/meny.png) no-repeat -224px -75px; }
#alt4:link, #alt4:visited { background: #000 url(../images/meny.png) -336px 0; }
#alt4:hover { background: #000 url(../images/meny.png) no-repeat -336px -75px; }
#alt5:link, #alt5:visited { background: #000 url(../images/meny.png) -448px 0; }
#alt5:hover { background: #000 url(../images/meny.png) no-repeat -448px -75px; }
#alt6:link, #alt6:visited { background: #000 url(../images/meny.png) -560px 0; }
#alt6:hover { background: #000 url(../images/meny.png) no-repeat -560px -75px; }
#alt7:link, #alt7:visited { background: #000 url(../images/meny.png) -672px 0; }
#alt7:hover { background: #000 url(../images/meny.png) no-repeat -672px -75px; }
#alt8:link, #alt8:visited { background: #000 url(../images/meny.png) -784px 0; }
#alt8:hover { background: #000 url(../images/meny.png) no-repeat -784px -75px; }
/* ****************************************************************************  NYHETSBOX *********************************** */

#newsbox { width:376px; padding-top:6px; background: url(../images/newsbox_top.png) no-repeat; margin-top:20px; }
#newsbox ul { padding-bottom:6px; background: url(../images/newsbox_bottom.png) bottom no-repeat; list-style-type: none; margin:0; }
#newsbox ul li { background: url(../images/newsbox_bg.png); padding:2px 10px; }
#newsbox a { font: normal 11px "Myriad PRO", Arial, Verdana; color:#444; display:block; text-decoration:none; border-bottom: 1px solid #ccc; padding: 2px 5px; }
#newsbox a span { font: normal 9px Myriad PRO, Arial, Verdana; color:#444; padding-right:5px; }
#newsbox a:hover { color:#000; background:#fff url(../images/newsbullet.png) 7px center no-repeat; padding-left:15px; }
/* ****************************************************************************  TYPSNITT *********************************** */

p { font: normal 11px Myriad PRO, Arial, Verdana; color: #333; line-height: 1.4em; margin-bottom: 15px; }
strong { font-weight: bold; }
h1 { font: bold italic 18px Myriad PRO, Arial, Verdana; margin-bottom: 15px; border-bottom: 1px solid #ddd; color:#333; }
h2 { font: italic 16px Myriad PRO, Arial, Verdana; margin-bottom: 8px; border-bottom: 1px solid #ddd; color: #333; }
h3 { font: normal 13px Myriad PRO, Arial, Verdana; margin-bottom: 5px; border-bottom: 1px solid #ddd; color: #333; }
h4 { font: bold 12px Myriad PRO, Arial, Verdana; margin-bottom: 3px; color: #333; }
a { text-decoration:none; color: #290; }
a:hover { text-decoration:underline; }
div ul, ul, div ol, ol { margin:5px 25px; }
/* ********************************  UPPLYSNINGAR *********************************** */

div.information { padding: 10px 10px 10px 35px; background: #effaff url(../images/information.gif) 10px 12px no-repeat; border-top:1px solid #007aad; border-bottom:1px solid #007aad; margin-top: 5px; margin-bottom: 5px; }
div.warning { background: #fff6bf url(../images/exclamation.gif) 10px 12px no-repeat; color: #000; padding: 10px 10px 10px 35px; border-top: 1px solid #ff9c00; border-bottom: 1px solid #ff9c00; margin-top: 5px; margin-bottom: 5px; }
div.success { padding: 10px 10px 10px 35px; background: #f1ffef url(../images/accepx.gif) 10px 12px no-repeat; border-top:1px solid #1bad00; border-bottom:1px solid #1bad00; margin-top: 5px; margin-bottom: 5px; }
/* ****************************************************************************  FORMULÄR *********************************** */

form fieldset { border:0; border-top:1px solid #ddd; margin-top:20px; }
form legend { font: italic 14px Myriad PRO, Arial, Verdana; padding:0 5px; margin-left:-10px; margin-bottom:20px; color:#333; }
form ul { margin:0; list-style-type:none; background:transparent; }
form li { height:30px; margin-top:5px; position:relative; }
form label { position:absolute; top:4px; left:10px; display:block; width:120px; text-align:right; }
form input { font: normal 12px Myriad PRO, Arial, Verdana; position:absolute; top:2px; left:140px; padding:2px; width:300px; border-left:1px solid #888; border-top:1px solid #333; border-bottom:1px solid #aaa; border-right:1px solid #aaa; }
form select { font: normal 11px Myriad PRO, Arial, Verdana; position:absolute; top:2px; left:140px; padding:2px; width:100px; border-left:1px solid #888; border-top:1px solid #333; border-bottom:1px solid #aaa; border-right:1px solid #aaa; }
form textarea { font: normal 12px Myriad PRO, Arial, Verdana; position:absolute; top:2px; left:140px; padding:2px; width:300px; border-left:1px solid #888; border-top:1px solid #333; border-bottom:1px solid #aaa; border-right:1px solid #aaa; height:200px; }
form li.formtextfield { height:220px; }
form li span.required { position:absolute; top:6px; left:450px; }
.required { font: bold 12px Myriad PRO, Arial, Verdana; color:#a00; }
form div { margin-right:56px; margin-left:140px; }
button#send { font: normal 12px Myriad Pro, Arial, Sans-Serif; border: 1px solid #007aad; background: #9dceef url(../images/email.gif) 6px center no-repeat; padding: 4px 4px 4px 26px; }
button#send:hover { background-color:#c5e8ff; }
button.offert { margin-left:140px; }