html, body {
	margin:0;
	background: #ffffff;
	font-family: Arial, sans-serif;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	background: #a6a6a6 url('../images/background-site.png') repeat-x;
}

img {
	border: 0;
}

a {
	color: #006699;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

.infotext {
	color: #666666;
	font-style: italic;
	font-size: 11px;
}

.site {
	width: 980px;
	margin: 7px auto 0px auto;
	position: relative;
	background: #ffffff;
}

.header {
	width: 980px;
	height: 130px;
	position: relative;
}

.logobox {
	width: 185px;
	height: 130px;
	float: left;
}

.logobox img {
	margin: 28px 0 0 35px;
}

.teaserbox {
	float: left;
	width: 795px;
	height: 130px;
	margin: 20px 0 0 0;
	background: url('../images/teaser.jpg') no-repeat;
}

.metanav {
	width: 980px;
	text-align: right;
	margin: 7px auto 0px auto;
	color: #999999;
}

.metanav a {
	color: #555555;
	font-size: 12px;
}

.metanav a:hover {
	color: #000000;
	font-size: 12px;
}

.metanav .langde {
	background: url('../images/icon-flag-de.png') no-repeat left 4px;
	padding: 0 0 0 20px;
}

.metanav .langen {
	background: url('../images/icon-flag-en.png') no-repeat left 4px;
	padding: 0 0 0 20px;
}

.metanav .separator {
	margin: 0 5px 0 5px;
}

.hotlinebox,
.emailbox {
	padding: 0px 0 0px 20px;
	margin: 0 20px 0 0;
	display: inline;
	font-weight: bold;
	font-size: 12px;
	background: url('../images/icon-telefon.png') no-repeat left center;
	color: #333333;
}

.emailbox a {
	color: #333333;
	text-decoration: none;
}

.emailbox {
	background: url('../images/icon-email.png') no-repeat 0px 3px;
}

.nav {
	height: 57px;
	width: 940px;
	margin: 0 0 0 20px;
	background: #575757 url('../images/background-header.png') repeat-x;
	position: relative;
	font-family: Arial, sans-serif;
}

.nav ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 164px;
}

.nav ul li {
	float: left;
}

.nav ul li a {
	padding: 5px 10px 5px 10px;
	margin: 0 7px 0 2px;
	margin: 0 4px 0 2px;
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: #575757 url('../images/background-header.png') repeat-x 0 -32px;
	cursor: pointer;
}

.nav ul li a:hover {
	color: #adadad;
}

body#home .nav ul li a.home-active,
body#leistungen .nav ul li a.leistungen-active,
body#leistungen2 .nav ul li a.leistungen-active,
body#maschinenpark .nav ul li a.maschinenpark-active,
body#sonderangebote .nav ul li a.sonderangebote-active,
body#skripte .nav ul li a.skripte-active,
body#datenupload .nav ul li a.datenupload-active,
body#preislisten .nav ul li a.preislisten-active,
body#kontakt .nav ul li a.kontakt-active
{
	background: #ffffff;
	color: #111111;
}

.content {
	width: 980px;
	margin: 0 0 60px 0;
	position: relative;
}

h1 {
	margin: 0 0 16px 0;
	font-size: 20px;
}

h2 {
	margin: 0 0 20px 0;
	font-size: 15px;
	color: #666666;
}

.subnavisimulator {
	width: 185px;
	height: 300px;
	float: left;
}

body#leistungen .subnavisimulator,
body#leistungen2 .subnavisimulator {
	display: none;
}

.submenue {
	width: 155px;
	float: left;
	margin: 40px 40px 0 10px;
	padding: 10px;
	background: #f7f7f7;
	font-family: Arial, sans-serif;
}

.submenue ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.submenue ul li a {
	display: block;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin: 0 0 3px 0;
	padding: 5px;
}

.submenue ul li a:hover {
	background: #e8f491;
}


