/* Stylesheet für www.dbusiness.de */

* {
	 font-size: 100%;
	 padding:  0; margin:  0;
}
body {
	color: Black; /* Schriftfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* Schriftgröße */
	line-height: 120%;
}
#wrapper {
	position: relative;
	color: Black;
	background-color: transparent;
	width: 1000px; /* Breite des Inhaltbereichs */
	margin-top: 10px;
	margin-right: auto; /* Abstand rechts automatisch */
	margin-bottom: 5px;
	margin-left: auto;
}
/* =========================================  Header =========================================== */
#header {
	margin: 0;
	padding: 0;
	background-image: url(images/header.gif);
	background-color: #051005;
	background-repeat: no-repeat;
	background-position: right;
	height: 133px;
	color: Lime;
}
#header H1 {
	color: black;
	font-size: 50%;
	
}
#header a {
	color: black;
	text-decoration: none;
}
.headerbildrechts {
	    float:right; 
	    padding: 40px 20px 0px 5px; 
	    border: 0; 
       margin: 0 10px 0 0;
}
.headerbildlinks {
	    float:left; 
	    padding: 0px 0px 0px 0px; 
	    border: 0; 
       margin: -10px 0px 0px -75px;
}
/* =========================================  Navigation rechts Jobs =========================================== */
#navirechts {
	font-size: 120%;
	font-weight: bold;
}

#navirechts li {
	display: block;
	float: right;
	list-style: none;
	margin: 0px;
	padding: 8px 6px 8px 0px;
}
#navirechts a {
	color: #ABABAB;
	text-decoration: none;
}
#navirechts a:hover {
	font-weight: bold;
	color: Black;
}
/* =========================================  Navigation =========================================== */
#navigation {
	padding: 5px 0px 10px 3px;
	margin: 0px;
	height: 20px;
	font-size: 120%;
	font-weight: bold;
		border-left: 1px dotted Silver;
}

#navigation li {
	display: block;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 3px;
}
#navigation a {
	color: #ABABAB;
	text-decoration: none;
}
#navigation a:hover {
	font-weight: bold;
	color: Black;
}

