/* Stylesheet für wr-kopien.de */

* {
	 padding:  0; margin:  0;
}
body {
   color: white; /* Schriftfarbe */
   background-color: #8c8c8c; /* Hintergrundfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small; /* Schriftgröße */
}
#wrapper {
   color: black;
   background-color: white;
	background-image: url("images/navi_bg_solid.jpg");
	background-repeat: repeat-y;
	background-position: top left;
	width: 90%; /* Breite des Inhaltbereichs */
	margin-top: 10px;
	margin-right: auto; /* Abstand rechts automatisch */
	margin-bottom: 10px;
	margin-left: auto;
}
/* =========================================  Kopfbereich =========================================== */

#kopfbereich {
   position: relative; /* positioniert, aber im Fluß */
	color: black;
   background-color: #FF9900;
	background-position: top left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
/* Verschachtelter Selektor: nur die Grafik im Kopfbereich */
#kopfbereich img {
	background-color: white;
	padding: 5px;
	border: 5px solid #d9d9d9;
}
#kopfbereich h1 {
   position:absolute;
	top: 20px ;
	left: 150px;
	right: 10px;
	text-align: center; /* zentrieren */
	font-weight: bold;
	padding: 5px 5px 5px 0;
	margin-bottom: 0;
}
#kopfbereich span {
	position:absolute;
	top: 60px ;
	left: 150px;
	right: 10px;
	font-weight: normal;
	font-size: small;
	text-align: center;
}
/* =========================================  Navibereich =========================================== */
#navibereich {
	float: left;
	width: 130px;
	padding: 20px 0px 0px 10px;
}
#navibereich ul {
   color: Black;
	width: 90px;
	padding-left: 10px;
	margin-left: 0;
}
#navibereich li {
	list-style: none;
	margin: 0;
}
#navibereich #navi01 {
}
#navibereich a {
   display: block; /* ganze Fläche ist anklickbar */
	text-decoration: none;
	color: Black;
	padding: 1px;
}
#navibereich a:hover,
#startseite #navi01 a,
#digitaldruck #navi02 a {
	color: Black;
	background-color: White;
}
#xerox-9201 #navi21 a {
	color: Black;
	background-color: White;
}
#fotokopien #navi03 a {
	color: Black;
	background-color: White;
}
#stempel #navi04 a {
	color: Black;
	background-color: White;
}
#textildruck #navi05 a {
	color: Black;
	background-color: White;
}
#weiterverarbeitung #navi06 a {
	color: Black;
	background-color: White;
}
#beschriftungen #navi07 a {
	color: Black;
	background-color: White;
}
#links #navi08 a {
	color: Black;
	background-color: White;
}
#kontaktseite #navi09 a {
   color: Black;
	background-color: White;
}
#impressum #navi10 a {
	color: Black;
	background-color: White;
}
#navibereich a:active {
}
/* =========================================  Textbereich =========================================== */

#textbereich {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-left: 150px;
}
  .bildlinks {
	    float:left; 
	    padding: 5px; /* Abstand zwischen Bild und Rahmen */
	    border: 5px solid #ccc; /* Der Bilderrahmen */
	    margin-right: 10px; /* Abstand zwischen Rahmen  und Text */
        margin-bottom: 10px; /* Abstand nach unten */
	  }
  .bildrechts {
	    float:right; 
	    padding: 3px; 
	    border: 5px solid #ccc; 
        margin-bottom: 10px;
	    margin-left: 10px;
	    margin-right: 20px; 
	  }
#aktionen {
	float: left;
	width: 500px;
	margin-left: 10px;
	padding-right: 10px;
}
#aktionen h2 {
	color: red;
}
.box-aktionen1 {
	float: left;
	width: 400px;
}
.box-aktionen2 {
	float: left;
	color: red;
	font-weight: bold;
	width: 100px;
	text-align: right;
}

/* =========================================  Fußbereich =========================================== */

#fussbereich {
   background-color: White;
	padding: 20px;
	padding-top: 10px; /* innenabstand oben, unterhalb Linie */
	border-top: 1px solid #A9122A; /* Rahmenlinie oben */
	margin-top: 20px; /* Außenabstand oben, oberhalb Linie */
}
address {
	text-align: center; /* zentrieren */
	font-size:  80%; /* etwas kleiner */
	font-style:  normal; /* normale Schrift, nicht kursiv */
	letter-spacing:  2px; /* Abstand zwischen den Buchstaben */
	line-height:  1.5em; /* Zeilenabstand */
}

/* =========================================== Das Kontaktformular =========================================== */
form {
	background-color: #8c8c8c;
	width: 400px; /* Breite des Formulars */
	padding: 20px;
	border: 1px solid #8c8c8c;
}
label {
	display: block; } /* Beschriftung auf eigener Zeile */
/* Beide Eingabefelder gleich lang */
#absender, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}
textarea { 
   height: 7em;
}
input:focus, textarea:focus {
	background-color: #d9d9d9;
}


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

hr {
	clear: left;
}
h1 {font-size: 140%; 
}
h2 {font-size: 120%;
   margin-bottom: 1em;
}

a {text-decoration: none; outline: none; /* Unterstreichung entfernen und keine Outline */ 
}	 
a:link {
	color: Blue;
}
a:visited {
	color: #6600FF;
}
a:hover, a:focus { text-decoration: underline; 
}
a:active {
	color: white;
	background-color: Blue;
}
p, ul {
	margin-bottom: 1em ; /* Abstand nach unten */
}
ul ul {
	margin-bottom: 1em ; /* Abstand nach unten */
}
li {
	margin-left:  1em; /* Abstand von links */
	margin-bottom: 3px;
}