ul.digitalkopien a.digitalkopien,
ul.digitaldrucke a.digitaldrucke,
ul.plots a.plots,
ul.abschlussarbeiten a.abschlussarbeiten,
ul.bindungen a.bindungen,
ul.weiterverarbeitung a.weiterverarbeitung,
ul.cddvdproduktion a.cddvdproduktion,
ul.scannen a.scannen,
ul.pcservice a.pcservice,
ul.abholenliefern a.abholenliefern {
	background: #c1d560;
	color: #000000;
}

body#home .midcol,
body#preislisten .midcol,
body#skripte .midcol,
body#datenupload .midcol,
body#kontakt .midcol {
	width: 500px;
}
body#leistungen .midcol {
	width: 460px;
}
.midcol{
	float: left;
	margin: 40px 40px 0 0;
	width: 740px;
}
body#sonderangebote .midcol {
	margin: 40px 0px 0 0;
	width: 770px;
}
body#leistungen2 .midcol {
	width: 700px;
}
.rightcol {
	width: 240px;
	float: left;
	margin: 40px 0 0 0;
}

.rightcol .qypebox,
.rightcol .facebookbox {
	font-size: 12px;
	color: #7a7a7a;
	margin: 0 0 75px 0;
	text-align: center;
}

.qypebox #QypeWidget1,
.qypebox #QypeWidget2{
	width: 240px;
	font-size: 11px;
	padding: 0;
	border: 0;
	text-align: center;
}

.qypebox #QypeWidget1 .WriteReviewButton {
	margin: 0 auto 10px auto;
	background: #c1d560;
	width: 159px;
}

.qypebox a,
.facebookbox a{
	color: #336699;
	font-size: 11px;
	display: block;
}

.kontaktbox,
.shortlist {
	background: #ffffff url('../images/notizzettel-top.jpg') no-repeat;
	padding: 30px 20px 5px 10px;
	width: 200px;
	font-size: 12px;
	margin: 0;
}
.kontaktboxfooter {
	width: 226px;
	height: 24px;
	background: url('../images/notizzettel-bottom.jpg') no-repeat;
	margin: 0 0 50px 0;
}
.kontaktboxholder.rightalign {
	width: 211px;
	float: right;
	margin: 0 0 0 30px;
}

.kontaktbox td {
	padding: 0 10px 3px 0;
}

.kontaktbox h3 {
	margin: 3px 0 5px 0;
	font-size: 12px;
}

.imagebox {
	float: left;
	width: 300px;
	text-align: center;
	margin: 0 0 40px 0;
}

.midcol ul,
.rightcol ul {
	list-style-image:url('../images/icon-bullet.png');
	margin: 0;
	padding: 0;
}

.midcol li,
.rightcol li{
	margin: 0 0 7px 20px;
}

.clearleft {
	clear: left;
}


.contentfooter {
	padding: 10px;
	color: #8d8d8d;
	font-size: 11px;
}

.contentfooter a {
	color: #8d8d8d;
}

.contentfooter a:hover {
	color: #555555;
}

.socialfooter {
	float: right;
}

body#home .socialfooter {
	display: none;
}

.footer {
	background: url('../images/background-footer.png') no-repeat top center;
	width: 980px;
	font-size: 12px;
	margin: 0 auto 10px auto;
}

.footerbox {
	padding: 35px 15px 0px 15px;
	text-align: center;
}

.footerbox .separator {
	color: #cccccc;
}

.footerbox a {
	color: #e4e4e4;
	text-decoration: none;
}

.footerbox a:hover {
	color: #dddddd;
	text-decoration: underline;
}




/* Map */

.mapHOLDER {
	width: 350px;
	height:235px;
	position: relative;
	margin: 0 0 10px 0;
}

.iconHOLDER {
	position: absolute;
	top: 0;
	left:0;
}

.mapICON1 {
	position: absolute;
	top: 80px;
	left: 173px;
}

.mapICON2 {
	position: absolute;
	top: 140px;
	left: 140px;
}

.mapICON3 {
	position: absolute;
	top: 140px;
	left: 67px;
}

.b11,
.b12,
.b13 {
	visibility: hidden;
	position: absolute;
	border: 1px solid #6b6b6b;
	padding: 1px;
	background: #ffffff;
}

.b11 {
	top: 10px;
	left: 220px;
}