/* =========================================  Navigation 2 links =========================================== */
#navibereich {
	/*  war ein Farbverlauf davor	 - background-image: url(images/navi2.jpg oder gif);  */
	background-repeat: repeat-x;
	float: left;
	width: 148px;
	margin-top: 0px;
	margin-left: 0;
	padding: 0px 5px 55px 3px;
	border-left: 1px dotted Silver;
}
#navibereich ul {
	width: 145px;
   margin-left: 0;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 0px;
	padding-bottom: 1px;
}
#navibereich li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navibereich a {
	display: block; /* ganze Fläche ist anklickbar */
	text-decoration: none;
	color: Black;
	padding: 2px; /* Abstand zwischen den Navi Zeilen */
}
#navibereich hr {
	margin-top: 1px;
	margin-bottom: 1px;
}
#navibereich p {
	line-height: 120%;
	font-size: 100%;
}
#navibereich a:hover {
	font-weight: bold;
	color: #3D3D3D;
}
#db-home .navi10 a {	font-weight: bold; color: Green; }
#db-produkte .navi15 a {	font-weight: bold; color: Green; }
#db-digital .navi20 a {	font-weight: bold; color: Green; }
#db-aufkleber .navi25 a {	font-weight: bold; color: Green; }
#db-abi .navi33 a {	font-weight: bold; color: Green; }
#db-book .navi35 a {	font-weight: bold; color: Green; }
#db-diplom .navi36 a {	font-weight: bold; color: Green; }
#db-plakate .navi40 a { font-weight: bold; color: Green; }
#db-poster-tipps .navi41 a {	font-weight: bold; color: Green; }
#db-leinwand .navi45 a {	font-weight: bold; color: Green; }
#db-leinwand-tipps .navi46 a {	font-weight: bold; color: Green; }
#db-weiterverarbeitung .navi80 a {	font-weight: bold; color: Green; }
#db-transferdruck .navi95 a {	font-weight: bold; color: Green; }
#db-fototasse .navi96 a {	font-weight: bold; color: Green; }
#db-mousepads .navi97 a {	font-weight: bold; color: Green; }
#db-puzzle .navi98 a {	font-weight: bold; color: Green; }
#db-lanyards .navi99 a {	font-weight: bold; color: Green; }
#db-beschriftung .navi110 a {	font-weight: bold; color: Green; }
#db-verklebehinweise .navi111 a {	font-weight: bold; color: Green; }
#db-kopier .navi120 a {	font-weight: bold; color: Green; }
#db-scannen .navi130 a {	font-weight: bold; color: Green; }
#db-dokumentenscan .navi131 a {	font-weight: bold; color: Green; }
#db-gestaltung .navi140 a {	font-weight: bold; color: Green; }
#db-dekosticker .navi145 a {	font-weight: bold; color: Green; }
#db-wandtattoo .navi146 a {	font-weight: bold; color: Green; }
#db-preise .navi170 a {	font-weight: bold; color: Green; }
#db-postkarten .navi182 a {	font-weight: bold; color: Green; }
#db-broschueren .navi183 a {	font-weight: bold; color: Green; }
#db-flyer .navi184 a {	font-weight: bold; color: Green; }
#db-plakate-preise .navi185 a {	font-weight: bold; color: Green; }
#db-buecher .navi186 a { font-weight: bold; color: Green; }
#db-kalender .navi187 a { font-weight: bold; color: Green; }
#db-visitenkarten .navi188 a { font-weight: bold; color: Green; }
#db-laminieren .navi85 a { font-weight: bold; color: Green; }
#db-binden .navi86 a { font-weight: bold; color: Green; }
#db-cd-brennen .navi193 a { font-weight: bold; color: Green; }
#db-offsetdruck .navi189 a { font-weight: bold; color: Green; }
#db-briefbogen .navi191 a { font-weight: bold; color: Green; }
#db-aussenplakate .navi192 a { font-weight: bold; color: Green; }
#db-monatsplakate .navi195 a { font-weight: bold; color: Green; }
#db-plastikkarten .navi196 a { font-weight: bold; color: Green; }
#db-briefbogen-digitaldruck .navi197 a { font-weight: bold; color: Green; }
#db-broschuere-kalk .navi198 a { font-weight: bold; color: Green; } /* noch als Broschüre Tabelle definiert */
#db-kontakt .navi200 a {	font-weight: bold; color: Green; }
#db-jobs .navi210 a {	font-weight: bold; color: Green; }
#db-impressum .navi220 a {	font-weight: bold; color: Green; }
#db-faq .navi225 a {	font-weight: bold;color: Green;}
#db-download .navi250 a { font-weight: bold; color: Green; }
#db-druckauftrag .navi251 a { font-weight: bold; color: Green; }
#db-wickelfalz .navi252 a { font-weight: bold; color: Green; }
#db-cello .navi253 a { font-weight: bold; color: Green; }
#db-papier .navi317 a {	font-weight: bold;color: Green;}
#db-papier-resaoffset .navi318 a {	font-weight: bold;color: Green;}
#db-papier-colorcopy .navi319 a {	font-weight: bold;color: Green;}
#db-papier-munken .navi320 a {	font-weight: bold;color: Green;}
#db-papier-zertifikat .navi330 a {	font-weight: bold;color: Green;}
#db-autoren .navi350 a { font-weight: bold; color: Green; }
#db-umschlag .navi355 a { font-weight: bold; color: Green; }

/* =========================================  Fußbereich =========================================== */
#fussbereich {
	clear: both;
	background-image: url(images/footer.png);
	color: White;
	padding-top: 0px; /* innenabstand oben, unterhalb Linie */
	padding-bottom: 0px;
	margin-top: 5px; /* Außenabstand oben, oberhalb Linie */
	margin-bottom: 0px;
	height: 175px;
}
.footerspalten {
	display: inline;
	float: left;
	width: 430px;
	margin: 30px 20px 0px 30px;
	padding: 80px 0px 0px 10px;
}
.footerspalten a {
	color: white;
	text-decoration: none;
}
/* =========================================  footer navi =========================================== */
#footer-navi {
	margin: 0;
	padding:  0;
}
#footer-navi a {
	color: Gray;
	text-decoration: none;
}
#footer-navi a:hover {
	color: Black;
}
/* =========================================  Textbereich =========================================== */
#content {
	margin-left: 155px;
	border-left: thin solid #C8C8C8;
	padding: 5px 15px 10px 35px;
	border-left: 1px dotted Silver;
	border-right: 1px dotted Silver;
}
#content li {
	padding: 2px;
	margin-left: 15px;
}
#naviboxen li {
	display: inline;
	float: left;
}

