@charset "utf-8";

/* oliverlayout.css - Artegotech.dk */ /**
 * IMAGE positioner
 */ /**
 * FORSIDE
 */
img.template1_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 380px;
	height: 310px;
}

img.template1_2 {
	position: absolute;
	top: 0px;
	left: 388px;
	width: 191px;
	height: 310px;
}

img.template1_3 {
	position: absolute;
	top: 0px;
	left: 587px;
	width: 321px;
	height: 473px;
}

img.template1_4 {
	position: absolute;
	top: 318px;
	left: 0px;
	width: 191px;
	height: 155px;
}

img.template1_5 {
	position: absolute;
	top: 318px;
	left: 199px;
	width: 380px;
	height: 155px;
}

/**
 * PRODUKTER STARTSIDE
 */
img.template2_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 221px;
	height: 221px;
}

img.template2_2 {
	position: absolute;
	top: 0px;
	left: 229px;
	width: 221px;
	height: 221px;
}

img.template2_3 {
	position: absolute;
	top: 0px;
	left: 458px;
	width: 450px;
	height: 450px;
}

img.template2_4 {
	position: absolute;
	top: 229px;
	left: 0px;
	width: 221px;
	height: 221px;
}

img.template2_5 {
	position: absolute;
	top: 229px;
	left: 229px;
	width: 221px;
	height: 221px;
}

/**
 * PRODUKTER BESKRIVELSE
 */
div.template3_text {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 300px;
}

div.template3_text_scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	width: 400px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

img.template3_450px, #prod_pic_450, #prod_pic_dir  {
	position: absolute;
	top: 0px;
	left: 458px;
	width: 450px;
	height: 450px;
}

img.template3_106_pic1 {
	position: absolute;
	top: 344px;
	left: 0px;
	width: 106px;
	height: 106px;
}

img.template3_106_pic2 {
	position: absolute;
	top: 344px;
	left: 114px;
	width: 106px;
	height: 106px;
}

img.template3_106_pic3 {
	position: absolute;
	top: 344px;
	left: 228px;
	width: 106px;
	height: 106px;
}

img.template3_106_pic4 {
	position: absolute;
	top: 344px;
	left: 342px;
	width: 106px;
	height: 106px;
}

/**
 * TEMPLATE 4
 */
div.template4_text {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 200px;
}

img.template4_450px {
	position: absolute;
	top: 0px;
	left: 458px;
	width: 450px;
	height: 450px;
}

img.template4_221_pic1 {
	position: absolute;
	top: 229px;
	left: 0px;
	width: 221px;
	height: 221px;
}

img.template4_221_pic2 {
	position: absolute;
	top: 229px;
	left: 229px;
	width: 221px;
	height: 221px;
}

/**
 * TEMPLATE 5
 */ 

div.template5_text {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 350px;
	height: 300px;
}

div.template5_text_scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 444px;
	height: 210px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* 1.række */
