body {
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align: center;
font-size: 12px;
background-color: #E1E0E0;
background-repeat: repeat-x;
background-image: url(/fileadmin/agenda21/bg_outerframe.png);

overflow-x:hidden;
/*overflow-y:visible;*/
overflow: sroll;
overflow-y: scroll; overflow-x:auto;
}



/*allgemeine Links*/
 a:link { text-decoration:none;  color: #81B549; }
 a:visited { text-decoration:none; color: #81B549;  }
 a:hover { text-decoration:underline;   color:#284156;}
 a:active { text-decoration:underline; color:#81B549; }
 a:focus { text-decoration:none; color: #81B549; }

/*umschliessender Container für alle Elemente*/
#all {
position: relative;
width: 1000px !important;
width:1000px;
/*w\idth: 756px;*/
/*min-height: 100%;*/ /* Fuer moderne Browser */
/*height: auto !important;*/ /* Fuer moderne Browser */
/*height: 100%;*/ /* Fuer IE */
margin:0 auto;
/*border:1px solid c;*/
border:1px solid #BDC1C1;
/*background-image: url("bg_grau190.jpg");*/
/*background-image: url("main_FILES/bg_gestreift190.jpg");*/
/*wenn das Grau des Submenue nicht bis nach unten gehen soll, muss folgendes auskommentiert werden*/
//background-image: url("main_FILES/bg_hellgrau190.jpg");
background-image: url("main_FILES/bg_outerframe.png");
background-repeat:repeat-y;
background-color: #ffffff;

text-align:center;

/*
Das ist ein test, und wie ich finde ein gelungener EFEFEF ist das alte grau, etwas dunkler wird es mit BDC1C1*/
/*
top geändert auf 0px, war vorher auch 10, kommt jetzt ja noch der Balken drüber
*/
border-top:0px solid #BDC1C1;
border-bottom:10px solid #BDC1C1;

}


/*Header Container*/
#header{

/*Browsercompatiblität von Weiten*/
width: 1000px !important;
width:1000px;
/*w\idth: 756px;*/
height:100px;
margin: 0;
padding:0;
text-align:left;
background-color: #FFFFFF;
/*tmp änderung cg*/
/*background-color: #BDC1C1;*/
/*background-color: #efefef;*/


background-image: url("main_FILES/titel.png");
background-repeat:no-repeat;
border-bottom: 1px solid #E6E8E7;
}
/*Überschriften im Header, werden nur angezeigt, wenn alle Styles ausgeschaltet sind*/


#header  H1 {
float:left;
margin:0px;
}
#header H1 span{
display: none;
}

#header H1 a{
display: block;
background-image: url("main_FILES/titel.png");
background-repeat:no-repeat;
height:60px;
width:600px;

}



#header H2{
display: none;
font-style:italic;
}

/*Top Container, umschliesst Hauptnavi und Suchbox*/
#top-cont{
background-color: #81B549;
border-bottom:1px solid #81B549;
margin:0px;
padding:0px;
	width: 1000px !important;
	width:1000px;
	/*w\idth: 756px; *//*Browserabhaengigkeiten bei Weiten*/
height:23px;
}

/*Container für die Hauptnavigation*/
#head-nav{
float:left;
background-color:#81B549;
margin:0;
margin-left:200px;
padding-top:2px;
padding-left: 5px;
padding-right:2px;
padding-bottom:2px;
color: #ffffff;
text-align:left;

width:740px;


font-size:12px;
/*hier muss noch was, das die schrift fett wird*/


}


/*Linker Container */
#left-cont{
float:left;
width:190px;
margin:0px;
background-color:#efefef;
padding:0px;
/* das soll in EFEFEF
background-image: url("main_FILES/bg_gestreift190.jpg");
background-repeat:repeat-y;
*/

}
/*Container für die Subnavigation*/
#sub-nav{
text-align:left;
background-color:#EFEFEF;
margin-left:10px;
padding-top:10px;
padding-bottom:10px;
width:190px;


/*Formatierungen für Macina Searchbox*/

}
#suchbox{
/*hier ist ein wenig was anders, um das teil mal veschwinden zu lassen
die alten werte stehen auskommentiert darüber*/
width:141px;
margin-left:600px;
margin-top:0px;
margin-right: 0px;
padding-top:2px;
padding-bottom:2px;
padding-right:0px;
padding-left:0px;
text-align: left;
background-color:#81B549;
height:20px;
/*zum testen eingeschaltet
border:1px solid #000000;*/
}

/*Such-Button*/
.suchbutton{
font-size:10px;
border:1px solid #BDC1C1;
background-color: #efefef;
/*color: #9ea4a4;*/
color: #284156;
padding:0px;
height:16px; 
width:44px;  
}

/*Sucheingabefeld*/

.such-input{
margi:0px;
height:16px; 
width:118px;  
font-size:10px;
border:1px solid #BDC1C1;
/*border:1px solid #EFEFEF;*/
background-color: #ffffff;
color:#81B549;
padding:0px;
font-weight:bold;
}


