/*-----------------------------------------------------------------------------
[client] PGP Stylesheet

version:   1.0
date:      07/05/07
author:    Christine Kirchmeier
website:   www.sightdesign.de
-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

html, body {
	height: 100%;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.right {
	float: right;
}

.left {
	float: left;
}

.middle {
	text-align: center;
}

img.left {
	margin: 5px 15px 5px 0;
}

/* General elements
-----------------------------------------------------------------------------*/

h1 {
	font-size: 20px;
	color: #4a4a45;
	line-height: 1em;
	margin: 0 0 0.8em 0;
}

h1 span {
	display: block;
	margin-top: 0.2em;
	font-size: 18px;
	line-height: 1em;
}

h1.large {
	font-size: 24px;	
}
	
h2 {
	font-size: 16px;
	margin: 20px 0 12px 0;
}
	
h3 {
	font-size: 13px;
	margin: 15px 0 6px 0;
}

.check1 h3, .check2 h3 {
	margin: 0;
}
	
h4 {
	font-size: 12px;
	margin: 15px 0 6px 0;
}
	
h5 {
	font-size: 1.4em; 
}
	
p, q, cite {
	font-size: 12px;
}

ul, ol, dl {
	margin-left: 2.6em;
	font-size: 1.0em; 
}

ul, ol, dl {
	list-style: square;
}

li, dd, dt {
	font-size: 1.0em;
}

a, a:link, a:visited, a:hover, a:active {
	color: #701a32;	
	background: url(../img/arrow-purple.gif) no-repeat 0 5px;
	padding: 0 0 0 11px;
	line-height: 1.3;
}

a:hover {
	text-decoration: underline;
	color: #000;
	background: url(../img/arrow-black.gif) no-repeat 0 5px;
}

a.link, a.link:link, a.link:visited, a.link:hover, a.link:active {
	color: #584d4d;	
	background: none;
	padding: 0;
}

a.link:hover {
	color: #000;
}

p { 
	margin: 0 0 1em 0; 
}

hr {
	height: 0;
	margin: 20px 0;
	outline: 0;
	border-top: 1px dotted #76766e;
}

/* Set up the document
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll; 
}

body {	
	font: 12px/1.5  Verdana, Arial, sans-serif;
	background: url(../img/bg.gif) repeat-x;
	color: #4a4a45;	
	text-align: center;	
}

#wrapper { 
	width: 759px; /* Set page width here - you can also use percentage */
	text-align: left;  
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
}

/* Header
-----------------------------------------------------------------------------*/

#logo {
	width: 342px;
	height: 154px;
	float: left;	
}

a#logoLink {
	display: block;
	height: 105px;
	text-indent: -10000px;
	background: url(../img/paul-gampe-ingenieure-3.gif) no-repeat;
}

#headerPic {
	width: 417px;
	height: 200px;
	float: left;
}

.nr1 {	
	background: url(../img/header-pic-1.jpg) no-repeat;
}

.nr2 {	
	background: url(../img/header-pic-2.jpg) no-repeat;
}

.nr3 {	
	background: url(../img/header-pic-3.jpg) no-repeat;
}

.nr4 {	
	background: url(../img/header-pic-4.jpg) no-repeat;
}

.nr5 {	
	background: url(../img/header-pic-5.jpg) no-repeat;
}

.nr6 {	
	background: url(../img/header-pic-6.jpg) no-repeat;
}

.nr7 {	
	background: url(../img/header-pic-7.jpg) no-repeat;
}

.nr8 {	
	background: url(../img/header-pic-8.jpg) no-repeat;
}

.nr9 {	
	background: url(../img/header-pic-9.jpg) no-repeat;
}

.nr10 {	
	background: url(../img/header-pic-10.jpg) no-repeat;
}

.nr11 {	
	background: url(../img/header-pic-11.jpg) no-repeat;
}

.nr12 {	
	background: url(../img/header-pic-12.jpg) no-repeat;
}

.nr13 {	
	background: url(../img/header-pic-13.jpg) no-repeat;
}

.nr14 {	
	background: url(../img/header-pic-14.jpg) no-repeat;
}

.nr15 {	
	background: url(../img/header-pic-15.jpg) no-repeat;
}

.nr16 {	
	background: url(../img/header-pic-16.jpg) no-repeat;
}

.nr17 {	
	background: url(../img/header-pic-17.jpg) no-repeat;
}

