@import url(http://www.hsf.org.ph/new_hsfmnl/screen.css);

/* CSS Datei www.hss.de für Internet Explorer und Netscape/Mozilla ab Version 6 */
/* d|a AG Unterhaching - GC - JH */


/* important layer definition for moveIt - otherwise it doesnt work!!!!!!!*/
#divTest	{
	position:relative;
	left:100px;
	top:-100px;
	}
#testMap	{
	position:relative;
	left:0;
	top:0;
	}
/* /layer definition for moveIt */



/* begin text styles */
	
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
	}


.link {clear:left;}

h1, h2, h3, h4, .copytext, .tbltext, .tblhead, .copytext1 { 
	line-height:16px;
	margin:0 12px 0 15px;
	}


.trechts h1, .trechts h2, .trechts h3, .trechts h4, .trechts .copytext, .trechts .tbltext, .trechts .tblhead { 
	margin:0 12px 0 12px;
	}

.copytext p { 
	margin:0;
	} /*  weil der RedDot Text-Editor keine Klassen erlaubt und manchmal einen <p> um Text herum hinzufügt */
	
.copytext1 p { 
	margin:0;
	font-size: 12px;
	}

div.copytext {
	margin-bottom:20px;
	}

.apartner .copytext, .kastenlink .copytext {
	margin-bottom:0px;
	}

h1 {
	font-size:12px;
	font-weight:bold;
	margin:2px 12px 2px 13px;
	-moz-opacity:0.99;
	}

.trechts h1 {
	margin:2px 12px 2px 10px;
	}


h2	{
	font-size:12px;
	font-weight:bold;
	/*padding-top:5px; */
	}

h3	{
	font-size:11px;
	font-weight:bold;
	clear:right;
	} /*  clear:right ist für Linkkästen da, damit sie auf jeden Fall unter den Teaser-Bilder erscheinen*/

h4	{
	font-size:11px;
	font-weight:bold;
	}

.copytext	{
	font-size:11px;
	clear:left;
	/*padding-bottom:8px; */
	} /* because in the RedDot Text-Editor you cannot use classes */
	
.tbltext	{
	font-size:11px;
	}
	
.tblhead	{
	font-size:11px;
	font-weight:bold;
	}		
	
 /*tbody {
	margin-right:9px;
	margin-left:9px;
	} because in the RedDot Text-Editor you cannot use classes inside tables, and they always use a tbody tag, the only place this tag is used */

.footer {
	font-size:10px;
	color:#666;
	}
	
ul { 							/* - unordered list - */
	margin-top:0;				/* - no margin-left/margin-right here! - */
	margin-bottom:0;
	}	
	
li {							/* - list item - */
	margin:0 5px 5px -15px;
	}		
	
/*end text styles */

/* begin link styles */

a, a:link, a:visited	{
 	color:#333; 
	text-decoration:none 
	}
a:hover, a:active {
 	color:#333; 
	text-decoration:underline 
	}

.tcontent a, .tcontent a:link, .tcontent a:visited	{
	text-decoration:underline;
	}

.linkkasten a, .linkkasten a:link, .linkkasten a:visited	{
	text-decoration:none;
	}
.linkkasten a:hover, .linkkasten a:active	{
	text-decoration:underline;
	}	


/*end link styles */


/* begin table styles  */

td {
	font-size:11px;
	}

	
th {	/* nur für Datentabellen */
	text-align:left;
	font-weight:bold;
	}

	
.theadline-hellblau	{
	background-color:#C9DDF6; 
	-moz-opacity:0.40;
	color:#074895;
	/*filter:alpha(opacity=10);*/ 
	}	 

.theadline-blau	{
	background-color:#CBE1EF;
	color:#000;
	-moz-opacity:0.40;
	}  /* Headline-Balken für Seiten die allgemein gültig sind */

.theadline-gruen	{
	background-color:#C4E380;
	color:#000;
	-moz-opacity:0.40;
	}  /* Headline-Balken für Seiten die allgemein gültig sind */

.theadline-gray	{
	background-color:#CCCCCC;
	color:#000;
	-moz-opacity:0.40;
	}  /* Headline-Balken für Seiten die allgemein gültig sind */


.tcontent	{
	background-color:#fff;
	}  /* white background for the main column */

.bildzeile {clear:right;}

/* für den Linkkasten */	

.trechts .linkkasten	{
	background-color:#fff2dc;
	margin-bottom:20px;
	width:138px;
	} 
	
	
.tcontent .linkkasten	{
	background-color:#efefef;
	margin-bottom:20px;
	clear:right;
	} 


.tbright {
	background-color:#fff2dc;
		} /* für merkzettel.asp */

	
.twhite	{
	background-color:#fff;
	height:2px;
	font-size:2px;
} /* just white, für unterhalb der Kastenüberschriften */

.twhiteb	{
	background-color:#fff;
	height:1px;
	font-size:1px;
} /* just white, für unterhalb der Kastenüberschriften */

.kastenlink	{
	border-bottom:1px solid white;
	clear:right;
	}

 /* /für den Linkkasten */	

 
/* Ansprechpartnerkasten */	
 
.apartner {
	background-color:#e5effa;
	}