.box {
	background-image: url(images/box.png);
	background-repeat: no-repeat;
	width: 186px;
	height: 155px;
	padding: 5px 7px 0px 7px;
	margin-top: 10px;
}
.box p {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	margin-right: 10px;
	font-size: 110%;
	color: Gray;
}
.box h1 {
	color: White;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 3px;
	margin-bottom: 9px;
	padding-top: 5px;
	padding-left: 0;
	padding-right: 11px;
}
.box a{
	color: white;
}
.box a:hover{
	color: Gray;
}
.boxbildrechts {
	    float:right; 
	    padding: 0px 20px 5px 5px; 
	    border: 0; 
       margin: 0;
}
div.spacer {
	clear: both;
}
.box3 {
	width: 46%; /* =  war 535px = */
	height: 200px;
	padding: 5px 20px 5px 20px;
	font-size: 100%;
}
.box3 li {
	font-size: 100%;
	list-style: square;
	padding: 5px;
}
.box2 {
	float: right;
	width: 44%; /* =  war 350px = */
	height: 200px;
	padding: 5px 20px 5px 20px;
	font-size: 100%;
}
.box2 li {
	font-size: 100%;
	list-style: square;
	padding: 5px;
}

/* =========================================  Tabellen =========================================== */
td {  /* Abstand des Tabelleninhaltes zum Tabellenrand */
	padding: 3px;
}
thead {
	background-color: #0096d9; /* alte Farbe #6AD0FF ==== */
	color: white;
}
tfoot {
	background-color: #F2FBFF; /* alte Farbe #E1F6FF ==== */
}
tr.gerade {
	background-color: #D5EDC5; /* alte Farbe #E7F88B ==== */
}
tr.farbe {
	background-image: url(images/tabelle2.jpg);
	background-repeat: repeat-x;
}

/* =========================================  info feld  =========================================== */
a.info {
	text-decoration: none;
	background-image: url(http://www.copyhouse.de/images/info-punkt.gif);
	background-repeat: no-repeat;
	float:right; 
	padding: 0px 5px 0px 5px;
	margin-left: 5px;
}
a.info2 {
	text-decoration: none;
	background-image: url(http://www.copyhouse.de/images/info-punkt.gif);
	background-repeat: no-repeat;
	float:left; 
	padding: 0px 5px 0px 5px;
	margin-left: 0px;
	margin-right: 5px;
}
span.infopopup {
	display: none;
}
a.info:hover span {
	display: block;
	position: absolute;
	width: 240px;
	height: auto;
	font-size: 90%;
	font-weight: normal;
	background: #ececec;
	border-left: 1px;
	border-top: 1px;
	border-right: 2px;
	border-bottom: 2px;
	border-color: #b8b8b8;
	border-style: solid;
	text-decoration: none;
	margin-left: -270px;
	margin-top: -13px;
	padding: 8px 10px 8px 10px;
}
a.info2:hover span {
	display: block;
	position: absolute;
	width: 240px;
	height: auto;
	font-size: 90%;
	font-weight: normal;
	background: #ececec;
	border-left: 1px;
	border-top: 1px;
	border-right: 2px;
	border-bottom: 2px;
	border-color: #b8b8b8;
	border-style: solid;
	text-decoration: none;
	margin-left: 10px;
	margin-top: -13px;
	padding: 8px 10px 8px 10px;
}
.hyper-info {
	
}

/* =========================================  Allgemein =========================================== */

h1 {
	font-size: 150%;
	padding: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	color: Gray;
	line-height: 130%;
}
h2 {
	font-size: 130%;
	font-weight: bold;
	padding: 6px;
	margin-top: 1em;
	margin-bottom: 1em;
	color: Green;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	margin-top: 1em;
	color: Gray;

}

.bildlinks {
	    float:left; 
	    padding: 5px; /* Abstand zwischen Bild und Rahmen */
		 padding-left: 0px;
	    border: 0; /* Der Bilderrahmen */
	    margin-right: 10px; /* Abstand zwischen Rahmen  und Text */
       margin-bottom: 5px; /* Abstand nach unten */
}
.bildrechts {
	    float:right; 
	    padding: 5px 5px 5px 5px; 
	    border: 0; 
       margin: 5px 10px 5px 5px;
}
hr {
	margin: 10px 0 10px 0;
}
p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px; /* Abstand nach unten */
	margin-left: 0px;
	padding: 2px 10px 2px 10px;
}
ul ul {
	margin: 0;
}
a {
	color: Green;
	text-decoration: none;
}
a:hover {
	color: Black;
	font-weight: bold;
}
.suchen {
	padding-left: 10px;
}
li.ohne {
	list-style: none;
}

/* =========================================  info feld  =========================================== */
a.info span
{display: none;}
a.info:hover span {
	display: block;
	position: absolute;
	display: block;
	width: 200px;
	height: 50px;
	background: #0096d9;
	text-decoration: none;
}