/* ************************************************************** */
/* ********* general appearance and corporate identity ********** */

.note
{
font-weight: bold;
color: Green;
}


body { /* default appearance of syndicated content */ 
	background-color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
}

body.edutech { /* edutech specific appearance */
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-image:  url(images/verlauf.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
	font-size: 0.8em;	
}

/* *** Header *** */

#head {
	top: 4px;
	left: 5px;
/*	border : thin dotted;*/
}

.logo {
	padding-bottom: 10px;
}

.education {
	position: absolute;
	top: 15px;
	left: 220px;
	font-family: Helvetica,  Arial, sans-serif;
	font-size: 0.9em;
	color: #0000B5;
	font-weight: bold;
}

#searchbar {
	position: absolute;
	top: 15px;
	right: 120px;
	margin-top: 10px;
	margin-right: 50px;
	margin-left: 60%
	float: right;
}

#searchbar a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 0.65em;
	text-align: center;
}


#searchbar a:hover {
	color: #FF602F;	
}


/* ************************************************************** */
/* ******************** menu/navigation ******************** */

#navigation{
	position: absolute;
	float: left;
	left: 2px;
	top: 70px;
	width : 180px;
/*	border : thin dotted;*/
}

#navigation li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: none;
	display: block; 
/*	border : thin dotted;*/
}	

#navigation li li{
	padding-top: 1px;
	padding-bottom: 1px;
	list-style-type: none;
	display: block; 
/*	border : thin dotted;*/
}	

#navigation li li a{
	margin-left : 0px;
	background-image: url(images/dot_blue.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-size: 0.9em;
	font-style: normal;
	color: #0000B5;
	text-decoration: none;
	padding-left : 12px;
	padding-right : 10px;
	padding-top : 2px;
	padding-bottom : 2px;

}
#navigation li li a:hover {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/dot_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-weight: bold;
}

#navigation li li a:active{
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/dot_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

#navigation li li a.active {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/dot_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-weight: bold;
}

#navigation li li span.active {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/dot_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left : 12px;
	padding-right : 10px;
	font-size: 0.9em;
	font-weight: bold;
	/*color: #0000B5;*/
}

#navigation ul {
	padding-left : 5px;
	margin-left : 5px;
/*	border : thin dotted Aqua;*/
}	

#navigation ul ul{
	padding-left : 5px;
	margin-left : 5px;
	/*font-size: 1em;*/
/*	border : thin dotted Aqua;*/
}	


#navigation a {
	margin-left : 0px;
	background-image: url(images/navarrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-size: 1em;
	font-style: normal;
	color: #0000B5;
	text-decoration: none;
	padding-left : 20px;
	padding-right : 10px;
	padding-top : 2px;
	padding-bottom : 2px;
}

#navigation a:hover {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/navarrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-weight: bold;
}

#navigation a:active{
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/navarrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}

#navigation a.active {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/navarrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	font-weight: bold;
}

#navigation span.active {
	color: #4EBA62;
	/*background-color: #E5E5F7;*/
	background-image:  url(images/navarrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left : 20px;
	padding-right : 10px;
	font-size: 1em;
	font-weight: bold;
	/*color: #0000B5;*/
}


#content {
	position: absolute;
	top: 70px;
	left: 180px;
	margin-right: 10px;
/*	max-width: 100%;*/
	margin-top: 8px;
/*	border : thin dotted;*/
}

/* for items on edutech/podcast */
.item {
    width: 60% ;
}


/* *** footer *** */

#footer {
	margin-top: 20px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #000000;
	text-align: center;
	max-width: 100%;
	margin-top: 15px;
	padding-top: 15px;
	margin-bottom: 30px;
	border-top-style : solid;
	border-top-color : Green;
	border-top-width : 1px;
}


#footnavigation {
	color: #0000B5;
	margin-bottom: 25px;
}

#footnavigation a{
	color: #0000B5;
	text-decoration: none;
			
}

#footnavigation a:hover{
	color: #34B04B;	
}


#feedback {
/*	font-style: italic; */
	color: #34B04B;
	margin-bottom: 10px;
}

#copyright {
/*	font-style: italic; */
	color: #34B04B;
	margin-bottom: 10px;
}

/*  *** news in right panel *** */
td.othersTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	background-color : White;
	padding-top : 3px;
	padding-bottom : 3px;
	font-weight : normal;
	color : Black;
}

td.channelTitle {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	background-color : #D4D7FF;
	padding-top : 3px;
	padding-bottom : 3px;
	border-bottom : 0px solid #D4D7FF;
	border-right : 1px solid #D4D7FF;
	border-left : 1px solid #D4D7FF;
	border-top : 1px solid #D4D7FF;
}

