html {
	padding:0px;
    margin:0px auto;
}

body {
	font-family: Arial,Helvetica,Arial,sans-serif;
    font-size: 12pt;
    text-align:justify;
    background-color:seashell;
    padding:0px;
    margin:0px;
}

div#frame {
  position: relative;
  top: 16px;
  left: 50%;
  width: 960px;
  min-height:320px;
  text-align: left;
  background-image: url("www.spickmich/images/home/new/page_bg.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color:white;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 16px -480px;
  border:1px solid black;

}

div#header {
    background-color:white;
    background-image:url(verlauf.png);
    background-repeat:repeat-x;
    background-position:0 -20px;
    margin:0px;
    border-bottom:2px solid #009999;
    height:80px;
    position:relative;
    top:0px;
    left:0px;
    right:0px;
    display:block;
}

a#home {
	text-decoration:none;
    font-size:44px;
    font-weight:normal;
    color:#009999;
    position:absolute;
    border:none;
    bottom:-10px;
    left:16px;
    padding:0px;
    margin:0px;
}

span#pictures {
	text-align:right;
    border:0px solid black;
    position:absolute;
    right:0px;
    bottom:-1px;
    margin:0px;
    padding:0px;
    border-left:2px solid #009999;
    border-top:2px solid #009999;
}

img.bilderband {
	margin:0px;
    padding:0px;
    height:46px;
    position:relative;
    left:0px;
    bottom:0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#submenu {
    border:0px solid #009999;
    position:absolute;
    top:152px;
    left:16px;
    /*height:100%;  */
    width:180px;
    clear:both;
    font-size:100%;
    float:left;
    display:block;
    margin-bottom:32px;
    text-align:right;
}
div#submenu img {
    padding:8px;
}
div#submenu ul {
    padding-left:0px;
    margin:0px;
    text-align:left;
}
div#submenu img {
	margin-top:24px;
}
div#submenu ul li {
	list-style:none;
    clear:both;
    padding:1px;
    margin:0px;
    font-weight:bold;
    white-space:pre;
}
div#submenu div {
	/*position:absolute;
    right:0px;     */
    text-align:right;
    border:none;
    margin:0px;
    margin-top:24px;
    padding:0px;
}
div#submenu div img {
	border:1px solid #009999;
    width:75%;
    margin-bottom:16px;
}
div#submenu div a img {
	padding:0px;
    margin:8px;
    border:1px solid #009999;
    width:100px;
    height:142px;
}
div#submenu div a img:hover {
    border:1px dashed #009999;

}
div#submenu div a {
	border:none;
    padding:0px;
    margin:0px; position:relative;
    right:0px;
}

div.inline-menu a img {
	padding:0px;
    margin-right:8px;
    border:1px solid #009999;
    width:100px;
    height:142px;
    margin-bottom:16px;
}
div.inline-menu a img:hover {
    border:1px dashed #009999;
}
div.inline-menu a {
	border:none;
    padding:0px;
    margin:0px; position:relative;
    right:0px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#menu {
    position:relative;
    top:0px;
    left:0px;
    padding:0px;
    padding-top:8px;
    display:block;
    font-size:120%;
    margin-bottom:16px;
}

div#menu ul {
    padding-left:12px;
    margin:0px;
}

div#menu ul li {
	list-style:none;
	/* font-size:12pt; */
    font-weight:bold;
    float:left;
    padding:1px;
	padding-right:24px;
}

a.menu {
	color:#82574B;
    text-decoration:none;
    border:1px solid white;
    padding-left:4px;
	padding-right:4px;
}
a.menu-aktiv {
    text-decoration:none;
    padding-left:4px;
	padding-right:4px;
    border:1px dotted #009999;
    color:#82574B;

}

a.menu:hover {
	text-decoration:none;
    border:1px dotted #009999;
    color:#009999;
}

em {
	font-weight:bold;
    text-decoration:none;
}

h1 {
   /*	font-size:24px;    */
   text-align:left;
   font-size:130%;
   padding:0px;
   margin-top:0px;
   margin-bottom:32px;
}
h2 {
	text-align:left;
    font-size:110%;
    padding:0px;
    margin-top:16px;
    margin-bottom:8px;
    font-weight:bold;
    text-decoration:none;
}
h3 {
	font-size:100%;
    font-weight:bold;
    margin-bottom:0px;
}
h4 {
	font-size:120%;
    font-weight:bold;
    text-align:center;
    margin-bottom:0px;
}

