﻿Body {
Background: #fff;
color:#284975;
font-family:Arial;
font-size:12px;
font-weight:normal;
margin: 0;
padding: 0
}

p {  padding-top: 0; margin-top: 0}

p.date  {  font-size: 10px; }

hr {
border: 0;
color: #e0e7f1;
background-color: #e0e7f1;
height: 2px;
width: 100%;
text-align: left;
}

H1 {
color:#ADAAAA;
font-family:Arial;
font-size:14px;
font-weight:bold;
letter-spacing:4px;
text-decoration:none;
text-transform: uppercase
}


H2, H3, H4 {
color:#284975;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}

H2 {font-size:13px; text-transform: uppercase}
H3 {font-size:12px;  text-transform: none; padding-bottom: 3px;  margin-bottom: 0}
H4 {font-size:12px; text-transform: none}


#mainwrapper .read_more, #mainwrapper2 .read_more { font-size: 0.9em; font-weight: bold; background: url(/commonresources/files/www.transearch.se/images/mallelement/bok.gif) right center no-repeat; padding-right: 25px; margin-right: 12px; display:block; text-align: right}

#wrapper { width:970px; border-top: #ee3423 4px solid; border-bottom: #cdcdcd 1px solid; border-left:#cdcdcd 1px solid; border-right:#cdcdcd 1px solid; margin: 0 auto; background: #fff; }

#wrapper:after {content: ""; display: block; height: 0; clear: both;}

#top { height: 103px; background: #cdccd1; margin-bottom: 1px;  position: relative;}

#ani { width: 192px height: 103px;  float: left; z-index: 3; position: absolute; top: 0; left: 0;}

#map {
float:left;
height:103px;
width: 269px;
left:192px;
position:absolute;
z-index: 1; 
background: url(/commonresources/files/www.transearch.se/images/mallelement/karta.gif) 
}

#logo {position: absolute; left: 735px;  top: 15px; font-family:Arial; font-weight:normal; text-align: right; font-size: 10px}
#logo p {margin: 15px 0px; padding: 0; font-weight:bold;  text-align: center;}
#logo p img{vertical-align: middle;}
#logo a {color: #000; font-weight:normal; text-decoration: none}
#logo a:hover {text-decoration: underline }
#logo p a img {border: #fff 1px solid;}
#logo p a:hover img {border: #000 1px solid;}


#menuwrapper {border-top: #ee3423 1px solid; border-bottom: #ee3423 1px solid; margin-bottom: 1px;}

#menu {height: 37px; background: #294876; color: #fff; margin: 1px 0 1px 0;}

#mainwrapper{
background: #fff url(/commonresources/files/www.transearch.se/images/mallelement/mainbg.gif) right repeat-y; 
color:#284975;
font-family:Arial;
font-size:12px;
font-weight:normal;
width: 100%;
padding-bottom: 30px;
}

#mainwrapper2{
background: #fff url(/commonresources/files/www.transearch.se/images/mallelement/mainbg2.gif) right repeat-y; 
color:#284975;
font-family:Arial;
font-size:12px;
font-weight:normal;
width: 100%;
padding-bottom: 30px;
}

#mainwrapper a, #mainwrapper2 a {
color:#284975;
font-family:Arial;
font-weight:normal;
text-decoration:underline;
}

#mainwrapper a:hover, #mainwrapper2 a:hover  {
color:#6787ae;
}


#mainwrapper:after {content: ""; display: block; height: 0; clear: both;}
#mainwrapper2:after {content: ""; display: block; height: 0; clear: both;}

#leftcolumn { width: 780px; float: left }
#leftcolumn:after {content: ""; display: block; height: 0; clear: both;}

#menucolumn {width: 192px; float: left;}
#menucolumn:after {content: ""; display: block; height: 0; clear: both;}
#menucolumn p {padding-left: 12px;}

#content {width: 500px; float: left; padding: 24px; font-size: 13px; margin-left: 15px;}

#topleftrow {clear:both; height: 156px}

#topleftbox {width: 166px; height: 116px; float: left; background: #4d627f; color:#fff; padding:20px 12px; }

#topleftbox  ul { list-style:none; margin: 0 12px; padding: 0 0 12px 0}

#topleftbox ul a{
display: block;  
margin: 0;  
padding: 6px 12px 6px 18px; 
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
background: url(/commonresources/files/www.transearch.se/images/mallelement/litenruta.gif) no-repeat left center; 
}

#topleftbox ul a:hover {text-decoration: underline;}

#topleftflash { width: 558px; height: 156px; float: left;}

