/* CSS-Datei für IGM e.V. */

html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}

body {
   font-family: Verdana,Arial,sans-serif;
   background-color: #fff;
   font-size: 85%;
   color: #000;
   background-color: #FFF;   
   min-width: 980px;
   position: relative;
}
* html body {
    width: 900px;
}

#seiteZentriert {
    min-width: 900px;
    min-height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    /*background-color: #F3FCFF; */
}
* html #seiteZentriert {
    width: 900px;
    height: 500px;
}
/* Layout - Topmenü */
#topMenu {
   width: 900px;
   margin: 0px;
   padding-top: 8px;
   text-align: right;
   font-size: 80%;
   background-color: #FFF;
}
#topMenu a {
    color: #666;
    text-decoration: none;	
}
#topMenu a:visited,
#topMenu a:focus {
    color: #666;
}
#topMenu a:hover {
    color: #333;
}
#topMenu a:active {
    color: #666;
}
#topMenu a.aktiv {
    color: #000;
}
/* Layout - Kopfbereich */
#kopf {
   width: 900px;
   height: 125px;
   margin: 0px;
   background-color: #FFF;
}
#kopf p {
   float: left;
   width: 220px;
   height: 120px;
   margin: 0px;
   padding-bottom: 5px;
   text-align: center;
}
#kopf h3, #kopf h2 {
   float: left;
   width: 680px;
   height: 88px;
   margin: 0px;
   margin-top: 4px;
   padding-top: 33px;
   background-image: url(bg_igm.jpg);
   color: #336666;
}
#kopf h3 {
   font-size: 14pt;
}
#kopf h2 {
   font-size: 15pt;
}

/* Layout - lmargin - Hauptmenü + BoxKontakt #756000  #F9F2E3 */
#lmargin {
   clear: both;
   float: left;
   width: 200px;
   margin: 0px 20px 0px 0px;
   padding-top: 30px;
   padding-bottom: 20px;
   /* padding-left: 15px;
   border-top: 1px solid #336666; */
   background-color: #FFF;
   text-align: left;
   font-size: 80%;
}
#lmargin ul {
        list-style: none;
        width: 200px;
        margin: 0px;
        padding: 0px;
}

#lmargin ul li { 		
        min-height: 15px;							
}
* html #lmargin ul li {
        height: 15px;
}				
#lmargin ul li a {
        min-height: 9px;
        width: 190px;
        padding: 4px 5px 4px 5px;
        display: block;
        background-color: #DDD;
        color: #336666;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid #FFF;
}
* html #lmargin ul li a {
        height: 9px;
}
#lmargin ul li a:visited,
#lmargin ul li a:focus {
        color: #336666;
}
#lmargin ul li a:hover {
        color: #FFF;
        background-color: #336666;
}
#lmargin ul li a:active {
        color: #FFF;
}	

#lmargin ul li.aktiv {
        min-height: 9px;
        width: 190px;
        padding: 4px 5px 4px 5px;
        display: block;
        font-weight: bold;
        border-bottom: 1px solid #FFF;
        background-color: #999;
        color: #FFF;
}
#lmargin ol {
        list-style: none;
        width: 190px;
		    border-bottom: 0px;
		    border-top: 0px;
		    margin: 0px;
		    padding: 0px;
}
#lmargin ol li { 		
        min-height: 15px;
        width: 200px;        							
}
* html #lmargin ol li {
        height: 15px;
}	
#lmargin ol li a {
        margin: 0px;
        width: 175px;
        min-height: 9px;
		    padding: 3px 5px 3px 20px;
		    display: block;
		    color: #336666;
		    font-weight: normal;
        text-decoration: none;				
		    border-bottom: 1px solid #FFF;
		    background-color: #EEE;				
}
* html #lmargin ol li a {
        height: 9px;
}
#lmargin ol li a:visited,
#lmargin ol li a:focus {
        color: #336666;
}
#lmargin ol li a:hover {
        background-color: #AADDCC;
        color: #336666;
}
#lmargin ol li a:active {
        color: #336666;
}
#lmargin ol li a.aktiv {
        background-color: #DDD;
        color: #666;
}

