/*
Thema: zmi
URI: http://www.zmi.uni-giessen.de
Description: Theme fuer das 'Zentrum fuer Medien und Interaktivitaet' in Giessen. (2009) Guy Simonow http://netzlaboranten.de
 */

@import url(defaults.css);

* {

	padding: 0;

	margin: 0;

}



body{

    font-size: 1em;

    font-family: 'trebuchet MS', Verdana, Arial, Helvetica, sans-serif; 

    }



a:link{

    color:  #0E36EF ; 

    Text-decoration: none;

    }

a:visited{

    color: #0E36EF ; 

    Text-decoration: none; 

    }



ol {

	list-style-type: upper-alpha;

	padding: 0 0 0 1em;

}

ol ol {

    list-style-type: decimal;

	padding: 0 0 0 1em;

}



#content a.extlink:link{

    padding-left: .8em; 

    color:  #0E36EF; 

    Text-decoration: none; 

    background: url(../images/external.png) no-repeat left; 

    }

#content a.extlink:visited{

    padding-left: .8em; 

    color:  #0E36EF;

    Text-decoration: none;

    background: url(../images/external.png) no-repeat left; 

    }

img{

    border-style: none; 

    }

img.materialIcon {

    margin: -5px .3em 0 0 ;

    

    }

h1{

    font-weight: bold; 

    font-family: Geneva, Arial, Helvetica, sans-serif;

    font-size: 1.5em;

    padding: 5px 0 4px 0; 

    }

h2  {

    font-family: Geneva, Arial, Helvetica, sans-serif;

    font-weight: bold; 

    font-size: 1.3em;

    padding: .8em 0 .8em 0; 

    color: #4F4A6B; 

    color: black;

  

}

h3{

    font-weight: normal; 

    font-size: 1.2em;

    color: #004080; 

    text-align: left; 

    padding: .8em 0 .8em 0; 

    color: black;    

    }

#lastupdate {

clear: both;

    display: block;

	padding: 1em 0 1em 1.8em;

	font-size: .8em;

}

#lastupdate #lastupdateUser, #lastupdate .uhr {

	display: none;

}

.maillink {

	padding: 0 0 0 20px;

	background: url(../images/icon_mail.gif) no-repeat left 3px ;

}

#plPerson .maillink {

	padding: 0 0 0 20px;

	background: url(../images/icon_mail.gif) no-repeat left 1px ;

}

#text ul, #plMetagruppe ul, #sgMetagruppe ul {

    margin: 0 0 0 1em;

    list-style-type: disc;

}

#sgMetagruppe h1 {

    margin: 0 0 .8em 0;

}



#sgMetagruppe  #metagruppe {

    display: none;	  

     	       }

#navi, #SubNav, #leftCol {

    display: none;

    } 	

#container{

    width: 1000px;

	margin: auto;

	padding: 0 0 .3em 0;
	
	
  


    }



#header{

    letter-spacing: normal;

    font-weight: normal; color: #b5bbe3;

    font-family: sans-serif; font-size: .9em;

    height: 152px; 

    background: white;

    padding: 0; 

    z-index: 1; 

    }

#header img{

    padding:0;

    margin:0; 

    }

#header a:visited{

    Text-decoration: none; 

    }

   

#navi2{

    float: right; 

    padding-top: 14px;

    z-index: 5; 

    }

#flashbanner{

	clear: both;

    padding:0;

    margin: 0 ; 

	height: 121px;

    }

#pageName {

	background: #A1B0D9;

	height: 31px;

	border-bottom: solid white 1px;

}

#pageName ul {

	list-style-type: none;

}	

#pageName ul li {

	float: left;

	height: 30px;

    border-right: solid white 1px;  

}

#pageName ul li a {

    display: block;

    color: #004080; 

    padding: .3em .8em .2em .8em;

    font-weight: bold;

    }

#pageName ul li a:hover,#pageName ul li .intLinkActive2, #pageName ul li .intLinkActive {

    background: #12379F;

	color: white;

	}

.intLinkActive {

    color: white !important;	

}	

#register{ 

    float: left;

    height: 900px;

    margin: 0;

    width: 159px;

    background: #c3cde8;

    } 

#register ul {

	list-style-type: none;

	border-top: solid white 1px;

	width: 149px;

	font-size: .9em;

}

#register h2{

	clear: both;

    font-size: .9em; 

    text-align: left;

    color: white; 

    text-indent: 0; 

    padding:2px 0 2px 4px;

    background: #7189c5;

    border: none; 

	}


#register ul li a, #rightCol ul li a {

    display: block;

    color: #004080; 

    border-bottom: solid white 1px;

    font-weight: bold;

	padding: 6px;

	width: 99%;
	
				background: #c3cde8;
				
				margin-right:30px;

}