#startbox1, #startbox2 {margin: 20px 0 40px 20px; float: left;  background: #fafbfe; width: 360px; padding-bottom: 10px; }
#startbox1 p, #startbox1 h2, #startbox1 h3, #startbox1 h4, #startbox1 h5, #startbox1 h6, #startbox2 p, #startbox2 h2, #startbox2 h3, #startbox2 h4, #startbox2 h5, #startbox2 h6{padding-left: 10px; padding-right: 10px;}
#startbox1 h2, #startbox1 h3, #startbox1 h4, #startbox1 h5, #startbox1 h6, #startbox2 p, #startbox1 h2, #startbox2 h3, #startbox2 h4, #startbox2 h5, #startbox2 h6{text-transformation: none}
#startbox1 a, #startbox2 a{ text-decoration: none; }

#middleleftrowstart { margin-bottom:1px; border-bottom: #ee3423 1px solid; min-height: 240px;}
#middleleftrowstart:after {content: ""; display: block; height: 0; clear: both;}

#middleleftrow {clear: both; padding: 20px 60px; margin-bottom:1px; border-bottom: #ee3423 1px solid; height: 137px; color:#284975; font-family: Arial; font-size:12px; font-weight:bold; letter-spacing:1px; text-decoration:none; }
#middleleftrow2 {clear: both; padding: 20px 60px; margin-bottom:1px; height: 137px; color:#284975; font-family: Arial; font-size:12px; font-weight:bold; letter-spacing:1px; text-decoration:none; }

#middleleftrow a, #middleleftrow2 a {color:#284975; font-family: Arial; font-size:12px; font-weight:bold; letter-spacing:1px; text-decoration:none; }
#middleleftrow a:hover, #middleleftrow2 a:hover  { text-decoration:underline; }



#middleleftrow H1, #middleleftrow H2, #middleleftrow H3, #middleleftrow2 H1, #middleleftrow2 H2, #middleleftrow2 H3  {  font-family:Arial; font-weight:normal; letter-spacing:1px;text-decoration:none; margin: 0px; padding: 10px 0 10px 0 ;}
#middleleftrow H1, #middleleftrow2 H1  { font-size:18px; color: #ee3423;}
#middleleftrow H2, #middleleftrow2 H2 { font-size:15px; color:#284975; }
#middleleftrow H3, #middleleftrow2 H3 { font-size:12px; color:#284975;  }

#middleleftrow p, #middleleftrow2 p  { text-align: justify; padding: 0 38px;}

#bottomleftrow { clear: both; background: url(/commonresources/files/www.transearch.se/images/mallelement/bottomleftcolumn.gif) repeat-x top;  width: 100%color: #284975;  min-height: 258px;}
#bottomleftrow:after {content: ""; display: block; height: 0; clear: both;}

.bottomleftbox { width: 230px; padding: 3px 12px 3px 12px; float: left; }
.bottomleftbox H1, .bottomleftbox H2, .bottomleftbox H3 { color:#364D6C; font-family:Arial; font-size:14px; font-weight:bold; text-transform: uppercase; background: url(/commonresources/files/www.transearch.se/images/mallelement/litenruta.gif) no-repeat left center; padding: 2px 12px; margin: 0;}
.bottomleftbox H4 { text-decoration: none; font-size: 12px; font-weight: bold; margin-bottom: 0; padding-bottom: 5px}

#mainwrapper .bottomleftbox a, #mainwrapper2 .bottomleftbox  a {
color:#284975;
font-family:Arial;
font-weight:normal;
text-decoration:none;
}

#mainwrapper .bottomleftbox  a:hover, #mainwrapper2 .bottomleftbox  a:hover  {
text-decoration:underline;
}

#rightcolumn {width: 190px; float: right;}
#rightcolumn:after {content: ""; display: block; height: 0; clear: both;}
#rightcolumn p {padding: 5px 12px; margin: 0}

#toprightbox { background: #fafbfe;}
#toprightbox H1, #toprightbox H2, #toprightbox H3, #bottomrightbox H1, #bottomrightbox H2, #bottomrightbox H3, #newsform H3, #startbox1 H1, #startbox2 H1  { color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; background: #6787ae url(/commonresources/files/www.transearch.se/images/mallelement/litenruta.gif) no-repeat 10px center; padding: 5px 20px; margin: 0;}


#bottomrightbox img{ text-align: center; display:block; margin: 12px auto}

#menu {
color: #fff;
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
text-transform: uppercase;
}


#menu ul { list-style:none; margin: 0; padding: 0; }
#menu li {float: left; }
#menu  li a:hover{display: block;  padding: 11px 30px; color: #fff; text-decoration:none;  background: #6787ae; }
#menu li a{display: block;  padding: 11px 30px; color: #fff; text-decoration:none;  }

#menu  li.selected a{background: #6787ae; color: #fff; }

