/*
Thema: kwi
URI: http://www.kwi-nrw.de
Description: Thema fuer das CMS eLIAS (C)2008 Simonow. http://netzlaboranten.de
 */

@import url(defaults.css);
@import url(lang.css);
.editor { display: none; }
/*tmp*/
#latest { display: none; }
#sprache { 
    width: 180px;
    float: right;
    margin: 10px 54px 0px 0px;
    text-align: right;
    }
#sprache li { 
   /* list-style-image: url(../images/bullet.gif);*/
              }
#sprache li a {
    text-decoration: none;
    color: gray;
    
                }
#sprache li a:hover {
    color: black;
                      } 
.vid { 
   width: 220px;
   position: absolute;
   margin: -74px 0 0 470px;
 }

* {
    margin: 0;
    padding: 0;
}
img {
	border: none;
}
.textMaterial {
	padding: 0;
	margin: .4em 21px .4em 0;
}

.materialIcon {
    margin: -5px 0 0 0;
}
.bildunterschriftvollelaenge {
    font-size: .7em;
    margin: 0 0 8px 0;
}
.calendarListeUngerade a { 
    background: #7BFD47;
 }
body {
	font: 14px 'Trebuchet MS',Arial, sans-serif;
}
h1, #sgTermin .typ {
	font-size: 1em;
    text-transform: uppercase;
	border-top: dotted 2px #bbbdc0;
	padding: .5em 0 0 0;

}
h2 {
	font-size: 1em;
    border-top: dotted 2px #bbbdc0;
    padding: .5em 0 0 0;
}
ul, ol {
    list-style-type: none !important;
    padding: 0 ;
}
#leftCol, #pageName, #rightCol, #dossier  {
	display: none;	   
}
#text {
    margin: -20px 0 0 0 ;
    }
.bilderleiste_links {
    float: left;
    margin: 1.2em 20px 0 0;
    width: 220px;
}

#container {
    width: 1001px;
    margin: auto;
    padding: 0 1em 0 1em;
}
#header {
	height: 170px;
	margin: 0px 0 7px 0;
}
#header4 img { 
    margin: 74px 0 -80px;

 }
.column {
    width: 220px;
	height: 110px;
    padding: 1.5em 0 0 0;
	margin: 0 2.2% 0 0;
    background: url(../images/bkg-column.gif) top left repeat-x fixed;
    float: left;
}
.column img {
	width: 220px;
	margin: 12px 0 0 0px; 
}
.column ul {
	padding: 8px 0 0 0;
	}
.column ul li {
    margin: 5px 0 2px 0;	
}
.column a {
	text-decoration: none;
	color: white;
	background:  #009ee0;
}
.column a:hover {
	background: white;
	color: black;
}
#register {
	margin: 2em 2% 0 0 ;
	width: 220px;
	float: left;
clear: both;
}
#register h1{
	font-weight: bold;
	margin: 1em 0 1em 0 ;
}
#rightCol h1 { 
  margin: 10px 0 10px ;
  font-weight: bold;
 }
#rightCol h1 a {
    background: #CFCFCF;
                 }
#register a { display: block; }
#register a , #rightCol a {

	text-decoration: none;
	color: black;	
    padding: 0;
	width: 99.9%
}
#register a:hover, #rightCol a:hover  {
	background: #CFCFCF;
}
#register ul  {
    margin: 0 0 3em 0;
	}
#register #social ul li {
    float: left;
    margin: 0 1em 0 0;
                          } 
#register #social ul li a { 
    display: inline;
    color: gray;
 }  
#register #social ul li a.twitter {
   background: url(../images/twitter_blass.gif) no-repeat;
   padding: 0 0 0 20px;
}
#register #social ul li a.twitter:hover {
   background: url(../images/twitter.gif) no-repeat;
   padding: 0 0 0 20px;
   color: black;
                                    }
#register #social ul li a.facebook {
   background: url(../images/facebook_blass.gif) no-repeat;
   padding: 0 0 0 20px;
}
#register #social ul li a.facebook:hover {
   background: url(../images/facebook.gif) no-repeat;
   padding: 0 0 0 20px;
   color: black;

                                          } 
#start #dossier {
	display: block;
	margin: -17px 0 0 0;
}
#start .trenner {
    display: none;
}
#start #rightCol td, #start #rightCol th {
	text-align: center;
}
#content #plGruppe li a:hover { 
   background: #CFCFCF;
   text-decoration: none;
 }
#funding td { 
    padding: 1.4em;
 }
.einsfuenferliste ul li { 
     margin: .7em 0 .7em 0;
 }