td.channelItem {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : #FCFCFF;
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 4px;
	padding-right : 4px;
   	border-bottom : 1px solid #D4D7FF;
	border-right : 1px solid #D4D7FF;
	border-left : 1px solid #D4D7FF;
	border-top : 0px solid #D4D7FF;
}

.title {
        color : #0000B5 ;
}

/* ************************************************************** */
/* ******************** general content tags ******************** */

input {
    font-size: 11px;
}

dt {
	font-weight: bold;
	color: #34B04B;
}
dd {
	margin-left: 0px;
}


h1 {
	color: #000099;
	font-size : 1.4em;
	margin-top : 0.1em;

	text-align : left;
	/*text-transform: uppercase;*/
}

h2 {
	/* color: #0000B5; */
	color: #000099;
	font-size : 1.3em;
	margin-top: 1.5em;
	margin-bottom: 0.4em;
}


h3 {
	color: #4343B5;
/*	color: #000000;*/
	font-size : 1.2em;
	margin-top : 0.9em;
	margin-bottom : 0.2em;
}

h4 {
	color: #434B5;
	font-size : 1em;
	font-weight : bold;
	margin-top : 0.8em;
	margin-bottom : 0.2em;
}



p {
	margin-top : 4px;
	margin-bottom : 4px;
}

a:link{
  color : #0000B5 ;
  text-decoration : none ;
}
a:visited{
  color : #54849A ;
  text-decoration : none ;
}
a:hover{
  color: #4EBA62; 
  text-decoration : none ;
}

a.tinylink{
	font-size : 0.8em;
}

table td{
  padding : 2px ;
  vertical-align: top;
}

th{
   color : #4343B5 ;
   text-align : left ;
   padding-bottom : 4px ;
}

td.mc,th.mc{	/* middle-centered */
	vertical-align : middle;
	text-align : center;
}

hr.long{
	margin-top : 30px;
	margin-bottom : 50px;
}

/* for table row shading */
.shaded{
    background : #DCDCDC ;
    padding : 2px ;
}

.alert{
	font-weight: bold;
	color: #ff0000;
}

div.anchorlink{ /* local link within same page */
 	font-size: small;
	padding-top : 4px;
	padding-bottom : 4px;
   	margin-top: 10px;
    	margin-bottom: 10px;

	font-size: 1em;

}


div.anchorlink a{
	/*background-color: #E5E5F7;*/
	text-decoration: none;
	/*padding-left: 10px;*/
	padding-right: 10px;
	/*font-weight: bold;*/
}

div.anchorlink a:hover{
	color: #34b04b;
}

div.anchorlink a:visited{
	color: #54849A;

}



div.anchortarget { /* target location of an anchorlink */
    	/*padding-top: 5px;*/
	padding-bottom: 5px;
	margin-top: 15px;
	/*margin-bottom: 5px;*/
	/*background-color : #BFE6C5;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #34b04b;

}

div.anchortarget a{
	/*padding: 10px 10px 10px;*/
	font-weight: bold;
	font-size: 1.1em;
	color: #34b04b;
}




div.anchorlink td{
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 10px;
}


div.anchorlink td a{
	
	text-decoration: none;
	padding-right: 10px;
	font-weight: normal;
}

div.anchorlink td a:hover{
	color: #34b04b;
	
}

div.anchorlink td a:visited{
	color: #5A81A2;
}



span.caption{
	color: Green;
	font-size : 0.8em;
	font-weight : bold;
}


#table {
	background-color:#CAFFC4;
	padding: 10px 5px 5px 10px;
	min-width: 30%;
	max-width: 550px;
	margin-bottom: 20px;
}


#table a {
	background color: transparent;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.65em;
	font-style: bold;
	color: #34B04B;
	font-weight: bold;
	text-decoration: none;
	line-height: 0.9em;
	background-image: none;
}


#table a:hover {
	background color: transparent;
	
	color: #FF602F;	
	background-image:  url(images/navpfeil_orange.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
	text-decoration: none;
	
}

div.disclaim { /* special disclaimer in content (not in footer) */
	text-align : center;
	padding-left : 10%;
	padding-right : 10%;
	margin-top: 2em;
	margin-bottom: 2em;
}

tt {
	font-size: 1.2em;
}

pre {
	font-size: 1.2em;
}

pre.sample {
	margin-left : 20px;
	padding: 4px;
	background-color : #CAFFC4;
}

.spaceylist li {
	margin-top : 6px ;
}


/* *************************************************************** */
/* ***************** page-specific content tags ****************** */


/* ***homepage*** */

table.edutechnews {

	border: 1px solid #595DB4;
}

#edutechintro table li {

	margin-left: -15px;
	padding-left: -15px;
