@import url(typo3_spec.css);
@import url(klapp_titans.css);
@import url(table_titans.css);

* {
margin:0;
padding:0;
}

html {
height:100%;
overflow-y: scroll;
}

body {
background-color:#fff;
background-image:url(../images/back.gif);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
height:100%;
margin:0;
padding:0;
text-align:center;
}

div#layout {
background-image:url(../images/rahmen.gif);
background-position:top center;
background-repeat:repeat-y;
margin:0 auto;
text-align:center;
width:916px;
}

div#wrapper {
background-image:url(../images/layout.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0 auto 22px;
padding-left:3px;
padding-right:3px;
text-align:left;
width:900px;
}

div#metanav {
background:url(../images/metanav.gif) right top no-repeat;
border-bottom:1px solid #999;
padding-right:50px;
text-align:right;
}

div#head {
border-bottom:22px solid #002c72;
width:100%;
}

div#breadcrumb {
border-bottom:1px solid #002c72;
height:22px;
margin:0 50px 0 280px;
}

div#content {
padding-right:50px;
padding-top:22px;
float:right;
width:570px;
}

div#left {
float:left;
width:240px;
}

ul#menu {
background-color:#fff;
list-style-type:none;
margin-bottom:22px;
margin-left:14px;
padding-bottom:22px;
padding-top:22px;
width:220px;
}

div#footer {
background:url(../images/bottom.jpg) bottom center no-repeat;
background-color:#fff;
clear:both;
height:32px;
margin:0;
min-height:32px;
padding:0 3px;
}

a {
color:#002C72;
text-decoration:none;
}

a:hover {
color:#8597B3;
text-decoration:none;
}

div#metanav p {
font-size:10px;
line-height:14px;
vertical-align:middle;
}

div#breadcrumb p {
font-size:10px;
line-height:22px;
vertical-align:middle;
}

div#footer p {
border-top:1px solid #afafaf;
font-size:10px;
line-height:22px;
margin:0 4px;
padding:0 50px 0 14px;
text-align:center;
vertical-align:middle;
}

h1 {
color:#002c72;
font-size:120%;
font-style:italic;
line-height:30px;
vertical-align:middle;
}

h2 {
color:#002c72;
font-size:120%;
font-style:italic;
line-height:30px;
vertical-align:middle;
}

h3 {
color:#002c72;
font-size:100%;
line-height:22px;
vertical-align:middle;
}

h4 {
color:#002c72;
font-size:100%;
line-height:22px;
vertical-align:middle;
}

h5 {
color:#002c72;
font-size:100%;
line-height:22px;
vertical-align:middle;
}

h6 {
color:#002c72;
font-size:100%;
line-height:22px;
vertical-align:middle;
}

#content p {
line-height:18px;
margin:5px 0;
vertical-align:middle;
}

#content li {
margin:2px 0;
vertical-align:middle;
}

#content ul {
margin-bottom:12px;
margin-left:50px;
}

#content ol {
margin-bottom:12px;
margin-left:50px;
}

#content dl {
margin-bottom:12px;
margin-left:50px;
}

#content ul li {
list-style-type:square;
}

blockquote {
margin-left:30px;
}

#content img {
border:1px solid #999;
}

#left li {
color:#002c72;
padding:0;margin:0;
}
#left li a {
color:#002c72;
display:block;
font-weight:700;
line-height:30px;
padding-left:14px;
text-decoration:none;
vertical-align:middle;
/*background-color:#002c72;*/
}

#left a:hover {
background:#8597B3;
color:#002c72;
text-decoration:none;
}

#left ul li a {
border-bottom:1px solid #002c72;
}

#left li ul li a {
background: #002c72;
color:#fff;
border-bottom: 1px solid #fff;
margin-top: 0px;/**/
padding-left: 14px;
}

#left li ul {
background: #002c72;
color:#fff;
}

#left li ul li ul {
border-bottom: none;
}

#left ul li ul li a.on {
background: url(../images/pfeil.gif) 14px center #002c72 no-repeat;
color: #fff;
}

#left li ul li ul li a.on {
background: url(../images/pfeil.gif) 28px center #002c72 no-repeat;
color: #fff;
}

#left li ul li ul li a {
padding-left:42px;
}

#left li a.last {
border-bottom:0;
}

input {
background-color:#fff;
font-family:verdana,sans-serif;
padding:2px;
}

textarea {
background-color:#fff;
font-family:verdana,sans-serif;

font-size:70%;
padding:2px;
}