/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* LAYOUT */
body { background-color: #fff; font: 14px/22px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #666;

}

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

a { color:#a1040e;outline:0px;font-weight:bold; }
.inline_list a {color:#666;outline:0px;font-weight:bold;}
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color:#a1040e;text-decoration: underline; }
strong, b { font-weight: bold; color:#333; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
hr {border: 1px solid #333;border-top-width: 0px}
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 36px; line-height: 40px; margin-bottom: 10px; color:#393939; }
h2 { font-weight: bold; font-size: 28px; line-height: 38px; margin-bottom: 10px; color:#666;}
h3 { font-weight: bold; font-size: 19px; line-height: 28px; margin-bottom: 12px; color:#999;}
h4 { font-weight: bold; font-size: 16px; line-height: 30px; }
p.intro { padding-top:20px; }
.more { text-align: right;}

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }



/* top */
.container{width:940px;margin:0 auto;padding:0 10px 0 10px;}
#top{width:100%;min-width:960px;}
#top #shadow {width:100%;height:10px;

}
#top #logotype {padding:20px 0 5px 0;}


/* navigation */

#navigation{width:100%;min-width:960px;background: transparent url('../images/base/navigation_bg.png') repeat left top;}
#navigation .order { margin-left:10px; width:86px;background-image: url('../images/buttons/small_grey.png');float:right;margin-top: 0px; }
#navigation a.order {	text-align: center; font:11px/30px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color:#333333;}
#navigation a:hover.order { background-position: 0 -31px; text-decoration: none; }
#navigation a:active.order { background-position: 0 -62px; }

#navigation ul.inline_list{float:left;padding:0;list-style:none;}
#navigation ul.inline_list li{display:block;font:13px/13px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-weight:normal;text-transform:uppercase;background:transparent url('../images/base/navigation_separator.png') no-repeat 0px 0px;float:left;padding-right:20px;padding-left:20px;height:40px;padding-top:19px;}
#navigation ul.inline_list .first { background-image: none;padding-left:0px; }
#navigation ul.inline_list a{padding:0px 0px 26px 0px;}
#navigation ul.inline_list li a.active, #navigation ul.inline_list li a:hover { color:#a1040e;text-decoration: none;background:transparent url('../images/base/navigation_arrow.png') no-repeat center bottom; }


/*content*/

#content{
	width:100%;min-width:960px;background: #fff url('../images/base/base_gradient.png') repeat-x left top;
	padding:30px 0px 40px 0px;
	
}

#content .column_620 {
	float:left;width:600px;
}

#content .column_300 {
	float:right;width:300px;
}

#content .column_340 {
	float:right;width:320px;
	background-color: #333;
	padding:10px 10px;
	text-align:center;border:1px solid #e0bb3e; background:#fffcd7;
}


#content .column_540 {
	float:left;width:540px;
}

#content .column_380 {
	float:right;width:380px;
}


#content .column_280 {
	float:right;width:280px;
	border-left: 1px solid #999;
	padding-left:20px;
}

.method {
	border: 1px solid #999;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	width:560px;
	padding:10px 10px 10px 10px;
	margin:10px 10px;
	background-color:#ccc;
}

.method h3 {
	color: #333;
	font-weight: bold; font-size: 16px; line-height: 28px; margin-bottom: 8px;
}

.method p {
	color: #444;
}

.last {
	margin-bottom:0px;
}



#content ul.square_list{float:left;width:300px;padding:0;list-style: none inside url('../images/logotypes/brand_mini.png');}
#content ul.square_list li {line-height:25px;}
#content ul.square_list li:before{content:"";margin-right:12px;}

/* footer */

#bottom{width:100%;min-width:960px;background: transparent url('../images/base/top_bg.png') repeat left top;
}

#bottom .column_260 {
	float:left;
	width:260px;
	padding-left:80px;
	padding-top:40px;
}

#bottom a {color:#a1040e;font-weight:normal;}


#footer ul{
	font-size:12px;
	padding: 20px 0px 5px 0px;
}
#footer ul li{
	float:left;
	margin-right:25px;
}

#footer a {color:#666;}



/* buttons */

div.orange_260{float:left;}
div.orange_260 .button{width:246px;background-image:url('../images/buttons/orange_260.png');background-position:0px 0px;float:left;margin-right:10px;}
div.orange_260 a.button{text-align:left;font:bold 20px/39px "Lucida Grande",Lucida,Verdana,sans-serif;color:#333;text-indent:-9999px;}
div.orange_260 a:hover.button{background-position:0px -39px;text-decoration:none;}

div.orange_260_utbildning{float:left;}
div.orange_260_utbildning .button{width:246px;background-image:url('../images/buttons/utbildning_90_minuter.png');background-position:0px 0px;float:left;margin-right:10px;}
div.orange_260_utbildning a.button{text-align:left;font:bold 20px/39px "Lucida Grande",Lucida,Verdana,sans-serif;color:#333;text-indent:-9999px;}
div.orange_260_utbildning a:hover.button{background-position:0px -39px;text-decoration:none;}

div.orange_260_references{float:left;}
div.orange_260_references .button{width:246px;background-image:url('../images/buttons/references.png');background-position:0px 0px;float:left;margin-right:10px;}
div.orange_260_references a.button{text-align:left;font:bold 20px/39px "Lucida Grande",Lucida,Verdana,sans-serif;color:#333;text-indent:-9999px;}
div.orange_260_references a:hover.button{background-position:0px -39px;text-decoration:none;}

div.orange_260_kontakt{float:left;}
div.orange_260_kontakt .button{width:246px;background-image:url('../images/buttons/kontakt.png');background-position:0px 0px;float:left;margin-right:10px;}
div.orange_260_kontakt a.button{text-align:left;font:bold 20px/39px "Lucida Grande",Lucida,Verdana,sans-serif;color:#333;text-indent:-9999px;}
div.orange_260_kontakt a:hover.button{background-position:0px -39px;text-decoration:none;}



/* slideshow */

#slide_images{position:relative;display:block;margin:0px;padding:0px;width:300px;height:240px;overflow:hidden;background-color:#fff;}
#slide_images li{position:absolute;display:block;list-style-type:none;margin:0px;padding:0px;}
#slide_images li img{display:block;}
#slide_images p {text-align: right;font-style: italic;margin-top:8px;}	





/* kurser */

.method {
	border: 1px solid #999;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	width:580px;
	padding:15px 10px 0px 10px;
	margin:10px 0px;
	background-color:#ededed;
}

.method .square_list {
	margin-left:20px;
}

.method .square_list {
	margin-left:20px;
}
.method ul.square_list li {line-height:20px;padding-top:10px;}
.method ul.square_list li:before{content:"";margin-right:0px;}


.method h3 {
	color: #333;
	font-weight: bold; font-size: 18px; line-height: 28px; margin-bottom: 8px;
}

.method p {
	color: #444;
}

.last {
	margin-bottom:0px;
}