/* ==================================================================
Epson Microsites - Epsons Programm für Schulen (Education Aktion)
Spezial-CSS für Epsons Programm für Schulen
Datei: ms_education.css
Media: all

Datum: 06.11.2006
Autor: Agentur Grintsch (R.Forßmann)
Mail:	renate.forssmann@grintsch.com
Web:	www.grintsch.com

Aufbau:
1. Layoutbereiche
- Downloadbereich
- Text-/Contentbereich
- Infobereich
===================================================================== */


#divInfoWrapper {
	float: right;

	width: 256px;
	height: auto;
	background-color: #f5f8fd;
	padding-top: 0px;
}

/* ======================================================

	=1. Layoutbereiche
	
========================================================= */
a:hover,
a:focus,
a:active { color: #76b1dd }


#divLogo { margin-left: 10px; }

/* ============================================
	=Downloadbereich
=============================================== */
xxx#divDownloadWrapper .cntnr_img { border-color: #9ed3ee; }

		#divDownloadWrapper .cntnr_img p a:hover,
		#divDownloadWrapper .cntnr_img p a:focus,
		#divDownloadWrapper .cntnr_img p a:active,
		#divDownloadWrapper .cntnr_txt p a:hover,
		#divDownloadWrapper .cntnr_txt p a:focus,
		#divDownloadWrapper .cntnr_txt p a:active { color: #76b1dd }


/* ============================================
	=Text-/Contentbereich
=============================================== */
#divContWrapper {
	xxxbackground: url(../img/bg_content.jpg) no-repeat right bottom;

}


	#divContWrapper ul li {
		line-height: 16px;
		margin-bottom: 4px;
	}


	#divContWrapper ul.lnk_lst,
  #divContWrapper ul.newlnk_lst {
		margin: 0px 0px 24px 0px;
	
	}

	#divContWrapper ul.lnk_lst li {
		line-height: 24px;

		background-image: none;
		padding-left: 0px;
	}

  #divContWrapper ul.newlnk_lst li {
    line-height: 16px;
  	background: url(/fileadmin/templates/media/images/buttons/small_doublearrow_right.gif) no-repeat 0px 5px;
  	margin: 0px 0px 0px 0px; 
  }


	#divContWrapper ul.lnk_lst li a {
		text-decoration: none;
		margin-left: 10px;
	}	

  #divContWrapper ul.newlnk_lst li a {
		text-decoration: none;
	}	


	#divContWrapper p.note {
		font-size: 9px;
	}


	#divContWrapper p.ext_lnk a {
		font-weight: bold;
		text-decoration: none;
		margin-left: 10px;
	}



/* ============================================
	=Infobereich
=============================================== */
#divInfoWrapper {
	background-color: #EFEFFF;
}

	#divInfoWrapper h2 {
		margin-bottom: 16px;
	}

	#divInfoWrapper h3 {
		color: #ffffff;

		background-color: #d6d6fd;
		padding: 4px 16px;
		margin: 16px 0px;

	}
	
	#divInfoWrapper p { margin-bottom: 8px; }
	

/* ============================================
	=Registrierungsformular
=============================================== */
#divWrapperRegForm p.accept {
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid #EFEFFF;
	margin: 0px 10px 8px 10px;
}

#divWrapperRegForm fieldset {
	border: 1px solid #EFEFFF;
	xxxborder-top: none;
}

#divWrapperRegForm legend {
	color: #ffffff;

	width: 368px;
	background-color: #d6d6fd;
	padding: 4px 16px;
	border: none;
	margin: 12px 0px;
}

#divWrapperRegForm textarea,
#divWrapperRegForm select,
#divWrapperRegForm input {
	background-color: #EFEFFF;
	border-color: #EFEFFF;
}

#divWrapperRegForm textarea {
	width: 400px;
	height: 100px;
	margin: 8px 0px;
}

#divWrapperRegForm input.inpt_bttn {
	color: #FFFFFF;
	
	background-color: #d6d6fd;
}