/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Layout */

body { background:#2a2c32 url(../images/layout/body_bg.gif) top center repeat; text-align: center; color:#fff; font:italic 9pt Arial, Helvetica, sans-serif; }
#wrapper { position:relative; width:1000px; background:none; margin:0 auto; height:100%; min-height:100%; overflow:visible }
#header { width: 750px; height:110px; margin:0 auto; position:relative; margin-bottom:22px; }
#logo { width:298px; height:110px; overflow:hidden; text-indent:-9999em; background:url(../images/layout/logo.gif) no-repeat; position:absolute; top:0; left:-4px; z-index:5; margin:0 0; }

#header #menu {	width:750px; height:44px; position:absolute; top:67px; right:0; margin:0 auto;background:url(../images/layout/menu.jpg) 0 -44px no-repeat; }
#header #menu li { display: table-cell; float:left; }
#header #menu li.first { padding-left:292px; }
#header #menu li a {display:block; float:left; height:44px; background:url(../images/layout/menu.jpg) no-repeat; overflow:hidden; text-indent:-9999em;}
#header #menu li a#home				{ width:78px; background-position: -292px -44px;}
#header #menu li a#home:hover		{ width:78px; background-position: -292px -88px;}
#header #menu li a#home:active,
#header #menu li a#home.active		{ width:78px; background-position: -292px 0;}
#header #menu li a#services			{ width:102px; background-position: -370px -44px;}
#header #menu li a#services:hover	{ width:102px; background-position: -370px -88px;}
#header #menu li a#services:active,
#header #menu li a#services.active	{ width:102px; background-position: -370px 0;}
#header #menu li a#references		{ width:126px; background-position: -472px -44px;}
#header #menu li a#references:hover	{ width:126px; background-position: -472px -88px;}
#header #menu li a#references:active,
#header #menu li a#references.active { width:126px; background-position: -472px -0;}
#header #menu li a#contact			{ width:101px; background-position: -598px -44px;}
#header #menu li a#contact:hover	{ width:101px; background-position: -598px -88px;}
#header #menu li a#contact:active,
#header #menu li a#contact.active	{ width:101px; background-position: -598px 0;}

#slider { width:760px; height:291px; background:url(../images/layout/slider_bg.gif) no-repeat; margin:0 auto; }
#slidelist { overflow:hidden; width:760px; height:233px; }
#slidelist li { text-align:left; }
#slidelist li h5 { font-size:2em; padding:10px 20px; }
#slidelist li p { font-size:1.5em; padding:10px 20px; }
#slidelist li div.slidecontent { display:none; }
#slidelist li.slide2 { background:url(../images/slide_2.jpg) no-repeat; }
#slidelist li.slide3 { background:url(../images/slide_tankfore.jpg) no-repeat; }

/*
#slidelist { width:730px; height:233px; margin:0 auto; background:#611; overflow:hidden }
#slidelist li { float:left; }
*/

#columns { width:750px; margin:0 auto; text-align:left; clear:both; }
#columns div.smallcolumn { display:inline; float:left; width:229px; margin:0 9px;}
#columns div.twocol { margin-top:13px;}
#columns div.widecolumn { display:inline; float:left; width:480px; clear:left; margin:0 10px;}
#columns div.services { margin: 15px 0; float:left; width:360px; display:inline;}
#columns div.widecolumn h1{ padding-top:12px; }
#columns div.widecolumn h1.tva { padding-top:0px; }
#columns div.widecolumn p.ingress{ padding-top:10px; font-size:15px; clear:both; }
#columns div.widecolumn h3{ padding-top:12px; font-size:22px; }


#columns div.services_img { float:right; width:100px; height:100px; text-align:center;}
#columns div.services img { margin:5px auto;}
#columns div.services_info { float:left; width:360px; }

#columns div#split_left { float:left; width:360px;  }
#columns div#split_right { float:right; width:360px;  }

#columns div#split_left img { float:right; margin-left:5px;  }
#columns div#split_right img { float:right; margin-left:5px;  }

#referencelist {  }
#referencelist .reference {float:left; width:100%; margin-top: 20px; padding-bottom:10px;}

#referencelist .reference div.types { width:25px; float:left; padding-top:5px; }
#referencelist .reference div.types span.tags { width:14px; height:17px; display:block; overflow:hidden; text-indent:-9999em; }
#referencelist .reference div.types span.webb { background: url(../images/icons/service_webb_small.gif) no-repeat; }
#referencelist .reference div.types span.print { background: url(../images/icons/service_print_small.gif) no-repeat; }
#referencelist .reference div.types span.film { background: url(../images/icons/service_film_small.gif) no-repeat; }
#referencelist .reference div.types span.foto { background: url(../images/icons/service_foto_small.gif) no-repeat; }
#referencelist .reference div.types span.copy { background: url(../images/icons/service_copy_small.gif) no-repeat; }

#referencelist .reference div.image { width:215px; float:left;  }
#referencelist .reference div.image a { position:relative;  width:200px; height:145px; display:block; }
#referencelist .reference div.image a img { border:0; }
#referencelist .reference div.image a span { position:absolute; top:0px; left:0;  width:200px; height:145px; background:url(../images/layout/ref_thumb.png) 0 -145px no-repeat; cursor: pointer; }
#referencelist .reference div.image a:hover span { position:absolute; top:0; left:0; width:200px; height:145px; background:url(../images/layout/ref_thumb.png) 0 0 no-repeat; }
#referencelist .reference div.info { float:left; width:235px;}

div.image2 { width:375px; clear:both;  }
div#split360 { position:relative; margin-bottom:40px;}
#split360  div.image2 a { position:relative; clear:both; width:360px; height:145px; display:block; overflow:hidden; }
#split360  div.image2 a img { border:0; clear:both; width:360px; }
#split360 div.image2 a span { position:absolute;  top:0; left:0; clear:both; width:360px; height:145px; background:url(../images/layout/ref_thumb360.png) 0 -145px no-repeat; cursor: pointer; }
#split360 div.image2 a:hover span { position:absolute;  top:0; left:0;clear:both; width:360px; height:145px; background:url(../images/layout/ref_thumb360.png) 0 0 no-repeat; }

div#split360 p { margin-left:0px;}
div#split360 h1 { padding-top:18px;}
div#split360 h1.tva { padding-top:0px;}

.contact { width:100%; float:left; margin:10px auto; }
.contact .img { width:60px; float:left; margin-right:20px; }
.contact .info { float:left; width:400px;}
.contact .infotext { width:190px; float:left; margin-right:20px;}
.contact .infolist { width:190px; float:left; margin-right:0;}

#footer { width:750px; clear:both; margin:0 auto; background:url(../images/layout/hr.gif) top center no-repeat; padding:20px; margin-top:50px; text-align:right; position:relative; color:#55575d; line-height:20px; font-style:italic; }
#footer span { margin-right:30px; }
#footer #submenu { position:absolute; top:20px;left:30px; display:inline; background:none;  }
#footer #submenu li { display:inline; }
#footer #submenu li a { border-left: 1px solid #cc572c; padding: 0 10px; color:#55575d; font-style:italic; display:inline; background:none; }
#footer #submenu li.first a { border:none; padding:0; padding-right:10px; }
#totop { display:block; height:23px; width:111px; overflow:hidden; text-indent:-9999em; background:url(../images/layout/to-top.gif) no-repeat; position:absolute; right:26px; top:-23px;}	
#totop span { display:none; }


/* Text */
a { text-decoration:none; color:#cc572c; }
a:hover { color:#cc572c; }

a.mer-info { display:block; width:88px; height:17px; text-indent:-9999em; overflow:hidden; background:url(../images/icons/mer_info.gif) no-repeat; margin:10px 0; }
a:hover.mer-info { display:block; width:88px; height:17px; text-indent:-9999em; overflow:hidden; background:url(../images/icons/mer_info-hover.gif) no-repeat; margin:10px 0; }

a.visa-mer { display:block; width:66px; height:17px; text-indent:-9999em; overflow:hidden; background:url(../images/icons/visa_mer.gif) no-repeat; margin:10px 0; }
a:hover.visa-mer { display:block; width:66px; height:17px; text-indent:-9999em; overflow:hidden; background:url(../images/icons/visa_mer-hover.gif) no-repeat; margin:10px 0; }



a.lasmerlank { width:117px; height:28px; text-indent:-9999em; overflow:hidden; z-index:100; background:url(../images/icons/lasmer.png) no-repeat; }
a:hover.lasmerlank { width:117px; height:28px; text-indent:-9999em; overflow:hidden; z-index:100; background:url(../images/icons/lasmer-hover.png) no-repeat; }


p { margin-top:3px; margin-bottom:3px; line-height:1.4em; }
h1 { font:normal 2em Arial, Helvetica, sans-serif; margin:8px 0; }
h2 { font:normal 1.5em Arial, Helvetica, sans-serif; margin:8px 0; }
h3 { font:normal 1.3em Arial, Helvetica, sans-serif; margin:8px 0;color:#cc572c;}

div.hr { background:url(../images/layout/hr.gif) top center no-repeat; height:30px; margin-top:13px; margin-bottom:-13px; }
div.hr hr {display:none;}

ul.ok { margin-bottom:30px; }
ul.ok li { padding-left:36px; padding-top:8px;  background: url(../images/layout/list_ok.gif) 10px 6px no-repeat; line-height:24px;  }
ul.smaller li { line-height:20px; background-position: 14px center;  }

ul.ok2 { margin-bottom:30px; }
ul.ok2 li#webb_ok { padding-left:45px; padding-top:2px;  background:url(../images/icons/service_webb_med.gif) 12px 6px no-repeat; line-height:35px;  }
ul.ok2 li#print_ok { padding-left:45px; padding-top:2px;  background:url(../images/icons/service_print_med.gif) 12px 6px no-repeat; line-height:35px;  }
ul.ok2 li#copy_ok { padding-left:45px; padding-top:2px;  background:url(../images/icons/service_copy_med.gif) 12px 6px no-repeat; line-height:35px;  }
ul.ok2 li#film_ok { padding-left:45px; padding-top:2px;  background:url(../images/icons/service_film_med.gif) 12px 6px no-repeat; line-height:35px;  }
ul.ok2 li#foto_ok { padding-left:45px; padding-top:2px;  background:url(../images/icons/service_foto_med.gif) 12px 6px no-repeat; line-height:35px;  }



ul.lista { margin-bottom:30px; }
ul.lista li { padding-left:15px; background: none; line-height:25px; }
ul.lista li a { color:#fff; border-bottom:1px dotted #cc572c; }

ul.adress { margin-bottom:30px; }
ul.adress li { padding-left:20px; background: none; line-height:18px; }
ul.adress li a { color:#fff; border-bottom:1px dotted #cc572c; }

ul.details li {padding-left:20px; line-height:20px;}
ul.details li.tel { background:url(../images/icons/cell.gif) 0 0 no-repeat;}
ul.details li.email { background:url(../images/icons/email.gif) 0 6px no-repeat;}
ul.details li.wheight { background:url(../images/icons/wheight.gif) 0 5px no-repeat;}

ul.services { margin-bottom:30px; }
ul.services li { padding-left:36px; line-height:25px; }
ul.services li.webb { background: url(../images/icons/service_webb_small.gif) 10px 6px no-repeat; }
ul.services li.print { background: url(../images/icons/service_print_small.gif) 10px 6px no-repeat; }
ul.services li.film { background: url(../images/icons/service_film_small.gif) 10px 6px no-repeat; }
ul.services li.foto { background: url(../images/icons/service_foto_small.gif) 10px 6px no-repeat; }
ul.services li.copy { background: url(../images/icons/service_copy_small.gif) 10px 6px no-repeat; }

.kontorsbild
{ margin-bottom:15px;}