#rightCol  ul li a {

    font-size: .9em;

    border: none;

	width: 80%;

}   

#register ul li a .intLinkActive {

	color: white !important;

}

#register ul li a:hover, #rightCol ul li a:hover {

    color: white;

	/* background: transparent !important; */

	}

#content{

    width: 690px; 

    margin: 0 0 0 160px; 

    padding: 0;

    font-size: .9em;

    line-height: 150%;

    background: white;

    border-right: solid white 1px;

    border-top: solid white 1px;

    }

#content ul {

    padding: .5em 0 0 1.8em;

}



#rightCol{

    position: absolute;

	margin: 0 0 0 850px;

    width: 149px;

    padding: 0; 

    background: #c3cde8;

    border-left: solid white 1px;

    }	

#rightCol ul {

	list-style-type: none;

}	

#rightCol h2{

	clear: both;

    font-size: .9em; 

    text-align: left;

    color: white; 

    text-indent: 0; 

    padding:2px 0 2px 4px;

    background: #7189c5;

    border: none; 

	}

#rightCol .textMaterial {

    float: left; 

    margin:7px;

    padding:0;

    } 

#text, #sgGruppe, #plGruppe, #sgTermin, #plTermin, #sgMetagruppe, #sgPerson, #plPerson {

    padding: 1em 1.5em 0 1.5em;

}

.gruppenelement {
    width: 50%;
    float: left;
} 
.gruppenelement #gruppenzugehoerig ul, .gruppenelement #metagruppenzugehoerig ul {
    border: solid gray 1px;
}

.gruppenelement #gruppenzugehoerig li, .gruppenelement #metagruppenzugehoerig li {
    border: none;
    padding: .2em 0 .2em .4em;
}

.gruppenelement #gruppenzugehoerig h2, .gruppenelement #metagruppenzugehoerig h2 {
    font-size: 1.2em;

}
 

#metagruppe { 

    display: block;

    font-size: .8em;

    margin: 0 0 .5em 0;

 }



/* personen */

#sgPerson h1 {

    padding: 1.5em 0 1.1em 0;

}

#sgPersonGruppe	h1{ 

    padding: 0; 

    font-size: .8em; 

    font-weight: 800; 

    text-indent: 2em;

    padding: 0; 

    letter-spacing: .4em;

    }						 

#sgPersonGruppe ul{

    list-style: none; 

    font-size: .8em;

    } 

#adresse {

    margin: 0 0 2em 2em; 

    border-bottom: gray 1px dotted;

    }

#adresse h2{

    border-bottom: gray 1px dotted;

    }

.label{

    background-color: #EEF3F9;

    float:right; 

    clear:both; 

    margin: 1em 0 1em 1em;

    color: white; 

    background: #004080;

    } 

#memberImg img{

    border: none; 

    width: 120px; 

    margin: -1px -7px 0  0em;

    float: right;

    }

#plPerson h3 {

    border-bottom: dotted 1px ;

    padding: 0;

    margin: .8em 0 .8em 0;

}

#plPerson h3 a{

    padding: 0 .3em 0 .3em;

    font-size: .9em;

}

#plPerson li {

    margin: .8em 0 .8em 0;

}

#plPerson  .buchstaben {

	display: block !important;

	margin-bottom: .8em;

	height: 1em;

   }

  



#plPerson .personKontakt {

    font-size: smaller;

    display: block; 

   }

#plPerson ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

#plPerson .buchstaben {

	  color: white;

	  }

/* personen END */



/* termine */

#sgTermin {

    padding-left: 1em; 

    }

#sgTermin .event img{

    float: right; 

    clear: right; 

    margin-left: .4em; 

    }

#sgTermin .event{

    text-align: left;

    }

#sgTermin .referent{

    color: gray; 

    font-weight: bold; 

    font-size: 1.1em;

    }

#sgTermin .titel{

    margin: 1em 0 1em;

    margin-right: 5em;

    font-weight: 600; 

    font-size: 1.4em; 

    }

#sgTermin .datum,.uhr,.ort,.veranstalter {

    font-weight: bold; 

    }

#sgTermin .typ{

    float: right; 

    border-bottom: dashed 1px gray;

    width: 9em;

    margin-bottom: .5em; 

    font-variant: small-caps;

    color: gray; 

    text-align: right;

    font-size:1.5em; 

    }

#sgTermin h1{

    font-size: 1.8em;

    margin: .3em 0 .6em 0; 

    padding:0; 

    }

#sgTermin h2{

    font-size: 1.2em; 

    font-weight: 800;

    margin: 0; 

    }