.nr18 {	
	background: url(../img/header-pic-18.jpg) no-repeat;
}

.nr19 {	
	background: url(../img/header-pic-19.jpg) no-repeat;
}


/* Navigation
-----------------------------------------------------------------------------*/

#topNav {	
	border-top: 5px solid #b2b2aa;
	height: 57px;
	background: #b2b2aa url(../img/bg-topnav.gif) repeat-x left bottom;
}

#topNav a {
	display: block;
	text-align: right;
	color: #76766e;
	text-decoration: none;
	padding: 0 15px 0 0;
	margin: 0 24px 0 200px;
	background: url(../img/arrow-top.gif) no-repeat top right;
	text-transform: lowercase;
	font-size: 10px;
}

#topNav a:hover {	
	color: #5c5c57;
	background: url(../img/arrow-top-hover.gif) no-repeat top right;
	margin: 0 26px 0 200px;
	padding: 0 13px 0 0;
}

#nav {
}

#nav a {
	display: block;
	float: left;
	width: 171px;
	height: 22px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 6px 0 0 0;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: #76766e;
	border-bottom: 1px solid #fff;
}

#nav a:hover {	
	color: #fff;	
	background: #8a8a84 url(../img/bg-nav-hover.gif) repeat-x;
}

#nav a.first {	
	border-right: 1px solid #fff;
	width: 170px;
}

#nav a.active {	
	background: #701a32;
}

#subnav1, #subnav2 {
	display: block;
	float: left;
	width: 170px;
	height: 35px;
	border-right: 1px solid #fff;
}

#subnav2 {	
	width: 171px;
}

.subnavReferenzen, .subnavWir {
	background: #701a32;	
	padding: 2px 0 2px 37px;
	border-top: 1px solid #fff;	
}

.subnavWir {
	float: left;
	width: 556px;
	padding: 2px 0 4px 32px;
}

.subnavReferenzen a, .subnavWir a, .subnavReferenzen a:link, .subnavWir a:link, .subnavReferenzen a:visited, .subnavWir a:visited, .subnavReferenzen a:hover, .subnavWir a:hover, .subnavReferenzen a:active, .subnavWir a:active {
	color: #fff;
	background: url(../img/subnav-separator.gif) no-repeat right;
	padding: 0 11px 0 7px;
	text-decoration: none;
	font-size: 11px;
}

.subnavReferenzen a.active, .subnavWir a.active {
	font-weight: bold;
}

.subnavReferenzen a:hover, .subnavWir a:hover {
	color: #fff;	
	text-decoration: underline;
}

.subnavReferenzen a.last, .subnavWir a.last, .subnavReferenzen a.last:link, .subnavWir a.last:link, .subnavReferenzen a.last:visited, .subnavWir a.last:visited, .subnavReferenzen a.last:hover, .subnavWir a.last:hover, .subnavReferenzen a.last:active, .subnavWir a.last:active {
	background: none;
}

#contentWrapper {
	margin: 4px 0 0 0;	
	background: url(../img/bg-content.gif);
}

#content {
	width: 529px;
	float: left;
	padding: 32px 10px 10px 0;
}

#main #content {
	width: 539px;
	padding: 32px 0 10px 0;
}

#sideBar {
	width: 219px;
	float: left;
	margin: -38px 0 0 0;
	padding: 45px 0 0 0;
	background: #76766e;
	border-left: 1px solid #fff;	
}

#sideBar h2 {
	font-size: 12px;
	border-bottom: 1px solid #fff;
	color: #fff;
	margin: 0 0 7px 0;
	text-transform: uppercase;
	line-height: 1.5;
}

#sideBar .box {
	padding: 8px 0 9px 16px;
	margin: 0 0 0 0;
	background: #d5d5d0 url(../img/bg-right-box.gif) repeat-x;
	border-top: 1px solid #fff;
	color: #584d4d;
	font-size: 11px;
	line-height: 1.3;
}

#langSelect {
	border-top: 1px solid #fff;
	padding: 0 0 0 16px;
	margin: 0 0 40px 0;
}

#langSelect a#german, #langSelect a#english {
	display: block;
	float: left;
	width: 22px;
	height: 17px;
	padding: 0;
}

#langSelect a#german {	
	background: url(../img/flag-de.gif) no-repeat;
}

#langSelect a#english {	
	background: url(../img/flag-en.gif) no-repeat;
}

/* Footer
-----------------------------------------------------------------------------*/

