@charset "utf-8";
/* CSS Document */

/**
 * Website Foto Team Göttingen
 *
 * @link	http://www.fototeam-goettingen.de
 * @package	Michael Seiler
 * @version 1.0
 */

/**
 * Globale Einstellungen und Bugfixes
 *
 * @section	Browser-Reset
 */

/* Reset der Außen- und Innenabstände */
* {
  margin: 0;
  padding: 0;
  border: 0px solid #fff;
}

/**
 * Schriftgröße Bugfix
 */
body, td, th {
  font: normal 75%/167% Arial, sans-serif; 
}

td, th {
  f\ont-size: 100%;
}

body {
	background: #eee url(images/bg.jpg) top center no-repeat fixed;
}

h1 {
	height: 36px;
	color: white;
	text-transform: uppercase;
	font-size: 2.0em;
	background: transparent url(images/arrow-big.png) left top no-repeat;
	text-indent: 50px;
	padding-top: 8px;
}

h2.big-top {
	height: 26px;
	position: relative;
	top: 73px;
	color: white;
	text-transform: uppercase;
	font-size: 2.0em;
	text-indent: 220px;
}

h2.big {
	height: 26px;
	position: relative;
	top: 45px;
	color: white;
	text-transform: uppercase;
	font-size: 2.0em;
	text-indent: 220px;
}

#wrap {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	top: 0px;
	z-index: 99;
}

#container {
	position: absolute;
	width: 980px;
	left: 110px;
	height: 1300px;
}

#header {
	position: relative;
	width: 986px;
	height: 216px;
	margin: 0 auto;
	left: 18px;
	top: 2px;
	z-index: 50;
}

#nav {
	float: left;
	width: 78s0px;
	height: 50px;
	position: relative;
	top: -37px;
	left: 22px;
}

#nav ul {
	list-style-type: none;
}

#nav li {
	float: left;
	margin-right: 25px;
	text-transform: uppercase;
}

#nav li a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

#nav li strong {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #fff;
}

#preview {
	background: transparent url(images/preview-box.png) no-repeat;
	width: 986px;
	height: 336px;
	position: relative;
	margin: 0 auto;
	top: -30px
}

#image {
	width: 986px;
	height: 336px;
	position: relative;
	margin: 0 auto;
	top: -75px
}

#slider {
	width: 876px;
	height: 252px;
	position: relative;
	top: 41px;
	left: 65px;
}

#slider .gifts .nivo-controlNav a {
	position: relative;
	left: 50px;
}

#angebote {
	position: relative;
	margin: 0 auto;
	width: 986px;
	top: -30px;
	left: 20px;
}

#angebote .box {
	float: left;
	position: relative;
	top: 10px;
	width: 302px;
	height: 250px;
	margin-right: 20px;
}

#angebote .box.foto {
	background: transparent url(images/box-angebote1.png) top center no-repeat;
}

#angebote .box.gifts {
	background: transparent url(images/box-angebote2.png) top center no-repeat;
}

#angebote .box.oversize {
	background: transparent url(images/box-angebote3.png) top center no-repeat;
}

#angebote .box h2 {
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 2px 0px 0px 10px;
}

#angebote .box p {
	position: relative;
	top: 162px;
	height: 20px;
	background: transparent url(images/arrow-small.png) left top no-repeat;
	text-indent: 26px;
	float: right;
	padding-right: 15px;
}

#angebote .box a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#headline {
	position: relative;
	margin-bottom: 20px;
	width: 986px;
	top: -30px;
	left: 20px;
}

#main, #main-contact {
	width: 986px;
	position: relative;
	margin: 0 auto;
	height: 550px;
	top: -60px;
	float: left;
	color: #fff;
}

#main .left {
	width: 536px;
	height: 536px;
	position: relative;
	background: transparent url(images/box-main.png) no-repeat;
	float: left;
	padding-top: 40px;
}

