/*
   ==========================================================================================
      Allgemeine CSS-Datei
   ==========================================================================================

   Hinweis: Werte mit Kommentar "xxx" muessen noch angepasst werden!


   Farbdefinitionen:
   -----------------
   Hintergrund:       #e7edfc
   Mittelblau:        #bbcbde
   Rahmen dunkelblau: #235a92
   dunkelgrau:        #3e3d40
   Rot (Links):       #d60026


*/

* {
   font-family: verdana, arial, helvetica, sans-serif;
}

body {
   background-color:#e7edfc;
   font-size:11px;
}

h1 {
   font-weight:bold;
   font-size:13px;
   line-height:18px;
   color:#235a92;
   margin-bottom:15px;  /* Spezieller Wunsch */
}

h2 {
   font-weight:bold;
   font-size:11px;
   color:#3e3d40;
   margin-bottom:-5px; /* Spezieller Wunsch */
}

a {
   line-height:18px;
}

p {
   margin: 1.12em 0
}


/* Allgemeine Links (in allen Bereichen) */
a:link    {color: #d60026; text-decoration:underline;}
a:visited {color: #d60026; text-decoration:underline;}
a:active  {color: #d60026; text-decoration:underline;}
a:hover   {color: #d60026; text-decoration:underline;}

fieldset { /* Rahmen z.B. ums Login-Formular */
   border:0px;
}

#header {
   width:900px;
   height:140px;

   background-image:url(../images/fkqs_header.jpg);
   background-repeat:no-repeat;
   border:0px;

   margin-bottom:13px;
}

#header_menue {
   padding-top:103px;
   margin-left:492px;
}

#header_menue ul li{
   display:inline;

   font-size:11px;
   line-height:29px;
}

#header_menue a {
   color:#235a92;
   font-weight:bold;
   text-decoration:none;
}



#aussen {
   width: 900px;
   padding-top:40px;
}

#mitte {
   border:0px;
}





#left, #right {
   width:195px;
   padding:0px;

   background-color:#e7edfc;
   font-size:11px;
   line-height:14px;
   color:#3e3d40;
}


#left .moduletable, #right .moduletable {
   background-color:white;
   padding:10px;
}

#left .moduletable_menu, #left .moduletable_menu_mitgliederbereich,
#left .moduletable, #right .moduletable { /* Abstand nach Modulen */
   margin-bottom:13px;
   border:1px solid #235a92;
}

/* Modulueberschriften */
#left .moduletable h3, #right .moduletable h3 {
   padding-left:10px;
   margin:-10px; /* Um das Padding für die Titelleiste des .moduletable wieder aufzuheben */
   margin-bottom:10px;

   line-height:29px;
   background-color:#bbcbde;
   color:#3e3d40;
   font-size:11px;
}

#left, #right ul {
   list-style-type:none;
   margin-left:0px;
}








/* --- Menue links -------------------------------------------------------------------------- */
#left .moduletable_menu,
#left .moduletable_menu_mitgliederbereich {
   border-top:0px;
}

#left .moduletable_menu ul,
#left .moduletable_menu_mitgliederbereich ul {
   margin:0px;
}

#left ul.menu a {
   line-height:29px;
   color:#235a92;
   font-weight:bold;
   font-size:11px;
   text-decoration:none;
}

#left ul.menu li {
   background-image:url(../images/menue_list_image_ebene1_normal.jpg);
   background-position:8px 11px;
   background-repeat:no-repeat;
   background-color:#bbcbde;
   border-top:1px solid #235a92;
}

#left ul.menu li a {
   padding-left:22px;
}

#left ul.menu li:hover { /* gilt nur für Untermenues */
   background-color:white;
}

#left ul.menu li.active:hover { /* gilt für parent des geoeffneten Untermenues beim Ueberfahren */
   background-color:#bbcbde;
}









#left ul.menu li#current {
/* Aktueller Menuepunkt (allgemein) */
   background-image:url(../images/menue_list_image_aktiv.jpg);
   background-position:8px 11px;
   background-repeat:no-repeat;
   border-top:1px solid #235a92;
   background-color:white;
}

/* Menue 2. Ebene */
#left ul.menu li ul li { /* Menue 2. Ebene */
   padding-left:15px;
   background-image:url(../images/menue_list_image_ebene2_normal.jpg);
   background-position:23px 11px;
   background-repeat:no-repeat;
   background-color:#dde5ee;
}


#left ul.menu li ul li#current {
/* Aktueller Menuepunkt 2.Ebene (allgemein) */
   background-position:23px 11px;
}

/* ------------------------------------------------------------------------------------------ */








