@charset "utf-8";
/* CSS Styles for all browsers / media
 *
 * ls, http://www.alopix.de
 */
 
/*
   Standard CSS Styles
   Colors:
   -------
   5FB339	gruen
   3E80E0	blau
   
   Body Width in Pixel: 960 (-50 Paddings)
*/

/* Redefinitions */

body { background: #9FA9B3; margin: 0; padding: 0; line-height: 100%; color: #333 }
body, td, div { font-size: 12px; font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif }
p, li { line-height: 19px }
div { margin: 0; padding: 0 }
a:link, a:visited { color: #5FB339; font-weight: bold; text-decoration: underline }
a:hover, a:active { color: #5FB339; font-weight: bold; text-decoration: none }
h1 { font-size: 22px; margin-bottom:1em; color: #505050;font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif }
h2 { font-size: 12px; text-transform: uppercase }
h1 span, h2 span { color: #3E80E0 }
h3 { margin: 2em 0 1ex 0; line-height: 125% }
h4 { font-size: 12px; color: #666 }
h5 { font-size: 12px; margin:0; padding: 0; color: #505050; line-height: 135% }
#main-content h5 { font-size: 11px }
#main-rightcol h5 { color: #3E80E0 }
#main-rightcol h5 a:link { color: #5FB339; font-size:90% }
#main-rightcol h2 { margin: 0 0 0 0; padding: 4px 0 4px 0; color: #5FB339; }
#main-rightcol p { margin: 0; padding: 1ex 0 1ex 0 }
#main-rightcol h3 { width: 238px; height: 36px; line-height: 36px; background: url(/images/bg-h3.jpg) top left no-repeat; margin: 0; padding: 0 0 0 16px; font-size: 11px; text-transform: uppercase; }
a img { border: 0; text-decoration: none }

hr { height: 0; border-top: 1px solid #ccc }

/* Header */

#header-topborder { background: #5C6063; height: 6px; border-bottom: 1px solid #999A9C }
#header-topdeco { border-top: 1px solid #fff; height: 12px; background: #fff url(/images/header-deco-top.jpg) }
#header-links { background: #fff }
#header-links-content { width: 960px; text-align: right; color: #ccc }
#header-links-content a { text-decoration: none; }
#header-links-content img { margin-right: 5px }
#header-logo { width: 190px; height: 53px; position: absolute; top: 30px; left: 15px }
#header-bottom { background: #fff url(/images/header-deco-bottom-mid.jpg) bottom left repeat-x; height: 60px; }
#header-bottom-left { width: 40px; height: 60px; float: left; background: url(/images/header-deco-bottom-left.jpg) bottom left no-repeat }
#header-bottom-mid { float: left; text-align: right; width: 920px }
#header-bottom-right { width: 40px; height: 60px; float: right; background: url(/images/header-deco-bottom-right.jpg) bottom right no-repeat }
#header-links a { color: #666; font-weight: normal; }

/* Navigation */

#navigation { height: 60px; width: 920px; text-align: right; }
#navigation ul { margin: 0; padding: 0; list-style-type: none; height: 60px; float: right;  }
#navigation li { margin: 0; padding: 0; display: block; height: 60px; float: left; background: #fff url(/images/bg-navi-no.jpg) bottom left repeat-x; margin-left: 3px; min-width: 100px; text-align: left; }
#navigation li.cur, #navigation li.act { background: #fff url(/images/bg-navi-sel.jpg) bottom left repeat-x;  }
#navigation a { color: #666; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; margin: 40px 12px 0 12px; display: block; }
#navigation li.cur a, #navigation li.act a { color: #333; font-weight: bold; letter-spacing: 1.5px; margin: 28px 34px 0 12px; }
#navigation span.descr { display: block; font-size: 10px; margin: 3px 0 0 12px; color: #333  }

div#submenu-title { border-top: 1px solid #c7c7c7; background: url(/images/bg-h2.jpg) top right repeat; }
#submenu-title h2 { border-top: 1px solid #fff; margin: 0; padding: 0 0 0 18px; line-height: 22px; color: #5FB339; background: url(/images/li-h2.jpg) 4px center no-repeat;  }
ul#menu_2 { border-top: 1px solid #c7c7c7; margin: 0; padding: 6px 0 30px 0; list-style-type: none }
#menu_2 li { padding: 0; margin: 0; line-height: 22px }
#menu_2 li a { color: #666; text-decoration: none; padding: 0 0 0 18px; background: url(/images/li-lvl2-no.jpg) 8px center no-repeat;  }
#menu_2 li a:active, #menu_2 li a:hover { text-decoration: underline }
#menu_2 li a.sel, #menu_2 li a.cur { background: url(/images/li-lvl2-sel.jpg) 8px center no-repeat; color: #5FB339 }
ul#menu_3 { margin: 0; padding: 0 0 0 10px; list-style-type: none }
#menu_3 li a { padding: 8px; background: none !important }
#menu_3 li a.sel, #menu_3 li a.cur { text-decoration: underline; background: none; color: #5FB339 }

/* Content region */
#main-content-content { padding: 20px 0 0 25px; }

#main-region { background-color: #F8F8F8; border: 1px solid #F2F2F2; padding-top: 15px; }
#main { float: left; width: 702px; }
#main-content { width: 622px;    }
#main-bottom { background: url(/images/bg-content-bottom.jpg) repeat-x left 2px; height: 30px }
#main-rightcol { float: left }
#main-rightcol-content { width: 260px; padding-top: 18px }
#main-rightcol-content .csc-textpic-image { margin-top: 8px }

.rcolh3box { background: url(/images/bg-h3box.jpg) repeat-y; width: 234px; padding: 0 10px }
.rcolh3decoend { background: url(/images/bg-h3box-end.jpg) no-repeat; width: 254px; height: 24px }
.rcolh3boxdiv { background: url(/images/bg-h3box-div.jpg) no-repeat; width: 254px; height: 1px; line-height: 1px; font-size: 1px }
.lcolboxdiv { background: url(/images/bg-dotted-div-hor.jpg) repeat-x; width: 650px; height: 1px; line-height: 1px }

.theme { border-top: 1px solid #ccc; padding: 14px 0 0 0; }
div.hpfirstdiv { padding: 5px 0 0 0; }
.theme h3 { font-size: 11px; color: #666; margin: 0; padding: 0 }
.theme div.tag { color: #666; text-align: right; line-height: 16px }
.lcoltheme { width: 220px; float: left }
.lcoltheme h1 { font-size: 12px; color: #808080; text-align: right; line-height: 16px; margin-top: 0 }
.lcoltheme h2 { font-size: 12px; color: #808080; text-align: right; line-height: 16px; text-transform: none }
.mcoltheme { width: 30px; float: left; text-align: right; }
.rcoltheme { width: 350px; float: left; padding: 0 0 0 10px; }
.rcoltheme p { margin-top: 8px }
.rcoltheme h1 { font-size: 13px; color: #3D80DF; margin: 2px 0 0 0; padding: 0 }
.rcoltheme h2 { font-size: 12px; color: #333; text-transform: none; margin: 0 0 6px 0; padding: 0; }

/* Footer */

#footer { height: 70px; background: url(/images/bg-footer.jpg) repeat-x;  }
#footer-content { padding: 11px 0 0 25px; font-size: 11px; color: #fff; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
#footer-logo { background: url(/images/footer-logo.jpg) no-repeat; height: 17px; width: 26px }
#footer span { display: block; height: 15px; float: left }
#footer .links { margin: 0 10px 0 20px }
#footer a { color: #fff; font-weight: normal; margin-right: 10px }
#footer p { margin: 0; padding: 0 }
div.cert { padding: 20px 0 0 0 }

/* -- TYPO3-specific -------------------------------------------------------------------- */

.suchform, #loginform { padding:10px 0 }
.suchform .button { width:auto !important }
.suchform .swordbasis { font-size:10px; width:120px; height:12px; }
.suchform .imgsubm { padding-left:2px; padding-bottom:1px  }
.suchform .swordstart { color:#999; font-style:italic }
.suchform .swordfocused { color:#000; font-style:normal }
dl.tx-indexedsearch-info { display:none }
.tx-indexedsearch-icon img { vertical-align:middle }
form .text, #loginform .inputfld { background:#D9DED7; border:0; padding:2px; font-size:13px; margin-bottom:8px }
#mailform fieldset { border: none }
dd.csc-textpic-caption { display: block !important; margin: 8px 0 !important; font-style: italic }
div#sitemap { width: 565px }
#sitemap .darktheme { background: url(/images/bg-sitemap-dark-theme.gif) repeat-x; height: 120px }
#sitemap .lighttheme { height: 120px }
#sitemap .themecontent { height: 83px; padding: 18px 20px; vertical-align: middle }
#sitemap p { margin: 6px 0 0 0; padding: 0 }
#sitemap img { float: left }
#sitemap .rcol { float: right; width: 425px }
#sitemap h2 { font-size: 12px; color: #5FB339; margin: 0; padding: 0; text-transform: none; display: inline }
#sitemap h2 a { padding-right: 16px; background: url(/images/bullet-link-green.gif) no-repeat right 2px }
#sitemap .abschluss { background: url(/images/bg-sitemap-abschluss-theme.gif) repeat-x; height: 1px }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img { border:1px solid #737A82; padding:4px; margin-right: 6px }
.csc-textpic-image { padding-right: 6px }

/* Common */
.clear { clear: both; display: block; height: 0; overflow: hidden; margin: 0; padding: 0 }
.floatbox { float:left }
.floatright { float:right }
div.graubox { background-color:#EFEFEF; padding:12px; color:#666666 }
.black { color:#000 !important }
.red { color:#9E001D }
.rechts { text-align:right }
.langMenu { float:right; border-right:1px solid #999; padding-right:8px }
.langMenu a { padding:0 0 0 1ex }
.noscreen { display:none; visibility:hidden }
img.noborders, .noborders img, img.spacer-gif, div.tx-piiframe-pi1 img { border: none !important; padding: 0 !important }
.error { color:red }
.info { font-style: italic }
.text { width: 300px }
.autowidth { width:auto }
.mark { border:1px solid red }
div.highlight { border:1px solid #CCCCCC; padding:6px; }
.pointer { cursor:pointer }
img.bullet { padding: 6px 0 0 0 }
.formular label { margin-top: 12px; margin-bottom: 3px; display: block }
.formular #mailformformtype_mail { margin-top: 10px }
.csc-frame-frame1 .csc-textpic-image img { background: #fff; border: 1px solid #ccc; padding: 5px }
#kbuttons { float:right; display:block; padding: 8px 8px 0 0 }