#wibox {
    }

#wibox div {
	margin: 0 0 .3em 0;
	padding: 0;
}
.projektbereich {
    list-style-image: none !important;
    margin: 0 0 0 -1.5em;
           }

#wibox div a {
    margin: 10px 0 6px 0 ;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 30px;
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
}	

#verantwortung a, .projektbereich4 a, .projektbereich4 a:hover {
    background: url(../images/bkg-verantwortung.jpg) repeat-x 0px 7px !important;
}
#inter a, .projektbereich1 a, .projektbereich1 a:hover {
	background: url(../images/bkg-inter.gif) repeat-x 0px 8px !important;
}
#erinnerung a, .projektbereich2 a, .projektbereich2 a:hover   {
	background: url(../images/bkg-erinnerung.gif) repeat-x 0px 8px !important;
}
#klima a, .projektbereich3 a,  .projektbereich3 a:hover  {
	background: url(../images/bkg-klima.gif) repeat-x 0px 8px !important;
}

.projektbereich5 a, .projektbereich6 a   {
    font-size: 24px !important;

    color: #009DE0 !important ;
}
.projektbereich5:hover a, .projektbereich6 a:hover   { 
    background: transparent !important;
 }
#wibox div a:hover {
    text-decoration: none;
    color: #00aeef;
}

#start #rightCol  {
	display: inline;
    float: right;
	width: 220px;
/*	overflow: auto;*/
    margin: 42px 56px 0 0; 
    border-top: dotted 2px #bbbdc0;
	padding: .5em 0 0 0;
}
#start #rightCol table {
	color: black;
	width: 100%;
}
#optionalRight {
    padding: 0;
    position: absolute;
    width: 220px;
    margin: 0 0 0 482px;
}
.foerderer {
/*    border: dotted gray 1px;*/
    width: 205px;
    font-size: .8em;
    padding: 10px 10px 10px 10px;
    margin: 0 3px 3px 0 ;
    float: left;
    text-align: center;
    height: 100px;
}
.foerderer img {
    padding: 0 0 3px 24px;
    margin: auto;
}
/*
.homeSuche {
    margin: 5px 0 10px 0;
    border-bottom: 2px dotted #bbbdc0;
    padding: 5px 0pt 18px 0;
}*/

.homeSuche { 
    width: 220px;
    float: right;
    margin: 96px 54px 0 0;
/*    border-bottom: 2px dotted #bbbdc0;*/
    padding: 5px 0pt 18px 0;

} }

.suchtext {
    width: 142px;
}
.button {
    width: 70px;
}
#content {
    width: 460px; 
	margin: 3em 0 0 0;
	float: left;
    padding: 0 0 0 2px;

}
#content a {
	color: black;
    text-decoration: underline;
}
#content ul li a { 
    text-decoration: none;
 }
#content a:hover {
    letter-spacing: normal;
    text-decoration: underline;
    }
#content h1, #content h2 {
    margin: 0 0 1em 0;
    }
#content ul, #rightCol ul  { 
    list-style-image: url(../images/bullet.gif);
    padding: 0 0 0 1.5em;
 }
#rightCol ul li a { 
                    display: inline  !important;
 }
#content li a { 
   text-decoration: none;
 }

#text {
	margin: 0 0 0 0;
}

.blog {
	clear: both;
    	line-height: 145%;
    margin: 0em 0 1em 0;
}
.blog h2 {
	text-transform: uppercase;
    font-size: 1.1em;
	margin: .8em 0 1em 0;

}
.blogUser {
	width: 25%;
	float: right;
	margin: 1em 0 2em 0;
	text-align: right;
	font-size: .8em;
}
.blogUser a, .blogUser {
	color: #6F6F6F;
	text-decoration: none;
	} 

/* Personenseiten */
#sgPerson h1 {
    width: 220px;
    border: none;
	border-top: dotted 2px #bbbdc0;
    margin: 0 0 0 0;
    background: #7bfd47;
    text-transform: none;
    padding: 0;
    font-weight: normal;
 }
#sgPerson #memberImg {
    float: right;
	margin: 0px 0px 0 0px; 
	padding: 0;
}
#sgPerson #memberImg img {
    width: 220px;
    }
#sgPersonTel {
    margin: .7em 0 0 0 ;
}
#adresse {
    height: 215px;
    }
#adresse h2 {
    border: none;
    }
#sgPerson #sgPersonHomepage {
    padding: 1em 0 0em 0;
}
#sgPerson #sgPersonEmail {
	padding: 1em 0 1em 0;
	}