/*Inhaltscontainer*/
#content{
padding-top:10px;
/*kurz geändert 2005-10-13 cg*/
padding-left:10px;
padding-right:5px;
margin-left: 200px;
margin-bottom:30px;
text-align:left;
/*min-height:500px;*/
}

/*Formatierungen für die Rootline (Pfadmenu)*/
#rootline{
font-size:10px;
margin-left:200px;
text-align:left;
padding:2px 0px 2px 10px;
/*color:#9ea4a4; kurzfristige Anpassung CG:19-09-05*/
color:#284156;
}
#rootline a {
/*color:#9ea4a4; kurzfristige Anpassung CG:12-09-05*/
color:#284156;
text-decoration: none;
}
#rootline a:hover {
/*color:#9ea4a4; kurzfristige Anpassung CG:12-09-05*/
color:#284156;
text-decoration:underline;
}

/*Formatierungen fürs Lastupdate*/
#lastupdate{

clear:both;
/*color:#9ea4a4;*/
color:#284156;
text-align: right;
font-size:10px;
padding-right:2px;
/* das stück unter dem submenue auf höhe des lastupdate*/
background-image: url("main_FILES/bg_hellgrau190.jpg");
background-repeat:repeat-y;
margin-bottom:0px;

}

#lastupdate a{
color:#284156;
font-size:10px;
text-decoration: none;
}
#lastupdate a:hover{
color:#284156;
font-size:10px;
text-decoration: underline;
}

/*Container für Navi im Header
zum testen sind hier mal verschiedene Werte auf 0 gesetzt, die alten werte stehen auskommentiert darüber
*/
#line1,#line2,#line3{
margin-left:608px;
padding-right:0px;
/*padding-top:1px;*/
padding-top:0px;
height:0px;
width:0px;
/*height:17px;
width:140px;*/
text-align:left;
vertical-align: middle;
font-size:10px;
/*wenn kein Rahmen dann verschiebung*/
border:1px solid #FFFFFF;
background-image: url("main_FILES/bgmitstrichverlauf2.jpg");
}

/*Navigation im Header (Sitemap, Kontakt, Impressum etc.)*/
.toplist{
vertical-align: middle;
text-align:center;
/*height:17px;*/
/*height:0px;*/
margin:0px;
/*padding:2px;*/
padding:0px;
color: #E6E8E7;
font-size:11px;
font-weight:normal

}
a.toplist:link, a.toplist:visited,  a.toplist:active {
color: #81B549;
/*padding:0px;*/
padding:0px;
font-size:11px;
margin:0px;
text-decoration: none;
font-weight:normal
}
a.toplist:hover{
color: #284156;
font-size:11px;
text-decoration: underline;
font-weight:normal
}

/*Hauptnavigation

das "font-weight:bold;" macht die Hauptnavi fett, mit "normal" ist alles wieder gut
*/
#navlist {
margin:0px;
padding:2px;
}
#navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
font-weight:bold;
}

#navlist li a {
font-size:11px;
color:#ffffff;
text-decoration:none;
padding-left:2px;
font-weight:bold;
}
#navlist li a:hover {
font-size:11px;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
#navlist li a:active {
font-size:11px;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}

/*Subnavigation*/
#subnavlist{
display: block;
margin:0;
padding:0px;
width:185px;
}
#subnavlist2{
display: block;
margin:0;
padding:0px;
padding-left:15;
width:170px;
}
#subnavlist3{
display: block;
margin:0;
padding:0px;
padding-left:30;
width:155px;
}
/*#subnavlist li {
display: block;
list-style-type: none;
padding:0px;
margin-top:-1px;

border-top: 1px solid #BDC1C1;

border-bottom: 1px solid #BDC1C1;
}*/

#subnavlist li.first {
display: block;
list-style-type: none;
padding:0px;
margin:0px;
/*obere kante der untermenüpunkten*/
border-top: 1px solid #BDC1C1;
border-bottom: 1px solid #BDC1C1;

}
#subnavlist li.last {
display: block;
list-style-type: none;
padding:0px;
margin:0px;
border-bottom: 1px solid #BDC1C1;
/*Untere kante unter den untermenüpunkten*/

}
#subnavlist li.mitte {
display: block;
list-style-type: none;
padding:0px;
margin:0px;

border-bottom: 1px solid #BDC1C1;
}


#subnavlist li a:link, #subnavlist li a:visited  {
padding:2px;
display: block;
font-size:12px;
/*color:#81B549;*/
color:#000000;
font-weight:normal;
text-decoration:none;
padding-left: 0px;

}
#subnavlist li a:hover, #subnavlist li a:active {
display: block;

font-size:12px;
color:#81B549;
/*text-decoration:underline ;*/
text-decoration:none ;
background-color:#FFFFFF;
}

.aktive {
text-decoration:underline;
background-color:#FFFFFF;
color:#81B549;
}
.aktive a:link{
color:#81B549;
}

/*Clear bei float*/
.clearer{
clear:both;
margin:0px;
}
/*allgemeine Elemente*/