#footer {
	padding: 0 0 107px 0;
}

#ft1 {
	width: 522px;
	height: 50px;
	float: left;
	padding: 38px 0 0 17px;
	background: url(../img/bg-footer-1.gif) repeat-x 0 14px;
	border-right: 1px solid #fff;
	color: #b2b2aa;
	font-size: 10px;
}

#ft2 {
	width: 203px;
	height: 80px;
	float: left;
	padding: 0 0 0 16px;
	background: #76766e url(../img/bg-footer-2.gif) repeat-x 0 14px;
	color: #fff;
	font-size: 11px;
}

#bottomPush {
	height: 45px;
}

#bottom {
	height: 45px;
	background: url(../img/bg-bottom.gif) repeat-x;	
}

/* Forms
-----------------------------------------------------------------------------*/

input, textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	font-size: 12px;
	border: 1px solid #4a4a45;
}

input.text {
	padding: 3px;
	border: 1px solid #999;	
}

label {
	display: block;
	float: left;
	width: 120px;
	
}

legend {
	font-weight: bold; 
	padding: 10px 0 10px 0;
}

textarea {
	height: 200px; 
	width: 300px;
}

input {
	width: 300px; 
	margin: 0 0 5px 0;
}

input.button {	
	background: #701a32; 
	display: block;
	padding: 2px 0;
	color: #fff; 
	width: 100px;
	margin: 5px 0 0 324px;
	font-weight: bold;
}

.fehler {border: 1px solid red;}

p.error {color: red;}

/* Tables 
-----------------------------------------------------------------------------*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 10px 0;
}

th {
	width: 150px;
	padding: 5px 5px 5px 0;
  	text-align: left;
	font-weight: bold;
	vertical-align: top;
	/*background: #e9e9e8;
	border: 1px solid #fff;*/
	line-height: 1.3em;
}

td {
	padding: 5px 0;
  	text-align: left;
	font-weight: normal;
	vertical-align: top;
	/*background: #f3f3f2;
	border: 1px solid #fff;*/
	line-height: 1.3em;
}

/* All the rest
-----------------------------------------------------------------------------*/

.check1 {
	width: 115px;
	float: left;
	background: url(../img/check1.jpg) no-repeat -15px 0;
	padding: 7px 0 10px 115px;
}

.check2 {
	width: 250px;
	float: left;
	background: url(../img/check2.jpg) no-repeat;
	padding: 7px 0 10px 50px;
}

a.refPrev, a.refPrev:link, a.refPrev:visited, a.refPrev:hover, a.refPrev:active {
	float: left;
	width: 150px;
	padding: 6px 5px 4px 5px;
	margin: 0 12px 8px 0;
	background: #76766e url(../img/bg-right-box.gif) repeat-x;
	border: 1px solid #76766e;	
	text-align: center;
	text-decoration: none;
}

a.refPrev:hover {	
	background: #701a32 url(../img/bg-right-box.gif) repeat-x;
	border: 1px solid #701a32;	
}

.refPrev img {
	display: block;
	margin: 0 auto 2px auto;
	border: 1px solid #fff;	
}

.refPrev span {
	display: block;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

a.refPrev2, a.refPrev2:link, a.refPrev2:visited, a.refPrev2:hover, a.refPrev2:active {
	display: block;
	height: 130px;
	padding: 6px 5px 4px 5px;
	margin: 0 5px 5px 0;
	background: #d5d5d0 url(../img/bg-right-box.gif) repeat-x;
	border: 1px solid #76766e;	
	text-align: left;
	text-decoration: none;
}

a.refPrev2:hover {		
	border: 1px solid #701a32;	
}

.refPrev2 img {
	display: block;
	float: left;
	width: 150px;
	height: 125px;
	margin: 0 0 2px 0;
	border: 1px solid #fff;	
}

.refPrev2 span {
	display: block;
	margin: 20px 10px 10px 170px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

a.refPrev2:hover span {	
	color: #701a32;	
}

a.back, a.back:link, a.back:visited, a.back:hover, a.back:active {
	display: block;
	margin: 0 auto;
	width: 210px;
	color: #76766e;	
	background: url(../img/arrow-back.gif) no-repeat 0 5px;
	padding: 5px 0 5px 22px;
	text-decoration: none;
}

a.back:hover {
	color: #701a32;
	background: url(../img/arrow-back-h.gif) no-repeat 0 5px;
	text-decoration: none;
}