*       {
        margin: 0;
        padding: 0;
        }

body	{
		font-family: verdana,arial,helvetica,sans-serif;
        font-size: 12px;
        line-height: 120%;
        color: #989898;
        background-color: #FBFCF7;
        background-repeat: no-repeat;
        background-position: center top;
	    }
        
#wrap   {
        width: 790px;
        margin: 0 auto;
        }
        
h2      {
        color: #484848;
        font-size: 12px;
        line-height: 18px;
        }
        
h3      {
        color: #484848;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 6px;
        }
        
h4      {
        color: #989898;
        font-size: 12px;
        font-weight: bold;
        margin: 9px 0 6px 0;
        background: url(images/h4dot.gif) no-repeat;
        padding-left: 12px;
        }

a       {
        text-decoration: none;
        color: #989898;
        }
        
a:hover {
        text-decoration: none;
        color: #676767;
        }
       
.clr    {
        clear: both;
        }
        
img, img a, img a:hover {
        border: none;
        }
        
ul      {
        list-style: none;
        }

#clearer {
        clear: both;
        width: 100%;
        height: 12px;
        }
        
.error  {
        color: #880000;
        }
        
/* ---------- Top ---------- */        

#topleft {
        float: left;
        width: 112px;
        margin-right: 6px;
        height: 120px;
        text-align: right;
        }

#topleft ul {
        margin-top: 6px;
        font-size: 80%
        }
        
#hanger {
        float: left;
        width: 200px;
        height: 120px;
        border: 1px solid #989898;
        border-top: none;
        background-image: url(images/logo_bg.gif);
        }

#topnavi {
        float: left;
        width: 300px;
        margin-top: 100px;
        margin-left: 6px;
        }        
        
#topnavi li {
        display: inline;
        font-size: 88%;
        }

#topnavi li a {
        text-decoration: none;
        }
        
span.i  {
        font-family: courier;
        color: #989898;
        font-weight: bold;
        font-size: 12px;
        }
        
/* ---------- Main Area ---------- */
        
#main   {
        float: left;
        margin: 6px 0;
        }
        
/* ---------- Left Column ---------- */
        
#leftcol  {
        float: left;
        width: 112px;
        margin-right: 6px;
        height: 524px;
        }
        
#titlebox {
        width: 110px;
        height: 524px;
        border: 1px solid #989898;
        }        
        
h3.catname  {
        margin: 12px 6px;
        }

p.title {
        margin: 6px;
        }        

p.description {
        margin: 6px;
        font-size: 92%;
        }        

/* ---------- Center ---------- */
        
#emptyframe {
        float: left;
        width: 540px;
        height: 524px;
        border: 1px solid #989898;
        }
        
#center {
        float: left;
        width: 540px;
        height: 524px;
        border: 1px solid #989898;
        margin-bottom: 6px;
        background: url(images/centerbg_bright.gif);
        }
        
#picture  {
        width: 500px;
        height: 500px;
        text-align: center;
        margin: 12px auto;
        }

#picture img {
        border: none;
        }

/* ---------- Right Column ---------- */

#rightcol {
        float: left;
        width: 112px;
        height: 524px;
        margin-left: 6px;
        border: 1px solid #989898;
        }
        
#navi   {
        margin: 12px 6px 6px 6px;
        height: 448px;
        }
        
#navi li a {
        display: block;
        padding: 2px 0;
        }
        
#picnavi {
        margin: 6px;
        }
        
/* ---------- Thumbs ---------- */
        
#thumbs {
        clear: both;
        width: 778px;
        border: 1px solid #989898;
        }

#thumbs img, #thumbs img a {
        margin: 1px;
        border: none;
        }
        
#thumblist {
        clear: both;
        margin: 2px 116px;
        }
        
#thumblist p {
        font-size: 80%;
        text-align: center;
        }
       
/* ---------- Static Content ---------- */
        
#static {
        margin: 12px;
        }
        
/* ---------- Tradition ---------- */

table.tradition {
        margin: 12px auto;
        border: none;
        font-size: 90%;
        color: #989898;
        }
        
table.tradition td {
        padding: 3px;
        vertical-align: bottom;
        }
        
table.tradition td.motiv {
        vertical-align: top;
        font-style: italic;
        color: #282828;
        }
        
table.tradition img {
        border: 1px solid #CCCCCC;
        }
        
/* ---------- Referenzen ---------- */
        
ul.referenzen {
        float: left;
        width: 45%;
        margin-top: 12px;
        }
        
ul.referenzen li {
        margin: 5px 0;
        }
        
/* ---------- Kontakt ---------- */

#kontaktbox {
        float: left;
        width: 390px;
        }

address {
        float: left;
        font-style: normal;
        line-height: 130%;
        margin-right: 25px;
        margin-bottom: 25px;
        color: #282828;
        }

form	{
        width: 300px;
		margin: 9px 0;
		padding: 3px 7px;
		border: 1px solid #989898;
        background: #FBFCF7;
		}
        
input.person {
        margin: 2px 0;
		border: 1px solid #CCCCCC;
		width: 200px;
        padding: 1px;
        background: #FBFCF7;
		}
        
textarea {
		border: 1px solid #CCCCCC;
        width: 260px;
        height: 140px;
        padding: 1px;
		font-family: tahoma,arial,verdana,sans-serif;
        font-size: 100%;
        background: #FBFCF7;
		}

input.submit {
        margin: 2px 0;
		border: 1px solid #CCCCCC;
        background-color: #EEEEEE;
        width: 60px;
        }

#linkbox {
        float: left;
        width: 120px;
        margin-top: 12px;
        }

p.kontaktlink {
        margin-top: 10px;
        border: 1px solid #989898;
        display: block;
        padding: 1px 3px;        
		}

.box    {
        border: 1px solid #989898;
        padding: 3px;
        }
        
.centerbox {
        width: 50%;
        margin: 25px auto;
        text-align: center;
        border: 1px solid #989898;
        padding: 12px;
        background-color: #FFFFFF;
        }
        
.centerbox img {
        margin-top: 18px;
        }

/* ---------- Impressum ---------- */
        
#impressum p {
        margin-bottom: 6px;
        color: #282828;
        font-size: 92%;
        }