*{
font-family: arial, helvetica, sans-serif;
font-size: 14px;
border: none;
}

html,body{
padding: 0;
margin: 0;
}
body{
background-color: #000;
background-image: url('main_back.gif');
background-position: center top;
background-repeat: no-repeat;
}
/* Hauptcontainer*/
div#content{
position:relative;
width: 800px;
height: 500px;
margin: 0 auto;
}
ul#navtop,ul#navbot,ul#direct{
position: absolute;
left: 82px;
margin: 0;
padding: 0;
list-style-type:none;
}

ul#navtop *,ul#submenu *,div#backlink a{
letter-spacing: 2px;
font-size: 12px;
}
ul#navbot *,ul#direct *{
letter-spacing: 2px;
font-size: 11px;
}
ul#navtop{
height:50px;
top: 233px;
width: 725px;
}
ul#navbot{
height:50px;
top: 590px;
}
ul#direct{
top: 650px;
height:50px;
width: 640px;
}

div#main{
position: absolute;
left: 75px;
top: 283px;
height: 307px;
width: 654px;
overflow: auto;
}
div#tbox{
position: absolute;
margin-left: 20px;
padding: 10px 0 10px 0;
width:590px;
min-height:287px;
}

div#kontBott{
position: absolute;
top: 590px;
padding-top: 15px;
text-align:right;
right:85px;
}

div#kontBott a{
text-decoration: none;
letter-spacing: 2px;
font-size: 11px;
text-transform: uppercase;
}
* html div#tbox{
height: 287px;
}

/*Navigation oben, unten und ganz unten */
ul#navtop li,ul#navbot li,ul#direct li{
width: auto;
padding: 0;
float: left;
background-image: url('strich.gif');
background-repeat: no-repeat;
}

ul#navtop li{
background-position: right 2px;
}
ul#navbot li{
text-transform: uppercase;
background-position: right 16px;
}
ul#direct li{
background-position: right 2px;
}
ul#navtop li.menu-last,ul#navbot li.menu-last,ul#direct li.menu-last{
background-image: none;
}
ul#navtop a,ul#navbot a,ul#direct a{
display: block;
width: auto;
float: left;
text-decoration: none;
}
ul#navtop a{
height: 50px;
color: #fff;
padding: 0 12px;
}
ul#navbot a{
height: 50px;
color: #999;
padding: 15px 12px;
}
ul#direct a{
color: #999;
padding: 0px 12px;
}
ul#direct a:hover{
color: #f00;
}
ul#navtop li.menu-current a,ul#navtop li.menu-current a:hover,ul#navtop li.menu-parent a,ul#navtop li.menu-parent a:hover{
background-image: url('pfeil.png');
background-repeat: no-repeat;
background-position: center bottom;
color: #900;
}
ul#navbot li.menu-current a,ul#navbot li.menu-current a:hover{
background-image: url('pfeilu.png');
background-repeat: no-repeat;
background-position: center top;
color: #900;
}

ul#navtop a:hover{
background-image: url('pfeilh.png');
background-repeat: no-repeat;
background-position: center bottom;
color: #f00;
}
ul#navbot a:hover{
background-image: url('pfeiluh.png');
background-repeat: no-repeat;
background-position: center top;
color: #f00;
}
/*ie-Patches*/
* html ul#navtop li.menu-current a,* html ul#navtop li.menu-current a:hover,* html ul#navtop li.menu-parent a,* html ul#navtop li.menu-parent a:hover{
background-image: url('pfeil.gif');
}
* html ul#navtop a:hover{
background-image: url('pfeilh.gif');
}
* html ul#navbot li.menu-current a,* html ul#navbot li.menu-current a:hover{
background-image: url('pfeilu.gif');
}
* html ul#navbot a:hover{
background-image: url('pfeiluh.gif');
}

/* Navi im Textfeld oben (back to parent)*/
div#backlink{
height: 1em;
text-align: right;
}
div#backlink a{
text-decoration: none;
padding-left: 20px;
background-image: url('back.gif');
background-repeat: no-repeat;
background-position: left center;
color: #888;
}
ul#backlink a:hover{
color: #900;
}
/* Navi im Textfeld unten (unterseiten)*/

ul#submenu{
margin: 1em 0 0 -12px;
padding: 0 0 .5em 0;
list-style-type:none;
}
#tbox ul#submenu li{
width: auto;
padding: 0 12px;
float: left;
background-image: url('strich.gif');
background-repeat: no-repeat;
background-position: right center;
padding-bottom: 0;
}
#tbox ul#submenu li.menu-last{
background-image: none;
}
ul#submenu a{
color: #888;
text-decoration: none;
}
ul#submenu a:hover,ul#submenu li.menu-current a{
color: #900;
}
/*text im textfeld*/
#tbox p,#tbox h1,#tbox li{
line-height: 1.46em;
}
#tbox p{
margin: .5em 0;
}
#tbox ul{
padding: 0;
margin: 0;
list-style-type:none;
}
#tbox ul li{
margin: 0;
padding: 0 0 .4em 12px;
background-image: url('bullet.gif');
background-repeat: no-repeat;
background-position: left .55em;
}
h1{
margin: 0 0 1em 0;
font-size: 14px;
}
.red{
color: #900;
font-weight: bold;
}
a{
color: #900;
}
a:hover{
color: #f00;
}
a.pdf{
padding-left: 20px;
background-position: left center;
background-image: url('pdf_icon.gif');
background-repeat: no-repeat;
}
.klein, .klein *{
font-size: 12px;
}
#tbox ul#submenu{
padding: 0;
list-style-type:none;
margin: 1em 0 0 -12px;
}
#tbox ul#submenu li{
margin: 0;
width: auto;
padding: 0 12px;
float: left;
background-image: url('strich.gif');
padding-bottom: 0;
}
/* js-scrollbox */
#scrollbar{
position: absolute;
top:0px;
right: 1px;
height: 100%;
width: 17px;
background-color: #D5D6D8;
z-index:100;
}
a#scroller{
display: block;
position: absolute;
top:0px;
left: 0px;
height: 30px;
width: 17px;
background-color: #6D6E71;
background-image: url('scrollArr.gif');
background-repeat: no-repeat;
background-position: center center;
}
#sct{
position: absolute;
top:0px;
left: 0px;
height: 14px;
width: 17px;
background-image: url('scBarTop.png');
background-position: left top;
background-repeat: no-repeat;
}
#scb{
position: absolute;
bottom:0px;
left: 0px;
height: 14px;
width: 18px;
background-image: url('scBarBot.png');
background-position: left bottom;
background-repeat: no-repeat;
}
/* ie-Patches */
/* Achtung Pfad muss relativ zur HTML-Seite oder absolut angegeben werden */
* html #sct{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.textwerker24.de/templates/textwerker/scBarTop.png');
background:none;
}
* html #scb{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.textwerker24.de/templates/textwerker/scBarBot.png');
background:none;
bottom:-1px;
}