/***************************************************************/
/*      RWTH Aachen - Startseite-1024  V. 0.965
/*      Stand: 21.11.2008
/***************************************************************/


/* ***************** Allgemeine Formatierungen ********************/
html{
	height:			100%;
}

*{
	margin:			0px;
	padding:		0px;
}

body{
	background-color:#003399;
	color:			#FFF;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
	font-size:		95%;
	height:			100%;
}


.u,
.print{
	position:		absolute;
	left:			-3000px;
	width:			1px;
	height:			1px;
}

img{
	border:			none;
}

hr{
	clear:			both;
	visibility:		hidden;
}

p.letzter{
	margin-bottom:	20px;
}

h2{
	font-size:		1.07em;
	margin-bottom:	15px;
	border-bottom:	1px solid #039;
	color:			#003399;
}

h3{
	font-size:		1.00em;
	margin-bottom:	6px;
	color:			#039;
}

h4{
	font-size:		.92em;
	margin-bottom:	6px;
	color:			#000;
}

/***************** Positionierungen der Elemente ************/

#sprachen{
	position:		absolute;
	right:			3%;
	top:			5%;
	top:			28px;
	z-index:		4;
	float:			right;
	padding:		0px 10px 0px 28px;
	height:			16px;
}

#logoplusbild{
 	position: 		absolute;
 	width: 			400px;
 	height: 		340px;
 	z-index: 		8;
 	right: 			52%;
 	top: 			15%;
 	top: 			100px;
	float:			left;
}

#logoplusbild-english{
 	position: 		absolute;
 	width: 			400px;
 	height: 		340px;
 	z-index: 		8;
 	right: 			50%;
 	top: 			15%;
 	top: 			100px;
	margin-left:	5px;
	float:			left;
}

#logo{
 	position: 		absolute;
 	width: 			250px;
 	height: 		69px;
 	z-index: 		8;
 	left: 			20px;
 	top: 			0px;
	float:			left;
	background-image: url(http://www.rwth-aachen.de/custom/img/weblogo-1024en.jpg);
	background-repeat:no-repeat
}

#logo-english{
 	position: 		absolute;
 	width: 			250px;
 	height: 		69px;
 	z-index: 		8;
 	left: 			20px;
 	top: 			0px;
	float:			left;
	background-image: url(http://www.rwth-aachen.de/custom/img/weblogo-1024en.jpg);
	background-repeat:no-repeat
}

#bild{
	position:		absolute;
	width:			360px;
	height:			250px;
	z-index:		1;
	left:			20px;
	xleft:			105px;
	top:			70px;
	float:			left;
	background-image: url(http://www.rwth-aachen.de/custom/img/leitseite/1024.jpg);
	background-repeat:no-repeat;
}

#campus{
	position:	absolute;
	width:		380px;
	height:		70px;
	z-index:	1;
	right:		52%;
	top:		77%;
	float:		left;
	background-image: url(http://www.rwth-aachen.de/custom/img/campus-logo-140.jpg);
	background-repeat:no-repeat;
}

#campus_en{
	position:	absolute;
	width:		360px;
	height:		70px;
	z-index:	1;
	right:		52%;
	top:		77%;
	float:		left;
	background-image: url(http://www.rwth-aachen.de/custom/img/campus-logo-140.jpg);
	background-repeat:no-repeat;
}

#einblendung{
	position:	absolute;
	width:		380px;
	height:		70px;
	z-index:	1;
	right:		52%;
	top:		77%;
	float:		left;
	background-image: url(http://www.rwth-aachen.de/custom/img/campus-logo-140.jpg);
	background-repeat:no-repeat;
}

#einblendung_en{
	position:	absolute;
	width:		360px;
	height:		70px;
	z-index:	1;
	right:		52%;
	top:		77%;
	float:		left;
	background-image: url(http://www.rwth-aachen.de/custom/img/campus-logo-140.jpg);
	background-repeat:no-repeat;
}

#navigation{
	position: 		absolute;
	width: 			400px;
	height: 		280px;
	z-index: 		8;
	top: 			25.5%;
	top: 			160px;
	right: 			2%;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	white-space: 	nowrap;
	background-color: #039;
}

