/* top right bottom left */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00335A; padding: 0px; margin: 0px; }
.clear { clear: both; }
img { border: 0px none; }
ul, li, form { padding: 0px; margin: 0px; }
input, button, select, option { font-size: 10px; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
a { color: #1F79A5; text-decoration: none; }
a:hover { color: #8C8C8C; text-decoration: none; }

/* kopfbereich */

#all { width: 800px; margin: 0px auto; }
#head { position: relative; background-image:  url(../layout_pics/topleft.jpg); background-repeat: no-repeat; background-position: 0px 20px; height: 90px; }
#logo { position: absolute; left: -19px; bottom: 6px; }
#kbi { width: 180px; height: 60px; background-image:  url(../layout_pics/vormals_kbi.jpg); background-repeat: no-repeat; background-position: bottom; text-align: center; margin: 0px 0px 10px 10px; color: #666666; }

/* content-bereich */

#cont { width: 800px; background-image:  url(../layout_pics/hdot.gif); background-repeat: repeat-y; margin: 0px 0px 10px 0px; }

.qline, .qline-u { height: 10px; background-image:  url(../layout_pics/qdot.gif); background-repeat: repeat-x; }
.qline-u { margin-bottom: -5px; }

#foot { position: relative; margin: 0px 0px 30px 0px; }
#foot ul { position: absolute; top: 0px; right: 0px; }
#foot li { display: inline; padding: 0px 0px 0px 5px; }

/* nav-bereich */

#nav-col { width: 200px; float: left; margin: 0px 0px 20px 0px; }
#nav { background-image:  url(../layout_pics/qdot.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0px 0px 50px 0px; padding-bottom: 1px; list-style-type: none; }

#nav li { background-image:  url(../layout_pics/qdot.gif); background-repeat: repeat-x; }
#nav li a { height: 18px; padding: 5px 0px 0px 17px; display: block; }
#nav li a.parent, #nav li.mark a.parent, #nav li.sub-mark a.parent, #nav li.sub a.parent, #nav li a.parent-1 { background-image:  url(../layout_pics/parent_zu.gif); background-repeat: no-repeat; background-position: left center; }
#nav li a.parent-auf, #nav li.mark a.parent-auf, #nav li.sub-mark a.parent-auf, #nav li.sub a.parent-auf, #nav li a.parent-1-auf { background-image:  url(../layout_pics/parent_auf.gif); background-repeat: no-repeat; background-position: left center; }
#nav li.mark a, #nav li.sub-mark a { color: #FF822F; }
#nav li.mark { background-color: #F8F8FF; }
#nav li.sub, #nav li.sub-mark { background-color: #ffffff; }

/* end nav-bereich */

#right-col { width: 580px; float: right; margin: 0px 0px 20px 0px; }
#right-col-edit { position: relative; width: 580px; background-color: #ffffff; margin: 5px auto; text-align: left; padding: 5px 10px 10px 10px; border: 1px dashed #336699; }
#right-col br, #right-col-edit br { line-height: 75%; }
#right-col p, #right-col-edit p { margin: 0px 0px 10px 0px; }
#right-col ol, #right-col-edit ol, .right-col ul, .right-col-edit ul { margin: 0px 0px 8px 0px; }
#right-col ol, #right-col-edit ol { list-style-type: decimal; }
#right-col ul, #right-col-edit ul { list-style-type: none; list-style-image:  url(../layout_pics/liste.gif); }
#right-col ul li, #right-col-edit ul li {margin: 0px 0px 3px 30px;}

/* bilder */

.b-n { margin: 0px 0px 8px 0px; }
.b-t { margin: 0px 15px 8px 0px; float: left; }
.b-k { margin: 0px 30px 8px 0px; float: left; }
.rechts-bild, .links-bild, .bild-sub { background-color: #F3F5F8; }
.rechts-bild { float: right; margin: 5px 0px 8px 20px; }
.links-bild { float: left; margin: 5px 20px 8px 0px; }
.b-sub, .b-t-sub { font-size: 9px; color: #666666; }
.b-sub { padding: 4px; margin: 0px 0px 8px 0px; }
.b-t-sub { padding: 4px 4px 0px 4px; }

.blue-box { border-bottom: 1px solid #D8DFE9; border-top: 1px solid #D8DFE9; background-color: #F3F5F8; margin: 0px 0px 10px 0px; padding: 10px; }
.blue-box-2 { border-bottom: 1px solid #D8DFE9; border-top: 1px solid #D8DFE9; background-color: #F3F5F8; margin: 0px 0px 10px 0px; padding: 5px; }

.edit{ border: 1px dashed #336699; background-color: #E6EEF7; margin: 0px 0px 3px 0px; }
.author{ float: right; font-style: italic; margin: 3px 5px 0px 0px; font-size: 10px; }
.tools { float: left; width: 30px; text-align: center; }
.tools-typ { float: left; font-weight: bold; font-style: italic; margin: 3px 0px 0px 15px; font-size: 10px; }

.teiler { height: 10px; background-image:  url(../layout_pics/qdot.gif); background-repeat: repeat-x; background-position: left top; }

h1, h2, h3, h4 { font-weight: bold; }
h2, h3, h4 { color: #FF822F; }
h1 { font-size: 18px ! important; margin: 0px 0px 12px 0px; background-image:  url(../layout_pics/qdot.gif); background-repeat: repeat-x; background-position: bottom; }
h2 { font-size: 13px ! important; margin: 0px 0px 6px 0px; }
h3 { font-size: 13px ! important; margin: 0px 0px 10px 0px; }
h4 { font-size: 11px ! important; margin: 0px 0px 3px 0px; }

h1 span, h2 span, h3 span, h4 span { font-weight: normal; }

.sitemap, .alone, .down, .top { display: block; padding: 1px 0px 2px 20px; margin: 0px 0px 10px 0px; background-position: 0px 1px; background-repeat: no-repeat; }
.sitemap:hover, .alone:hover, .down:hover, .top:hover { background-color: #F3F5F8; }

.alone { background-image:  url(../layout_pics/link.gif); }
.down { background-image: url(../layout_pics/down.gif); }
.sitemap { background-image:  url(../layout_pics/sitemap_liste.gif); }
.top { border-bottom: 1px solid #D8DFE9; margin-top: 10px; background-image: url(../layout_pics/top.gif); }

.standard { margin: 15px 0px 15px 0px; line-height: 140%; }
.summary { margin: 0px 0px 8px 0px; line-height: 140%; }

.k-f { margin: 0px 0px 10px 0px; line-height: 140%; font-weight: bold; width: 250px; }
.k-1 { float: left; font-weight: bold; width: 75px; margin: 0px 0px 3px 0px; }
.k-2 { float: left; margin: 0px 0px 3px 0px; }
.s-1 { float: left; font-weight: bold; width: 100px; margin: 0px 0px 4px 0px; }

input.contact, input.contact-small, select.contact, textarea.contact { border: 1px solid #D8DFE9; } 
input.contact { display: block; margin: 5px 0px 5px 0px; padding: 2px; width: 350px; }
input.contact-small { margin: 5px 0px 5px 0px; padding: 2px; width: 170px; }
select.contact { width: 350px; display: block; margin: 5px 0px 0px 0px; padding: 2px; }
textarea.contact { width: 350px; display: block; margin: 5px 0px 5px 0px; padding: 2px; }
.route-input { width: 22%; border: 1px solid #D8DFE9; }

#faq { border-bottom: 1px solid #D8DFE9; border-top: 1px solid #D8DFE9; margin: 0px 0px 8px 0px; background-color: #F3F5F8; padding: 10px 10px 5px 10px; }
#faq li { padding-bottom: 5px; }

.success { color: green; }
.fail { color: red; }