div.apartner {
	margin-top:7px;
	margin-bottom:4px;
	width:138px;
	}
 
/* /Ansprechpartnerkasten */

	
.tgray	{
	background-color:#adadad;
	} /* gray */

	
/* Farben für die Seminardatenbank-Tabelle  */
.merkzettel	{
	background-color:rgb(255,251,237);
	}
.seminarzeile0	{
	background-color:rgb(243,250,250);
	}
.seminarzeile1	{	
	background-color:#fff;
	}
/* /Farben für die Seminardatenbank-Tabelle  */


/* Farben für die Projektland-Tabelle  */
.projekt {clear:right;} 
/* damit es unter dem Bild landet, wenn auch ein Bild eingepflegt werden sollte */

.projektzeile0	{
	background-color:#F3FAFA;
	}
.projektzeile1	{	
	background-color:#fff;
	}
/* /Farben für die Projektland-Tabelle  */

.zeile0	{
	background-color:#F3FAFA;
	}
.zeile1	{	
	background-color:#fff;
	}

/* Farben für die Projekt-Länder-Tabelle  */
.projektland {
	padding-left:12px;
	}
.projektland .zeile0	{
	background-color:#ffc;
	}
.projektland .zeile1	{	
	background-color:#fff;
	}
/* /Farben für die Projekt-Länder-Tabelle  */	
	
/* end table styles */


#suchbox	{
	width:400px;
	height:73px;
	background-image: url(philmap.gif); background-position: top right;
	background-repeat:no-repeat;

	border:0px dotted red;
	}


/* Formelemente */

.button, .button2, .button-text {
	font-size:11px;
	}
	
/*türkis border*/
.button {
	color:#333;
	background-color:#fff;
	border-top:1px solid #8dc9c9;
	border-right:2px solid #8dc9c9;
	border-bottom:1px solid #8dc9c9;
	border-left:1px solid #8dc9c9;
	}

/*graue border*/
.button2 {
	color:#333333;
	background-color:#ffffff;
	border:#c0c0c0 1px solid;
	} /* by David*/

	
/*rahmenlos*/
.button-text {
	border-width:0;
	background-color:transparent;
	width:35px;
	height:15px;
	vertical-align:bottom;
	cursor:pointer;
	}
	
input.radiof7f7f7	{
	margin-right:5px;
	}
input.radiof0f0f0	{
	margin-right:5px;
	}

.selectbox {
	width:300px;
	font-size:12px;
	color:#333;
	margin:0 2px 8px 0;
	padding:0;
	}	
		
.selectbox-thema, .selectbox-monat, .selectbox-ort, .selectbox-plz {
	font-size:12px;
	color:#333;
	margin:0 2px 8px 12px;
	padding:0;
	}	
.selectbox-thema {
	width:255px;
	}	
.selectbox-monat {
	width:85px;
	}
.selectbox-ort {
	width:110px;
	}
.selectbox-plz {
	width:250px;
	}				
	
.eingabefeld-suche {
	width:250px;
	font-size:11px;
	color:#333;
	padding:1px 0 2px 2px;
	border:1px solid #c0c0c0;
	background-color:#ffffff;
	}
	
.eingabefeld, .eingabefeld50, .eingabefeld150, .eingabefeld241 {
	font-size:12px;
	color:#000;
	margin:0 0 8px 0;
	padding:1px 0 2px 2px;
	border:#8DC9C9 1px solid;
	}
.eingabefeld {
	width:300px;
	}	
.eingabefeld50 {
	width:50px;
	}
.eingabefeld150 {
	width:150px;
	}	
.eingabefeld241 {
	width:241px;
	}
	
.textfeld {
	width:300px;
	height:57px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#000;
	margin:0 0 4px 0;
	padding:0 2px 2px 2px;
	border:#8DC9C9 1px solid;
	overflow:auto;
	scrollbar-face-color:#CBE1EF; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-highlight-color:#FFF; 
	scrollbar-3dlight-color:#8dc9c9; 
	scrollbar-darkshadow-color:#8dc9c9; 
	scrollbar-track-color:#EEE; 
	scrollbar-arrow-color:#000; 
	}

.textfeldlang {
	width:300px;
	height:107px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#000;
	margin:0 0 4px 0;
	padding:0 2px 2px 2px;
	border:#8DC9C9 1px solid;
	overflow:auto;
	scrollbar-face-color:#CBE1EF; 
	scrollbar-shadow-color:#FFF; 
	scrollbar-highlight-color:#FFF; 
	scrollbar-3dlight-color:#8dc9c9; 
	scrollbar-darkshadow-color:#8dc9c9; 
	scrollbar-track-color:#EEE; 
	scrollbar-arrow-color:#000; 
	}

	
.formbutton {
	width:120px;
	font-size:12px;
	color:#666;
	margin:0 0 0 25px;
	padding:0;
	border-top:1px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #ccc;
	background:#f7f7f7;
	}		
/* /Formelemente */			

.archivbild	{
	margin-left:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#666;
	text-align:justify; /* alternativ: text-align:right; */
	float:right;
	}	
	
.marginbild {
	margin-left:20px; 
	margin-bottom:20px;
	float:right; 
	clear:right;
	}