/* 
######################################
## (C) 2009 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;
}
/* Globaler Body ### Global body */
body
{
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  background-image: url(images/body_background.jpg);
  background-repeat: repeat-x;
}
/* Titel der Webseite im Header ### Title of this website in header */
.header_project_title
{
  text-align: left;
  padding-top: 60px;
  padding-left: 66px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 72px;
  color: #84a81f;
}
/* Ueberschrift der jweiligen Seite ### Every page's title */
.content_title
{
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 3px;
  font-size: 15px;
  font-weight: bolder;
}
/* Hauptinhalte ### Main content */
.main_content
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.main_content a:link, .main_content a:visited
{
  color: #555;
  font-weight: bolder;
  text-decoration: none;
}
.main_content a:hover
{
  color: #444;
  font-weight: bolder;
  text-decoration: none;
}
.main_content a:active
{
  color: #cc0000;
  font-weight: bolder;
  text-decoration: none;
}
/* Boxen Titel (links und rechts) ### Boxes title (left and right) */
.box_title_left
{
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 10px;
  font-size: 15px;
  font-weight: bolder;
}
.box_title_right
{
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  padding-left: 10px;
  font-size: 15px;
  font-weight: bolder;
}
/* Boxen Inhalt (links und rechts) ### Boxes content (left and right) */
.box_content_left
{
  padding:14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
}
.box_content_left a:link, .box_content_left a:visited
{
  color: #555;
  font-weight: bolder;
  text-decoration: none;
}
.box_content_left a:hover
{
  color: #444;
  font-weight: bolder;
  text-decoration: none;
}
.box_content_left a:active
{
  color: #cc0000;
  font-weight: bolder;
  text-decoration: none;
}
.box_content_right
{
  padding:14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
}
.box_content_right a:link, .box_content_right a:visited
{
  color: #555;
  font-weight: bolder;
  text-decoration: none;
}
.box_content_right a:hover
{
  color: #444;
  font-weight: bolder;
  text-decoration: none;
}
.box_content_right a:active
{
  color: #cc0000;
  font-weight: bolder;
  text-decoration: none;
}
/* Haupt Navigation Link (links und rechts) ### Main navigation url (left and right) */
.navigation_url_left
{
  padding-left: 14px;
}
.navigation_url_left, .navigation_url_left a:link, .navigation_url_left a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.navigation_url_left a:hover
{
  color: #444;
  text-decoration: none;
}
.navigation_url_left a:active
{
  color: #cc0000;
  text-decoration: none;
}
.navigation_url_right
{
  padding-left: 14px;
}
.navigation_url_right, .navigation_url_right a:link, .navigation_url_right a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.navigation_url_right a:hover
{
  color: #444;
  text-decoration: none;
}
.navigation_url_right a:active
{
  color: #cc0000;
  text-decoration: none;
}
/* Untergeordneter Navigation Link (links und rechts) ### Sub navigation url (left and right) */
.sub_navigation_url_left
{
  padding-left: 24px;
}
.sub_navigation_url_left, .sub_navigation_url_left a:link, .sub_navigation_url_left a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.sub_navigation_url_left a:hover
{
  color: #444;
  text-decoration: none;
}
.sub_navigation_url_left a:active
{
  color: #cc0000;
  text-decoration: none;
}
.sub_navigation_url_right
{
  padding-left: 24px;
}
.sub_navigation_url_right, .sub_navigation_url_right a:link, .sub_navigation_url_right a:visited
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.sub_navigation_url_right a:hover
{
  color: #444;
  text-decoration: none;
}
.sub_navigation_url_right a:active
{
  color: #cc0000;
  text-decoration: none;
}
/* Boxen Titel (Startseite Inhaltsboxen) ### Boxes title (home page content boxes)*/
.content_box_header
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  background-image: url(images/content_box_header.jpg);
  background-repeat: repeat-x;
}
/* Boxen Inhalt (Startseite Inhaltsboxen) ### Boxes content (home page content boxes)*/
.content_box_content
{
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  font-size: 14px;
  padding: 2px 3px 18px 3px;
}
/* Info Box */
.info_box
{
  border: dotted 1px #ccc;
}
/* Tabelle fuer Ueberschrift o.ae. ### Table for title or other */
.table_bar
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #e8e8e8;
  padding: 5px;
}
/* Formular Klasse ### Form class */
.form
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #888;
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 7px;
}
/* Anti Spam Code */
.code
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666;
  font-style: italic;
  background-image: url(images/code_background.jpg);
  background-repeat: repeat;
  font-weight: bold;
}
/* Footer */
.footer
{
  padding-top: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #84a81f;
}
.footer a:link, .footer a:visited
{
  color: #84a81f;
  text-decoration: none;
}
.footer a:hover
{
  color: #669900;
  text-decoration: none;
}
.footer a:active
{
  color: #cc0000;
  text-decoration: none;
}
/*
######################################
 Design
######################################
*/
/* Website */
.website_box_top_left
{
  width: 34px;
  height: 32px;
  background-image: url(images/website_box_top_left.jpg);
  background-repeat: no-repeat;
}
.website_box_top
{
  width: 920px;
  height: 32px;
  background-image: url(images/website_box_top.jpg);
  background-repeat: repeat-x;
}
.website_box_top_right
{
  width: 34px;
  height: 32px;
  background-image: url(images/website_box_top_right.jpg);
  background-repeat: no-repeat;
}
.website_box_top_left_head
{
  width: 21px;
  height: 360px;
  background-image: url(images/website_box_top_left_head.jpg);
  background-repeat: no-repeat;
}
.website_box_left
{
  width: 21px;
  background-image: url(images/website_box_left.jpg);
  background-repeat: repeat-y;
}
.website_box_contents
{
  width: 947px;
  text-align: center;
  background-color: #fff;
}
.website_box_top_right_head
{
  width: 21px;
  height: 360px;
  background-image: url(images/website_box_top_right_head.jpg);
  background-repeat: no-repeat;
}
.website_box_right
{
  width: 21px;
  background-image: url(images/website_box_right.jpg);
  background-repeat: repeat-y;
}
.website_box_bottom
{
  width: 946px;
  height: 28px;
  background-image: url(images/website_box_bottom.jpg);
  background-repeat: no-repeat;
}
/* Header */
.header
{
  text-align: left;
  width: 946px;
  height: 212px;
  background-repeat: no-repeat;
}
/* Freiraum ### Space */
.vertical_space
{
  width: 6px;
}
.horizontal_space
{
  height: 6px;
}
/* Boxen links und rechts ### Boxes left and right */
.box_header_left
{
  height: 30px;
  width: 210px;
  background-image: url(images/box_header.jpg);
  background-repeat: no-repeat;
}
.box_background_left
{
  width: 210px;
  background-image: url(images/box_background.jpg);
  background-repeat: repeat-y;
}
.box_footer_left
{
  height: 5px;
  width: 210px;
  background-image: url(images/box_footer.jpg);
  background-repeat: repeat-y;
}
.box_header_right
{
  height: 30px;
  width: 210px;
  background-image: url(images/box_header.jpg);
  background-repeat: no-repeat;
}
.box_background_right
{
  width: 210px;
  background-image: url(images/box_background.jpg);
  background-repeat: repeat-y;
}
.box_footer_right
{
  height: 5px;
  width: 210px;
  background-image: url(images/box_footer.jpg);
  background-repeat: repeat-y;
}
/* Haupt Navigation Urls ### Main navigation urls */
.navigation_background_left
{
  width: 210px;
  height: 28px;
  background-image: url(images/navigation_background.jpg);
  background-repeat: no-repeat;
}
.navigation_background_right
{
  width: 210px;
  height: 28px;
  background-image: url(images/navigation_background.jpg);
  background-repeat: no-repeat;
}
/* Untergeordnete Navigation Urls ### Sub navigation urls */
.sub_navigation_background_left
{
  width: 210px;
  height: 24px;
}
.sub_navigation_background_right
{
  width: 210px;
  height: 24px;
}
/* Hauptinhalt Box ### Main content box */
.main_content_top_left
{
  width: 7px;
  height: 30px;
  background-image: url(images/main_content_top_left.jpg);
  background-repeat: no-repeat;
}
.main_content_top
{
  height: 30px;
  background-image: url(images/main_content_top.jpg);
  background-repeat: repeat-x;
}
.main_content_top_right
{
  width: 7px;
  height: 30px;
  background-image: url(images/main_content_top_right.jpg);
  background-repeat: no-repeat;
}
.main_content_left
{
  width: 7px;
  background-image: url(images/main_content_left.jpg);
  background-repeat: repeat-y;
}
.main_content_right
{
  width: 7px;
  background-image: url(images/main_content_right.jpg);
  background-repeat: repeat-y;
}
.main_content_bottom_left
{
  width: 7px;
  height: 7px;
  background-image: url(images/main_content_bottom_left.jpg);
  background-repeat: no-repeat;
}
.main_content_bottom
{
  height: 7px;
  background-image: url(images/main_content_bottom.jpg);
  background-repeat: repeat-x;
}
.main_content_bottom_right
{
  width: 7px;
  height: 7px;
  background-image: url(images/main_content_bottom_right.jpg);
  background-repeat: no-repeat;
}
/* 
######################################
 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
{ 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #222;
  text-align: right;
  padding-top: 6px;
  padding-bottom: 6px;
}
/* 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
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #cc0000;
  padding-bottom: 8px;
}
/* Erfolgsmeldung ### Success message */
.success
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #339900;
  padding-bottom: 8px;
}