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



/* ************************************************************************** */
/* 01 | Einbinden Impression Media Basisstyles                                */
/* ************************************************************************** */

@import url(im-base/im-reset.css);
@import url(im-base/im-default-styles.css);



/* ************************************************************************** */
/* 02 | verwendete Farben                                                     */
/*

*/
/* ************************************************************************** */



/* ************************************************************************** */
/* 03 | Layout                                                                */
/* ************************************************************************** */

html {
	background: #919192;
	}

body {
	background: transparent;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 125%;
	}

#page-wrapper {
	background: transparent;
	height: 600px;
	margin-top: -286px;
	position:absolute;
	top: 50%;
	width: 100%;
	}

#page {
	background: #C0C0C0;
	background: #eee;
	color: #333;
	margin: 0 auto;
	text-align: center;
	width: 768px;
	}

#header,
#content-wrapper,
#footer {
	text-align: left;
	}

#footer {
	background: #808080;
	height: 40px;
	}

#footer p {
	padding-left: 20px;
	padding-top: 12px;
	font-size: 120%;
	font-weight: bold;
	color: #444;
	text-align: left;
	}

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

#footer a:hover,
#startseite a#t-startseite,
#zur-person a#t-zur-person,
#malerei a#t-malerei {
	color: #eee;
	}

#header {
	background: #808080;
	color: #C0C0C0;
	height: 4px;
	padding: 0;
	}

#content {
	padding: 20px;
	padding-top: 40px;
	height: 420px;
	position: relative;
	}

#content h1 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 1.5em;
	color: #666;
	}

#content h1 span {
	font-weight: normal;
	}

#content h2 {
	color: #666;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 1.5em;
	}

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

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

#content a:hover {
	color: #4D4D4D;
	border-bottom: #4D4D4D 1px solid;
	}

#content .left,
#content .leftform {
	float: left;
	width: 33%;
	}

#content .right,
#content .rightform {
	float: right;
	width: 33%;
	}

#content .leftform,
#content .rightform {
	width: 49%;
	}

#content .left-wide {
	float: left;
	width: 66%;
	}

p.clear {
	clear: both;
	}

p.small {
	font-size: 1px;
	padding: 0;
	margin: 0;
	}

form {
	border: #aaa 1px solid;
	margin-top: 0em;
	overflov: hidden;
	width: 95%;
	}

#content form p {
	line-height: normal;
	margin-bottom: 0.2em;
	}

form fieldset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 14px;
	}

form label {
	cursor: pointer;
	float: left;
	font-size: 90%;
	width: 33%;
	padding-top: 2px;
	}

form label.nachricht {
	float: none;
	}

form input,
form select,
form input[type="submit"] {
	border: #aaa 1px solid;
	background: #C0C0C0;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
	padding: 4px 4px 4px;
	width: 60%;
	}

form textarea {
	background: #C0C0C0;
	border: #aaa 1px solid;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	padding: 3px 3px 3px;
	width: 96%;
	}

form input:hover,
form input:focus,
form select:hover,
form select:focus,
form textarea:hover,
form textarea:focus {
	background: #ddd;
	border: #919192 1px solid;
	}

form select {
	padding: 3px 3px 3px;
	width: 30%;
	}

form input[type="submit"],
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background: #C0C0C0;
	color: #333;
	float: right;
	margin-right: 0;
	margin-top: 1em;
	width: auto;
	}

form input[type="submit"]:hover,
form input[type="submit"]:focus {
	background: #ddd;
	border: #aaa 1px solid;
	}

p.error {
	border-bottom: #aaa 1px solid;
	border-top: #aaa 1px solid;
	}

img#leonie-leininger {
	float: left;
	padding: 4em 0 0 0;
	}

#portrait {
	float: right;
	width: 368px;
	}

/* --- Bildgalerie - Start ------------------------------------------------- */
#gallery {
	position: relative;
	}

#gallery a.gallery {
	color: #333;
	border: none;
	display: block;
	height: 90px;
	width: 120px;
	margin-bottom: 8px;
	width: 121px;
	}

#gallery span.gallerydefault,
#gallery span {
	background: #eee;
	position: absolute;
	top: 0;
	left: 210px;
	height: 430px;
	visibility: hidden;
	}

#gallery span.gallerydefault {
	visibility: visible;
	z-index:99;
	}

#malerei #gallery a.thumb-01 {
	background: url(../img/malerei/flow-thumb.jpg) top left no-repeat;
	}

#malerei #gallery a.thumb-02 {
	background: url(../img/malerei/spuren-thumb.jpg) top left no-repeat;
	}

#malerei #gallery a.thumb-03 {
	background: url(../img/malerei/ohne-titel-2-thumb.jpg) top left no-repeat;
	}

#malerei #gallery a.thumb-04 {
	background: url(../img/malerei/ohne-titel-thumb.jpg) top left no-repeat;
	}

#keramik-objekte #gallery a.thumb-01 {
	background: url(../img/keramik-objekte/moulin-rouge-thumb.jpg) top left no-repeat;
	margin-bottom: 10px;
	}

#keramik-objekte #gallery a.thumb-02 {
	background: url(../img/keramik-objekte/balance-thumb.jpg) top left no-repeat;
	height: 220px;
	margin-bottom: 10px;
	}

#keramik-objekte #gallery a.thumb-03 {
	background: url(../img/keramik-objekte/fuenf-sinne-thumb.jpg) top left no-repeat;
	height: 54px;
	margin-bottom: 0;
	}

#gallery a.gallery:hover {
	z-index:100;
	}

#gallery a.gallery:hover span,
#gallery a.gallery:active span,
#gallery a.gallery:focus span {
	visibility:visible;
	z-index:100;
	}

#themeimg {
	position: absolute;
	top: 0;
	}

#footer {
	overflow: hidden;
	}

p#navigation {
	float: left;
	}

#url {
	color: #eee;
	float: right;
	font-size: 120%;
	font-weight: bold;
	padding: 12px 20px 0 0;
	margin: 0;
	}

#url span {
	color: #444;
	}

#startseite #content h1,
#startseite #content h2 {
	color: #666;
	font-size: 240%;
	padding: 80px 0 0 360px;
	}

#startseite #content h2 {
	font-size: 150%;
	line-height: 4em;
	padding-top: 40px;
	}

#startseite #content h1 a,
#startseite #content h2 a {
	border: none;
	}

b {
	color: #666;
	}

p.gestaltung {
	margin-top: 8em;
	}