@charset "utf-8";

@font-face {
    font-family: 'Frutiger';
    src: url('ftr_____-webfont.eot');
    src: url('ftr_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('ftr_____-webfont.woff') format('woff'),
         url('ftr_____-webfont.ttf') format('truetype'),
         url('ftr_____-webfont.svg#FrutigerRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Frutiger';
    src: url('ftb_____-webfont.eot');
    src: url('ftb_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('ftb_____-webfont.woff') format('woff'),
         url('ftb_____-webfont.ttf') format('truetype'),
         url('ftb_____-webfont.svg#FrutigerBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

body  {
	font: 100% Frutiger, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/main_background.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	margin: 0px auto;
	padding: 0;
	text-align: center;
	color: #000;
}
a:link {
	color: #01c;
	text-decoration: none;
}
a:visited {
	color: #608;
	text-decoration: none;
}
a:hover {
	color: #dc281e;
	text-decoration: underline;
}
a:active {
	color: #dc281e;
	text-decoration: none;
} 
a[href^="http://"] { 
  background:url(images/Icon_External_Link.png) 99% 40% no-repeat; 
  padding-right: 15px;
}
#footer a[href^="http://"] { 
  background: none;
  padding-right: 0px;
}

.textkomp_css #langchooser {
  width: 780px;
  margin: 4em auto 0.5em;
  text-align: right;
  color: gray;
}

.textkomp_css #container {
	position: relative;
	width: 780px;
	background: #fff;
	margin: 0 auto 0;
	border: 1px solid #999;
	text-align: left;
} 
.textkomp_css #header {
	background-image: url(images/mainHeader.jpg);
	background-repeat: no-repeat;
	height: 150px;
}
	.textkomp_css #headerA {
		background-image: url(images/mainHeaderA.jpg);
		background-repeat: no-repeat;
		height: 150px;
	}
		.textkomp_css #headerB {
			background-image: url(images/mainHeaderB.jpg);
			background-repeat: no-repeat;
			height: 150px;
		}
		.textkomp_css #headerC {
			background-image: url(images/mainHeaderC.jpg);
			background-repeat: no-repeat;
			height: 150px;
		}
			.textkomp_css #headerD {
				background-image: url(images/mainHeaderD.jpg);
				background-repeat: no-repeat;
				height: 150px;
			}
				.textkomp_css #headerE {
					background-image: url(images/mainHeaderE.jpg);
					background-repeat: no-repeat;
					height: 150px;
				}
.textkomp_css #menuField {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #ddd;
	height: 29px;
} 
.textkomp_css #header h1 {
	margin: 0;
	padding: 10px 0;
}
.textkomp_css #sidebar1 {
	position: relative;
	margin: 0 0 0 0px;
	height: 185px;
	width: 200px;
	background-image:url(images/sidebar1_fade.gif);
	padding: 15px 10px 15px 20px;
	font-family: Frutiger, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #007EC2;
}
.textkomp_css #sidebar1 a:link{
    color: #007EC2;
}
.textkomp_css #sidebar1 a:visited{
    color: #007EC2;
}
.textkomp_css #sidebar1 h3 {
	font-size: 1.2em;
	line-height: 0.2em;
}
.textkomp_css #sidebar1 ul {
	padding-left: 0;
	margin-left: 0;
}
.textkomp_css #sidebar1 li {
	list-style-type: none;
	padding-left: 0;
	padding-bottom: 0.6em;
	margin-left: 0;
}
.textkomp_css #sidebar2 {
	position: inherit;
	width: 200px;
	background-image: url(images/address_background.gif);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: right;
	padding: 15px 10px 15px 20px;
	font-family: Frutiger, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #fff;
}
.testimonials {
	background-color: #eee;
	padding: 10px;
}
.testimonialsColor {
	font-style: italic;
	color: #666;
	margin: -1.0em 0 0 0;
}
/*.NavigationLink {
	color: #afafaf;
	text-decoration: none;
}*/
.NavigationLinkActive{
  /*font-weight: bolder;*/
  color: black;
}
.altLink {
	color: #fff;
	text-decoration: none;
}
.underline {
	text-decoration: underline;
}
.textkomp_css ul {
  margin-top: 0px;
  margin-bottom: 1.1em;
}
.noPmargin {
  margin-top: 0px;
  margin-bottom: 1.1em;
}
.textkomp_css #sidebar2 h3 {
	font-size: 1.2em;
	margin-bottom: 0.7em;
	line-height: 0;
}
.textkomp_css #mainContent {
	float: left;
	margin: -380px 0 0 250px;
	padding: 0 20px 20px 0;
	font-size: 0.8em;
	width: 500px;
}
.textkomp_css #mainContent h1 {
	font-size: 1.5em;
}
.textkomp_css #mainContent h2 {
	font-size: 1.3em;
}
.textkomp_css #mainContent h3 {
	font-size: 1.0em;
}
.hrMainColor {
	color: #a3d869;
	height: 2px;
	width: 510px;
	margin: 5px 0 0 0;
	border-color: #a3d869;
	border-style: solid;
}
.hrA {
	width: 510px;
	height: 10px;
	background-color: #0072cf;
	color: #0072cf;
	border: none;
}
	.hrB {
		width: 510px;
		height: 10px;
		background-color: #afafaf;
		color: #afafaf;
		border: none;
	}
		.hrC {
			width: 510px;
			height: 10px;
			background-color: #dd291e;
			color: #dd291e;
			border: none;
		}
			.hrD {
				width: 510px;
				height: 10px;
				background-color: #a3d869;
				color: #a3d869;
				border: none;
			}
				.hrE {
					width: 510px;
					height: 10px;
					background-color: #fcdd41;
					color: #fcdd41;
					border: none;
				}
