/* 
######################################
## (C) 2011 by Jens Federow         ##
## jefex Content Management System  ##
## http://www.lingx.de              ##
######################################
 Template CSS
 Diese folgenden Klassen koennen Sie beliebig anpassen!
 You may change the following classes if you want to!
######################################
*/
p { margin: 0px; padding: 0px; }
img { border: 0px; }
h1 { font-size: 72px; color: #84a81f; font-weight: normal; margin: 0px; }
h2 { font-size: 14px; color: #666; font-weight: normal; margin: 0px; }
h3 { font-size: 14px; color: #666; font-weight: normal; margin: 0px; }
body { padding: 0px; margin: 0px; background-image: url('../images/body_background.jpg'); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
form { margin: 0px; padding: 0px; }
a:link, a:visited { text-decoration: none; color: #444; }
a:hover { text-decoration: none; color: #666 }
a:active { text-decoration: none; color: #f00; }
#title { width: 946px;  height: 212px; position: absolute; padding: 60px 0px 0px 66px; text-shadow: 1px 1px 0px #333; margin: 32px 21px 0px 21px; background-repeat: no-repeat; }
#main { position: absolute; left: 50%; margin-left: -494px; width: 988px; background-image: url('../images/main_background.jpg'); background-repeat: repeat-y; }
span.main-left { display: block; position: absolute; top: 32px; left: 0px; height: 360px; width: 21px; background-image: url('../images/website_box_top_left_head.jpg'); background-repeat: no-repeat; }
span.main-right { display: block; position: absolute; top: 32px; right: 0px; height: 360px; width: 21px; background-image: url('../images/website_box_top_right_head.jpg'); background-repeat: no-repeat; }
#header { height: 244px; background-image: url('../images/website_box_top.jpg'); background-repeat: repeat-x; }
span.header-left { display: block; position: absolute; top: 0px; left: 0px; height: 32px; width: 34px; background-image: url('../images/website_box_top_left.jpg'); background-repeat: no-repeat; }
span.header-right { display: block; position: absolute; top: 0px; right: 0px; height: 32px; width: 34px; background-image: url('../images/website_box_top_right.jpg'); background-repeat: no-repeat; }
#center { position: relative; background-color: #fff; margin: 7px 21px 28px 21px; }
#content { position: relative; float: left; }
#left { position: relative; top: 0px; left: 0px; float: left; }
#right { position: relative; float: left; top: 0px; right: 0px; }
#footer { height: 30px; float: left; clear: left; top: 0px; width: 988px; text-align: center; font-size: 11px; color: #666; padding: 8px 0px 4px 0px; background-image: url('../images/website_box_bottom.jpg'); background-repeat: no-repeat; background-position: bottom; }
div.box { position: relative; height: auto; padding: 0px; margin: 0px 0px 7px 0px; background-image: url('../images/box_background.jpg'); background-repeat:repeat-y; }
div.box h3 { height: 30px; font-size: 14px; color: #666; text-transform: uppercase; padding: 7px 0px 0px 10px; font-weight: bolder; background-image: url('../images/box_header.jpg'); background-repeat: no-repeat; }
div.box-content { padding: 7px 14px 14px 14px; background-image: url('../images/box_footer.jpg'); background-repeat: no-repeat; background-position: bottom; }
div.main-content-box { position: relative; height: auto; padding: 0px; margin: 0px 7px 0px 7px; background-color: #fff; border-left: solid 1px #9b9b9b; border-bottom: solid 1px #9b9b9b; border-right: solid 1px #9b9b9b; }
div.main-content-box h2 { height: 30px; font-size: 14px; color: #666; text-transform: uppercase; padding: 7px 0px 0px 10px; font-weight: bolder; background-image: url('../images/main_content_top.jpg'); background-repeat: repeat-x; }
span.content-left { display: block; position: absolute; top: 0px; left: -1px; height: 30px; width: 7px; background-image: url('../images/main_content_top_left.jpg'); background-repeat: no-repeat; }
span.content-right { display: block; position: absolute; top: 0px; right: -1px; height: 30px; width: 7px; background-image: url('../images/main_content_top_right.jpg'); background-repeat: no-repeat; }
span.bottom-left { display: block; position: absolute; bottom: -1px; left: -1px; height: 7px; width: 7px; background-image: url('../images/main_content_bottom_left.jpg'); background-repeat: no-repeat; }
span.bottom-right { display: block; position: absolute; bottom: -1px; right: -1px; height: 7px; width: 7px; background-image: url('../images/main_content_bottom_right.jpg'); background-repeat: no-repeat; }
div.main-content-box-content { padding: 7px; }
div.table { width: 100%; clear: both; text-align:center; position: relative; }
div.left { padding: 5px; float: left; clear: left; width: 31%; text-align: left; position: relative; }
div.right { padding: 5px; float: left; clear: right; width: 61%; text-align: left; position: relative; }
ul.navigation { margin: -14px -14px -9px -14px; padding: 0px;  }
li.url { height: 22px; background-image: url('../images/navigation_background.jpg'); background-repeat: no-repeat; margin: 0px; padding: 6px 0px 0px 20px; list-style-type: none; width: 100%; }
li.url a:link, li.url a:visited { text-decoration: none; }
li.url a:hover { text-decoration: none; color: #444; }
li.url a:active { text-decoration: none; color: #444; }
li.sub-url { margin: 0px; padding: 1px 0px 1px 30px; list-style-type: none; width: 100%; }
li.sub-url a:link, li.sub-url a:visited { text-decoration: none; }
li.sub-url a:hover { text-decoration: none; color: #444; }
li.sub-url a:active { text-decoration: none; color: #444; }
.news-image { padding: 0px 6px 6px 0px; float: left; }
.rss-image { padding: 2px; float: right; }
.news-source { padding-top:6px; }
.main-title { text-shadow: none; margin: 9px; }
.main-content { margin: 9px; }
.row { clear: both; padding: 5px; }
.form { color: #888; background-color: #fff; border: solid 1px #ccc; padding: 7px; }
.code { font-style: italic; background-image: url('../images/code_background.jpg'); background-repeat: repeat; font-weight: bold; }
/* jQuery UI */
.ui-accordion { border: none; }
.ui-accordion .ui-accordion-header { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-shadow: none; }
.ui-accordion .ui-accordion-header-active { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-shadow: none; }
.ui-accordion .ui-accordion-content { border: 1px solid #ccc; background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
.ui-accordion .ui-accordion-content-active { border: 1px solid #ccc; background-color: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
/* Alte Design Klassen fuer alte Module ### Old design classes for old modules */
.content_box_header { font-size: 14px; font-weight: bold; padding: 5px; background-image: url('../images/cbh.jpg'); background-repeat: repeat-x; }
.content_box_content { font-size: 14px; padding: 2px 3px 18px 3px; }
.info_box { clear: both; border: dotted 1px #ccc; padding: 4px; }
.table_bar { clear: both; font-size: 14px; background-color: #e8e8e8; padding: 5px; }
/* 
######################################
 Core CSS
 ACHTUNG: Diese Klassen werden auch im PHP Programm Code verwendet -  nur nach bedarf anpassen, NICHT loeschen!
 ATTENTION: These classes also are used in the PHP program code - only change if you need to, do NOT delete!
######################################
/* Seiten blaettern ### Browse pages */
.browse_pages { color: #666; text-align: right; padding-top: 6px; padding-bottom: 6px; font-size: 11px; }
/* Für Javascript: Curser wird Hand (Links) ### For Javascript: cursor changes to hand */
.cursor_pointer { cursor: pointer; }
/* Für Javascript: Inhalte verstecken ### For Javascript: hide contents */
.thide { display: none; }
/* Fehlermeldung ### Error message */
.error { color: #c00; padding-bottom: 8px; }
/* Erfolgsmeldung ### Success message */
.success { color: #390; padding-bottom: 8px; }