/*--------------------------------------------*/
/*       CSS-Datei fuer Web-Projekt            */
/*                                            */
/*       Epilepsie-Forschung, Bielefeld       */
/*--------------------------------------------*/


/*---------- Grundlegende Seiteneinstellungen ------------*/

body {
	background-color:		#fbb716;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height: 			16px;
	color: 					#000000;
	margin-bottom: 		0px;
	margin-top: 			0px;
	margin-left: 			0px;
	margin-right: 			0px;
	height: 101%;
}

ul {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height: 			16px;
	color: 					#000000;
}

li {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height: 			16px;
	color: 					#000000;
}

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

hr {
	width: 					90%;
	color: 					#fbb716;
	height: 					1px;
}

/*---------- Eigene Classes fuer Seitenlayout---------------*/

.headline1 {
	background-color:		#313d77;
	color: 					#FFFFFF;
	padding-left: 			5px;
	padding-right: 		5px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
}

.headline2 {
	background-color: 	#FFFFFF;
	background-image: 	url(../img/top.jpg);
}

.headline3 {
	background-color: 	#ffc63e;
	border-left: 			solid 1px;
	border-left-color: 	#FFFFFF;
	border-right: 			solid 1px;
	border-right-color: 	#FFFFFF;
	padding-left: 			5px;
	padding-right: 		5px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#3c3d5b;
}

.spalte1 {
	background-color: 	#ffc63e;
	padding-top: 			5px;
	width: 					200px;
	height: 					100%;
}

.spalte2 {
	background-color: 	#f8dc93;
	border-left: 			solid 1px;
	border-left-color: 	#FFFFFF;
	border-right: 			solid 1px;
	border-right-color: 	#FFFFFF;
	padding-left: 			5px;
	padding-right: 		5px;
	padding-top: 			15px;
	padding-bottom: 		15px;
	width: 					510px;
	height: 					100%;
}

.spalte3 {
	background-color: 	#f8dc93;
	padding-top: 			10px;
	width: 					190px;
	height: 					100%;
}

.footer1 {
	height: 					40px;
	vertical-align: 		bottom;
	background-color: 	#ffd56c;
	border-left: 			solid 1px;
	border-left-color: 	#FFFFFF;
	border-right: 			solid 1px;
	border-right-color: 	#FFFFFF;
}

.footer2 {
	background-color: 	#313d77;
}

/*---------- Menue Classes ---------------*/

/*---------- erste Menueebene ------------*/

.menu1_no {
   width: 				190px;
   min-height: 		17px;
   font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				#000000;
	font-size: 			11px;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align: 		left;
	background-color: #ffd56c;
	border: 				1px solid;
	border-color: 		#FFFFFF;
}

.menu1_act {
   width: 				190px;
   min-height: 		17px;
   font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				#313d77;
	font-size: 			11px;
	font-weight: 		bold;
	text-decoration: 	none;
	text-align: 		left;
	background-color: #f8dc93;
	border: 				1px solid;
	border-color: 		#FFFFFF;
}

/*---------- Schriftfarbe Link auf Blau setzen, wenn dieser aktiv ist ------------*/

.menu1_act a.link1 {
	color: 				#313d77;
}

/*---------- zweite Menueebene ------------*/

/*---------- Container um das gesamte Untermenue ------------*/


.untermenue {
   width: 				190px;
   font-family: 		Verdana, Arial, Helvetica, sans-serif;
	color: 				#000000;
	font-size: 			11px;
	font-weight: 		normal;
	text-decoration: 	none;
	text-align: 		left;
	background-color: #ffd56c;
	border: 				1px solid;
	border-color: 		#FFFFFF;
}


/*---------- Hintergrundfarbe angeben ------------*/


.menu2_no {
	color: 				#000000;
	background-color: #ffd56c;
}

.menu2_act {
	color: 				#313d77;
	background-color: #f8dc93;
}

/*---------- Schriftfarbe Link auf Blau setzen, wenn dieser aktiv ist ------------*/

.menu2_act a.link2 {
	color: 				#313d77;
}

.menu_pix {
  height: 				3px;
  }
  
/*---------- Klassen fuer die divs um Pfeilbild und Menuetext, damit ------------*/
/*-----------der Text nicht unter das Bild umgebrochen wird ---------------------*/

.menu1_img {
	position: 			relative;
	top: 					5px;
	left: 				5px;
}

.menu1_text {
	position: 			relative;
	top: 					-5px;
	left: 				15px;
	width:				160px;
}

.menu2_img {
	position: 			relative;
	top: 					5px;
	left: 				15px;
}

.menu2_text {
	position: 			relative;
	top: 					-5px;
	left: 				25px;
	width:				160px;
}