img.template5_106_pic1, span.template5_106_pic1 {
	position: absolute;
	top: 0px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic2 {
	position: absolute;
	top: 0px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic3 {
	position: absolute;
	top: 0px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic4 {
	position: absolute;
	top: 0px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 2.række */
img.template5_106_pic5 {
	position: absolute;
	top: 114px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic6 {
	position: absolute;
	top: 114px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic7 {
	position: absolute;
	top: 114px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic8 {
	position: absolute;
	top: 114px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 3.række */
img.template5_106_pic9 {
	position: absolute;
	top: 228px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic10 {
	position: absolute;
	top: 228px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic11 {
	position: absolute;
	top: 228px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic12 {
	position: absolute;
	top: 228px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 4.række */
img.template5_106_pic13 {
	position: absolute;
	top: 343px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic14 {
	position: absolute;
	top: 343px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic15 {
	position: absolute;
	top: 343px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template5_106_pic16 {
	position: absolute;
	top: 343px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 2 stk. 221px billeder */
img.template5_221_pic1 {
	position: absolute;
	top: 228px;
	left: 0px;
	width: 221px;
	height: 221px;
}

img.template5_221_pic2 {
	position: absolute;
	top: 228px;
	left: 229px;
	width: 221px;
	height: 221px;
}

/**
 * TEMPLATE 6
 */ 

div.template6_text {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 473px;
}

div.template6_text_scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	width: 300px;
	height: 473px;
	overflow-x: hidden;
	overflow-y: scroll;
}

img.template6_pic1, span.template6_pic1, #prod_pic_579 {
	position: absolute;
	top: 0px;
	left: 329px;
	width: 579px;
	height: 473px;
}

/**
 * TEMPLATE 7
 */ 

div.template7_text {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0;
	width: 300px;
	height: 473px;
}

div.template7_text_scroll {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	padding: 0;
	width: 300px;
	height: 473px;
	overflow-x: hidden;
	overflow-y: scroll;
}

img.template7_pic1 {
	position: absolute;
	top: 0px;
	left: 329px;
	width: 191px;
	height: 233px;
}

img.template7_pic2 {
	position: absolute;
	top: 0px;
	left: 528px;
	width: 380px;
	height: 233px;
}

img.template7_pic3 {
	position: absolute;
	top: 241px;
	left: 329px;
	width: 380px;
	height: 232px;
}

img.template7_pic4 {
	position: absolute;
	top: 241px;
	left: 717px;
	width: 191px;
	height: 232px;
}

/**
 * Template 8
 */
img.template8_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 450px;
	height: 450px;
}

img.template8_2 {
	position: absolute;
	top: 0px;
	left: 458px;
	width: 450px;
	height: 450px;
}

/**
 * Template 10
 */

/* 1.række */
img.template10_106_pic1, span.template10_106_pic1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic2 {
	position: absolute;
	top: 0px;
	left: 114px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic3 {
	position: absolute;
	top: 0px;
	left: 228px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic4 {
	position: absolute;
	top: 0px;
	left: 342px;
	width: 106px;
	height: 106px;
}

/* 2.række */
img.template10_106_pic5 {
	position: absolute;
	top: 114px;
	left: 0px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic6 {
	position: absolute;
	top: 114px;
	left: 114px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic7 {
	position: absolute;
	top: 114px;
	left: 228px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic8 {
	position: absolute;
	top: 114px;
	left: 342px;
	width: 106px;
	height: 106px;
}

/* 3.række */
img.template10_106_pic9 {
	position: absolute;
	top: 228px;
	left: 0px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic10 {
	position: absolute;
	top: 228px;
	left: 114px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic11 {
	position: absolute;
	top: 228px;
	left: 228px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic12 {
	position: absolute;
	top: 228px;
	left: 342px;
	width: 106px;
	height: 106px;
}

/* 4.række */
img.template10_106_pic13 {
	position: absolute;
	top: 343px;
	left: 0px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic14 {
	position: absolute;
	top: 343px;
	left: 114px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic15 {
	position: absolute;
	top: 343px;
	left: 228px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic16 {
	position: absolute;
	top: 343px;
	left: 342px;
	width: 106px;
	height: 106px;
}

/* 1.række */
img.template10_106_pic17, span.template10_106_pic17 {
	position: absolute;
	top: 0px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic18 {
	position: absolute;
	top: 0px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic19 {
	position: absolute;
	top: 0px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic20 {
	position: absolute;
	top: 0px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 2.række */
img.template10_106_pic21 {
	position: absolute;
	top: 114px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic22 {
	position: absolute;
	top: 114px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic23 {
	position: absolute;
	top: 114px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic24 {
	position: absolute;
	top: 114px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 3.række */
img.template10_106_pic25 {
	position: absolute;
	top: 228px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic26 {
	position: absolute;
	top: 228px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic27 {
	position: absolute;
	top: 228px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic28 {
	position: absolute;
	top: 228px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/* 4.række */
img.template10_106_pic29 {
	position: absolute;
	top: 343px;
	left: 460px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic30 {
	position: absolute;
	top: 343px;
	left: 574px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic31 {
	position: absolute;
	top: 343px;
	left: 688px;
	width: 106px;
	height: 106px;
}

img.template10_106_pic32 {
	position: absolute;
	top: 343px;
	left: 802px;
	width: 106px;
	height: 106px;
}

/**
 * Template 11
 */
img.template11_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 908px;
	height: 473px;
}

/**
 * Template 12
 */
img.template12_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 579px;
	height: 473px;
}

img.template12_2 {
	position: absolute;
	top: 0px;
	left: 587px;
	width: 321px;
	height: 473px;
}

/**
 * Template 13
 */
img.template13_1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 579px;
	height: 155px;
}

img.template13_2 {
	position: absolute;
	top: 163px;
	left: 0px;
	width: 579px;
	height: 310px;
}

img.template13_3 {
	position: absolute;
	top: 0px;
	left: 587px;
	width: 321px;
	height: 473px;
}

