html {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #E2DCC6 url(../img/bg.gif) repeat-x;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}

#wrapper {
	position: relative;
	width: 779px;
	margin: 0 auto;
	background: #FFF url(../img/main_bg.gif) repeat-y;
	text-align: left;
	}

#wrapper2 {
	position: relative;
	padding: 0 0 21px 0;
	background: url(../img/main_bottom.gif) bottom no-repeat;
	}

#container {
/*	position: relative; IE hat seine eigene Relativittstheorie... */
	}


/* HEADER */

#header {
	display: block;
	height: 120px;
	background: url(../img/header.gif) no-repeat;
}

#image #header {
	display: none;
}
#logo {
	position: absolute;
	top: 35px;
	left: 37px;
	}
	#logo a {
		display: block;
		width: 178px;
		height: 125px;
		/* background: url(../img/logo.gif); content seiten */
		}
	#logo a img {
		display: none;
		}
	/* NAV */

#nav {
	position: absolute;
	top: 65px;
	left: 300px;
	width: 469px;
	height: 35px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#nav ul li {
		float: left;	
		margin: 0;
		padding: 0;
		list-style: none;
		}
	#nav a {
		margin-right: 2px;
		padding: 11px 10px;
		float: left;
		/* letter-spacing: 1px; IE verbreitert das parent :hover element */
		}
	#nav a:link,
	#nav a:visited {
		color: #FFF;
		text-decoration: none;
		}

	#nav a:hover {
		padding: 0;
		text-decoration: none;
		background: url(../img/nav_link_hover.gif) repeat-x;
		}
	#nav a:hover span {
		display: block;
		background: url(../img/nav_link_hover_tl.gif) top left no-repeat;
		}
	#nav a:hover span span {
		display: block;
		padding: 11px 10px;
		background: url(../img/nav_link_hover_tr.gif) top right no-repeat;
		}

	#nav a.active {
		color: #000;
		text-decoration: none;
		background: url(../img/nav_link_active.gif) center top no-repeat;
		padding: 11px 10px 18px 10px;
		float: left;
		}
	#nav a.active:hover {
		padding: 11px 10px 18px 10px;
		background: url(../img/nav_link_active.gif) center top no-repeat;
		}
	#nav a.active strong {
		font-weight: bold;
		color: #000;
		}

/* LINKS */

a:link,
a:visited {
	color: #9B8A49;
	text-decoration: none;
	}
a:hover {
	color: #836E2C;
	text-decoration: underline;
	}

/* CONTENTS */

#contents {
	margin: 0 17px;
	color: #1a1609;
	}
#rightcol {
	float: right;
	width: 242px;
	background: url(../img/rightcol_tl.gif) top left no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	}
	#rightcol .box {
		padding: 15px 20px 20px 20px;
		}
	#rightcol .item {
		padding: 10px 0 5px 0;
		border-bottom: 1px solid #F5F4ED;
		}

#rightcol ul {
	margin: 0;
	padding: 0 15px;
	}

#content {
	float: left;
	width: 503px;
	background: url(../img/content_bg.gif) top left no-repeat;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	}
	#content .box {
		padding: 20px;
		}

	#content ul {
		display: block;
		margin: 0;
		padding: 0 15px 10px 15px;
		}

#image {
	margin-bottom: 20px;
	padding: 0;
	}
#image img {
	border: 0;
	}

p {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	}

address {
	font: 12px "Courier New", Courier;
	}

.clear {
	clear: both;
	}
.hide {
	display: none;
	}
.invisible {
	visibility: hidden
	}
.alignright {
	text-align: right;
	}
.required {
	color: #e00827;
	}

.floatleft { float: left }
.borderright {
	border-right: 1px dotted #CCC;
	margin-right: 10px;
	}
.floatleft img {
	display: block;
	margin: 0 10px 10px 0;
	border: 0;
	}

.floatright { float: right }
.borderleft {
	border-left: 1px dotted #CCC;
	margin-left: 10px;
	}
.floatright img {
	display: block;
	margin: 0 0 10px 10px;
	border: 0;
	}

/* TABLES */

table#route {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	}
	table#route td {
		margin: 0;
		padding: 0 0 5px;
		border: 0;
		border-collapse: collapse;
		}

td.text {
	white-space: nowrap;
	vertical-align: top;
	}
td.input {
	width: 100%;
	}

#content .cells {
	width: 462px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	}
.cells td {
	margin: 0;
	padding: 5px;
	/* border-bottom: 1px solid #EEE; */
	border-collapse: collapse;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}


/* FORMS */

form {
	margin: 0;
	padding: 0;
	}