#mainContent.combined h1{
    border-bottom: 3px solid #a3d869;
}
#mainContent.combined h2{
    border-bottom: 2px solid #a3d869;
}
#mainContent.combined h3{
    border-bottom: 1px solid #a3d869;
}
#mainContent.combinedA h1, #mainContent.combinedA h2, #mainContent.combinedA h3 {
    border-color: #0072cf;
}
#mainContent.combinedB h1, #mainContent.combinedB h2, #mainContent.combinedB h3 {
    border-color: #afafaf;
}
#mainContent.combinedC h1, #mainContent.combinedC h2, #mainContent.combinedC h3 {
    border-color: #dd291e;
}
#mainContent.combinedD h1, #mainContent.combinedD h2, #mainContent.combinedD h3 {
    border-color: #a3d869;
}
#mainContent.combinedE h1, #mainContent.combinedE h2, #mainContent.combinedE h3 {
    border-color: #fcdd41;
}

.navigation {
	font-family: "trebuchet MS", helvetica, sans-serif, Arial;
	font-size: 0.9em;
	margin-top: 1em;
}
.navigation a:hover {
  text-decoration: underline;
}
.NavigationLinkActive {
  font-weight: bold;
}
strong {
  font-weight: bold;
}
.textkomp_css #footer { 
	padding: 0 10px 0 20px;
	background: #b2b2b2;
	font-family: Frutiger, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
} 
.textkomp_css #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.formFormat {
	margin:0;padding:0;display:inline;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 0.9em;
}
.uparrow {
    border: 0;
    margin-top: 6px;
}
/* MENU STARTS HERE */
.menu {width:780px; height:30px; position:relative; top:0; left:0; z-index:100;border-right:1px solid #000; font-family: Frutiger, arial, sans-serif;}
* html .menu {width:780px; w\idth:780px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:128.2px;}
.menu li {float:left;width:128.2px;position:relative;}
.menu a, .menu a:visited {display:block;font-size:0.7em;text-decoration:none; color:#fff; width:128.2px; height:29px; border:1px solid #b2b2b2; border-width:0px 0px 0px 1px; background:#333; padding-left:10px; line-height:29px; font-weight:700;}
* html .menu a, * html .menu a:visited {width:128.2px; w\idth:124.1px;}

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000 url(http://www.textkompaniet.se/images/grey-arrow.gif) no-repeat 30px center;}
.menu ul ul a.drop:hover{background:#000 url(http://www.textkompaniet.se/images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#000 url(http://www.textkompaniet.se/images/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fce658;}
.menu ul ul ul a:hover {background:#dc281e;}

.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; width:128.15px;border-top:0 solid #333;}
* html .menu ul ul {top:30px;t\op:31px;}

.menu ul ul ul{left:149px; top:-1px; width:149px;}

.menu ul ul ul.left {left:-149px;}

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

.menu ul ul a, .menu ul ul a:visited {background:#b2b2b2; color:#fff; height:auto; line-height:1.1em; padding:5px 10px; width:128px;border-width:0em 0.01em 0.01em 0.01em; border-color:#333;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:140px;w\idth:128px;}

.menu a:hover, .menu ul ul a:hover{color:#333; background:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#007cc2;}

.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}

q, blockquote {
    font-style: italic;
}

h1, .menu a {
    text-transform:uppercase;
}

.menu li ul a {
    text-transform:none;
}

ul {
    list-style-type:square;
}

.floatadjust { /* push it down some, to make it look centerd */
    padding-top: 32px;
}

.rightadjust {
    text-align: right;
}

address {
    font-style: normal;
}