#menu  li ul li.selected a{background: #f6f6f6 15px 50% no-repeat;  padding: 5px 30px 5px 30px; color: #616160; }
#menu  li ul li a{background: #f6f6f6;  padding: 5px 30px 5px 30px; color: #616160; }
#menu  li ul  li a:hover{background: #f6f6f6 15px 50% no-repeat; padding: 5px 30px 5px 30px; color: #616160; }


#menu2container {
background: #cdcdcf;
padding: 25px 0;
border-bottom: #fff 1px solid;
border-top: #fff 1px solid;
}


#menu2 {
color:#284975;
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
padding: 0 0 0 12px;
border-top: #fff 1px solid;
border-bottom: #fff 1px solid;
background: #e0e7f1; 
}


#menu2 ul { list-style:none; margin: 0 12px; padding: 0 0 12px; 0}


#menu2 li a {
display: block;  
margin: 0;  
padding: 6px 12px 6px 18px; 
color:#284975; 
font-weight: bold;
text-decoration:none;  
text-transform: uppercase; 
background: url(/commonresources/files/www.transearch.se/images/mallelement/litenruta3.gif) no-repeat left center; 
}

#menu2  li a:hover, #menu2  li.selected a {text-decoration: underline; }

#menu2  li.selected  ul li a{ 
padding: 5px 12px 5px 12px; 
color:#284975; 
font-weight: normal; 
font-size: 12px;
text-decoration:none; 
text-transform: none; 
background: url(/commonresources/files/www.transearch.se/images/mallelement/litenruta2.gif) no-repeat left center;  
}

#menu2  li ul  li a:hover, #menu2  li ul li.selected a{ text-decoration: underline;}



#footer { 
color:#000000;
font-family:Arial;
font-size:9px;
font-weight:normal;
text-align: center;
padding: 54px 10px 10px 10px;
background: #cdcdcd url(/commonresources/files/www.transearch.se/images/mallelement/footerbg.png) no-repeat;
clear: both;
height: 10px;

}

#footer a {color: #000; font-weight:normal; text-decoration: none  }
#footer a:hover {text-decoration: underline }

/*FORM*/

form {}

fieldset {border:0}

.bottomleftbox fieldset {border-bottom: #ee3423 1px solid;  }

#rightcolumn legend { width:180px;}
	
legend {width:500px;}

legend {display: none}

#rightcolumn label {display:block; float:left; width:50px; text-align:left;  color: #000 }

label {display:block; float:left; width:5em; text-align:left;  color: #000 }

.label {color: #000}

label + br {display:none;}

#rightcolumn input, #rightcolumn textarea, #rightcolumn select {font-size:11px; margin-left:1em; width:100px; padding: 0}

input, textarea, select {font-size:11px; margin-left:1em; 18em; padding: 0; color: #294876; border: #6787ae 1px solid; }
.radio {margin-left:1em; margin-right: 1em;  width: 1em; padding: 0}
	
.smallform {font-size:1.1em; margin-left:1em; width:3em}

input[type="submit"] {text-transform:uppercase; width: 6em ; background: #284975 url(/commonresources/files/www.transearch.se/images/mallelement/knappbg.gif) repeat-x; color: #fff; border: #284975 1px solid;  height: 18px;}

form, fieldset {margin:0; padding:0; }
	
fieldset p { margin: 5px 5px 5px 0; line-height:110%; font-size: 11px}

fieldset p.center {text-align: center; width: 155px; padding: 5px 0;}


}

.button {text-align;}


/* Contact page */

dl.vcard {height:1%; background:#fff; padding:1em 2em;}
dl.contact {height:1%; background:#fff url(/commonresources/files/www.transearch.se/images/mallelement/vcard-bg.gif) no-repeat left bottom; border:1px solid #dcc4d2; padding:1em 2em; margin-bottom:1em;}
dl.vcard a:link {color:#000;}
dl.vcard a.email, a.email {text-decoration:none; background:url(../img/email.gif) no-repeat 100% 50%; padding-right:22px}
dl.vcard a:hover.email, a:hover.email {text-decoration:underline;}
dl.vcard a.url {text-decoration:underline;}
dl.vcard dt {clear:both; font-size:1.2em; font-family:"century gothic"; text-transform:none; letter-spacing:0; margin-top:0; padding-bottom:.5em; margin-bottom:1em; border-bottom:2px solid #66003d;}
dl.vcard dd {font-style:normal; margin-bottom:1em;}
dl.vcard .adr {float:left; width:45%;}
dl.vcard .tel, dl.vcard .contact-person {clear:right; float:right; width:55%; text-align:right}
dl.vcard .contact-person {text-align:right}
dl.vcard span.tel {float:none}

dl.vcard.odd {margin-right:25px;}
dl.vcard.even {margin-right:0;}

.one-col-layout h2 {clear:left;}
.one-col-layout dl.vcard {width:400px; float:left;}