input.text,
select,
textarea {
	font: 12px "Courier New", Courier;
	color: #333;
	border: 1px solid #c6bd97;
	background: #fdfdfc;
	}

#emailform textarea { background: transparent }
#emailform textarea:focus { background: #FFF }

input.text:hover,
select:hover,
textarea:hover {
	background: #FFF;
	}

input.text:focus,
select:focus,
textarea:focus {
	border: 1px solid #836e2c;
	background: #FFF;
	}

#rightcol select {
	width: 100%;
	}

input.button {
	padding: 2px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	border-top: 2px solid #03c0ff;
	border-left: 2px solid #03c0ff;
	border-right: 2px solid #0286b3;
	border-bottom: 2px solid #0286b3;
	background: #fdfdfc;
	cursor: pointer;
	}

.postform {
	width: 100%;
	margin-top: 10px;
	}

#emailform {
	background: url(../img/bg_emailform.jpg) bottom no-repeat;
	}

label {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}
/* HEADINGS */


h1 {
	margin: 0 0 20px 0;
	padding: 0;
	font: bold 22px Georgia, "Trebuchet MS", Times New Roman, Times, serif;
	text-align: right;
	color: #1a1609;
	letter-spacing: 1px;
	}
	#home h1 { display: none }
	#lieferung h1 { display: none }

#rightcol h2 {
	margin: 10px 0 0 0;
	padding: 0;
	font: bold 15px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
	color: #836E2C;
	}
	#rightcol h2 a {
		color: #836E2C;
		text-decoration: none;
		}
	#rightcol h2 a:hover {
		color: #9B8A49;
		text-decoration: none;
		}

#rightcol h3 {
	margin: 0;
	padding: 0;
	font: 15px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	color: #000;
	}

#content h2 {
	margin: 20px 0 10px 0;
	padding: 0;
	font: 16px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
	color: #0078a3;
	letter-spacing: 1px;
	border-bottom: 1px solid #f5f4ed;
	clear: both;
	}
	#contents #content h2 a {
		display: block;
		color: #836E2C;
		text-decoration: none;
		}
	#contents #content h2 a:hover {
		color: #9B8A49;
		text-decoration: none;
		}

#content h3 {
	margin: 20px 0 10px 0;
	padding: 0;
	font: 15px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
	color: #000;
	border-bottom: 1px solid #dbf4fd;
	font-weight: bold;
	}

	#content .service h3 {
		margin: 0;
		padding: 0;
		font: bold 15px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
		letter-spacing: 1px;
		border: 0;
		}

/* SERVICES */

#servicesshort {
	
	}

#servicesshort .left {
	float: left;
	}
#servicesshort .right {
	float: right;
	}

.service {
	margin-bottom: 10px;
	}

#services .service {
	width: 100%;
	}

#servicesshort .service {
	width: 226px;
	}
	.service p {
		margin: 0;
		padding: 0;
		}

	#servicesshort .service p {
		height: 40px;
		}

	.service div div div div {
		padding: 7px 10px 10px 10px;
		}