#boxKontakt, #boxPartner, #boxSponsor {
   width: 170px;
   margin: 30px 20px 30px 0px;
   padding: 10px;
   background-color: #FFF;
   text-align: left;
}
#boxKontakt {
   border-top: 1px solid #336666;
   border-right: 1px solid #336666;
   border-bottom: 1px solid #336666;
   border-left: 9px solid #336666;
}
#boxPartner, #boxSponsor {
   border-top: 1px solid #999966;
   border-right: 1px solid #999966;
   border-bottom: 1px solid #999966;
   border-left: 9px solid #999966;
}
#boxKontakt h4 {
   margin: 0px;
   color: #336666;
   font-size: 130%;
}
#boxPartner h4, #boxSponsor h4 {
   margin: 0px;
   color: #999966;
   font-size: 130%;
}
#boxKontakt p, #boxPartner p, #boxSponsor p {
   margin: 5px 0px 0px 0px;
}
#boxPartner p, #boxSponsor p {
   width: 170px;
   text-align: center;
}
#zim {
   width: 200px;
   margin-top: 30px;
   margin-bottom: 60px;
   text-align: center;
   font-weight: bold;
   font-size:100%;
}
/* Layout - Inhaltsbereich */
#inhalt {
    float: left;
    width: 460px;
    margin: 0px;	
    padding-top: 30px;
    padding-bottom: 20px;
  	padding-right: 20px;
    border-top: 1px solid #336666;  	
    text-align: left;
}
#inhalt h1, #inhalt1 h1, #inhalt2 h1 {
    margin-bottom: 10px;
    font-size: 140%;
    color: #666;
}
#inhalt h3.anlaufstelle, #inhalt h3.radio, #inhalt h3.service {
    margin-bottom: 0px;
    padding: 5px;
    color: #FFF;
    font-size: 95%;
}
#inhalt h3.anlaufstelle {
    background-color: #66CCCC;
}
#inhalt h3.radio {
    background-color: #6699CC;
}
#inhalt h3.service {
    background-color: #9999CC;
}

#inhalt p.anlaufstelle, #inhalt p.radio, #inhalt p.service {
    margin: 0px;
    padding: 5px;
    background-color: #FFF;
    font-size: 95%;
}
#inhalt p.anlaufstelle {
    border-left: 1px solid #66CCCC;
    border-right: 1px solid #66CCCC;
}
#inhalt p.radio {
    border-left: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
}
#inhalt p.service {
    border-left: 1px solid #9999CC;
    border-right: 1px solid #9999CC;
}
#inhalt p.serviceRechts, #inhalt p.radioRechts, #inhalt p.anlaufstelleRechts {
    margin: 0px 0px 15px 0px;
    padding: 5px;
    text-align: right;
    font-size: 90%;
}
#inhalt p.anlaufstelleRechts  {
    border-left: 1px solid #66CCCC;
    border-right: 1px solid #66CCCC;
    border-bottom: 1px solid #66CCCC;
}
#inhalt p.radioRechts  {
    border-left: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC;
}
#inhalt p.serviceRechts {
    border-left: 1px solid #9999CC;
    border-right: 1px solid #9999CC;
    border-bottom: 1px solid #9999CC;
}

#inhalt a, #inhalt1 a, #inhalt2 a {
    color: #336666;
    text-decoration: none;
}
#inhalt a:visited, #inhalt1 a:visited, #inhalt2 a:visited,
#inhalt a:focus, #inhalt1 a:focus, #inhalt2 a:focus {
    color: #336666;
    text-decoration: none;
}

#inhalt a:hover, #inhalt1 a:hover, #inhalt2 a:hover {
    color: #336666;
    text-decoration: none;
    font-weight: bold;
}
#inhalt a:active, #inhalt1 a:active, #inhalt2 a:active {
    color: #336666;
    text-decoration: none;
}