/* ----------- Hover - Effekte fuer die Menue-Links ------- */  
  
a.link1:link {
	color: 				#000000;
	font-weight: 		bold;
	text-decoration: 	none;
}

a.link1:hover, a.link1:active {
	color: 				#313d77;
	font-weight: 		bold;
}  

a.link2:link {
	font-weight: 		normal;
	text-decoration: 	none;
}

a.link2:hover, a.link2:active {
	color: 				#313d77;
	font-weight: 		normal;
}  

/* -------------- Link f?uezeile oben mitte ------------------*/

a.link3:link, a.link3:active, a.link3:visited {
	color: 				#000000;
	font-weight: 		bold;
	text-decoration: 	none;
}

a.link3:hover {
	color: 				#3c3d5b;
	font-weight: 		bold;
}  

/* --------------- Link fuer Kontakt + Impressum ganz oben rechts --------------*/
  
a.link4:link, a.link4:active, a.link4:visited {
	color: 				#ffffff;
	font-weight: 		normal;
	text-decoration: 	none;
}

a.link4:hover {
	color: 				#fbb716;
	font-weight: 		normal;
}
  
/*------------ Menueebene ----------------*/

.menuebene1 {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	color: 				#000000;
}

/*------------ Classes fuer Textkasten mit �berschrift -------------*/

.ueberschrift1 {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	font-weight: 			bold;
	background-color: 	#fbb716;
	border: 					1px solid;
	border-color: 			#fbb716;
	color: 					#000000;
	width: 					96%;
	text-align: 			left;
	padding: 				1px;
}

.textkasten1 {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height: 			16px;
	background-color: 	#f8dc93;
	border: 					1px solid;
	border-color: 			#fbb716;
	width: 					96%;
	text-align: 			left;
	padding: 				2px;
}

/*------------ Classes fuer Textkasten mit �berschrift im Newsbereich-------------*/

.ueberschrift-news {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	font-weight: 			bold;
	background-color: 	#fbb716;
	border: 					1px solid;
	border-color: 			#fbb716;
	color: 					#ffffff;
	width: 					180px;
	text-align: 			left;
	padding: 				1px;
	position: 				relative;
	left: 					5px;
}

.text-news {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	line-height: 			14px;
	background-color: 	#f8dc93;
	border: 					1px solid;
	border-color: 			#fbb716;
	width: 					180px;
	text-align: 			left;
	padding: 				2px;
	position: 				relative;
	left: 					5px;
}

/*--------------------- Classes fuer den RTE ----------------------------*/

.bodytext {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height: 			16px;
	color: 					#000000;
}

.ueberschrift2 {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000000;
	font-weight: 			bold;
	text-align: 			left;
}

.ueberschrift3 {
   font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				14px;
	color: 					#000000;
	font-weight: 			bold;
	text-align: 			left;
}

a.internal-link:link, a.internal-link:active, a.internal-link:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.internal-link:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

a.external-link:link, a.external-link:active, a.external-link:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.external-link:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

a.external-link-new-window:link, a.external-link-new-window:active, a.external-link-new-window:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.external-link-new-window:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

a.internal-link-new-window:link, a.internal-link-new-window:active, a.internal-link-new-window:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.internal-link-new-window:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

a.download:link, a.download:active, a.download:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.download:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

a.mail:link, a.mail:active, a.mail:visited {
	color: 					#000000;
	text-decoration: 		none;
	border-bottom: 		1px solid;	
}

a.mail:hover {
	color: 					#313d77;
	text-decoration: 		none;
	border-bottom: 		1px solid;
}

/*------------------ Trenner fuer Abstand zwischen den Divs im Randbereich --------------------*/

.trenner1 {
	height: 					20px;	
}

/*------------------- Tabellen definieren ------------------------*/

.contenttable {
	border: 					1px solid;
	border-color: 			#fbb716;
}

.tdfirst {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	font-weight: 			bold;
	text-align: 			left;
	vertical-align: 		top;
	border: 					1px solid;
	border-color: 			#fbb716;
	color: 					#000000;
	background-color: 	#fbb716;
	padding: 				2px;
}    

.tdnormal {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	vertical-align: 		top;
	border: 					1px solid;
	border-color: 			#fbb716;
	color: 					#000000;
	padding: 				2px;
}

/*---------------- Bildunterschriften anpassen ------------------*/

.csc-textpic-caption {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
}

/*---------------- Rahmen um Bilderlinks entfernen -------------------*/

a.img-link:link, a.img-link:active, a.img-link:visited, a.img-link:hover {
	border: 					none;
	text-decoration: 		none;
}

.img-link {
	border: 					none;
	text-decoration: 		none;
}