/* ************************************************************************** */
/* Stylesheet für www.timmermann-objekteinrichtung.de                         */
/*                                                                            */
/* Version 1.0 - 05.09.2009                                                   */
/*                                                                            */
/* (c) Copyright 2009 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 05.09.2009: erste Fassung                                            */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | RESET | Basisstyles                                                   */
/* 02 | verwendete Farben                                                     */
/* 03 | Layout                                                                */
/* 04 | Typographie                                                           */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset & Basisstyles                                                   */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

html * {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.01%; /* alle Schriftgrößen auf Standard (16 Pixel) zurücksetzen */
	}

body {
	background: #D6D2C9;
	color: #636363;
	font-size: 81.25%;
	}

#page-wrapper {
	height: auto;
	margin: 0 auto;
	min-height: 70em;
	width: 960px;
	}

/*\*/
* html #page-wrapper {
	height: 70em;
	}
/**/


#page {
	border: 1px solid #666;
	margin-top: 20px;
	}

#header {
	background: url(../img/bg-header.jpg) top right no-repeat;
	height: 199px;
	overflow: hidden;
	position: relative;
	}

#header img#logo {
	float: left;
	}

#header h1 {
	background: transparent url(../img/header-logo-text.jpg) 0 44px no-repeat;
	float: left;
	height: 108px;
	text-indent: -999em;
	width: 332px;
	}

#header p#claim {
	color: #fff;
	font-size: 123.07%;
	font-weight: bold;
	padding: 61px 0 0 340px;
	}

#menu-container {
	overflow: hidden;
	position: absolute;
	left: 53px;
	top: 159px;
	}

#main-menu {
	background: transparent;
	float: left;
	list-style: none;
	margin: 0;
	}

#main-menu li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 4px;
	text-align: center;
	}

#main-menu a {
	background: url(../img/bg-navi.gif) top left repeat-x;
	color: #fff;
	display: block;
	float: left;
	font-weight: bold;
	height: 40px;
	margin: 0;
	padding: 1em 0 0 0;
	text-decoration: none;
	width: 90px;
	}

#main-menu a:hover,
body#startseite #tab-startseite a,
body#galerie #tab-galerie a,
body#service #tab-service a,
body#planung #tab-planung a,
body#fertigung #tab-fertigung a,
body#ueber-uns #tab-ueber-uns a,
body#referenzen #tab-referenzen a,
body#kontakt #tab-kontakt a,
body#impressum #tab-impressum a {
	background: #fff;
	color: #636363;
	text-decoration: none;
	}

#main-content {
	border-left: #950608 53px solid;
	background: #fff;
	overflow: hidden;
	padding: 0 0 0 30px;
	position: relative;
	}

p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}

#col-left {
	float: left;
	padding-top: 55px;
	width: 580px;
	}

#planung #col-left {
	float: left;
	padding-top: 55px;
	width: 440px;
	}

#col-right {
	float: right;
	font-size: 92.31%;
	margin-right: 9px;
	padding-top: 0;
	width: 202px;
	}

#startseite #main-content #col-left h2 {
	background: transparent url(../img/body-claim.jpg) top left no-repeat;
	height: 19px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 310px;
	}

#startseite #main-content h3 {
	background: transparent url(../img/startseite-wir-bieten.jpg) top left no-repeat;
	height: 19px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-indent: -999em;
	width: 116px;
	}

#main-content #col-right h2 {
	background: none;
	font-size: 116.67%;
	font-weight: bold;
	margin: 0;
	padding: 20px 14px 8px 10px;
	text-indent: 0;
	}

#main-content #col-right h2 span {
	color: #A6323B;
	}

.infobox-grey {
	background: #D6D2C9;
	border-bottom: 1px solid #666;
	padding: 14px 8px 14px 14px;
	}

#footer {
	clear: both;
	}

.top-margin {
	margin-top: 0.8em;
	}

#col-right img.stellenangebote {
	margin: 16px 0 0 10px;
	}

#service #col-left {
	width: 640px;
	}

#service #main-content h2.headline1 {
	background: transparent url(../img/tm_service_headline1.jpg) top left no-repeat;
	height: 43px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 296px;
	}

#service #main-content h3.headline2 {
	background: transparent url(../img/tm_service_headline2.jpg) top left no-repeat;
	height: 19px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-indent: -999em;
	width: 173px;
	}

#service #main-content h3.headline3 {
	background: transparent url(../img/tm_service_headline3.jpg) top left no-repeat;
	height: 19px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-indent: -999em;
	width: 258px;
	}

