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

/* ------------------------------------------------------------BODY */
/* ------------------------------------------------------ MAIN TYPE */
/* --------------------------------------------------- MAIN CONTENT */
/* ---------------------------------------------------- COLUMN TEXT */
/* ---------------------------------------------------- TOP CONTENT */
/* ---------------------------------------------------- SEARCH FORM */
/* ------------------------------------------------------ SLIDESHOW */
/* ---------------------------------------------------------- BOXES */
/* -----------------------------------------------TRANSPARENT BOXES */
/* -------------------------------------------------PROJECT WRAPPER */
/* -------------------------------------------------------- BUTTONS */
/* --------------------------------------------------------- FOOTER */
/* ----------------------------------------------------- NEWSLETTER */
/* ---------------------------------------------------- BREADCRUMPS */
/* -----------------------------------------------OPACITY ON IMAGES */
/* -----------------------------------------------------------WRAPS */
/* ----------------------------------------------------TWITTER FEED */
/* ------------------------------------------------------------TYPE */
/* -----------------------------------------------LANGUAGE SELECTOR */ 


body {
	background-color:#CCC;
	background-image:url(http://www.lexsign.se/images/bg/02.png);
	margin: 0px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:21px;
} 

.top { height:10px; }


/* ------------------------------------------------------ MAIN TYPE */

p {
	color:#292929;
	text-algin:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	}
	
	
h1 {
	font-family:Dax_Bold, Verdana;
	font-size:30px;
	color:#333;
}
	
	
	
h2{
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}


h3{ 
	font-family: Dax_Bold, Verdana;
	font-size:20px;
	color:#333;
}


strong { font-size:12px; }

ul {
list-style-type: none;
padding: 0px;
margin:0px;
}

a:link {color:#298CC4;}
a:visited {color:#298CC4;}


/* --------------------------------------------------- MAIN CONTENT */

#content {	
	width:1024px;
	height:100%;
	background:#FFF;
	padding: 10px 0px 20px 0px;
	margin: 35px 0px 30px 60px;
	margin:1px auto;
	box-shadow:5px 5px 10px #999; -webkit-box-shadow:5px 5px 10px #999; -moz-box-shadow:-5px 5px 5px #999;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;	
}



.contenttext {
	width:742px;
	height:100%;
	margin:20px 0px 0px 20px;
}



.greycontent {
	height:360px;
	width:1024px;
	background-color:#292929;
	padding-top:10px;
}



.greycontent_noimage {
	height:0px;
	width:1024px;
	background-color:#292929;
	padding-top:10px;
}



.headerimage {
	height:350px;
	width:1024px;
	background-image:url(http://www.lexsign.se/images/content_image.jpg);
}



.headerflash {
	height:350px;
	width:1024px;
}



.insidegrey{
	width:1024px;
	height:350px;
	overflow:hidden;
}


/* ---------------------------------------------------- COLUMN TEXT */

#columntext{
	width:984px;
	height:100%;
	margin:20px 0px 0px 20px;
}

.columnleft{
	width:742px;
	height:100%;
	float:left;
}

.columnright{
	width:200px;
	height:100%;
	float:right;
}


/* ---------------------------------------------------- TOP CONTENT */

.logotype {
	width:200px;
	height:80px;
	float:left;
	margin-left:25px;
	margin-top:10px;
}



/* ---------------------------------------------------- SEARCH FORM */

.search {
	background-color:#CCC;
	width:220px;
	height:31px;
	float:right;
	margin-right:20px;
	margin-top:13px;
}

form { margin:0px;padding:0px; margin-top:0px; }
 
.search-box { /*outer background*/
	background-color:#FFF;
	height: 31px;
	padding: 5px 0 0 10px;
	width: 220px;
}

input.search-field { /*input field */
	float:left;
	border:0; margin:0; padding: 2px 0px 0px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#999;
	height:20px;
	width: 160px;
	background: url(http://www.lexsign.se/images/fields/search-form.png) no-repeat top left;
	outline: 0;
}

input:focus, textarea:focus {
    outline: 0;
}


 
input.search-go { /*search icon */
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 0px;
	height: 21px;
	width: 21px;
	background: url(http://www.lexsign.se/images/fields/search-icon.png) no-repeat top left;
	cursor: pointer;
}
 
input.search-go:hover { /*search icon hover "Does Not work in ie6" */
	background:url(http://www.lexsign.se/images/fields/search-icon.png) no-repeat bottom left;
}



/* ------------------------------------------------------ SLIDESHOW */

#slider {
    width: 1024px; 
    height: 350px; 
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 1024px; 
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
	margin:0px 0px 0px 0px;

}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
	-khtml-opacity: 0.0;
    opacity: 0.0;
    color: #fff;
    display: none;
	width:1024px;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	bottom: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}



/* --------------------------------------------------------- BOXES */

.box_wrapper {
	width:100%;
	overflow:hidden;
	clear:both;
}

.top_box_left {
	float:left;
	width:742px;
	margin:20px 0px 0px 20px;
}

.top_box_right {
	float:right;
	width:222px;
	height:220px;
	background-image:url(/images/boxes/sommar.jpg); overflow:hidden; background-color:#FFF;
	margin:20px 20px 0px 20px;
	-moz-border-radius:10px; 
	border-radius:10px;	
}

.bottom_box_left {
	float:left;
	width:742px;
	height:220px;
	background-image:url(http://www.lexsign.se/images/boxes/taktilskyltar.png); overflow:hidden; background-color:#FFF;
	margin:20px 0px 0px 20px;
	
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.bottom_box_right {
	float:right;
	width:222px;
	height:220px;
	overflow:hidden;
	margin:20px 20px 0px 20px;
}



/* -----------------------------------------------TRANSPARENT BOXES */

.transbox {
  width:170px;
  position:absolute;
  margin:20px 0px 0px 0px; padding:0px 10px 0px 0px;
  background-color:#000; filter:alpha(opacity=80); opacity:0.8;
}  
  
  
.transbox p{
  font-weight:lighter; opacity:0.9; font-size:11px; color:#FFF;
  text-align:right;
  line-height:15px;
  text-decoration:none;
}  

.transbox a{
  font-weight:lighter; opacity:0.9; font-size:11px; color:#FFF;
  text-align:right;
  line-height:15px;
  text-decoration:none;
} 
  
.transbox:hover {
	width:180px;
	cursor:pointer;
	color:#FFF;
	text-decoration:none;	
}

.transbox a:hover {
	color:#FFF;
	text-decoration:none;
}

.bigtransbox {
  width:230px;
  position:absolute;
  margin:20px 0px 0px 0px; padding:0px 10px 0px 0px;
  background-color:#000; filter:alpha(opacity=80); opacity:0.8;
}  
  
  
.bigtransbox p{
  font-weight:lighter; opacity:0.9; font-size:11px; color:#FFF;
  text-align:right;
  line-height:15px;
  text-decoration:none;
}  

.bigtransbox a{
  font-weight:lighter; opacity:0.9; font-size:11px; color:#FFF;
  text-align:right;
  line-height:15px;
  text-decoration:none;
} 
  
.bigtransbox:hover {
	width:240px;
	cursor:pointer;
}

.bigtransbox a:hover {
	color:#FFF;
	text-decoration:none;
}





/* -------------------------------------------------PROJECT WRAPPER */

.projektWrapper {
	width:984px;
	height:100%;
	margin:20px auto;
}
		
.projektWrapper ul { 
	list-style-type: none; 
	margin:0px; 
	padding:0px;
}

.projektWrapper ul li {
	float:left;
	position:relative; 
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	background-color:#292929;
}		
	

.projektWrapper ul li a img {
/*	position:absolute; */
	border:none; 
    width:246px;  /*delat på hur många bilder man vill visa /2=492px /3=328px /4=246px */
	height:200px;
} 

.pcation{
	position:absolute; 
	bottom:0px; 
	left:0px; 
	width:100%; 
	display:none; 
	background:#292929;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.pcation .pcationInside{
	padding:10px;
	margin:0px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
}

.clear { clear:both; } 


/* -------------------------------------------------- PRODUCT WRAPS */

#produkt_wrap{
	width:985px;
	height:300px;
}

.right_produkt{
	width:450px;
	height:250px;
	float:left;
	overflow:hidden;
}

.left_produkt{
	width:495px;
	height:260px;
	float:left;
	padding-left:20px;
	padding-right:20px;
	position:relative;
}




/* -------------------------------------------------------- BUTTONS */
	.button, .button:visited {
	background: #222 url(../images/button/shade.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #ccc; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor:pointer;
	margin-top:170px;
	width:150px;
	height:20px;
	position:static;
	top:1px;
}

	.button:hover								{  background:url(../images/button/shade_hover.png) repeat-x; color: #fff; text-decoration:none; }
	.button:active								{ top: 1px; }
	.smallbox.button, .smallbox.button:visited 	{ font-size: 11px; font-weight: normal; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.blue.button, .blue.button:visited			{ background-color: #292929; }
	.blue.button:hover							{ background-color: #298CC4; }








.button_new, .button_new:visited{
display: inline-block;
padding: 10px 15px 10px 15px;
color: #fff;
text-decoration: none;
font-weight:normal;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;*/
/*border-bottom: 1px solid #222;*/
position: relative;
cursor: pointer;



-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);

font-size: 10px;
font-family:Verdana, Geneva, sans-serif;
background-color: #333;

}

.button_new:hover{
	background-color:#298CC4;
}


 /* -------------------------------------------------------IE BUTTON */ 
  
.ie_button{
	background-image:url(../images/button/ie_button.png); background-repeat:no-repeat;
	width:171px;
	height:31px;
	padding-top:5px;
	color:#FFF;
	font-size:10px;
	text-shadow:#000;
	text-align:center;
	cursor:pointer;
}

.ie_button:hover{
	background-image:url(../images/button/ie_button_hover.png); background-repeat:no-repeat;
}
  






/* --------------------------------------------------------- FOOTER */

#footer {
	height:350px;
	padding-top:50px;
	position:relative;
	background-image:url(http://www.lexsign.se/images/bg/footer.png);
	background-repeat:repeat;
	clear:both;
} 

#footertop {
	height:25px;
	width:70px;
	margin:1px auto;
	margin-top:40px;
	margin-bottom:0px;
	position:relative;
	clear:both;
}

.footerwrap {
	width:1024px;
	margin:1px auto;
	margin-bottom:40px;
		background-image:url(http://www.lexsign.se/images/bg/footer.png);
		background-repeat:repeat;
	
}

.footertext {
	width:300px;
	text-align:left;
	font-size:10px;
	line-height:20px;
	font-family:Verdana;
	color:#999;
	float:left;
}

.footertext a {
	color:#999;
	text-decoration:none;
}

.footertext a:hover {
	color:#298CC4;
	text-decoration:underline;
}

.footerstroke {
	padding:7px 0px 7px 0px; 
	opacity:0.2;filter:alpha(opacity=15)
}




/* ----------------------------------------------------- NEWSLETTER */

newsform{margin-top:10px; margin-bottom:10px; padding:0}
 
input.newsletter-field{ /*input field */
	float:left;
	border:0;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#999;
	padding: 4px 0px 0px 15px;
	height:17px;
	background: url(http://www.lexsign.se/images/fields/newsletter-form.png) no-repeat top left;
	width: 235px;
}
 
input.newsletter-go { /*search icon */
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 0px;
	height: 21px;
	width: 21px;
	background: url(http://www.lexsign.se/images/fields/newsletter-icon.png) no-repeat top left;
	cursor: pointer;
}
 
input.newsletter-go:hover{ /*search icon hover "Does Not work in ie6" */
	background:url(http://www.lexsign.se/images/fields/newsletter-icon.png) no-repeat bottom left;
}



/* ---------------------------------------------------- BREADCRUMPS */

#breadcrumbs {list-style:none outside; margin:0px; padding:0px;}
        #breadcrumbs li{display:inline;padding:0;margin:0;color:#999;font-size:11px;}
        #breadcrumbs a, a span {color:#999; padding-right: 2px; font-family:Verdana, Geneva, sans-serif; text-decoration:none;}
        #breadcrumbs a:hover, a:hover span{ color:#298CC4; text-decoration:underline;}
		#breadcrumbs a:visited, a:visited span{ color:none; padding-right: 2px; text-decoration:none;}



/* -----------------------------------------------OPACITY ON IMAGES */

.opacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85; opacity:0.85;
}

.opacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1; opacity:1.0;
}


/* -----------------------------------------------------------WRAPS */

div.produkt_wrap{
	width:1000px;
	height:auto;
}

div.kontakt_wrap{
	width:500px;
	height:250px;
	float:left;
	margin:20px 0px 20px 0px;
	
}

.right_kontakt{
	width:240px;
	float:left;
	padding-left:10px;
	
}

.left_kontakt{
	float:left;
}


.tjanster_left{
	width:288px;
	float:left;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.tjanster_middle{
	width:288px;
	float:left;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

.tjanster_right{
	width:288px;
	float:right;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}


.tjanster_wrapper{
	width:984px;
	height:500px;
}


.katalogWrapper {
	width:980px;
	margin:50px auto;
	font-family: verdana;
	font-size: 11px;
} /* not important */
		
.katalogWrapper ul { 
	list-style-type: none; /* remove the default style for list items (the circles) */ 
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
}

.katalogWrapper ul li {
	float:left; /* important: left float */
	position:relative; /* so we can use top and left positioning */
	overflow:hidden;
	margin: 0px;
	padding: 0px;
}

.katalogWrapper ul li a img {
	width:236px; /* not important, the pics we use here are too big */
	position:absolute; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}


.bildtext{
	position:absolute; /* needed for positioning */
	bottom:0px; /* bottom of the list item (container) */
	left:0px; /* start from left of the list item (container) */
	width:100%; /* stretch to the whole width of container */
	display:none; /* hide by default */
	/* styling bellow */
	background:#292929;
	opacity:0.98;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding:10px;
}

.bildtext .bildtextInside{padding:10px; margin:0px;}

.bildtext a:link{color:#298CC4; text-decoration:none;}
.bildtext a:hover{color:#298CC4; text-decoration:underline;}
.bildtext a:visited{color:#298CC4; text-decoration:underline;}

.oversikt{width:245px; position:relative; float:left; margin-bottom:20px; } /* Under rubrik på broschyrerna */




.newsbox{
	height:220px;
	width:222px;
	float:left;
	margin:20px 0px 0px 20px;
	bottom:0px;
	overflow:hidden;
	color:#292929;	
	float:left;
	position:relative;
	padding-left:7px;
	font-family:Verdana, Geneva, sans-serif;
}
	
.newsbox li {
		list-style-type:none;
		width:290px; height:26px;
		border-bottom:solid thin #CCC;		
}
	
.newsbox a:link{
	color:#292929;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.newsbox a:hover{ color:#298CC4; text-decoration:underline; }
.newsbox a:visited{ color:#292929; }





/* ----------------------------------------------------TWITTER FEED */

#twitter_div{
	width:265px;
	height:100%;
	float:right;
	font-size:10px;
}

#twitter_update_list{
	font-family:verdana; font-size:10px;
}

#twitter_update_list ul li{
	list-style:none;
	color:yellow;
}



/* ------------------------------------------------------------TYPE */

  @font-face {
    font-family: Dax_Bold;
    src: url(http://lexsign.se/font/daxbold.ttf);
  }

  @font-face {
    font-family: Dax_Bold;
	font-style:  normal;
    font-weight: normal;
    src: url(http://lexsign.se/font/daxbold.eot);
  }
  
  
  
/* -----------------------------------------------LANGUAGE SELECTOR */  
  #language_select{
	width:1010px;
	margin:1px auto;
	text-align:right;
	margin-bottom:10px;
	color:#666;
}

#language_select a{
	color:#666;
	text-decoration:none;
}

#language_select a:hover{
	color:#298CC4;
	text-decoration:underline;
}