/* ############# MODUL : CSS NAVIGATION  ########################################## */
 
/* <----- container Navigation  --------   */
#navlist{ margin:1; padding:0; }
#navlist ul  
{  
margin:0; padding:0;
}

/* <----- Hauptpunkte --------   */
#navlist li 
{ 
margin:0;
padding:0;
list-style-type: none;
list-style-image: none;
width:188px;  
}

#navlist li a 
{  /* <----- Hauptpunkte verlinkt --------   */
 
background:#666;
padding:4px 0px 4px 15px;
color:#ccc;
text-decoration:none;
display: block; 
font-size:11px; 
font-weight:700;
border-bottom:solid 1px #ccc;
}

#navlist li a:hover 
{/* <----- Hauptpunkte Mouseover --------   */
background:#ccc;
color:#333;
}

#navlist li#active a 
{/* <----- Hauptpunkte ausgewaehlt --------   */
background:#ccc;
color:#333;
}

#navlist li#active a:hover { 
 /* <----- Hauptpunkte ausgewaehlt Mouseover --------   */
}

 

/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/


#navlist ul#subnavlist
{  /* <----- Container Unterpunkte --------   */
white-space:nowrap;
}

#navlist ul#subnavlist li 
{/* <----- Unterpunkte --------   */ 
 text-align:left;
 margin:0; padding:0;
 width:188px;
}

/* <----- Unter-Unterpunkte vorhanden ? --------   */