p {
	margin-top:4px;
    margin-bottom:4px;
}

div#content {
    /*position:relative;
    top:64px;
    clear:both;
    */
    background-color:white;
    clear:both;
    border:0px solid black;
    padding-left:240px;
    padding-right:16px;
    padding-top:32px;
    padding-bottom:16px;
    margin:0px;
    display:block;
    overflow:auto;
}

div#footer {
    border-top:2px solid #009999;
    /*height:16px;
    display:block;
    clear:both;    */
    position:absolute; bottom:0px; left:0px; right:0px;
    width:100%;
    text-align:right;
    font-size:8pt;
    line-height:14pt;
    padding:0px;
    visibility:hidden;
    background-image:url(verlauf.png);
    background-repeat:repeat-x;
    background-position:0 -50px;

}

a {
	text-decoration:none;
    color:#82574B;
}
a:hover {
	text-decoration:none;
    color:#009999;
}

li a:hover {
    /*border:1px dotted #009999;   */
}

ul.referenzen {
	border:0px solid red;
    display:block;
    padding:0px;
    margin:0px;
    font-size:80%;
    width:99%;
}
ul.referenzen li {
	list-style-type:none;
    width:45%;
    float:left; border:1px solid #009999;
    padding:0px;
    margin:12px;
    text-align:center;
   /* height:140px;
    overflow:hidden; */
    position:relative;
    clear:none;
	height:120px; vertical-align:middle;
}
/*ul.referenzen li:hover {
	border:1px dashed #009999;
} */

.textprobe {
	font-size:8pt;
    font-weight:bold;
    padding-top:2pt;
    padding-right:8pt;
    padding-bottom:2pt;
    padding-left:8pt;
    text-align:center;
    margin:-1px;
    position:absolute;
    right:0px;
    bottom:0px;
    border:1px solid #009999;
    background-color:ivory;
    background-image:url(verlauf.png);
    background-repeat:repeat-x;
    background-position:0 -64px;
}
.textprobe:hover {
	border:1px dashed #009999;
}

ul.referenzen li div.titel {
	background-image:url(verlauf.png);
    background-repeat:repeat-x;
    background-position:0 -50px;
	font-size:smaller;
	float:none;
}
ul.referenzen li.quer div.beschreibung {
	border:0px solid yellow;
    padding:0px;
    padding-top:0px;
    position:absolute; bottom:4px; left:0px; right:0px; width:100%;
}
ul.referenzen li.hoch div.beschreibung {
	border:0px solid yellow;
    padding:0px;
    padding-top:0px;
    float:right;
    width:65%;
    position:absolute; right:8px; top:20%;
}

li.quer img {
    position:relative; top:8px;
    /*width:200px; */
	border:0px solid black;
    margin-top:4px;
    float:none;
}
div.beschreibung span {
	font-size:larger;
    font-weight:bold;
	display:block;
}
li.hoch img {
	border:1px solid #C0C0C0;
    /*height:96px;*/
    margin:4px;
    padding:0px;
    float:left;   display:block;
}

img.withBorder {
    border:1px solid #C0C0C0;
}

div.kurzbeschreibung {
	background-color:seashell;
    border:1px solid black;
    position:relative;
    font-size:smaller;
    padding:8px;
    margin:0px;
    top:0px;
    text-align:justify;
    margin-bottom:16px;
}

ul#pisatest {
position:relative;
padding:0px;
margin:0px;

}
ul#pisatest li {
	border:0px solid red;
    list-style:none;
    text-align:justify;
    margin-bottom:16px;
    border-left:1px solid #009999;
    padding-left:8px;
    margin-left:0px;
}
ul#pisatest li p {
	font-weight:bold;

}
ul#pisatest li div {
	text-align:right;
    font-weight:bold;
    font-size:smaller;
}

.bold {
	font-weight:bold;
}

p {
	text-align:justify;
}

hr {
	border-top:1px dashed #009999;
    height:1px;
    border-bottom:0px;
}

img.halb {
	position:relative;
    top:25%;
}