#main .left h2.head, #main-contact .left h2.head  {
	font-size: 1.4em;
	position: relative;
	left: 56px;
	width: 440px;
	padding-bottom: 15px;
	text-shadow: 1px 1px 1px #000;
}

#main .left h2.head span, #main-contact .left h2.head span {
	text-transform: uppercase;
}

#main .left h2.sub, #main-contact .left h2.sub {
	font-size: 1.4em;
	position: relative;
	left: 56px;
	width: 440px;
	text-shadow: 1px 1px 1px #000;
}

#main .left p, #main-contact .left p {
	width: 440px;
	position: relative;
	left: 56px;
	font-size: 0.9em;
	padding-bottom: 20px;
}

#main-contact .left {
	width: 336px;
	height: 686px;
	position: relative;
	background: transparent url(images/box-contact.png) no-repeat;
	float: left;
	padding-top: 40px;
}

#main-contact .left h2.con-info {
	position: relative;
	left: 56px;
	width: 440px;
	font-size: 1.4em;
	padding-top: 10px;
	font-weight: normal;
}

#main-contact .left a {
	color: white;
	text-decoration: none;
}

#main .right {
	width: 336px;
	height: 536px;
	position: relative;
	background: transparent url(images/box-side.png) no-repeat;
	float: right;
}

#main .right h1.head-left, #main-contact .right h1.head-left {
	text-transform: uppercase;
	font-size: 1.4em;
	position: relative;
	left: 36px;
	top: 35px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 1px #000;
}

#main .right p, #main-contact .right p  {
	width: 240px;
	position: relative;
	left: 56px;
}

#main .right img, #main-contact .right img {
	position: relative;
	width: 260px;
	margin: 0 auto;
	left: 38px;
	top: 10px;
}

#main .right ul {
	width: 240px;
	position: relative;
	left: 56px;
	top: 30px;
	list-style-type: none;
}

#main .right ul a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#main-contact .right {
	width: 636px;
	height: 686px;
	position: relative;
	background: transparent url(images/box-imp.png) no-repeat;
	float: right;
}

#main-contact .impressum h3 {
	position: relative;
	left: 56px;
	font-size: 0.9em;
}

#main-contact .impressum h4 {
	position: relative;
	left: 56px;
	font-size: 0.8em;
	margin-bottom: -2px;
}

#main-contact .impressum p {
	font-size: 0.8em;
	line-height: 1.0em;
	width: 540px;
}
	
#produkte {
	position: relative;
	margin: 0 auto;
	width: 986px;
	top: 30px;
	left: 20px;
}

#produkte h1 {
	margin-bottom: 10px;
}

#produkte .produkt-box {
	float: left;
	width: 302px;
	height: 200px;
	margin: 10px 20px 10px 0;
	background: transparent url(images/box-produkte.png) bottom left no-repeat;
}

#produkte .produkt-box-quer {
	float: left;
	width: 986px;
	height: 236px;
	margin: 10px 20px 0 0;
	background: transparent url(images/box-quer.png) bottom left no-repeat;
}

#produkte .produkt-box-large {
	float: left;
	width: 986px;
	height: 336px;
	margin-top: 5px;
	margin-right: -15px;
	position: relative;
	left: -16px;
	background: transparent url(images/box-quer-high.png) top left no-repeat;
}

#produkte .produkt-foto, #produkte .produkt-foto-quer, #produkte-foto-large {
	position: relative;
	width: 300px;
	height: 140px;
}

#produkte .produkt-foto img {
	position: relative;
	left: 94px;
}

#produkte .produkt-foto-quer img, #produkte .produkt-foto-large img {
	position: relative;
	left: 10px;
}

#produkte .produkt-text {
	position: relative;
	float: left;
	left: 15px;
	width: 220px;
	height: 140px;
	top: -30px;
}