.subsub a  { background:url(http://ceditor.de/html/qfab/g/img/pfeil.gif) no-repeat #ffffff;
 background-position:6px center; } 
.subsub a:hover  {  }
.subsubactive a { background:url(http://ceditor.de/html/qfab/g/img/pfeil1.gif) no-repeat #ffffff;
 background-position:6px center; }
.normal a {  }

html>body #navlist ul#subnavlist li a /* <----- verlinkte Unterpunkte --------   */
{ 
  
}

/* <----- verlinkte Unterpunkte --------   */
#navlist ul#subnavlist li a 
{ 
background:#efefef;
margin:0;
font-weight:100;
font-size:10px;
padding:4px 15px 4px 15px; 
color:#333;
 
}


 /* <----- Unterpunkte Mouseover --------   */
#navlist ul#subnavlist li a:hover
{
background:#fff;
}

/* <----- Unterpunkte ausgewaehlt --------   */
#navlist ul#subnavlist li#subactive a 
{
background:#fff;
}


/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/



/* <----- Container Unter - Unterpunkte --------   */
#navlist ul#subnavlist ul#subnavlistsub 
{ 
 
}
 /* <----- Unter - Unterpunkte --------   */
#navlist ul#subnavlist  ul#subnavlistsub li
{
 
}
/* <----- Unter - Unterpunkte verlinkt --------   */
#navlist ul#subnavlist  ul#subnavlistsub li a 
{
color:#333;
background:#efefef;
padding:2px 10px 2px 30px; 
}

/* <----- Unter - Unterpunkte Mouseover --------   */
#navlist ul#subnavlist  ul#subnavlistsub li a:hover 
{
 
 color:#cc0000;
background:#ffffff;
}

/* <----- Unter - Unterpunkte aktiv --------   */
#navlist ul#subnavlist  ul#subnavlistsub li#subsubactive a 
{
 color:#cc0000;
background-color:#ffffff;
 
 
}


/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

 /* <----- Container Artikel --------   */




#navlist ul#subnavlist  ul#subnavlistsub ul#artikel 
{
margin:0; padding:0; 


}

/* <----- Artikel Punkt --------   */
#navlist ul#subnavlist  ul#subnavlistsub ul#artikel li 
{
background-color:#d7d7d7;
list-style-type: none;
list-style-image: none;
}

/* <-----  Artikel verlinkt --------   */
#navlist ul#subnavlist ul#subnavlistsub  ul#artikel li a 
{ 
background:none;
 display:block;
 border:none;
 font-size:10px;
 background-color:#EFEFEF;
 padding-left:15px;
 color:#666666;
}

 /* <-----  Artikel Mouseover --------   */
#navlist ul#subnavlist  ul#subnavlistsub ul#artikel li a:hover
{
background:#FFFFFF;
color:#000000; 
}

/* <-----  Artikel ausgewahlt --------   */
#navlist ul#subnavlist  ul#subnavlistsub  ul#artikel li#artikelaktiv a  
{
background:#FFFFFF;
color:#000000; 
}



/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/


 /* <----- Container Artikel sub--------   */

#navlist ul#subnavlist  ul#artikel 
{
margin:0 0 0 10px; padding:0; 
}

 /* <----- Artikel Punkt sub--------   */
#navlist ul#subnavlist  ul#artikel li
{

list-style-type: none;
list-style-image: none;
}

/* <-----  Artikel verlinkt sub--------   */
#navlist ul#subnavlist  ul#artikel li a 
{
color:#555555;
display:block;
font-size:10px;

}

/* <-----  Artikel Mouseover sub--------   */

#navlist ul#subnavlist    ul#artikel li a:hover 
{
background:#ffffff;
color:#000000; 
}

/* <-----  Artikel ausgewahlt sub--------   */
#navlist ul#subnavlist   ul#artikel li#artikelaktiv a  
{
 
 background:#ffffff;
 color:#000000; 
}

/* Ende Navigation*/


/* ############# MODUL : GALERIE / shadow  ############################# */

table.galerie { }
td.galerie { padding:10px; } 
div.gueberschrift { text-align:center; font-size:10px; font-family:verdana,arial,sans-serif; width:100%; background-color:#efefef; color:#666; font-weight:100;}
div.gbeschreibung { border-top:solid 1px #a2a2a2; padding:5px; width:100%; background-color:#d7d7d7; font-weight:100;}
td.galerie_ol { width:5px; height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_ol.gif) no-repeat; }
td.galerie_om { height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_om.gif) repeat-x; }
td.galerie_or { width:5px; height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_or.gif) no-repeat; }
td.galerie_l { width:5px;   background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_l.gif) repeat-y; }
td.galerie_r { width:5px; height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_r.gif) repeat-y; }
td.galerie_ul { width:5px; height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_ul.gif) no-repeat; }
td.galerie_um { height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_um.gif) repeat-x; }
td.galerie_ur { width:5px; height:5px; background:url(http://www.beyreuther.de/html/content/g/pixdesign/td_shadow_ur.gif) no-repeat; }
input.galerie_change_pictext_title { width:350px; border:solid 1px #999999; }
textarea.galerie_change_pictext_text { width:350px; border:solid 1px #999999;}
input.galerie_change_pictext_submit {}
galerie.uploadform { border:solid 1px #999999; }

/* ############# MODUL: Login  ############################# */

#login_feld{  position:absolute; bottom:5px; background:#cccccc; border:1px solid #999999;  }
div.login_email { }
input.login_input { width:100px; margin:3px;   } 
div.login_password { width:100px; margin:3px;  }
.login_submit{ margin:3px; }
#pen{ float:left; } 
#editor_login{ padding:1px;  font-weight:700; margin-bottom:10px; float:none; text-align:right; background:#CCCCCC; } 


/*############# HEADLINES ################################*/

.headline{
  font-weight:700;
  color:#333; margin-bottom:2px;
}

/* allgemeines */
input,textarea{ border:solid 1px #ccc; }


/* ############# MODUL : SUCHE  ############################# */


.SuchFeld{ margin-top:5px; }
input.suche_input{ margin:0;width:140px;  background-color:#FDFDFD; color:#333333; border-color:#CCCCCC; border-width:1px; border-style:solid; font-size:10px; font-family:arial,helvetica,sans-serif; height:15px; float:left;}
input.suche_input:hover{ background-color:#efefef; color:#333333; border-color:#999999; border-width:1px; border-style:solid;  float:left;}
 
input.suche_checkbox{width:20px; height:10px; }

input.suche_submit{ margin-bottom:-3px;margin-left:2px; border:0px; color:#333333; font-size:10px;font-family:arial,helvetica,sans-serif; height:15px;width:20px;}