.b12 {
	top: -17px;
	left: 187px;
}

.b13 {
	top: 140px;
	left: 115px;
}

/* Bindungen Overlay */

.bindungFOTOBOX {
	float: left;
	width: 240px;
	margin: 0 0 60px 0;
}

.bindungFOTOBOX img {
	margin: 0 0 7px 0;
}

.bindungFOTOBOX a {
	background: url('../images/icon-zoom.png') no-repeat left 2px;
	padding: 0 0 2px 18px;
}

.bindungFOTOBOX#bindungen2 a {
	background: none;
	padding: 0;
}

.bindungTEXTBOX {
	float: left;
	width: 430px;
	margin: 0 0 60px 0;
}

/* BOXES */

.box-small,
.boxbig{
	width: 231px;
	height: 166px;
	float: left;
	font-size: 12px;
	position: relative;
	border: 1px solid #d6d6d6;
	border-top: 0;
	margin: 0 0 20px 0;
}
.boxbig {
	width: 370px;
	height: 295px;
	border: 0;
}
.box-small.first,
.boxbig.first{	
	margin: 0 25px 20px 0;
}

.box-small .box-image{
	position: absolute;
	top: 26px;
	right: 0;
}
.box-small .box-header,
.boxbig .box-header{
	background: #696969 url('../images/background-header-box-small.png') repeat-x;
}
.box-small .box-header h3,
.boxbig .box-header h3{
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	color: #ffffff;
	margin: 0 0 0px 0;
}
.box-small .box-content{
	padding: 10px;
	position: absolute;
	left: 0;
	top: 25px;
	width: 160px;
}
.box-small a {
	background: url('../images/icon-arrow-red.png') no-repeat right center;
	padding: 5px 30px 5px 0;
	font-weight: bold;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.box-small .box-footer,
.boxbig .box-footer{
	height: 8px;
	width: 233px;
	bottom: -9px;
	left: -1px;
	position: absolute;
	background: url('../images/background-schatten-box-small.png') no-repeat;
}
.boxbig .box-footer {
	background: url('../images/background-schatten-boxbig.png') no-repeat;
	width: 370px;
}


/* UPLOAD */

.imageBOX a {
	background: url('elemente/icon-zoom.png') no-repeat left 2px;
	padding: 0 0 2px 18px;
}

.imageBOX#bindungen2 a {
	background: none;
	padding: 0;
}

.rowENTRY#small .imageBOX {
	width: 170px;
	text-align: left;
}

.rowENTRY .rowTEXTBOX {
	float: left;
	width: 330px;
}

.rowENTRY#small .rowTEXTBOX {
	float: left;
	width: 430px;
}

.kontaktform {
	font-size: 12px;
	width: 450px;
}

.kontaktform td {
	background: #ececec;
}

.kontaktform .rowone {
	padding: 5px 0 5px 10px;
	width: 140px;
	vertical-align: top;
}

.kontaktform .rowtwo {
	padding: 0 0 10px 0;
	width: 300px;
}

.kontaktform .inputfull,
.kontaktform .inputhalf,
.kontaktform .textarea {
	padding: 2px;
	border: 1px solid grey;
	font-size: 12px;
	font-family:
}

.kontaktform .inputfull {
	width: 280px;
}

.kontaktform .inputhalf {
	width: 140px;
}

.kontaktform .textarea {
	width: 280px;
	height: 150px;
	font-family: Tahoma, "Trebuchet MS", Helvetica, Tahoma, Arial, sans-serif;
}

.uploadform {
	background-color: #ececec;
	padding: 10px;
	width: 450px;
	font-size: 12px;
}
.featurebox {
	font-size: 16px;
	font-weight: bold;
	color: #669900;
	background: url('../images/icon-check.png') no-repeat left center;
	padding: 15px 0 15px 40px;
	position: relative;
	top: 100px;
	left: 00px;
	width: 100px;
	float: right;
}
.kontakttable td{
	padding: 0 10px 0 0;
}

/*
#mailversand {
	width: 500px;
	height: 200px;
	border: 1px solid red;
}
*/