#s-plot { background: #EFDDE6 url("../img/services_plot_bg.gif") top repeat-x }
	#s-plot h3 { color: #911e56 }
	#s-plot a { color: #911e56 }
	#s-plot div { background:  url("../img/services_plot_tl.gif") top left no-repeat }
	#s-plot div div { background:  url("../img/services_plot_tr.gif") top right no-repeat }
	#s-plot div div div { background:  url("../img/services_plot_br.gif") bottom right no-repeat }
	#s-plot div div div div { background: url("../img/services_plot_bl.gif") bottom left no-repeat }
	.s-plot { color: #911e56 }

#s-scan { background: #F5DED9 url("../img/services_scan_bg.gif") top repeat-x }
	#s-scan h3 { color: #bf2200 }
	#s-scan a { color: #bf2200 }
	#s-scan div { background:  url("../img/services_scan_tl.gif") top left no-repeat }
	#s-scan div div { background:  url("../img/services_scan_tr.gif") top right no-repeat }
	#s-scan div div div { background:  url("../img/services_scan_br.gif") bottom right no-repeat }
	#s-scan div div div div { background:  url("../img/services_scan_bl.gif") bottom left no-repeat }
	.s-scan { color: #bf2200 }

#s-lichtpausen { background: #ffebd9 url("../img/services_lichtpausen_bg.gif") top repeat-x }
	#s-lichtpausen h3 { color: #ff7600 }
	#s-lichtpausen a { color: #ff7600 }
	#s-lichtpausen div { background:  url("../img/services_lichtpausen_tl.gif") top left no-repeat }
	#s-lichtpausen div div { background:  url("../img/services_lichtpausen_tr.gif") top right no-repeat }
	#s-lichtpausen div div div { background:  url("../img/services_lichtpausen_br.gif") bottom right no-repeat }
	#s-lichtpausen div div div div { background:  url("../img/services_lichtpausen_bl.gif") bottom left no-repeat }
	.s-lichtpausen { color: #ff7600 }

#s-finishing { background: #fff2d9 url("../img/services_finishing_bg.gif") top repeat-x }
	#s-finishing h3 { color: #ffa900 }
	#s-finishing a { color: #ffa900 }
	#s-finishing div { background:  url("../img/services_finishing_tl.gif") top left no-repeat }
	#s-finishing div div { background:  url("../img/services_finishing_tr.gif") top right no-repeat }
	#s-finishing div div div { background:  url("../img/services_finishing_br.gif") bottom right no-repeat }
	#s-finishing div div div div { background:  url("../img/services_finishing_bl.gif") bottom left no-repeat }
	.s-finishing { color: #ffa900 }

#s-farbkopien { background: #f7f1d9 url("../img/services_farbkopien_bg.gif") top repeat-x }
	#s-farbkopien h3 { color: #cca000 }
	#s-farbkopien a { color: #cca000 }
	#s-farbkopien div { background:  url("../img/services_farbkopien_tl.gif") top left no-repeat }
	#s-farbkopien div div { background:  url("../img/services_farbkopien_tr.gif") top right no-repeat }
	#s-farbkopien div div div { background:  url("../img/services_farbkopien_br.gif") bottom right no-repeat }
	#s-farbkopien div div div div { background:  url("../img/services_farbkopien_bl.gif") bottom left no-repeat }
	.s-farbkopien { color: #cca000 }

#s-swkopien { background: #d9f0d9 url("../img/services_swkopien_bg.gif") top repeat-x }
	#s-swkopien h3 { color: #009900 }
	#s-swkopien a { color: #009900 }
	#s-swkopien div { background:  url("../img/services_swkopien_tl.gif") top left no-repeat }
	#s-swkopien div div { background:  url("../img/services_swkopien_tr.gif") top right no-repeat }
	#s-swkopien div div div { background:  url("../img/services_swkopien_br.gif") bottom right no-repeat }
	#s-swkopien div div div div { background:  url("../img/services_swkopien_bl.gif") bottom left no-repeat }
	.s-swkopien { color: #009900 }

#s-lieferung { background: #d9ebf5 url("../img/services_lieferservice_bg.gif") top repeat-x }
	#s-lieferung h3 { color: #007bba }
	#s-lieferung a { color: #007bba }
	#s-lieferung div { background:  url("../img/services_lieferservice_tl.gif") top left no-repeat }
	#s-lieferung div div { background:  url("../img/services_lieferservice_tr.gif") top right no-repeat }
	#s-lieferung div div div { background:  url("../img/services_lieferservice_br.gif") bottom right no-repeat }
	#s-lieferung div div div div { background:  url("../img/services_lieferservice_bl.gif") bottom left no-repeat }
	.s-lieferung { color: #007bba }

#s-endverarbeitung { background: #e9ddec url("../img/services_endverarbeitung_bg.gif") top repeat-x }
	#s-endverarbeitung h3 { color: #6b1980 }
	#s-endverarbeitung a { color: #6b1980 }
	#s-endverarbeitung div { background:  url("../img/services_endverarbeitung_tl.gif") top left no-repeat }
	#s-endverarbeitung div div { background:  url("../img/services_endverarbeitung_tr.gif") top right no-repeat }
	#s-endverarbeitung div div div { background:  url("../img/services_endverarbeitung_br.gif") bottom right no-repeat }
	#s-endverarbeitung div div div div { background:  url("../img/services_endverarbeitung_bl.gif") bottom left no-repeat }
	.s-endverarbeitung { color: #6b1980 }

#s-beschriftungen { background: #EFDDE6 url("../img/services_plot_bg.gif") top repeat-x }
	#s-beschriftungen h3 { color: #911e56 }
	#s-beschriftungen a { color: #911e56 }
	#s-beschriftungen div { background:  url("../img/services_plot_tl.gif") top left no-repeat }
	#s-beschriftungen div div { background:  url("../img/services_plot_tr.gif") top right no-repeat }
	#s-beschriftungen div div div { background:  url("../img/services_plot_br.gif") bottom right no-repeat }
	#s-beschriftungen div div div div { background: url("../img/services_plot_bl.gif") bottom left no-repeat }
	.s-beschriftungen { color: #911e56 }

#s-digitaldruck { background: #F5DED9 url("../img/services_scan_bg.gif") top repeat-x }
	#s-digitaldruck h3 { color: #bf2200 }
	#s-digitaldruck a { color: #bf2200 }
	#s-digitaldruck div { background:  url("../img/services_scan_tl.gif") top left no-repeat }
	#s-digitaldruck div div { background:  url("../img/services_scan_tr.gif") top right no-repeat }
	#s-digitaldruck div div div { background:  url("../img/services_scan_br.gif") bottom right no-repeat }
	#s-digitaldruck div div div div { background:  url("../img/services_scan_bl.gif") bottom left no-repeat }
	.s-digitaldruck { color: #bf2200 }

/* FOOTER */
#footer {
	padding: 20px;
	background: #e2dcc6;
	color: #737373;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	}

/* ADMIN */

#contents .admin { color: #e4203d }
#contents .admin h2 { color: #e4203d }
#contents .admin a { color: #e4203d }


.nav {
	padding: 0 0 10px 0;
	}

#editbuttons {
	position: absolute;
	top: 26px;
	right: 36px;
	}

/* GALLERY */

body#gallery {
	background: #E2DCC6;
	}

#gallery #header {
	display: none;
	}

#fullimage { position: relative; float: left; background: url("../img/gallery_left.gif") left repeat-y }
#fullimage div { background: url("../img/gallery_right.gif") right repeat-y;
	float: left;}

#fullimage div div { background: url("../img/gallery_top.gif") top repeat-x }
#fullimage div div div { background: url("../img/gallery_bottom.gif") bottom repeat-x }

#fullimage div div div div { background: url("../img/gallery_topleft.gif") top left no-repeat }
#fullimage div div div div div { background: url("../img/gallery_topright.gif") top right no-repeat }

#fullimage div div div div div div { background: url("../img/gallery_bottomright.gif") bottom right no-repeat }
#fullimage div div div div div div div { background: url("../img/gallery_bottomleft.gif") bottom left no-repeat; padding: 53px 18px 16px 18px;}

#fullimage h2 {
	position: absolute;
	top: 25px;
	left: 150px;
	margin: 0;
	padding: 0;
	font: 16px "Trebuchet MS", Georgia, Times New Roman, Times, serif;
	color: #00afec;
	letter-spacing: 1px;
	}


/* ################################## THUMBS */

.gallery,
.gallerylarge {
	display: block;
	}

.thumb {
	float: left;
	width: 115px;
	height: 115px;
	text-align: center;
	}
.gallerylarge .thumb {
	float: left;
	width: 154px;
	height: 100px;
	text-align: center;
	}

.thumb a {
	margin: 0 auto;
	}

.thumb a img { border: 1px solid #f5f4ed }
.thumb a:hover img { border: 1px solid #e53a57 }
.thumb img {
	display: block;
	border: 0;
	}

#gallerynav {
	position: absolute;
	top: 26px;
	left: 26px;
	background: none;
	}

#gallerynav a.back {
	float: left;
	width: 11px;
	height: 21px;
	background: url("../img/gallerynav_back.gif")
	}
#gallerynav a.back:hover {
	background: url("../img/gallerynav_back_hover.gif")
	}

#gallerynav .count {
	float: left;
	padding: 0 10px;
	line-height: 21px;
	background: url("../img/gallerynav_count_bg.gif");
	}

#gallerynav a.next {
	float: left;
	width: 11px;
	height: 21px;
	background: url("../img/gallerynav_next.gif")
	}
#gallerynav a.next:hover {
	background: url("../img/gallerynav_next_hover.gif")
	}
#gallerynav a.back span { display: none }
#gallerynav a.next span { display: none }

#gallery a.close {
	display: block;
	padding: 20px;
	background: #c6bd97;
	color: #e2dcc6;
	}
#gallery a.close:hover {
	color: #FFF;
	}

/* FEATURED */

.featured {
	float: left;
	height: 57px;
	vertical-align: middle;
	margin-top: 16px;
	}
	.probaskets {
		padding-top: 14px;
		margin-left: 20px;
		}


/* PRELOADER */

.extra1 {
	position: absolute;
	left: -1000px;
	background: url("../img/gallery_next_hover.html")
	}
.extra2 {
	position: absolute;
	left: -1000px;
	visibility: hidden;
	background: url("../img/gallery_back_hover.html")
	}
.extra3 {
	position: absolute;
	left: -1000px;
	visibility: hidden;
	background: url("../img/gallery_close_hover.html")
	}