/***************************************************************/
/*      RWTH Aachen - Startseite - 1280  V. 0.96
/*      Stand: 30.10.2007
/***************************************************************/


/* ***************** Allgemeine Formatierungen ********************/
html{
	height:			100%;
}

*{
	margin:			0px;
	padding:		0px;
}

body{
   background: white url("../images/desktop3.jpg");
   background-repeat: repeat;
   background-position: right top;
   #background-color:#039;
   color:			#FFF;
   font-family: 	Tahoma, Verdana, Arial, Helvetica;
   font-size:		95%;
   height:			100%;
}

#box{
	position: 		relative;
	min-height: 	100%;
	height:			auto !important; /* moderne Browser */
	height:			100%; /* IE */
}

.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:			#039;
}

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:			510px;
	top: 			42px;
	z-index:		4;
	margin:			0px 10px 0px 0px;
}

#logoplusbild{
	position: 	absolute;
	width: 		300px;
	height: 	195px;
	z-index: 	8;
	right: 		2px;
	top: 		2px;
}

#logo{
	position: 	absolute;
	width: 		300px;
	height: 	195px;
	z-index: 	8;
	right: 		2px;
	top: 		2px;
	float:		right;
	background-image: url(../images/logo1.gif); 
	background-repeat:no-repeat
}

#bild{
	position:	absolute;
	width:		400px;
	height:		273px;
	z-index:	1;
	right:		18%;
	top:		25%;
	top:		170px;
	float:		right;
	background-image: url(../images/leitseite-1280.jpg);
	background-repeat:no-repeat
}

#navigation{
	position: 	absolute;
	width: 		568px;
	height: 	300px;
	z-index: 	10;
	top: 		200px;
	right: 		650px;
	margin: 	0px 0px 0px 0px;
	padding: 	0px 0px 0px 0px;
	white-space: nowrap;
	float:		left;
}
#themen{
	white-space:	nowrap;
	width: 200px;
}

#zielgruppennavi{
	border-right:	1px solid #FFF;
	width: 368px;
}

#hilfen{
	position:		absolute;
	right:			900px;
	height:			30px;
	width:			210px;
	top:			500px;
	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;
}

#paein{
	color:				#6699cc;
	text-decoration:	none;
	position:		absolute;
	bottom:			-500px;
	right:			0px;
	text-align:     right;
	direction: 		rtl;
}

#paein a:link,
#paein a:visited{
	color:				#6699cc;
	text-decoration:	none;
}

#webcams{
	position:		absolute;
	right:			40px;
	height:			160px;
	top: 			500px;
	width:			610px;
	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;
	text-align: right;
}

#webcams a:link,
#webcams a:visited{
	color:				#FFF;
	font-size:			.75em;
	text-decoration:	none;
	padding-left: 		28px;
	#background-image:	url(../images/webcam.gif);
	#background-position:left 50%;
	#background-repeat:	no-repeat
}


/***************************************************************/
/*      Hilfebox (Suche, A-Z, Feedback, Telefonbuch)
/***************************************************************/

#hilfen a:link,
#hilfen a:visited{
	color:			#FFF;
	line-height:	2.1em;
	font-size:		.75em;
	padding:		0px 20px 10px 28px;
	margin:			0px 0px 0px 0px;
	text-decoration:none;
}

#hilfen td.suche{
	background-image: 	url(../images/suche.gif);
	background-position:left 50%;
	background-repeat: 	no-repeat
}

#hilfen td.abisz{
	background-image:	url(../images/abisz.gif);
	background-position:left 50%;
	background-repeat:	no-repeat
}

#hilfen td.sitemap{
	background-image: 	url(../images/sitemap.gif);
	background-position: left 50%;
	background-repeat: 	no-repeat
}

#hilfen td.personen{
	background-image:	url(../images/telefonbuch.gif);
	background-position:left 50%;
	background-repeat: 	no-repeat
}

#hilfen td.feedback{
	background-image: 	url(../images/feedback.gif);
	background-position:left 50%;
	background-repeat: 	no-repeat
}

#hilfen td.hilfe{
	background-image: 	url(../images/hilfe.gif);
	background-position:left 50%;
	background-repeat: 	no-repeat
}

#hilfen td:hover.suche{
	background-image: 	url(../images/suche_hover.gif);
}

#hilfen td:hover.abisz{
	background-image: 	url(../images/abisz_hover.gif);
}

#hilfen td:hover.feedback{
	background-image: 	url(../images/feedback_hover.gif);
}

#hilfen td:hover.hilfe{
	background-image: 	url(../images/hilfe_hover.gif);
}
#hilfen td:hover.sitemap{
	background-image:	url(../images/sitemap_hover.gif);
}
#hilfen td:hover.personen{
	background-image: 	url(../images/telefonbuch_hover.gif);
}


/***************************************************************/
/*      Sprachen
/***************************************************************/


#sprachen a:link,
#sprachen a:visited{
	color:			#FFF;
	font-size:		.75em;
	padding:		2px 25px 2px 23px;
	margin:			0px 0px 0px 0px;
	text-decoration:none;
}



#sprachen a.porsaj{
	background-image: 	url(../images/porsaj.gif);
	background-position:left;
	background-repeat: 	no-repeat
}

#sprachen a.suigle{
	background-image:	url(../images/suigle.gif);
	background-position:left 50%;
	background-repeat:	no-repeat
}

#sprachen a.rayanweb{
	background-image: 	url(../images/rayanweb.gif);
	background-position:left 50%;
	background-repeat: 	no-repeat
}



/***************************************************************/
/*      Zielgruppennavigation
/***************************************************************/

#zielgruppennavi ul{
}

#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;
}

#zielgruppennavi li a:hover,
#zielgruppennavi li a:focus,
#zielgruppennavi li a:active{
	color:			#1171b1;
	display:		inline;
	text-align:		right;
	padding-left:	7px;
	padding-right:	7px;
}

/***************************************************************/
/*      Themennavigation
/***************************************************************/

#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:focus,
#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:active{
	color:			#1171b1;
	display:		inline;
	white-space:	nowrap;
	padding-left:	7px;
	padding-right:	7px;
}

#themen li a.riz{
	color:			#eee;   
	font-size:		.76em;
	font-weight:	580;
	text-decoration:none;
	padding-left:	2px;
	padding-right:	2px;
	display:		inline;
	white-space:	nowrap;	
}

#themen li.riz{
	list-style: 	none;
	line-height:	1.2em;
	text-align:		left;
	padding:		5px 0px 2px 5px;
}

#themen li a.riz:hover,
#themen li a.riz:active{
	color:			#1171b1;
	display:		inline;
	white-space:	nowrap;
	padding-left:	2px;
	padding-right:	2px;
}