/* ========================================
Stylesheet für www.pt-nrw.de
Stand: August 2009
Autor: webwork nrw, Hagen
       Ricarda Albrecht
Aufbau: 1.Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
        3. Sonstige Styles
===========================================*/

/* ========================================
1. Kalibrierung und allgemeine Styles
============================================*/
* {
  padding: 0; margin: 0;
}

html {
	height: 101%;
}/* erzwingt Scrollbar im Firefox*/

body {
  font-size: small;
	background: #FFFFFF;
	font-family: Univers, Verdana, Arial, Helvetica, sans-serif;
	color: #14113f;
}

h1 {
  font-size: 25px;
  font-weight: bold;
  padding-bottom: 35px;
}

h2 {
	padding-left: 100px;
  font-size: 20px;
  font-weight: bold;
  color: #4036c1;
}

h3 {
  font-size: medium;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #14113f;
}

a:hover, a:focus, a:active {
  color: #4036c1;
}

p {
  padding-bottom: 10px;
}

/* ========================================
2. Styles für Layoutbereiche
============================================*/

/* TOP*/

#header {
  width: 900px;
	margin: 30px auto 0 auto;
}

/* Logo */

img {
  border: none;
}

#logo {
  float: left;
  padding-right: 100px;
}

/* Überschrift */

#ueberschrift {
	float: left;
}

/* Navigator */

#navigator {
  float: right;
  font-size: x-small;
  padding-top: 118px;
}

#navigator p {
  padding: 0;
  text-align: right;
}

/* Navi */

#menu {
  clear: both;
  width: 900px;
	margin: 0px auto;
	padding: 30px;
}

#menu a {
  background: url(../images/logo_small.jpg) no-repeat left center;
  padding: 10px 6px 10px 32px;
}

#below_menu, #product_menu {
  width: 900px;
	margin: 0px auto;
	padding-bottom: 20px;
}

#product_pfiffner, #product_stama {
  width: 900px;
	margin: 0px auto;
	padding-bottom: 20px;
}

#below_menu a {
  background: url(../images/small.jpg) no-repeat left center;
  padding: 10px 20px 10px 35px;
}

#product_menu a, #product_pfiffner a, #product_stama a {
  background: url(../images/small.jpg) no-repeat left center;
  padding: 10px 6px 10px 18px;
}

/* Content */

#content {
  clear: left;
	width: 900px;
	margin: 0px auto 0 auto;
	background-color: #e7e6f7;
	padding: 10px;
}

#content .color {
  color: #6262D3;
}

#uelwer {
  float: left;
  padding-right: 150px;
}

#content h1 {
	font-weight: bold;
	font-size: medium;
	padding-top: 30px;
}


.float_right {
	float: right;
	padding: 5px;
	background-color: #4036c1;
	margin: 5px 0 0 5px;
}

/* Logozeile auf Startseite */


#logomini {

}

.img {
    clear: right;
    text-align: center;

    padding-top: 20px;

}


/* Produkte */

/*Produkte - Übersichtsseite*/

.logos {
  overflow: hidden;
  padding-top: 0px;
}

.logos img {
        float: left;
	padding-bottom: 1px;
	padding-right: 1px;
}

#vorschau .float_right_vorschau {
	float: right;
	padding: 0px;

	margin: 0px 0px 0px 0px;
}

#vorschau h1 {
	font-weight: normal;
	font-size: small;
	padding-top: 20px;
        padding-bottom: 5px;
}

/*Produkte - Alle*/

#kreise ul {
  list-style-type: square;
  padding-left: 20px;
  padding-bottom: 20px;
}

#kreise ul li {
  background: none;
  padding: 5px;
}

#prod_start a {
  padding-right: 100px;
  padding-bottom: 50px;
}

#products img {
  float: left;
  padding: 0 20px 20px 0;
}

#products h1 {
  float: left;
  padding: 20px;
  font-size: small;
  font-weight: normal;
}

#hersteller {
  float: right;
  padding-right: 0;
  padding-left: 20px;
}

.galerie {
  overflow: hidden;
}

#products .small {
  font-size: x-small;
  padding-bottom: 2px;
}

/*Service*/

.fett {
	font-weight: bold;
}

/* Pop-up-Fenster der Produkte */

#pop_prod {
  padding: 20px;
  color: #14113f;
}

#pop_prod h1 {
  font-size: large;
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 15px;
}

#pop_prod h2 {
	padding-left: 0px;
  font-size: small;
  font-weight: normal;
  padding-bottom: 10px;
  color: #14113f;
  text-align: left;
}

#pop_prod p {
  padding-bottom: 5px;
}

#drucken {
  float: left;
  padding: 20px 0 0;
}

#drucken a {
  padding-left: 22px;
  background: url(../images/drucken.jpg) no-repeat left center;
}

#schliessen {
  float: right;
  padding: 20px 20px 0 0;
}

#schliessen a {
  padding-right: 15px;
  background: url(../images/fenster.jpg) no-repeat right center;
}

/* Kontaktformular */

table {
	background-color: #BCB9E6;
        padding: 10px;
}

label {
  display: block;
  cursor: pointer;
}

.links {
  width: 200px;
  padding: 10px 30px 10px 10px;
} 

.middle {
 	padding-left: 10px;
 	width: 400px;
}

textarea {
  width: 380px;
}

.button {
	padding: 10px;
}

/* Sitemap */

ul {
  list-style-type: none;
}

ul li {
  padding: 10px 20px 10px 35px;
  background: url(../images/logo_small.jpg) no-repeat left center;
}

.einzug {
  padding-left: 50px;
}

.einzug2 {
  padding-left: 100px;
}

/*Ankerlink*/

#anker_link {
	float: right;
}

/* Footer */

#footer {
  clear: both;
  font-size: x-small;
  color: #bfcacf;
  width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

#footer a {
  color: #bfcacf;
}

#footer a:hover, #footer a:focus, #footer a:active {
  color: #4036c1;
}

/* ========================================
3. Sonstige Styles
============================================*/

.aktuell {
  color: #4036c1;
  font-weight: bold;
}

.right {
  padding-right: 50px;
}

.left {
  padding-left: 20px;
}

.none {
  font-weight: bold;
  font-size: medium;
}

#below_menu .first, #product_pfiffner .first, #product_stama .first {
  background: none;
}

#product_menu .first {
  background: none;
  padding-left: 0px;
}

.clear {
  clear: left;
}

.anker {
	clear: right;
}

.float {
  float: left;
}

.list {
  padding-bottom: 50px;
}

.top {
  padding-top: 30px;
}

.bottom_100 {
	padding-bottom: 100px;
}

.bottom {
  padding-bottom: 10px;
}