ul {
	line-height: 1.5em;
	list-style: square;
	margin-left: 1em;
	}

#col-service {
	float: right;
	width: 200px;
	}

#col-service * {
	padding-left: 40px;
	}

#col-service a {
	padding-left: 0;
	}

#planung #main-content #col-left h2 {
	background: transparent url(../img/tm_planung_headline.jpg) top left no-repeat;
	height: 23px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 184px;
	}

#fertigung #col-left {
	width: 420px;
	}

#fertigung #main-content h2.headline1 {
	background: transparent url(../img/tm_fertigung_headline2.jpg) top left no-repeat;
	height: 43px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 231px;
	}

#fertigung #main-content h3.headline2 {
	background: transparent url(../img/tm_fertigung_headline2.jpg) top left no-repeat;
	height: 43px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-indent: -999em;
	width: 231px;
	}

#ueber-uns  #col-left {
	width: 640px;
	}

#ueber-uns #main-content h2.headline1 {
	background: transparent url(../img/tm_ueber_uns_headline1.jpg) top left no-repeat;
	height: 47px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 421px;
	}


img.ueber-uns {
	float: left;
	margin-right: 9px;
	}

#img-container-1,
#img-container-2,
#img-container-3 {
	float: left;
	margin-right: 9px;
	}

#img-container-1 {
	width: 143px;
	}

#img-container-2 {
	width: 144px;
	}

#img-container-3 {
	width: 316px;
	}

#img-container-1 p,
#img-container-2 p,
#img-container-3 p {
	margin-top: 0.5em;
	}

#img-container-1 p span,
#img-container-2 p span,
#img-container-3 p span {
	color: #910909;
	font-size: 90%;
	font-weight: bold;
	}

#referenzen #main-content h2.headline1 {
	background: transparent url(../img/tm_referenzen_headline1.jpg) top left no-repeat;
	height: 23px;
	margin-bottom: 10px;
	text-indent: -999em;
	width: 359px;
	}

#referenzen #main-content h3 {
	color: #A6323B;
	font-size: 123.077%;
	font-weight: bold;
	margin-bottom: 20px;
	}

#referenzen #main-content #col-left p {
	margin: 0 0 0.5em 0;
	}

#referenzen #main-content p.rubrik,
#kontakt #main-content p.rubrik {
	font-weight: bold;
	margin: 1.5em 0 0 0;
	}

#kontakt #col-left {
	width: 640px;
	}

#kontakt #main-content h2.headline1 {
	background: transparent url(../img/tm_Kontakt_headline1.jpg) top left no-repeat;
	height: 23px;
	margin-bottom: 40px;
	text-indent: -999em;
	width: 574px;
	}

#kontakt #main-content h3.headline2 {
	background: transparent url(../img/tm_Kontakt_headline2.jpg) top left no-repeat;
	height: 23px;
	margin-bottom: 20px;
	margin-top: 40px;
	text-indent: -999em;
	width: 239px;
	}

p.kontakt span {
	color: #910909;
	}

#col-kontakt {
	float: right;
	padding-top: 64px;
	width: 300px;
	}

#col-kontakt * {
	padding-left: 30px;
	}

#kontakt #col-kontakt span,
#kontakt #col-kontakt a {
	padding-left: 0;
	}

#impressum #main-content h2.headline1 {
	background: transparent url(../img/tm_impressum_headline1.jpg) top left no-repeat;
	height: 22px;
	margin-bottom: 20px;
	text-indent: -999em;
	width: 125px;
	}

a {
	border-bottom: #910909 1px dotted;
	color: #910909;
	text-decoration: none;
	}

a:hover {
	border-bottom: #910909 1px solid;
	}

a.design {
	color: #636363;
	text-decoration: none;
	border-bottom: 1px dotted #636363;
	}

a.design:hover {
	border-bottom: 1px solid #636363;
	}

a.img, 
a.img:hover,
a.flyer,
a.flyer:hover {
	border: none;
	text-decoration: none;
	}

a.flyer {
	background: #fff url(../img/flyer-out.jpg) top left no-repeat;
	display: block;
	height: 90px;
	margin-bottom: 8px;
	width: 202px;
	}

a.flyer:hover {
	background: #fff url(../img/flyer-over.jpg) top left no-repeat;
	}

a.pdf {
	border: none;
	color: #636363;
	text-decoration: none;
	}