/*	list-style-type: none; 
	display: block; 
	background-image:  url(images/bullet_start.gif);
	background-repeat: no-repeat;
	background-position: -4px 2px; */

}

/* *** Conferences and Events List *** */

div.event {
	padding-top : 0.5em;
	padding-bottom : 0.5em;
}

div.eventtit {
	font-weight : bold;
}


/* *** Toolbox / eLearning Resources *** */
table.menutable div.heading{
	font-weight : bold;
}

table.menutable div.entry{
	margin-left : 5px;
}

table.menutable td{
	text-align : left;
	vertical-align : top;
}

td.tbxproduct{
	text-align : left;
	vertical-align : top;
}

td.tbxdescr{
	text-align : left;
	vertical-align : top;
}


/* *** Service Providers (Programming, Hosting, Design) *** */

div.serviceprovider {
}

div.serviceprovider table{
	margin-bottom : 10px;
	margin-top : 10px;
	margin-bottom : 5px;
	padding-bottom : 5px;
}

div.serviceprovider td{
	padding-left : 10px;
	padding-right : 10px;
}

div.serviceprovider hr{
	color : Black;
}


/* ********************************************* */
#products table{
	background-color: #CAFFC4;
	/*margin: 8px;*/
	padding: 5px; 
	
}

#products td{
	padding: 6px;

}

table.syndicatedcontent{
	width : 70%;
	padding-top : 1em;
	padding-bottom : 1em;
	margin-top : 1em;
	margin-bottom : 1em;
}

table.syndicatedcontent td{
	text-align : left;
	vertical-align : top;
	padding-right : 5px;
	padding-left : 5px;
}

table.syndicatedcontent dl{
	margin-top : 0em;
}

table.syndicatedcontent dt{
	font-family : monospace;
	font-size : 1.1em;
}
table.syndicatedcontent dd{
	font-family : inherit;
	font-size : 0.8em;
}


/* *** Institutions *** */
div.institutions td{
	vertical-align : top;
}


/* *** Evaluation (from eval.css) *** */

H3.tdtitle { /* Title in a table row */
	margin-top : 12px;
	margin-left : 20px;
}

H4.tdtitle { /* Title in a table row */
	margin-top : 20px;
}

H4.report { /* Title in a table row */
        text-align : left;
        vertical-align : top;
        color : #696969;
        margin-top : 20px;
        margin-bottom : 10px;
}

P, ul, ol, td, dl, dt, dd {
	font-family : Arial, Helvetica, sans-serif;
}

pre{
	font-family : monospace;
}

P.alert {
	color : Red;
	margin-left : 5%;
	margin-right : 5%;
}

dt{
        font-weight : bold;
}

TD.cm {	/* Center-Middle */
	text-align : center;
	vertical-align : middle;
}

TD.cb {
	/* Center-Bottom */
	text-align : center;
	vertical-align : bottom;
}

TD.summary{ /*Top-Left */
        text-align : left;
        vertical-align : top;
}

tr.clevel2 td.ratingtxt{ /*Top-Left */
        text-align : left;
        vertical-align : top;
}

tr.clevel3 td.ratingtxt{
	/*Top-Left */
	text-align : left;
	vertical-align : top;
	color : #444444;
}

td.crittxt{ /*Top-Left */
        text-align : left;
        vertical-align : top;
}

tr.clevel3 div.definition{
	margin-left : 10px;
	color : #444444;
}


TD.tl { /* Top-Left */
	text-align : left;
	vertical-align : top;
}

TD.tl {
	/* Top-Left */
	text-align : left;
	vertical-align : top;
}

TD.lgray {
	/* Top-Left , light gray background */
	background-color : #DFDFDF;
	text-align : left;
	vertical-align : top;
}

TD.llgray {
	/* Top-Left , light-light gray background */
	background-color : #F7F7F7;
	text-align : left;
	vertical-align : top;
}

TD BLOCKQUOTE {
	margin-left : -20px;
	margin-top : -5px;
}

TD.showratingtxt{
	/* Top-Left */
	text-align : left;
	vertical-align : top;
	font-size : small;
}

A.bglink {
	background-color : #6300FF;
	color : White;
	font-weight : bold;
	text-decoration : none;
}

A.hidden {
	color : #DFDFDF;
}

A.editrating {
	color : White;
	background-color : Blue;
	font-size : xx-small;
	text-decoration : none;
	font-weight : bold;
	padding-left : 2px;
	padding-right : 2px;
	}

SPAN.stabilo {
	background-color : #e0e0e0;
}

div.smalllist {
	margin-left : 15px;
	margin-top : 1px;
	margin-bottom : 1px;
}

div.description {
	margin-left : 15px;
	color : Olive;
	font-size : x-small;
}

div.showevalcrit3 {
	margin-left : 15px;
	font-size : small;
}