#zielgruppennavi{
	position: 		absolute;
	width: 			200px;
	height: 		265px;
	z-index: 		10;
	left: 			0px;	
	top: 			0px;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	white-space: 	nowrap;
	border-right:	1px solid #FFF;
}

#zielgruppennavi_en{
	position: 		absolute;
	width: 			200px;
	z-index: 		10;
	left: 			0px;
	top: 			0px;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	white-space: 	nowrap;
}

#themen{
	position: 		absolute;
	width: 			180px;
	height: 		215px;
	z-index: 		5;
	left: 			200px;
	top: 			0px;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	white-space: 	nowrap;
}

#themen_en{
	position: 		absolute;
	width: 			200px;
	height: 		290px;
	z-index: 		5;
	left: 			200px;
	top: 			0px;
	margin: 		0px 0px 0px 0px;
	padding: 		0px 0px 0px 0px;
	white-space: 	nowrap;
	border-left:	1px solid #FFF;
}

#hilfen{
	position:		absolute;
	right:			5%;
	height:			60px;
	width:			225px;
	bottom:			18px;
	z-index:		3;
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	font-size:		.75em;
	font-weight:	300;
	line-height:	2.2em;
	display: inline;
	list-style: none;
}

#hilfeblock1{
	height:			55px;
	width:			85px;
	z-index:		3;
	margin:			0px 0px 0px 0px;
	display:		block;
	float:			right;
}

#hilfeblock2{
	height:			55px;
	width:			85px;
	z-index:		3;
	margin:			0px 0px 0px 0px;
	display:		block;
	float:			right;
}


#impressum{
	position: 		absolute;
	width: 			400px;
	height: 		27px;
	z-index: 		8;
	right: 			51%;
	top: 			93%;
	padding: 		0px 0px 0px 5px;
}

#impressum a:link,
#impressum a:visited{
	color:			#FFF;
	font-size:		.75em;
	text-decoration: none;
	background-color:#039;
	padding-left: 	10px;
}

#webcams{
	position: 		absolute;
	width: 			114px;
	height: 		27px;
	z-index: 		8;
	right: 			69%;
	top: 			93%;
}

#webcams a:link,
#webcams a:visited{
	color:			#FFF;
	font-size:		.75em;
	text-decoration: none;
	padding-left: 	28px;
	background-image: url(http://www.rwth-aachen.de/custom/img/webcam.gif);
	background-position:  left 50%;
	background-repeat: no-repeat
}


/***************************************************************/
/*      Hilfebox (Suche, A-Z, Feedback, Telefonbuch)
/***************************************************************/

#hilfen a:link,
#hilfen a:visited{
	color:			#fff;
	font-size:		.95em;
	padding-left:		25px;
	margin:			0px 0px 0px 0px;
	text-decoration: none;
}
#hilfen li a:link,
#hilfen li a:visited{
	color:			#fff;
	font-size:		.95em;
	padding-left:		25px;
padding-top: 5px;
padding-bottom: 5px;
	margin:			0px 0px 0px 0px;
	text-decoration: none;
}

#hilfen a.suche{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/suche.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen a.abisz{
	background-image:	url(http://www.rwth-aachen.de/custom/img/abisz.gif);
	background-position: left 50%;
	background-repeat:	no-repeat
}

#hilfen a.sitemap{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/sitemap.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen a.personen{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/telefonbuch.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen a.feedback{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/feedback.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen a.hilfe{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/hilfe.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen a:hover.suche{
	background-image: url(http://www.rwth-aachen.de/custom/img/suche_hover.gif);
}

#hilfen a:hover.abisz{
	background-image: url(http://www.rwth-aachen.de/custom/img/abisz_hover.gif);
}

#hilfen a:hover.feedback{
	background-image: url(http://www.rwth-aachen.de/custom/img/feedback_hover.gif);
}