#inhalt1, #inhalt2 {
    float: left;
    width: 460px;
    padding-top: 30px;
    padding-bottom: 20px;
  	padding-right: 20px;
    border-top: 1px solid #336666;  	
    text-align: left;
}
#inhalt1 {
    margin: 0px;
}

#inhalt1 h3, #inhalt2 h3 {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    background-color: #66AAAA;
    color: #FFF;
    font-size: 100%;
}
#inhalt1 div  {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}
#inhalt1 p  {
    margin: 10px 0px 0px 0px;
    padding: 5px;
}
#inhalt1 p.rechts, #inhalt2 p.rechts {
    margin: 0px 0px 15px 0px;
    text-align: right;
    font-size: 90%;
}
#inhalt2 ul {
    margin: 0px;
    padding: 5px;
}


/*
#inhalt1 h3.verein {
    background-color: #66AAAA;
}
#inhalt1 h3.anlaufstelle {
    background-color: #66AAAA;
}
#inhalt1 h3.aktuell {
    background-color: #FF9933;
}
#inhalt1 h3.service {
    background-color: #9999CC;
}
#inhalt1 h3.radio {
    background-color: #6699CC;
}
#inhalt1 h3.projekt {
    background-color: #CC9966;
}

#inhalt1 h4 {
    margin: 0px;
    font-size: 100%;
}
*/

/* Layout - rmargin */
#rmargin {
    float: left;
    width: 200px;
    margin: 0px;    	
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px solid #336666;
    text-align: left;
}
#rmargin h4 {
    margin-bottom: 0px;
    padding: 5px;
    background-color: #66AAAA;
    color: #FFF;
    font-size: 95%;
}
#rmargin p, #rmargin div {
    margin: 0px;
    padding: 5px;
    background-color: #FFF;
    font-size: 85%;
}

#rmargin h4.aktuell {
    background-color: #FF9933;
}
#rmargin div.aktuell {
    border-left: 1px solid #FF9933;
    border-right: 1px solid #FF9933;
}
#rmargin div.aktuellRechts, #rmargin div.aktuellRechts1 {
    text-align: right;
    border-left: 1px solid #FF9933;
    border-right: 1px solid #FF9933;
    padding: 5px;
    font-size: 80%;
}
#rmargin div.aktuellRechts {
    margin-top: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #FF9933;
}
#rmargin div.aktuellRechts1 {
    margin: 0px;
    padding: 5px;
    border-bottom: 1px dashed #FF9933;
}
#rmargin h4.projekt {
    background-color: #CC9933;
}
#rmargin div.projekt {
    border-left: 1px solid #CC9933;
    border-right: 1px solid #CC9933;
}
#rmargin div.projekt1 {
    border-left: 1px solid #CC9933;
    border-right: 1px solid #CC9933;
    border-bottom: 1px solid #CC9933;
}
#rmargin div.projektRechts, #rmargin div.projektRechts1 {
    text-align: right;
    border-left: 1px solid #CC9933;
    border-right: 1px solid #CC9933;
    padding: 5px;
    font-size: 80%;
}
#rmargin div.projektRechts {
    margin-top: 0px;
    margin-bottom: 15px;
    border-bottom: 1px solid #CC9933;
}
#rmargin div.projektRechts1 {
    margin: 0px;
    padding: 5px;
    border-bottom: 1px dashed #CC9933;
}