a.pdf:hover {
	border-bottom: #636363 1px solid;
	color: #636363;
	}

/* -------------------------------------------------------------------------- */
#gallery {
	background: #fff;
	position: relative;
	}

#gallery #thumb-container {
	background: #fff;
	padding-top: 333px;
	}

#gallery em {
	display: block;
	padding-left: 16px;
	}

#gallery em b {
	color: #910909;
	}

#gallery p.clear {
	clear: left;
	margin: 0;
	padding: 0;
	line-height: 14px;
	}

#gallery a.gallery-thumbs {
	border: none;
	cursor: default;
	float: left;
	display: inline;
	height: 89px;
	margin-right: 1px;
	text-decoration: none;
	}

#gallery a.gallery-thumbs img.thumbnail {
	border: none;
	display: block;
	}

#gallery a.gallery-thumbs span {
	background: #fff;
	border: 0;
	display: none;
	}

#gallery a.gallery-thumbs span img {
	}

#gallery a.gallery-thumbs:hover {
	white-space: normal;
	}

#gallery a.gallery-thumbs:hover img.thumbnail {
	border: none;
	}

#gallery a.gallery-thumbs:hover span {
	display: block;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 10;
	}

#gallery a.gallery-thumbs:active img.thumbnail {
	border: none
	}

#gallery a.gallery-thumbs:active span {
	display:block;
	left: 0;
	height: 300px;
	position: absolute;
	top: 0;
	z-index: 5;
	}

#gallery a.gallery-thumbs:focus {
	outline: 0;
	}

#gallery a.gallery-thumbs:focus img.thumbnail {
	border: none;
	}

#gallery a.gallery-thumbs:focus span {
	display:block;
	height: 300px;
	left: 0;
	outline: 0;
	position:absolute;
	top: 0;
	z-index:5;
	}

#gallery span.default-img {
	display:block;
	left: 0;
	height: 300px;
	position: absolute;
	top: 0;
	z-index: 1;
	}

#galery-nav {
	position: absolute;
	left: 530px;
	top: 334px;
	z-index: 99;
	}

#galery-nav a {
	border-bottom: none;
	}

#galery-nav a:hover {
	border-bottom: #910909 1px solid;
	}

#fertigung #gallery #thumb-container {
	padding-top: 288px;
	}

#gallery a.gallery-thumbs:hover span {
	height: 267px;
	}

#gallery a.gallery-thumbs:active span {
	height: 267px;
	}

#gallery a.gallery-thumbs:focus span {
	height: 267px;
	}

#gallery span.default-img {
	height: 267px;
	}

/* -------------------------------------------------------------------------- */
#planung #col-left {
	width: 630px;
	}

#planung #col-left h2,
#planung #col-left p {
	width: 440px;
	}

#planung-gallery {
	background: #fff;
	height: 360px;
	position: relative;
	}

#planung-gallery ul {
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#planung-gallery ul li {
	display: block;
	float: left;
	margin: 0;
	width: 33.33%;
	}

#planung-gallery a.gallery-img {
	border: none;
	color: #636363;
	cursor: default;
	display: block;
	font-weight: bold;
	padding: 4px 0;
	}

#planung-gallery a.gallery-img em {
	border-bottom: #fff 1px solid;
	color: #910909;
	display: block;
	}

#planung-gallery span.padd {
	padding: 0 6px;
	}

#planung-gallery span.block {
	display: block;
	font-size: 95%;
	}

#planung-gallery a.gallery-img span.img {
	background: #fff;
	border: 0;
	display: none;
	}

#planung-gallery a.gallery-img:hover {
	background: #D6D2C9;
	background: #EBE9E4;
	white-space: normal;
	}

#planung-gallery a.gallery-img:hover span.img {
	display: block;
	height: 248px;
	left: 0;
	position: absolute;
	top: 90px;
	z-index: 10;
	}

#planung-gallery a.gallery-img:active span.img {
	display: block;
	height: 248px;
	left: 0;
	position: absolute;
	top: 90px;
	z-index: 5;
	}

#planung-gallery a.gallery-img:focus {
	background: #D6D2C9;
	}

#planung-gallery a.gallery-img:focus span.img {
	display:block;
	height: 248px;
	left: 0;
	outline: 0;
	position:absolute;
	top: 90px;
	z-index:5;
	}

#planung-gallery span.default-img {
	display:block;
	left: 0;
	height: 248px;
	position: absolute;
	top: 90px;
	z-index: 1;
	}
/* -------------------------------------------------------------------------- */