/* 	author: Tobias Voß
	date: 2007-06-14
	website: www.chaiselongue-online.de
	Für Alle Browser */

/* Alle Abstände entfernen */
*{
	padding:0;
	margin:0;
	border:0;
}


body, html {
	text-align: center; /*für zentrierung der gesamten Inhalte*/
}

p {
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	padding-bottom: 17px;
}

/*normale Text-Links im Absatz*/
p a:link, a:active, a:visited {
	color: #6f6f6f;
	text-decoration: underline;
}

p a:hover {
	color: #575854;
	text-decoration: underline;
}

h1 {
	padding-top: 20px;
	padding-bottom: 14px;
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	font-weight: bold;
}

h2 {
	padding-bottom: 14px;
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
}

img.rahmen {
    padding: 0.3em;
    border: 1px solid #d0d0d0;
	margin-bottom: 15px;
}

ul {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	padding-bottom: 14px;
}

#box {
	position:relative;
	width: 735px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 28px;
}

/*Spalte links*/
#left {
	width: 193px;
	height: 600px;
	top: 106px;
	float: left;
	background-image: url(../img/back_left.gif);
	background-repeat: no-repeat;
}

#navigation {
	margin-top: 95px;
}

#navigation li{
	list-style: none;
	text-indent: -9999px; /*lässt den Text des Menus verschwinden*/
	margin-bottom: 1.14em;
}

#navigation li a{
	display: block;
	height: 12px;
	text-decoration: none;
	outline-style: none; /*gepunkteter Rahmen beim fokussieren*/
}

#navigation li a:hover{
	background-position: 0px -12px;
}

#navigation li a:active{
	background-position: 0px -12px;
}

li#startseite a {
	background: url(../img/buttons/01_startseite.gif) no-repeat;
	width: 193px;
}

li#leistung a {
	background: url(../img/buttons/02_leistung.gif) no-repeat;
	width: 193px;
}
li#tueren a {
	background: url(../img/buttons/03_tueren.gif) no-repeat;
	width: 193px;
}
li#galerie a {
	background: url(../img/buttons/04_galerie.gif) no-repeat;
	width: 193px;
}
li#anfahrt a {
	background: url(../img/buttons/05_anfahrt.gif) no-repeat;
	width: 193px;
}
li#kontakt a {
	background: url(../img/buttons/06_kontakt.gif) no-repeat;
	width: 193px;
}

/*Spalte mitte*/
#content { 
	position: relative; 
	width: 472px; 
	height: 600px;
	float: left;
}

#content #top {
	position: relative;
	width: 472px;
	height: 72px;
	background-image: url(../img/content_top.gif);
}

#content #middle {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-tmp.gif);
}

#content #middle_start {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-tuerknauf2.gif);
}

#content #middle_leistung {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-blumen.gif);
}

#content #middle_tueren {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-indoor.gif);
}

#content #middle_galerie {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-aussenansicht2.gif);
}

#content #middle_anfahrt {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-burg.gif);
}

#content #middle_kontakt {
	position: relative;
	width: 472px;
	height: 190px;
	background-image: url(../img/header-images/header-aussenansicht.gif);
}

#content #bottom {
	position: relative;
	padding-top: 0px;
	padding-left: 27px;
	padding-right: 27px;
	padding-bottom: 30px; /* Abstand zum unteren Fensterrand */
}

/*Spalte rechts*/
#right {
	position: relative;
	width: 70px;
	height: 600px;
	overflow: auto;
	float: left;
	background-image: url(../img/back_right.gif);
	background-repeat: no-repeat;
}

#footer {
	margin-top: 20px;
	position: relative;
	width: 472px;
	height: 76px;
	background-image: url(../img/footer.gif);
	background-repeat: repeat-x;
	text-align:center;
}

#footer p {
	color: #6f6f6f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	padding-bottom: 17px;
	padding-top: 10px;
}

/*IMPRESSUM HOVER*/
#impressum {
	margin-top: 0px;
}

#impressum li{
	list-style: none;
	text-indent: -9999px; /*lässt den Text des Menus verschwinden*/
	margin-bottom: 1.14em;
	float: left;
}

#impressum li a{
	display: block;
	height: 31px;
	text-decoration: none;
	outline-style: none; /*gepunkteter Rahmen beim fokussieren*/
	margin-right: 30px;
}

#impressum li a:hover{
	background-position: 0px -31px;
}

#impressum li a:active{
	background-position: 0px -31px;
}

li#xhtml a {
	background: url(../img/valid-xhtml.gif) no-repeat;
	width: 88px;
}

li#css a {
	background: url(../img/valid-css.gif) no-repeat;
	width: 88px;
}