P {
color:#000000;

line-height:16px;

}

TD {
color:#000000;
font-size: 12px;
}

H1, H2, H3, H4{
margin-top: 0px; margin-bottom: 5px;
}

H1 {
font-size:12px;
}

H1 a {
font-size:12px;
text-decoration:none;
}
H2 {
font-size:16px;
}
H3 {
font-size:14px;
}
H4 {
font-size:12px;
}

H1.csc-firstHeader, 
H2.csc-firstHeader,
H3.csc-firstHeader, 
H4.csc-firstHeader, 
H5.csc-firstHeader, 
H6.csc-firstHeader { margin-top: 0px; margin-bottom: 5px; }

HR{

color:#ffffff;
height:1px;
border-bottom:1px solid #cccccc;
}

UL {
/*list-style-type:square;*/
list-style-type:disc;
list-style-position:outside;
/*hinzu von CG*/
font-size:12px;
}
UL UL LI{
/*list-style-type:disc;*/
list-style-type:circle;
list-style-position:outside;
/*font-size:11px;*/
font-size:12px;
}

OL{
list-style-type:decimal;
list-style-position:outside;
}

LI{
font-size:12px;
padding-top: 2px;
text-align:left;

}

/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */
UL.csc-bulletlist LI { font-size: 12px; }

/* Bulletlists, specifically */
UL.csc-bulletlist-0 { color: #000000; }
UL.csc-bulletlist-1 { color: #81B549; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #284156; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #284156; list-style-image: url(main_FILES/subnav_hover.gif); }

/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 12px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* RTE / Table styling */
TABLE.contenttable { border: 1px #EEEEEE solid; margin: 10px 0px 10px 0px; width:520px; border-collapse:collapse; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 12px; }
TABLE.contenttable TR { background-color: #FFFFFF; }

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }

DIV.csc-menu P { font-size: 12px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #FFF; }
DIV.csc-menu P A { color: #E6E8E7; text-decoration: none; }
DIV.csc-menu P A:hover { color: #284156; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #81B549; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #9ea4a4; font-size:12px;}
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #9ea4a4; font-size:10px;}

/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family:Arial,Verdana,Helvetica,sans-serif; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }




/*  TMP für die MitarbeiterDB*/
 .tx-clcompanydatabase-pi1 H2 { margin-top: 0px; margin-bottom: 0px; }


/*
	Styles 2 Column DIV Section
*/
div.tx-fdfx2cols-pi1{
    position:relative;
    left:0px;
	margin-bottom:10px;
}
/* Layout 1 */
div.c2l1d-left{
   position:absolute;
   left:0px;
   padding: 2px;
   width:200px;
   white-space:normal;
   /*border:1px solid #EFEFEF;*/

}
div.c2l1d-middle{
   position:absolute;
   left:260px;
   padding: 2px;
   width:200px;
   /*border:1px solid EFEFEF;*/
   white-space:normal;
}
/* Layout 2 */
div.c2l2d-left{
   position:absolute;
   left:0px;
   padding: 3px;
   width:200px;
   border:1px dotted #EFEFEF;
   white-space:normal;
}
div.c2l2d-middle{
   position:absolute;
   left:260px;
   padding: 3px;
   width:200px;
   white-space:normal;
   /*border:1px solid blue;*/
   background-color:#EFEFEF;
}
/* 
	Layout 3 
	
	embedded
*/
div.c2l3d-left{
   position:absolute;
   left:0px;
   padding: 0px;
   width:500px;
   white-space:normal;
   /*border:1px solid red;*/
}
div.c2l3d-middle{
   float:right;
   margin:5px;
   padding: 0px;
   width: 200px;
   height: 100px;
   overflow:auto;
   white-space:normal;
   /*border:1px solid blue;*/
   background-color:#EFEFEF;
}

#content{
position:relative;

}
#inhalt1{
position:relative;
float:left;

/*width:245px;*/
width:315px;
margin-top:15px;
}

#inhalt2{
position:relative;
/*margin-left:265px;
width:245px;*/

margin-top:15px;
/*margin-left:325px;
noch weiter rüber
*/
margin-left:345px;
width:175px;

}


#globales{
width: 1000px !important;
width:1000px;
position:relative;
height: 16px;
background-color:#BDC1C1;
/*border:1px solid #BDC1C1;*/
border: 0px;
/*border-left: 1px solid #BDC1C1;
*/
font-size:12px;
/*color:#284156;
color:#ffffff;
*/
color:#81B549;

text-decoration:none;
font-weight:normal;
text-align:right;

background-repeat: repeat-x;
background-image: url(main_FILES/top_bg.jpg);

}

#globales a{
font-size:12px;
/*color:#284156;
*/
color:#000000;

text-decoration:none;
font-weight:normal;
}

#globales a:hover {
font-size:12px;
color:#000000;
/*
color:#284156;
*/
text-decoration:underline;
font-weight:normal;

}

/* Images / Captions */
P.csc-caption { font-size: 11px; margin:0; }
P.csc-caption A { color: #000000; }