 .padding{ padding-left:20px;  }

div.logout{ width:auto; }
.footer {
  font-size:10px; height:20px; color:#fff; background:url(http://ccsholding.com/html/ccs/g/pix.design/bu.gif) repeat-x;
}
.footer a{ color:#fff; }

/* ############# MODUL : CSS NAVIGATION  ########################################## */
 
/* <----- container Navigation  --------   */
#navlist{ margin:0; padding:0; }

#navlist ul  
{  
line-height:12px;
margin:0; padding:0;
}

/* <----- Hauptpunkte --------   */
#navlist li 
{ 
margin:0;
padding:0;
line-height:10px;
list-style-type: none;
list-style-image: none;
width:150px;  
font-size:10px;
}

#navlist li a 
{  /* <----- Hauptpunkte verlinkt --------   */
 
background:url(http://ccsholding.com/html/ccs/g/pix.design/pfeil.gif) no-repeat 0px center;
padding:6px 0px 6px 15px; 
color:#333;
text-decoration:none;
display: block; 
 
font-weight:700;
 
}

#navlist li a:hover 
{/* <----- Hauptpunkte Mouseover --------   */
background:url(http://ccsholding.com/html/ccs/g/pix.design/pfeil.gif) no-repeat 0px center #ccc;
color:#333;
}

#navlist li#active a 
{/* <----- Hauptpunkte ausgewaehlt --------   */
 
border-bottom:1px dotted #ccc;
background:url(http://ccsholding.com/html/ccs/g/pix.design/pfeil_hit.gif) no-repeat 3px 8px;
color:#333;
}

#navlist li#active a:hover { 
 /* <----- Hauptpunkte ausgewaehlt Mouseover --------   */
}

 

/*ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/


#navlist ul#subnavlist
{  /* <----- Container Unterpunkte --------   */
 
margin-top:5px;
}

#navlist ul#subnavlist li 
{/* <----- Unterpunkte --------   */ 
 text-align:left;
 margin:0; padding:0;
 width:150px;
}

/* <----- Unter-Unterpunkte vorhanden ? --------   */

.subsub a  { background:url(http://ccsholding.com/html/qfab/g/pix.design/pfeil.gif) no-repeat #ffffff;
 background-position:6px center; } 
.subsub a:hover  {  }
.subsubactive a { background:url(http://ccsholding.com/html/qfab/g/pix.design/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 
{ 
border:none; 
background:none;
margin:0;

font-weight:100;
font-size:10px;
padding:4px 15px 4px 15px; 
color:#333;
 
}


 /* <----- Unterpunkte Mouseover --------   */
#navlist ul#subnavlist li a:hover
{
color:#000;
/* url(http://ccsholding.com/html/ccs/g/pix.design/dot_hit.gif) no-repeat 2px center  */
background:#fff;
}

/* <----- Unterpunkte ausgewaehlt --------   */
#navlist ul#subnavlist li#subactive a 
{
color:#000;
/* url(http://ccsholding.com/html/ccs/g/pix.design/dot.gif) no-repeat 2px center  */
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:url(http://ccsholding.com/html/ccs/g/pix.design/dot_hit.gif) no-repeat 15px center #fff; 
padding:2px 10px 2px 30px; 
}

/* <----- Unter - Unterpunkte Mouseover --------   */
#navlist ul#subnavlist  ul#subnavlistsub li a:hover 
{
 
 color:#cc0000;
background:url(http://ccsholding.com/html/ccs/g/pix.design/dot.gif) no-repeat 15px center #fff; 
}

/* <----- Unter - Unterpunkte aktiv --------   */
#navlist ul#subnavlist  ul#subnavlistsub li#subsubactive a 
{
 color:#cc0000;
 
background:url(http://ccsholding.com/html/ccs/g/pix.design/dot.gif) no-repeat 15px center #fff; 
 
}


/*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*/





/* ############# FORMULARBUILDER  ########################################## */

.fieldset{ }
.FormTitle{ font-style:italic; margin-bottom:5px; }
legend{ font-weight:700; color:#666; }

/* ############# MODUL: Login  ############################# */

#login_feld{  width:160px; position:relative; top:0px; padding:0;  background:#d7d7d7; border:1px solid #999999;  }
div.login_email { float:none; }
input.login_input { margin-left:5px;margin-right:5px; width:150px; } 
div.login_password { margin-top:10px;margin-bottom:10px; margin-right:5px; float:none; }
.login_submit{ background:#CCCCCC; margin-left:5px;margin-right:5px; width:150px;}
#pen{ float:left; } 
#editor_login{ padding:1px;  font-weight:700; margin-bottom:10px; float:none; text-align:right; background:#CCCCCC; } 


/*############# HEADLINES ################################*/

.headline{
  padding-bottom:4px;
  border-bottom:dotted 1px #999;
  margin-bottom:10px;
  background:#eee;
   
  /*font-variant:small-caps;*/

  font-weight:700;
  color:#990000; 
  font-size:11px;
 
}

/* allgemeines */
input,textarea{ border:solid 1px #ccc; font-size:10px; }


/*############################# speechswitch #############################*/

#switchspeech_container{
 position:absolute; top:128px;
margin-left:20px;
 margin-bottom:12px;
}
.switchspeech_active{ width:auto; float:left; }
.switchspeech{ width:auto; float:left; }


/*######################### umfrage ##################################### */

input.umfragesubmit {margin-bottom:5px;margin-top:10px; width:150px; height:20px;        }
font.umfrage{font-size:10px;}
td.umfrage{font-size:10px;}
input.umfrage{font-size:10px; height:10px; width:10px;}
div.Farbe { background:#CC0000; }
div.umfrage{ font-size:10px; margin-bottom:5px;}
table.umfragealle{ width:100%; margin:0px; padding:0px;}
font.umfragealle{}
td.umfragealle{}
td.umfragealle_balken{background:#ccc; height:20px;}
table.umfragealle td{ border-bottom:solid 1px #ccc; }
div.umfragealle{ font-size:11px; margin-top:5px;  padding:5px; margin-bottom:10px;background:#ccc; }
 


/* ############# MODUL : MINIDB  ########################################## */
table.minidb{ width:100%; background:#FAFAFA; padding:0; margin:0; border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; }
th.minidb{ font-style:italic; font-size:11px; font-weight:100; padding:4px; border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; background:#ffffff; }
td.minidb{ vertical-align:top; padding:7px; border-left:1px solid #CCCCCC; }
input.mdbInput{ background:#F4F4F4; margin:0;font-size:11px; height:16px;}
select.mdbSelect{font-size:10px; height:16px; background:#EFEFEF; margin-left:10px;margin-right:10px;}
input.mdbInput:hover{ background:#FFFFFF; margin:0;font-size:11px; height:16px;}
select.mdbSelect:hover{font-size:10px; height:16px; background:#FFFFFF;}
input.mdbGo{ margin:0;font-size:10px; height:16px;}
input.mdbNewPoint{padding:3px;background:#EFEFEF; margin:0;font-size:11px; height:16px; width:100%;}
input.mdbNewPoint:hover{padding:3px;background:#FFFFFF; margin:0;font-size:11px; height:16px; width:100%;}

/* ############# MODUL : GALERIE  ############################# */

table.galerie { }
td.galerie { padding:10px; } 
div.gueberschrift { text-align:center; font-size:10px; font-family:verdana,arial,sans-serif; width:100%; background-color:#d7d7d7; font-weight:100;}
div.gbeschreibung { border-top:solid 1px #a2a2a2; padding:5px; width:98%; background-color:#d7d7d7; font-weight:100;}
td.galerie_ol { width:5px; height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/1.gif) no-repeat; }
td.galerie_om { height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/2.gif) repeat-x; }
td.galerie_or { width:5px; height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/3.gif) no-repeat; }
td.galerie_l { width:5px;   background:url(http://ccsholding.com/html/ccs/g/pix.design/4.gif) repeat-y; }
td.galerie_r { width:5px; height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/5.gif) repeat-y; }
td.galerie_ul { width:5px; height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/6.gif) no-repeat; }
td.galerie_um { height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/7.gif) repeat-x; }
td.galerie_ur { width:5px; height:5px; background:url(http://ccsholding.com/html/ccs/g/pix.design/8.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; }

galerie.uploadform_submit { }










 