#produkte .produkt-text-quer, #produkte .produkt-text-large {
	position: relative;
	float: left;
	left: 15px;
	width: 200px;
	height: 140px;
	top: 0px;
}

#produkte p.preis {
	text-shadow: 2px 2px 2px #000;
}

#produkte .produkt-text h2, #produkte .produkt-text-quer h2 {
	padding-left: 20px;
	text-shadow: 2px 2px 2px #000;
}

#produkte .produkt-text p, #produkte .produkt-text-quer p {
	padding-left: 40px;
}

#produkte .produkt-liste {
	position: relative;
	top: -80px;
	left: 20px;
	float: left;
	width: 300px;
	margin: 10px 0px;
}

#produkte .produkt-foto-large.grossformat {
	position: relative;
	left: 20px;
}

#produkte .produkt-text-large.grossformat {
	position: relative;
	left: 40px;
}

table.pass, table.copy, table.grossformat {
	width: 700px;
	position: relative;
	text-align: right;
	margin-right: 30px;
	font-size: 1.4em;
}

table.pass tr {
	height: 40px;
}

table.copy tr {
	height: 30px;
}

#produkte .produkt-liste.grossformat {
	position: relative;
	top: -110px;
	left: -20px;
	float: left;
	width: 700px;
}

table.grossformat {
	width: 700px;
	position: relative;
	top: -30px;
	text-align: left;
	margin-right: 30px;
	font-size: 1.4em;
}

table.grossformat tr.images {
	height: 176px;
}

table.pass tr.sets, table.copy tr.sets {
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
}

#produkte .produkt-liste td {
	width: 144px;
	vertical-align: baseline;
}

#produkte .produkt-liste.grossformat td {
	width: 144px;
	padding-right: 20px;
	vertical-align: baseline;
}

#produkte .produkt-liste tr.preis td {
	font-weight: bold;
}

#produkte .produkt-liste img {
	position: relative;
}	

#produkte .kopie-text {
	position: relative;
	width: 302px;
	height: 140px;
	top: 35px;
	text-shadow: 2px 2px 2px #000;
}

#produkte .kopie-text h2 {
	padding-left: 30px;
}

#produkte .kopie-text table {
	padding-left: 30px;
}

#produkte .kopie-text table.small {
	padding-left: 30px;
	padding-top: 20px;
}

#produkte td.column {
	color: #f8f744;
	font-weight: bold;
}

#produkte .produkt-box-bigger {
	float: left;
	height: 286px;
	width: 302px;
	margin: 28px 20px 20px 0;
	background: transparent url(images/box-produkte-big.png) top left no-repeat;
}

#produkte .kopie-text table.tbig {
	position: relative;
	top: -10px;
}

#produkte .kopie-text h2.h2big {
	position: relative;
	top: -17px;
}

#footer {
	width: 980px;
	clear: both;
	position: relative;
	margin-top: 20px;
	z-index: 101;
}

#footer.contact {
	top: 80px;
	position: relative;
}

#footer h2 {	
	color: #fff;
	width: 980px;
	text-align: center;
	text-shadow: 1px 1px 1px black;
	font-size: 1.6em;
}

#footer h2 span {
	text-transform: uppercase;
}

#footer .copyright {
	float: left;
	color: #fff;
	top: 15px;
	position: relative;
}

#footer .design {
	font-size: 0.8em;
	position: relative;
	top: -5px;
}

#footer .design a {
	color: #f8f744;
	text-decoration: none;
}

#footer-nav {
	float: right;
	width: 550px;
	height: 50px;
	position: relative;
	top: 20px;
	left: 22px;
	color: #fff;
}

#footer-nav ul {
	list-style-type: none;
}

#footer-nav li {
	float: left;
	text-transform: uppercase;
	margin-left: 2px;
}

#footer-nav li a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-size: 1.0em;
}

#footer-nav li strong {
	text-decoration: none;
	color: #ddd;
	font-weight: bold;
	font-size: 1.0em;
}