/* Gabriele Kuenne
   Author: Friedhelm Betz
   2008
*/
/* Reset all */
a, blockquote, body, caption, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6 hr, html, img, label, legend,  ul, li, ol, p, table, tbody, td, tfoot, th, thead, tr {
	margin: 0;
	padding: 0;
}

/* Allgemeines */
html {
	background: #D7D7CC;
	color: #4e5658;
  height: 100%;
}
body {
  background: #D7D7CC url(/img/hg.gif) 0 -2px no-repeat;
  color: #4e5658;
  font: 100.01%/1.4 Verdana,Arial,Helvetica,sans-serif;
  height: 100%;
}

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block;
/* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.noScreen {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
.noPrint {
	display: none;
}
.noPad {
	padding: 0;
}
a, a:link {
  color: #637780;
  font-weight: bold;
  text-decoration: none;
}

a span {
  color: #FFFF33;
}

/*a:visited {
	color: #eee;
	background-color: #fff;
	text-decoration: none;
}
*/
a:hover, a:focus, a:active {
  color: #FFFF33;
}

a img, a:hover img, a:focus img, a:active img {
	border: none
}
/* floating classes */
.left {
	float: left;
	margin: 0 0.5em 0 0;
}
.right {
	float: right;
	margin: 0 0 0 0.5em;
}

.imgleft {
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
.imgright {
	float: right;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}
/* Clear Classes */
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.bl {
	border-left: 1px solid;
}
br.clear {
	line-height: 0;
	width: 0;
	height: 0;
	clear: both;
}
/* Absaetze */
p {
	font-size: 1em;
	line-height: 1.4;
	margin: 1em 0;
}

p.hinweis {
  font-style: italic;
}

p.hinweis a {
  font-style: normal;
}
/* Kleinerer Text */
.s {
	font-size: 0.69em;
}
strong, em {
	font-weight: bold;
}

address{
  font-style: normal;
}

h1 {
  color: #637780;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 0;
}
h2 {
  color: #637780;
  font-size: 1.4em;
	line-height: 1.2;
	font-weight: normal;
	margin: 2em  0 0.2em -1px;
}
h3 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2;
	margin: 20px 0px 10px -1px;
}
h4 {
	font-size: 0.9em;
	line-height: 0.9;
	font-weight: bold;
	margin: 15px 0px 8px -1px;
}
/* Listen */
ol, li, ul {
	list-style: none;
}

/*  Layout   */

#page {
  position: relative;
  min-height: 100%;
}

* html #page {height: 100%;}

#logo {
  left: 0;
  position: absolute;
  top: -2px;
  width: 320px;}
#logo img{
  display: block;
}

#content {
  margin-left:321px;
/*  margin-top: -343px;*/
  /*padding-bottom: 20px;*/
 padding-bottom: 30px;
}

#main {
  font-size: 75%;
  margin-left:18px ;
  position: relative;
}

#footer {
  position: relative;
  margin-top: -20px;
}

/*Home */

#home #galerie {
  margin-top: 105px;
  width: 445px;
}

#home #galerie img {
  display: block;
  float: left;
  padding: 0 25px 25px 0;
  width:80px;
}

#home #galerie a {
  display: block;
  float: left;
  /* margin-right: 25px;
  margin-right: 25px;
  margin-bottom: 25px;*/
  width: 105px; /*105px*/
}

/*Vita*/

#vita #main {
 padding-top: 4em;
}

#vita #foto {
  left: -158px;
  position: absolute;
  top: 172px;
}

#vita dl {
width: 80%;
}

#vita dt {
  clear: left;
  color: #637780;
  float: left;
  font-style: italic;
  width: 4em;
    margin-top:1em;
}

#vita dd {
  float: left;
/*  margin-left: 4em;*/
    margin-top:1em;
  width: 40em;
}

#vita #leben dt {
  width: 8em;
}

/*#vita #leben dd {
float:left;
 margin-left: 8em;
}
*/
#vita dd span {
  font-weight: bold;
  font-style: italic;
}

/*Texte*/

#texte h1, #texte h2 {
  color: #4E5658;
  font-size: 1em;
  font-weight: bold;
  margin-top: 3em;
  margin-bottom: 0;
  padding-bottom: 0;
}

ul#pagenav {
  margin-top: 6.5em;
}

/*Impressum*/
#impress #main {
  width: 39em;
}

 #texte #main {width: 50em;}

#impress #main span {
  color: #637780;
  font-style: italic;
}

#impress .adresse {
  margin: 6.5em 0;
}

#impress dt.name {
  font-weight: bold;
  margin-bottom: 1em;
}

#impress dt {
  margin-top: 1em;
}

#impress dt.stadt {
  font-style: italic;
  margin-bottom: 0.2em;
}

/*Blaetternavigation fuer Bilder Objekte Arbeiten*/
#blaettern {
  font-size: 69%;
  left: 220px;
  line-height:1.45;
  position: absolute;
  text-align: right;
  top: 320px;
  width: 80px;
  z-index: 100;
}

#bilder #main, #objekte #main, #arbeiten #main {
  font-size: 69%;
  line-height: 1.45;
  margin-top: 60px;
}

#bilder #main img{
  display: block;
}

#bildbox img {
  float:left;
  margin-right:25px;
}

#bilder h1, #objekte h1, #arbeiten h1{
  color: #4E5658;
  font-size: 1em;
  font-weight: bold;
  margin: 20px 0 -0.6em 0;
  padding:0;
}

#bilder h1 span , #objekte h1 span, #arbeiten h1 span{
  font-weight: normal;
  }