#hilfen a:hover.hilfe{
	background-image: url(http://www.rwth-aachen.de/custom/img/hilfe_hover.gif);
}
#hilfen a:hover.sitemap{
	background-image: url(http://www.rwth-aachen.de/custom/img/sitemap_hover.gif);
}
#hilfen a:hover.personen{
	background-image: url(http://www.rwth-aachen.de/custom/img/telefonbuch_hover.gif);
}



/***************************************************************/
/*      Sprachen
/***************************************************************/

#sprachen a:link,
#sprachen a:visited{
	color:			#fff;
	font-size:		.75em;
	padding:		2px 20px 2px 28px;
	margin:			0px 0px 0px 0px;
	text-decoration: none;
}


#sprachen a.english{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/english.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#sprachen a.nederlands{
	background-image:	url(http://www.rwth-aachen.de/custom/img/nederlands.gif);
	background-position: left 50%;
	background-repeat:	no-repeat
}
#sprachen a.german{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/german.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#sprachen a.intern{
	background-image: 	url(http://www.rwth-aachen.de/custom/img/rwthintern.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

/* ***************** Sprachen - Ende  ****************/


/* ***************** Zielgruppennavigation - Anfang********************/

#zielgruppennavi ul{
	white-space:	nowrap;
}

#zielgruppennavi li{
	list-style: 	none;
	line-height:	1.2em;
	text-align:		right;
	padding:		8px 5px 2px 0px;
}

#zielgruppennavi li a:link,
#zielgruppennavi li a:visited{
	color:			#FFF;   
	font-size:		.76em;
	font-weight:	600;
	text-decoration: 	none;
	padding-left:	7px;
	padding-right:	7px;
	display:		inline;
	white-space:	nowrap;	
}

#zielgruppennavi li a:hover,
#zielgruppennavi li a:focus,
#zielgruppennavi li a:active{
	color:			#C00;
	display:		inline;
	white-space:	nowrap;
	padding-left:	7px;
	padding-right:	7px;
}

#zielgruppennavi_en li{
	list-style: 	none;
	line-height:	1.2em;
	text-align:		right;
	padding:		8px 5px 2px 0px;
}

#zielgruppennavi_en li a:link,
#zielgruppennavi_en li a:visited{
	color:			#FFF;   
	font-size:		.76em;
	font-weight:	600;
	text-decoration: none;
	padding-left:	7px;
	padding-right:	7px;
	display:		inline;
	white-space:	nowrap;	
}

#zielgruppennavi_en li a:hover,
#zielgruppennavi_en li a:focus,
#zielgruppennavi_en li a:active{
	color:			#C00;
	display:		inline;
	white-space:	nowrap;
	padding-left:	7px;
	padding-right:	7px;
}

/*********************** Zielgruppennavigation - Ende *****************************/
/*********************** Themennavigation - Anfang    *****************************/

#themen ul{
	white-space:	nowrap;
}

#themen li{
	list-style: 	none;
	line-height:	1.2em;
	text-align:		left;
	padding:		8px 0px 2px 5px;
}

#themen li a:link,
#themen li a:visited{
	color:			#FFF;   
	font-size:		.76em;
	font-weight:	600;
	text-decoration: 	none;
	padding-left:	7px;
	padding-right:	7px;
	display:		inline;
	white-space:	nowrap;	
}

#themen li a:hover,
#themen li a:focus,
#themen li a:active{
	color:			#C00;
	display:		inline;
	white-space:	nowrap;
	padding-left:	7px;
	padding-right:	7px;
}

#themen_en li{
	list-style: 	none;
	line-height:	1.2em;
	text-align:		left;
	padding:		8px 0px 2px 5px;
}

#themen_en li a:link,
#themen_en li a:visited{
	color:			#FFF;   
	font-size:		.76em;
	font-weight:	600;
	text-decoration: none;
	padding-left:	7px;
	padding-right:	7px;
	display:		inline;
	white-space:	nowrap;	
}

#themen_en li a:hover,
#themen_en li a:focus,
#themen_en li a:active{
	color:			#C00;
	display:		inline;
	white-space:	nowrap;
	padding-left:	7px;
	padding-right:	7px;
}