#rmargin h4.radio {
    background-color: #6699CC;
}
#rmargin p.radio {
    border-left: 1px solid #6699CC;
    border-right: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC;
}
#rmargin h4.anlaufstelle {
    background-color: #66CCCC;
}
#rmargin p.anlaufstelle {
    border-left: 1px solid #66CCCC;
    border-right: 1px solid #66CCCC;
    border-bottom: 1px solid #66CCCC;
}
#rmargin h4.service {
    background-color: #9999CC;
}
#rmargin p.service {
    border-left: 1px solid #9999CC;
    border-right: 1px solid #9999CC;
    border-bottom: 1px solid #9999CC;
}
#rmargin h4.verein {
    background-color: #999966;
}
#rmargin p.verein {
    border-left: 1px solid #999966;
    border-right: 1px solid #999966;
    border-bottom: 1px solid #999966;
}
#rmargin h4.partner {
    background-color: #CCCC66;
}
#rmargin p.partner {
    border-left: 1px solid #CCCC66;
    border-right: 1px solid #CCCC66;
    border-bottom: 1px solid #CCCC66;
}

#rmargin p.projekt {
    border-left: 1px solid #CC9933;
    border-right: 1px solid #CC9933;
    border-bottom: 1px solid #CC9933;
}
#rmargin p a, #rmargin div a {
    color: #336666;
    text-decoration: none;
}
#rmargin p a:hover, #rmargin div a:hover {
    color: #336666;
    text-decoration: none;
    font-weight: bold;
}

ol#button1, ol#button2 {
    width: 200px;
    font-size: 1.0em;
    list-style: none;
    margin: 0px;
    padding: 10px 0px;
    font-size: 85%;
    font-weight: bold;
/*    background-color: #DAEFFF;  */
}
ol#button1 li, ol#button2 li {
    width: 199px;
    min-height: 24px;
    text-align: left;
    background-color: #EEE;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
}
* html ol#button1 li, * html ol#button2 li {
    height: 24px;
}

ol#button1 li a, ol#button2 li a {
    min-height: 14px;
    width: 179px;
    padding: 5px 10px;
    display: block;
    text-decoration: none;
}
ol#button1 li a {
    color: #6699CC;
}
ol#button2 li a {
    color: #CC9933;
}
* html ol#button1 li a, * html ol#button2 li a {
    height: 14px;
}
ol#button1 li a:visited,
ol#button1 li a:focus {
    display: block;
    color: #6699CC;
}
ol#button2 li a:visited,
ol#button2 li a:focus {
    display: block;
    color: #CC9933;
}
ol#button1 li a:hover, ol#button2 li a:hover {
    display:block;
    color: #FFF;
}
ol#button1 li a:hover {
    background-color: #6699CC;
}
ol#button2 li a:hover {
    background-color: #CC9933;
}
ol#button1 li a:active, ol#button2 li a:active {
    display: block;
    color: #FFF;
}

ol#button1 li.aktiv, ol#button2 li.aktiv {
    min-height: 14px;
    width: 179px;
    padding: 5px 10px;
    display: block;
    color: #FFF;
}
ol#button1 li.aktiv {
    background-color: #6699CC;
}
ol#button1 li.aktiv1 {
    min-height: 14px;
    width: 193px;
    padding: 3px 3px 5px 3px;
    display: block;
    color: #FFF;
    background-color: #6699CC;
}
ol#button2 li.aktiv {
    background-color: #CC9933;
}
* html ol#button1 li.aktiv, * html ol#button2 li.aktiv {
    height: 14px;
}

/* Layout - Fussbereich */
#fuss {
   clear: both;
   margin: 0px;
   min-height: 22px;
   width: 900px;
   background-color: #336666;
   font-size: 80%;
   color: #F8FFE8;
}
* html #fuss {
    height: 22px;
}
.fussLi {
    float: left;
    margin: 0px;
    padding: 6px;
}
.fussRe {
    float: right;
    margin: 0px;
    padding: 6px;
}



.both {
    clear: both;
    display: block;
}
.image {
    float: left;
    margin-right: 15px;
}
.imageLinks {
    float: left;
    margin-right: 12px;
    margin-bottom: 15px;
    border: 2px solid #999999;
}
.imageRechts {
    float: right;
    border: 2px solid #999999;
    margin-bottom: 15px;
}

.marginTop0 {
    margin-top: 0px;
}
.marginBottom0 {
    margin-bottom: 0px;
}