#sgPersonGruppe {
    width: 220px;
    position: absolute;
	margin: -20px 0px 0 483px;
}
#sgPerson h2 {
    text-transform: uppercase;
    }
#sgPersonGruppe a, #gruppenzugehoerig a, #metagruppenzugehoerig a {

    }
#sgPersonGruppe a, #gruppenzugehoerig a, #metagruppenzugehoerig a, #optionalRight a {
	text-decoration: none;
    width: 99.8%;
}
#sgPersonGruppe li, #gruppenzugehoerig li, #optionalRight li {
    margin: 0 0 .4em 0;
	}
#sgPersonGruppe a:hover, #gruppenzugehoerig a:hover, #metagruppenzugehoerig a:hover, #optionalRight a:hover {
  	background: #CFCFCF;
	color: black;
    text-decoration: none;
}	
#adresse {
	margin: 0 0 40px 0; 
}
#plPerson h3 {
    display: none;
}
#plPerson li {
    margin: .5em 0 1.4em 0;
}
#plPerson li a {
    text-decoration: underline;
}
.buchstaben {
	display: none;
}
#optionalRight li {
    margin: 0 0 .4em 0;
}
#optionalRight li a {
    text-decoration: none;
}
.plPersonTitel {
    color: gray;
}
.personKontakt a {
    color: gray;
    font-size: .8em;
}
/* gruppen */
#metagruppe {
	display: none;
}
.gruppenLeitung {
    display: none;
}
#sgGruppe #gruppenzugehoerig {
    background: transparent;
    padding: 0;
    margin-top: 100px; 
}
#sgGruppeZugehoerig {
    text-transform: uppercase;
}
#metagruppenzugehoerig {
    position: absolute;
    width: 220px;
    height: 8em;
    margin: 0 0 0 482px;
}
#metagruppenzugehoerig h2 , #gruppenzugehoerig h2 {
	text-transform: uppercase;
	}
#plGruppe .projektbereichh2 {
    margin: 42px 0 .7em 0;
    font-size: 1em;
	font-weight: bold;
    border-top: dotted 2px #bbbdc0;
    padding: .5em 0 0 0;
    text-transform: uppercase;
}

#seitenFuss {
	/* border-top: dotted 1px  #bbbdc0;*/
	clear: both;
    height: 3em;
    width: 440px;
	padding: 3.5em 0 1em 0;
	font-size: 10px;
	margin: 0 0 0 240px;
	}
#seitenFuss a {
    text-decoration: none;
    color: black;
}
/* termine */

#plTermin table {
	width: 80%;
	margin: 0 30px 0 0;
}
#plTermin td {
	text-align: center;
	padding: .3em;
}
#sgTermin .materialIcon  {
	padding: 0 5px  12px 0;
}
#calendarNav form {
	text-align: left;
	margin: 1.8em 0 1em 0px;
}
#calendarNav input {
    display: none;
}
#calendarNav select {
    width: 16.3em;
}
#calendarSmall td {
    width: 2em;
    height: 1.5em;
}
#calendarSmall caption  {
    height: 43px;
    font-weight: bold;
}
.calEvent, .calEventToday {
    background: #7bfd47;
}
.calEventToday {
}
.calEventToday a {
    text-decoration: underline !important;
}
#calendar td {
/*    width: 2em;
    height: 1.5em;*/
}
#plTermin #calendar .calNav {
    font-size: .7em;
}
#calendar caption {
    margin: 0 0 26px 0;
}
#calendar a {
    text-decoration: none;
}
.calNav {
    vertical-align: top;
}
#plTermin .typ, sgTermin .typ, #plEventKategorie .typ {
	float: right;
}
#plTermin .titel, #sgTermin .titel, #plEventKategorie .titel {
	font-size: 1.2em;
}
#plTermin .titel  { 
        text-decoration: underline;
 }
#plTermin .titel:hover, #plEventKategorie .titel:hover {
    text-decoration: underline;
}
#plTermin .referent, #sgTermin .referent, #plEventKategorie .referent {
	font-size: .8em;
	font-weight: bold;
}
#sgTermin .ort {
    display: inline;
	font-size: .8em;
	font-weight: bold;
}
.event .typ {  
    display: none;
 }
#sgTermin .event .typ { 
    color: white;
    font-size: 1px;
                        }
#sgTermin p {
    margin: 2em 0 0 0;
}
#plTermin h2 {
    margin-top: 2.3em;
}
#plTermin .event img {
    display: none;
}

#sgTermin .referent, #sgTermin .event img {
    margin: 10px 0 0px 0px;
}