#content {
   /* Die (minimale) Höhe wurde direkt im Template angegeben */
   width:456px;
   padding:18px;

   margin-left:8px;
   margin-right:8px;

   background-color:white;
   border:1px solid #235a92;

   line-height:14px;
   color:#3e3d40;

}

#content, #content table {
   font-size:11px;
}


#content ul  {
   list-style-image:url(../images/content_aufzaehlung.jpg);
}

#content ul li {
   padding-bottom:8px;
}

#footer {
   border:0px;
   height:20px;
}























/* --- Vordefinierte Joomla Elemente ----------------------------------------------------- */

.contentheading, /* Artikelueberschriften */
.componentheading {
   font-weight:bold;
   font-size:13px;
   line-height:18px;
   color:#235a92;
   padding-bottom:20px;
}


.small { /* geschrieben von Administrator */
   font-size:10px;
}

.createdate {
   font-size:10px;
}

.modifydate { /* steht unter dem Artikel */
   padding-top:10px;
   font-size:10px;
   color:#C0C0C0; /* xxx */
}

.breadcrumbs {
}


/* Einrueckung der Beitraege in der Kategorieuebersicht */
.sectiontableentry1 td , .sectiontableentry2 td{
   padding-left:5px;
   line-height:20px;
}


/* Angaben für Komponente (im Content, z.B. wenn falsche Anmeldedaten eingegeben wurden) und Modul */
#com-form-login p, #form-login p { margin-top:10px; }
#com-form-login #com-form-login-username, #form-login #form-login-username { margin-top:0px;}
#com-form-login-username .inputbox, #com-form-login-password .inputbox,
#form-login-username .inputbox, #form-login-password .inputbox {
   border:1px solid #3e3d40;
   width:145px;
}

#com-form-login ul {
   list-style-type:none;
   margin-left:0px;
}

#form-login ul { /* Modul rechts */
   margin-bottom:0px;
}


#mod_search_searchword {
   border:1px solid #3e3d40;
   width:145px;
}

button, .button { /* beide Angaben wichtig!, Allgemein alle Buttons (Komponente und Klasse) */
   margin-top:10px;
   padding:2px;
   background-color:#bbcbde;
   font-size:11px;
   border:1px solid #235a92;
}





/* --- Zusätzliche Komponenten/Module ---------------------------------------------------- */
/* Sitemap: Xmap  -> In der Komponentenkonfiguration gibt es zusätzliche CSS Angaben! */
.xmap { padding-left:10px;}
.xmap .componentheading { padding-bottom:20px;}
.xmap ul *  {list-style:none;}


.xmap ul.level_0 li {padding-top:8px; }
.xmap ul.level_1 li {padding-top:0px; }

.xmap ul.level_0 li a {text-decoration:none; font-weight:bold;}
.xmap ul.level_1 li a {text-decoration:none; font-weight:normal;}


/* mod_placehere */
.mod_placehere_leading {  margin-top:0px;}
.mod_placehere_leading .buttonheading { display:none;}





/* ChronoForms */
#ChronoContact_FKQS_Kontaktformular .form_element {
   margin-left:0px;
}

#ChronoContact_FKQS_Kontaktformular * {
   font-size:11px;
}

#ChronoContact_FKQS_Kontaktformular .cf_text {
   margin:0px;
}

#ChronoContact_FKQS_Kontaktformular  .form_item {
margin-bottom:10px;
}



.chronoform a {
/* Herstellerlink ausblenden */
   display:none;
}





/* AllVideo */
span.avPlayerContainer span.avPlayerSubContainer {
/* keinen schwarzen Rahmen um die Videos */
   background:#ffffff;
   padding-left:0px;
}













/* --- Ganz spezielle Einstellungen ----------------------- */

/* Diese Einstellungen betreffen die Seite, auf der ein angemeldeter Benutzer seine Benutzerdaten ändern kann.
   Die HTML-Bausteine werden durch automatisch generierten Code erzeugt.
   Hier wird versucht das Layout der generierten Elemente an
   die zum Layout gehörenden Elemente (siehe Template Dateien) anzupassen.  */

   .paramlist_key {
      width:125px;
      padding-left:3px;
      padding-bottom:10px;
   }

   .paramlist_value {
      text-align:left;
   }

   .paramlist_value #paramstimezone {
      font-size:8px;
   }





/* --- Spezielle Klassen (im Backend-Editor zugewiesen) ---------------------------------- */

hr {
/* gestrichelte Trennlinie */
   background-image:url(../images/hr_linie.jpg);
   background-position:0px 26px;
   background-repeat:repeat-x;
   height:1px; /* wichtig fuer IE */
   border:0px;
   padding-bottom:40px; /* gilt fuer oben und unten, anpassung über background-position */
}
