body {
margin: 20px 0;
padding: 0;
background: #DDBF81;
font: normal 9pt Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; }

html {
scrollbar-face-color: #DDBF81;
scrollbar-arrow-color: #A07220;
scrollbar-track-color: #DDBF81;
scrollbar-shadow-color: #A07220;
scrollbar-highlight-color: #A07220;
scrollbar-3dlight-color: #DDBF81;
scrollbar-darkshadow-color: #DDBF81; 
overflow-x:hidden;} 

h1 {
font: bold 15px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin: 0 0 10px 0;
color: #593A00; }

h2 {
font: bold 13px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin: 0 0 10px 0;
color: #593A00; }

h3 {
font: bold 11px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin: 0 0 10px 0;
color: #593A00; }

p, ul, li, ol, blockquote {
font: normal 11px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
line-height: 18px;
text-align: justify; 
margin-top: 0;
color: #696969; 
}

table, tr, td {
border-collapse:collapse;
border: gray 1px solid; 
font: normal 11px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #696969;
line-height: 20px;
background: #F4F4F4;}

hr {
border: 0px; /* Für Firefox und Opera */
border-top: dotted 1px #593A00;
border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */  }

/* **********  Startseite  ********** */

#start {
width: 800px;
margin: 0 auto;
}

#start * {

border: none;
color: #FFFFFF; }

/* ********** Headerbereich ********** */

#header {
width: 800px;
height: 185px;
margin: 0 auto;
border-bottom: 1px solid white; }

#header * {
margin: 0;
border: none;
text-decoration: none;
text-transform: lowercase;
font-weight: normal;
color: #FFFFFF; }

#header h1 {
float: left;
padding: 140px 0 0 20px;
font-size: 3em; }

#header h2 {
float: left;
padding: 165px 0 0 3px;
font-size: 1em; }


/* ********** Menübereich ********** */

#menu {
width: 800px;
margin: 0 auto;
background: url(images/menuback.gif); }

/*Credits: Dynamic Drive CSS Library */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none; }

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #B97918; /*overall menu background color*/  }

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 5px 8px;
border: 1px solid #999999;
border-left-width: 0px;
text-decoration: none;
color: white; 
font: normal 11px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none; }

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0; }

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
display: block;
width: 170px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 4px 5px;
border: 1px solid silver; }

.suckertreemenu ul li a:hover {
background: url(images/menuback.gif);
color: black; }

.suckertreemenu ul li a.active{
background-color: #E59500; }

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #B97918 url(images/navi/arrow-down.gif) no-repeat center right; }

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #B97918 url(images/navi/arrow-right.gif) no-repeat center right; }

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em; }

/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%;}
* html .suckertreemenu ul li a { height: 1%;}
* html .suckertreemenu ul li ul li { float: left;}
/* End */

a.inaktiv:link, a.inaktiv:visited {
background-color: #B97918;
color: white; }

a.inaktiv:hover, a.inaktiv:active, a.inaktiv:focus {
background: url(images/menuback.gif);
color: black; }

a.aktiv:link, a.aktiv:visited {
background: url(images/menuback.gif);
color: black; }

a.aktiv:hover, a.aktiv:active, a.inaktiv:focus {
background: url(images/menuback.gif);
color: black; }


/* ********** Headline ********** */

#headline {
width: 800px;
height: 30px;
margin: 0 auto;
background: url(images/headlineback.gif); 
border-top: 1px solid white; 
border-bottom: 1px solid white; }

#headline h1 {
font-size: 14px; 
margin: 5px 0 0 10px;
color: #593A00; }


/* ********** Contentbereich ********** */

#content {
width: 800px;
margin: 0 auto;
background: url(images/contentback.gif); }

a.content:link, a.content:visited {
font-weight: bold;
border-bottom: 1px dotted #CCCCCC;
text-decoration: none;
color: #AE7700; }

a.content:hover, a.content:active, a.content:focus { 
text-decoration: underline;
border:none;
color: #AE7700; }

a.ielink {
border-bottom: 1px dotted #CCCCCC;
text-decoration: none;
color: #AE7700; } 

#col1 {
float: left;
width: 530px;
padding: 10px 10px 0 10px; }

#col2 {
float: right;
width: 210px;
padding: 10px 10px 0 10px; }

.trennlinie  {
margin: 0 0 10px 0;
text-align: left; 
background: #fff url(images/borderline.gif) no-repeat center bottom;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{  /*Add a height attribute and set to largest image's height to prevent overlaying*/
position: relative;
float: left; }

.thumbnail img{
border: 1px solid #ccc;
margin: 0 0 10px 0;
padding: 4px;
background-position: 4px; 
background-color: #FFFFFF }

.thumbnail:hover{
background-color: transparent; }

.thumbnail:hover img{
border: 1px solid gray; }

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
left: -1000px;
/* zusätzliche Beschriftung
background-color: lightyellow;
padding: 4px;
border: 1px solid #ccc;
color: black;
text-decoration: none; */ }

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 1px;
padding: 4px; }

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -55px;
left: -550px; /*position where enlarged image should offset horizontally */
z-index: 50; }


/* ********** Footerbereich ********** */

#footer {
width: 800px;
margin: 0 auto;
padding: 10px 0;
background: url(images/footerline.gif) repeat-x;
font-size: smaller; }

#footer * {
font: normal 10px Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #666666; }

/* ********** Formulare ********** */

#tincAppDoc {
vertical-align: top;
}