html, body {
	height: 			100%;
	background:			none;
}

/* generic */
a {
	text-decoration:	none;
}

a:focus {
	outline: none;
}

body {
	text-align:			left;
}
/* /generic */

#logo {
	background:			url(../images/logo_renate_kegler.png) no-repeat left top;
	height:				90px;
	left:				0;
	position:			absolute;
	top:				0;
	width:				100%;
}

#landingpage-background {
	background:			url(../images/landingpage_background.jpg) left top;
	height:				100%;
	left:				0;
	position:			absolute;
	top:				95px;
	width:				100%;
	z-index:			10;
}

#lp-item-1,
#lp-item-2,
#lp-item-3,
#lp-item-4,
#lp-item-5,
#lp-item-6 {
	cursor:				pointer;
	height:				60px;
	position:			absolute;
	width:				60px
}

#lp-item-1 {
	left: 				488px;
	top: 				140px;
	z-index: 			20;
}

#lp-item-2 {
	left: 				834px;
	top: 				326px;
	z-index: 			20;
}

#lp-item-3 {
	left: 				660px;
	top: 				385px;
	z-index: 			20;
}

#lp-item-4 {
	left: 				662px;
	top: 				30px;
	z-index: 			20;
}

#lp-item-5 {
	left: 				145px;
	top: 				15px;
	z-index: 			20;
}

#lp-item-6 {
	left: 				68px;
	top: 				310px;
	z-index: 			20;
}

#bubble-1,
#bubble-2,
#bubble-3,
#bubble-4,
#bubble-5, 
#bubble-6 {
	background:			transparent url(../images/tooltip.png) no-repeat scroll left top;
	display:			none;
	height:				80px;
	left:				563px;
	padding:			10px;
	position:			absolute;
	top:				140px;
	width:				170px;
	z-index:			100;
}

#bubble-2 {
	left:				633px;
	top:				325px;
}

#bubble-3 {
	left:				735px;
	top:				385px;
}

#bubble-4 {
	left:				737px;
	top:				30px;
}

#bubble-5 {
	left:				225px;
	top:				15px;
}

#bubble-6 {
	left:				145px;
	top:				310px;
}

.bubble h1 {
	color:				#5c4121;
	font-size:			12px;
	font-weight:		bold;
	margin-bottom:		5px;
}

.bubble {
	color:				#8d5c27;
	font-size:			11px;
}

.lp-item a {
	display:			block;
	height:				100%;
 	width: 				100%;		
}
/* /langingpage */

/* main content */
#content-main {
	color:				#8d5c27;
	font-size:			12px;
	margin-left:		30px;
	padding-top:		130px;
	text-align:			left;
	width:				800px;
}

.gallerie-details p {
	color:				#8d5c27;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}


#content-main h1,
.gallerie-details h1 {
	color:				#5c4121;
	font-size:			16px;
	font-weight:		bold;
	margin-bottom:		10px;
}	

.gallerie-details h1 {
	font-family:		Arial, Helvetica, sans-serif;
}
#footer {
	color:				#5c4121;
	font-size:			12px;
	margin-bottom:		35px;
	margin-left:		30px;
	margin-top:			35px;
	text-align:			left;
	width:				800px;
}

#footer a {
	color:				#5c4121;
	text-decoration:	none;
}

#footer a:hover {
	text-decoration:	underline;
}

#footer .separator {
	color:				#8d5c27;
	margin-left:		5px;
	margin-right:		5px;
}

.wrapper-link-back {
	margin-top:			15px;
}
.wrapper-link-back a {
	background:			url(../images/link-arrow.png) no-repeat 0 5px;
	color:				#5c4121;
	padding-left:		10px;
	text-decoration:	none;
}

.wrapper-link-back a:hover {
	text-decoration:	underline;
}

td.first,
td.second {
	padding-bottom:		5px;
	vertical-align:		top;
}

td.first {
	width:				75px;
}

.table2 td.first {
	width:				100px;
}

.table2 td.second {
	width:				250px;
}

table.bilder {
	border:				0;
	width:				98%
}

table.bilder tr {
	vertical-align:		bottom;
}

table.bilder td {
	width: 				180px;
}

table.bilder img {
	border:				0;
}

.persoenliches .summary a {
	color:				#5c4121;
	text-decoration:	none;
}

.persoenliches .summary a:hover {
	text-decoration:	underline;
}
/* /main content */

/* backgrounds */
body.persoenliches {
	background:			#7c5563 url(../images/background-1.jpg) repeat-x;
}

body.ausstellungen {
	background:			#7c8b63 url(../images/background-2.jpg) repeat-x;
}

body.arbeitstechnik {
	background:			#4a7059 url(../images/background-3.jpg) repeat-x;
}
body.holzobjekte,
body.bilder {
	background:			#e8e8e8;
/*	background:			#A8A8A8 url(../images/background-4.jpg) repeat-x;*/
}

body.aktuelles {
	background:			#B5893A url(../images/background-5.jpg) repeat-x;
}


/* /backgrounds */

/* ausstellung */
#wrapper-image-exhibitions {
	height:				241px;
	position: 			relative;
	top:				15px;
}

#image-exhibition-1 {
	height:				226px;
	left:				0;
	position:			absolute;
	top:				0;
	width:				312px;
}

#image-exhibition-2 {
	height:				226px;
	left:				327px;
	position:			absolute;
	top:				0;
	width:				312px;
}

body.bilder #content-main,
body.holzobjekte #content-main {
	width:				920px;
}


/* /ausstellung */

.float-left {
	float:				left;
}

.clear {
	clear:				both;
}

strong {
	font-weight:		bold;
}
/* /misc */