#sgTermin h3{

    color: #000; 

    font-weight: 800; 

    margin:0;

    }

#sgTerminImg{

    margin: 0 0 1em 2em; 

    float: right; 

    border: 8px solid; 

    border-color: #EEF3F9; 

    }

/* termine END */



/* footer */

#seitenFuss {

    clear: both;

    font-size: .8em;

    background: #c3cde8;

    text-align: center;

    width: 680px;

    margin: 10px 0 0 159px;

}

#footerlogin {

    width: 5em;

    float: right;

    margin: -1.4em -5em 0 0;

}







/* _cover */

#cover{
	padding: 0.5em;


	

    }

#cover #dossier{

	width: 690px;
	
	overflow: hidden;

    font-size: .8em;  

    font-weight: bold;	

    padding: 0 0 .9em 0; 

	margin: 0 0 0 0;

    }

#cover #dossier img{

    border:0; 

    padding:0; 

	margin: 0 0 0 -7px;

    }

#cover #dossier a{

    background: white; 

    

    }

#plBlog .blog{

    float: left;

    margin: 0 0 0 7px;

    }



.blog h2{

    font-size: 1em; 

    text-indent: 0; 

    color: white; 

    display: block;

    background: #12379F; 

    border: none;

    color: white; 

    padding: .3em;

    margin: 0 -.5em .5em -.5em;

    }



.blog p{

    padding: 0 .5em 0 .5em; 

    clear: both;

    }

.blog h1 a:link{

    color: #004080; 

    Text-decoration: none; 

    }

.blog h1 a:visited{

    color: #004080; Text-decoration: none; 

    }

.blog  a:link{

    color: #004080; 

    Text-decoration: none; 

    }

.blog  a:visited{

    color: #004080; 

    Text-decoration: none; 

    } 

.blogUser{

    color: black; 

    font-weight: 200;

    margin: 0;

    display: block;

    font-size: .8em; 

    text-align: right; 

    padding-right: 1em;

    background: transparent; color: #1A2D4E 

    }

    

/* home-kalender */

.calendar{

    margin:0;

    padding:0; 

    }

#calendarSmall{

    font-family: geneva, arial, sans-serif;

    text-align: center;

    color: #7b85c0; 

    clear:both;

    padding: 0em; 

    border: solid 0px #1A2D4E;  

    }

#calendarSmall table{

    font-size: .7em;

    width: 149px;

    margin:auto;  

    padding: 0; 

    }

#calendarSmall caption{

    font-size: 1.2em; 

    font-weight: bold; 

    color: white; 

    border: none;

    height: 1.5em;

    padding: .1em 0;

    background-color: #7189c5;

    }

#calendarSmall th{

    color: #7189c5; 

    border: none; 

    }

#calendarSmall td{

    padding: 0; 

    }

.dayofweek{

    border: none; 

    }

.calToday{

    color: #677bc0; 

    background-color: #b9bee4; 

    border: none

    }

/* gruppen */



#gruppenzugehoerig, #metagruppenzugehoerig{

    margin: 0 0 0 2em; 

    text-align: left; 

    float: none; 

    width: 90%;

    margin: auto;

    }

#gruppenzugehoerig h1, #metagruppenzugehoerig h1{

    background:  #12379F; 

    font-size: .8em; 

    text-align: center; 

    color: white;

    padding: 0;

    margin: 1em 0 0 0;

    }

#metagruppenzugehoerig ul, #gruppenzugehoerig ul {

    list-style-type: none;

    font-size: .8em; 

    padding: 0;

    margin: 0;

    }    

#gruppenzugehoerig ul li, #metagruppenzugehoerig ul li {

    text-align: left; 

    background: #F5F5F5;

    border: white solid 1px; 

    padding: 0 .3em 0 .3em; 

    }
/* Deko */



#eventAktuell{

    text-align: center; 

    font-size: 1.1em;

    background: #FF9900; border: none;

    }

#eventAktuell h1{

     font-size: 1em; 

     text-align: left;

     color: white; 

     margin: 0 0 0 0; 

     text-indent: 0;

     padding: 2px; 

     background: #7189c5;

     border: 0; 

     border-top: 1px white solid;

     font-family: sans-serif;

     }



#eventAktuell img{

    margin: 0; 

    width: 150px; 

    }

#eventAktuell h3{

    font-weight: 700;  

    }

#eventAktuell h2{

    font-size: 0.9em; 

    color: black; 

    padding: 0; 

    margin: 0;

    text-align: center; 

    }

#debug {

display:none;

}


.person-functions {
margin: 0 0 0 2em; 
}
#lastupdate {display: none;}


#svwp0 {
margin: 0 0 0 -8px;
padding: 0 ;
}