/* CSS mall*/

/* Globala stilar ------------------------------------------- */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address, frameset, frame, div, img, a, href {
	margin:0;
	padding:0;
}

a img {
	border:none;
	padding: 0;
	margin: 0;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/* iepngfix fixar png28 i IE6 - That CSS selector must include the tags/elements on which you want PNG support*/
.png_fix { behavior: url(/_scripts/iepngfix/iepngfix.htc) }

/* Ange html, body height 100% för firefox 100% height */
html,body {
	
	}

body {
	background: #333333;
	font-family: 'trebuchet ms', arial, verdana, san-serif;
	color: #F8F8F6;
	padding: 10px 40px 0 40px;
	font-size: 14px;
} 

h1, h2, h3, h4, h5, h6, p  {
	color: #F8F8F6;
	line-height: 19px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
}

p a:link {text-decoration: none; color: #B687B9;}
p a:visited {text-decoration: none; color: #B687B9;}
p a:hover {text-decoration: underline; color: #B687B9;}
p a:active {text-decoration: none; color: #B687B9;}


/* Layouy ------------------------------------------- */
#menu {
	float: left;
	margin: 0;
	width: 100%;
	margin-bottom: 70px;
}
#menuLogo {
	margin: 14px 18px 0 0px;
	float:left;
}
#menuLeft {
	float: left;
	margin-top:20px;
}

.menuButton{
	cursor:pointer;
}
.menuBack{
	margin-left:60px;
}
.menuGd {
	margin-right:26px;
}
/* start ----------------------------------- */
#inspiration{
	width: 100%;
	background: #222222;
	padding: 10px 0 10px 10px;
	_padding-bottom: 10px;
	_padding-right: 10px;
	margin-bottom:80px;
	float: left;
}
.thumbBox {
	margin: 0 10px 10px 0;
	float: left;
}
.thumbTxt {
	font-size: 13px;
	text-align:center;
	color: #FFFFFF;
}
.thumbTxt  a:link {text-decoration: none; color: #FFFFFF;}
.thumbTxt  a:visited {text-decoration: none; color: #FFFFFF;}
.thumbTxt  a:hover {text-decoration: underline; color: #FFFFFF;}
.thumbTxt  a:active {text-decoration: none; color: #FFFFFF;}


#news_resources {
	width:100%;
	float: left;
}
#news {
	width: 315px;
	height: 240px;
	background: #222222;
}
#newsContainer {
	float: left;
	margin-right: 72px;
	
}
#about_start {
	float: left;
	width: 380px;
}
#om_ideform_start {
	width: 300px;
	height: 240px;
	background: #222222;
}
#about_portfolio {
	float:left;
	margin-left:30px;
	width: 350px;
}
#portfolio_images{
	width: 100%;
	background: #222222;
	padding: 10px 0 10px 10px;
	margin-bottom:40px;
	float: left;
}

/* elements ----------------------------------- */ 
.dUppercase {
	text-transform:uppercase;
}
.tCenter {
	text-align: center;
}
.dBlock {
	display:block;
}	
.dNone {
	display: none;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: left;
	margin-right: auto; 
	margin-left: auto;
}
/* tjänster  ----------------------------------- */ 
#tjansterContainer {
	width: 900px;
}
#Vkolumn {
	float: left;
	width: 155px;
	margin: 0 40px 0 40px;
	display: inline;
	line-height:25px;
	margin-top:20px;
}
#Mkolumn {
	float: left;
	width: 218px;
	margin:  0 85px 0 85px;
	display: inline;
	line-height:25px;
	margin-top:20px;
}
#Hkolumn {
	float: left;
	width: 155px;
	margin: 0 70px 0 40px;
	display: inline;
	line-height:25px;
	margin-top:20px;
}
#Hkolumn2 {
	float: left;
	width: 175px;
	margin: 0 70px 0 60px;
	display: inline;
	line-height:25px;
	margin-top:20px;
}
#VMkolumn {
	float: left;
	margin:  0 65px 0 0;
	width: 529px;
	margin-top:20px;
}
.tjansterLinje {
	background-image: url('/_img/graphic/line-vdotted-grey.gif'); 
	background-repeat: repeat-y;
	height:308px;
	width: 1px;
	float:left;
	margin-top:62px;
}
#SvarBox1 {
	border: 1px dotted #000000;
	width: 150px;
	margin-top: 20px;
	padding-left:10px;
	padding-right:10px;
}
.botten_marg {
	float:left; 
	clear:both; 
	width:100%; 
	height:40px;
}



/* blogg  ----------------------------------- */ 

#blogContainer {
	width: 650px;
}
#blogPostContainter {
	width: 650px;
	margin-right: 10px;
	float: left;
}
#botten {
	float: left;
	height:50px;
}
.onePost {
	padding:55px 65px 55px 65px;
	margin-bottom: 10px;
}
.bloggText {
	margin: 25px 17px 25px 17px;
	line-height:20px;
	font-size:12px;
}
.bloggText  a:link {text-decoration: none; color: #FFFFFF;}
.bloggText  a:visited {text-decoration: none; color: #FFFFFF;}
.bloggText  a:hover {background: #656565; text-decoration: none; color: #FFFFFF;}
.bloggText  a:active {text-decoration: none; color: #FFFFFF;}

.blogText2 {
	font-size:14px;
	line-height:21px;
	color:#FFFFFF;
}
.blogText2  a:link {text-decoration: none; color: #B687B9;}
.blogText2  a:visited {text-decoration: none; color: #B687B9;}
.blogText2  a:hover {text-decoration: underline; color: #B687B9;}
.blogText2  a:active {text-decoration: none; color: #B687B9;}

/* text ----------------------------------- */
h3.geo_sans{
	font-family: 'geo_sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3.myriad_ligt{
	font-family: 'myriad_light', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3.myriad{
	font-family: 'myriad', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* preload ----------------------------------- */
.preload {
	display: none;
}
.opacity0 {
	opacity: 0; 
	filter: alpha(opacity=0);

}

/* colors ------------------------------------------- */
.blue {
	color: #739DE9;
}
.blue  a:link {text-decoration: none; color: #739DE9;}
.blue  a:visited {text-decoration: none; color: #739DE9;}
.blue  a:hover {text-decoration: underline; color: #739DE9;}
.blue  a:active {text-decoration: none; color: #739DE9;}

.green {
	color: #75C86F;
}
.green  a:link {text-decoration: none; color: #75C86F;}
.green  a:visited {text-decoration: none; color: #75C86F;}
.green  a:hover {text-decoration: underline; color: #75C86F;}
.green  a:active {text-decoration: none; color: #75C86F;}

.turk {
	color: #34B9BA;
}
.turk  a:link {text-decoration: none; color: #34B9BA;}
.turk  a:visited {text-decoration: none; color: #34B9BA;}
.turk  a:hover {text-decoration: underline; color: #34B9BA;}
.turk  a:active {text-decoration: none; color: #34B9BA;}


/* sizes ------------------------------------------- */
.size11 {
	font-size:11px;
}
.size12 {
	font-size:12px;
}
.size13 {
	font-size:13px;
}
.size14 {
	font-size:14px;
}
.size15 {
	font-size:15px;
}


/* margins ------------------------------------------- */
.margin9 {
	margin-bottom:9px;
}
.margin11 {
	margin-bottom:11px;
}
.margin22 {
	margin-bottom:22px;
}
.margin35 {
	margin-bottom:35px;
}