/**
  * CSS default styles
  *
  * @author		E. Sidiropoulos <info@alopix.de>
  * @copyright	http://www.alopix.de
  * @version	$Id$
  * @URL		$HeadURL$
  */
  
/* Standard-Farben:
 * 333333	Headers
 * 999999	Text
 * FFDE4E	Navi Links
 *
 * Body Width: 730px
 */

/* -- REDEFINITIONS --------------------------------------------------------------------- */
body { margin: 0; padding: 0; background-color: #DBDFDF; min-width: 801px; }
body, td, li, p { font: 13px Arial, Helvetica, sans-serif;  }
a img { border: 0 }
h1 { font-weight: bold; font-size: 18px; color: #333; margin: 0 0 .5em 0 }
h2 { font-weight: bold; font-size: 15px; color: #fff; margin: 0 0 1ex 0 }
h3 { font-weight: bold; font-size: 13px; color: #999; margin: 0 }
p { margin: 0 0 1em 0; color: #999 }
form { margin:0; padding:0 }
a:link, a:visited { color: #333; text-decoration: none }
h1 a { color: #333 !important; text-decoration: none }
a:hover, a:active { color: #333; text-decoration: underline }
a img { border: 0 }
li { margin: 0; padding: 0 }
fieldset { border:0; padding:0 }
fieldset.narrow { width:200px; float:left }
label { margin-top:10px; margin-bottom:2px; display:block; font-size:10px }

/* -- STRUKTUR -------------------------------------------------------------------------- */
#page_container { background: #DBDFDF url(/images/bg_body.gif) no-repeat top left; width: 800px; margin: 0 auto; }
#page { }
#header_container { width: 790px }
#header { height: 128px }
#headerleft_container { float: left; height: 128px; padding-left: 60px; width: 540px; background: #DBDFDF url(/images/kachel_kopf.jpg) repeat-x top left }
#headerleft { width:540px; height: 115px; margin: 11px 0 0 0; background: url(/images/kopf_illu.jpg) no-repeat top right; position: relative; }
#headerright_container { float: left }
#headerright { padding: 22px 0 0 10px; }
#submenu { position: absolute; top: 22px; left: 185px; width: 346px; height: 100px; text-align: right; color: #999; margin-top: -10px; }

#content_container { background: url(/images/bg_rcol.gif) no-repeat top left }
#content { background: url(/images/bg_leftcol.gif) repeat-y top left }
#contentleft_container { float: left; width: 600px }
#contentleft { }
#mainpart_container { padding-left: 60px; width:540px; background: #fff }
#mainpart { padding: 30px 15px 25px 0 }

#contentright_container { float: left; margin: 33px 0 0 10px; width: 170px }
#contentright { }

#footer_container { height: 20px; background: #DBDFDF url(/images/kachel_fuss_rechts.gif) no-repeat bottom left }
#footer { width: 790px;  }
#footerleft_container { padding-left: 60px; width: 540px; height: 20px; line-height: 20px; background: #3E4651 url(/images/fuss_links.jpg) repeat-x top left }
#footerleft { }

/* -- MENUS ----------------------------------------------------------------------------- */
#headerright { }
#headerright ul { margin: 0; padding: 0 ; list-style-type: none }
#headerright li { text-transform: uppercase; font: 10px Arial, Helvetica, sans-serif; line-height: 14px; font-weight: bold }
#headerright a { color: #fff; text-decoration: none; letter-spacing: 1pt }
#headerright a:hover, #headerright a:active,
#headerright .cur a, #headerright .act a { color: #FFDE4E }

#submenu ul { margin: 0; padding: 0; list-style-type: none }
#submenu li { margin: 0; padding: 0; display: inline; font-size: 10px; font-weight: bold; line-height: 14px }
#submenu a { color: #fff; text-decoration: none; font-size: 11px; padding:0 5px  }
#submenu a:hover, #submenu a:active, #submenu .cur a, #submenu .act a { color: #FFDE4E }

#footerleft ul { margin: 0; padding: 0; list-style-type: none }
#footerleft li { margin: 0; padding: 0; display: inline; color: #999; font-size: 9px; line-height: 21px }
#footerleft a { text-decoration: none; text-transform: uppercase; color: #B6C0C1; letter-spacing: 1.5pt; padding: 0 2px }

/* -- OPTIK ---------------------------------------------------------------------------- */
#headerleft img { margin-top: 30px }
#contentleft ul { margin:0; padding: 0; list-style-type: none }
#contentleft li { padding-left: 16px; background: url(/images/pfeil_schw_re.gif) no-repeat center left; line-height: 200% }
#contentright h1 { color: #999; font-size: 11px; margin: 0 }
#contentright, #contentright p { color: #999; font-size: 11px; line-height: 14px }
#col2_content .csc-textpic-image img { border: 1px solid #848D96 }
#contentleft ul li a { color: #999 }
#contentleft ul li a:hover { color: #333 }

/* -- TYPO3-specific -------------------------------------------------------------------- */
.news-list-container div.news-list-item { margin-bottom: 50px }
.news-list-container img { padding: 5px 0 }
div.news-latest-item { padding: 0 0 50px 0 }
.news-latest-item a { color:#999; text-decoration: none; line-height: 14px }
.news-latest-item p { float: left }
.news-single-item div.news-single-timedata, .news-single-category { color: #999 }
.news-latest-item p, .news-list-item p { margin: 0; padding: 0 }
.news-latest-item img { padding: 0 0 5px 0 }
div.news-latest-morelink img { padding: 6px 0 6px 0; margin-right: .5ex }
div.news-list-item { padding: 1em 0 0 0 }
div.news-list-morelink { margin: 6px 0 0 0 }
.news-list-morelink img { padding: 0; margin-right: .5ex }
span.news-latest-date a { color: #999 }
span.news-latest-date { padding: 0; margin: 0; background: url(/images/bullet_header.gif) no-repeat center left; font-size: 11px; line-height: 11px; font-style: italic }

.csc-sitemap ul { list-style-type:disc; margin:0 0 1ex 0; padding:0 0 0 1.5em; line-height:145%  }
.csc-sitemap li { margin-top:1ex }
.csc-sitemap li li { margin-top:0 }
.csc-sitemap li li ul { margin:0 }
#suchform, #loginform { background-color:#E7EBEE; padding:9px 7px 6px 7px; border-bottom:1px solid #C6CBCF }
#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 }
#loginform { padding-top: 4px; color:#324B6E; border-top:1px solid #C6CBCF; padding-bottom:12px; margin-bottom:11px }
#loginform h1 { font-size:13px }
#loginform h3 { font-size:11px; font-weight:bold }
#loginform label { float:left; width:85px; height:16px; margin:0 4px 4px 0 }
#loginform .inputfld { float:left; width:100px; font-size:11px; height:14px; margin:0 4px 4px 0 }
#loginform .imgsubm { padding-left:4px }

.contenttable { width:100%; border-top:1px solid #D3DBDE }
.contenttable td { vertical-align:top; line-height:165% }
.contenttable .td-last { width:100% }
.contenttable .tr-odd td { border-top:1px solid #D3DBDE }

.tx-dropdownsitemap-pi1 A { font-weight: bold; font-size:11px }
.tx-dropdownsitemap-pi1 ol { margin-top:4px }
.tx-dropdownsitemap-pi1 LI.open OL { display: block }
.tx-dropdownsitemap-pi1 LI.closed OL { display: none }
.tx-dropdownsitemap-pi1 LI.open UL { display: block }
.tx-dropdownsitemap-pi1 LI.closed UL { display: none }
.tx-dropdownsitemap-pi1 DIV { border: solid 1px #DFE2E3; background: #FAFBFB; padding: 2px; margin-bottom: 5px }
.tx-dropdownsitemap-pi1 DIV.level_2 { background: #FFFFFF }
.tx-dropdownsitemap-pi1 DIV.level_2 A { font-weight: normal }
.tx-dropdownsitemap-pi1 DIV.level_3 { background: #FAFBFB }
.tx-dropdownsitemap-pi1 DIV.level_4 { background: #FFFFFF }
.tx-dropdownsitemap-pi1 DIV.level_5 { background: #FAFBFB }
.tx-dropdownsitemap-pi1 DIV.expAll { text-align: center; border: solid 1px #DFE2E3; background: #FAFBFB }

table.csc-uploads { background: #E5E5E5; width: 100% }
table.csc-uploads p { padding: 0 10px }
td.csc-uploads-icon { vertical-align: top; width: 20px }
.csc-uploads-icon img { padding: 4px 0 4px 4px  }

.csc-textpic-caption { background-color: #CFE3EA; border-bottom: 1px solid #94CCEF; font-size: 11px; font-style: italic; color: #323232; padding: 10px }

/* Common */
.clearfix { clear: both; height: 0 }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0 }
.floatbox { float: left }
.floatright { float: right }
.floatbox h1 { padding:0 0 10px 12px; margin:0 }
.floatbox p { padding:10px 12px; color:#666 }
div.graubox { background-color:#EFEFEF; padding:12px; color:#666666 }
.black { color: #000 !important }
.red { color: #FF0303 }
.white { color: #fff }
.rechts { text-align: right }
.noscreen { display: none; visibility: hidden }
.error { color: red }
.info { font-style: italic; font-size: 10px }
div.highlight { border: 1px solid #8BCCE7; padding: 6px; width: 400px }
.pointer { cursor: pointer }