@charset "iso-8859-2";
/***	Alles auf 0 ***/
* { 
	padding: 	   		0; 
	margin: 			0; 
	border:				0; 
	font-size:  		100.01%;
	
}

/***	Schrift, SchriftgrA¶sse, Hintergrundfarbe der Seite ***/
body {
	font-family: "Times New Roman", Times, serif;
    background-color: 	#fff;
}

/***	Der Rahmen, 1000 Pixel mittig gesetzt ***/
#wrapper {
	margin: 			0 auto;
	width: 				90%;
	background-image: 	url(../images/background/bg1000-left-druck.gif);
	padding: 0 0 0 0.625em;
	background-repeat: repeat-y;
}
#leftcolumn {
	display: none;
}
#bg-right {
	background-image:url(../images/background/bg-right-print.gif);
	background-repeat:repeat-y;
	background-position:right;
	width: 100%;
}
	
/***	Kopfbereich ***/
#header {
	color: 				#5c5c5c;
	width: 				100%;
	float: 				left;
}

/***	Hintergrund Kopfbereich, doppelt, damit bei Größenänderung keine Darstellungsfehler entstehen ***/
#headerbackground {
	background-repeat:  no-repeat;
	background-image: url(../images/background/bg-oben-unterseite-grau136.gif);
	background-position:top left;
 }
 
 #headerbackground-right {
	background-image: url(../images/background/bg-oben-unterseite-grau136-2.gif);
	background-position:top right;
	background-repeat:no-repeat;
	}
/***	Schriftzug Ruhr-Universität linke Seite ***/
.schriftzug {
	padding: 1.5em 0 0 0.625em;
} 

/***	Logo rechte Seite ***/
.logorub {
	float:				right;
	width: 				102px;
	height: 			136px;
	}
/***	Metanavigation ***/
#metanavigation {
	display: none;
}


/*** Inhaltsbereich ***/
#content {
	float: 		left;
	color: 		#5c5c5c;
	width: 		95%;
	display: 	inline;
}
#inhaltsbereich  {
	padding: 0 0.625em;
}

/*** Fusszeile ***/
#footer {
	width: 			95%;
	clear: 			both;
	color: 			#5c5c5c;
	padding: 		1%;
	border-top: 	#8dae10 solid 1px;
	border-bottom: 	2px solid #ccc;
}
/*** Inhalt Fusszeile ***/
#footer a:link,#footer a:visited {
	text-decoration:none;
	color:	#5c5c5c;
	font-size: 1em;
	}
#footer a:hover {
	text-decoration:underline;
	}
#fusszeilentext {font-size: 0.689em;}

#inhalt-zweispalten {
	width:100%;
}
#inhalt-zweispaltenlinks {
	float:left;
	width:48%;
	padding:0em 2% 1em 0;
}
#inhalt-zweispaltenrechts {
	padding:0em 0em 1em 2%;
	overflow:hidden;
	width: 48%;
}


/***	Hauptueberschrift Seite unter Ruhr-Universitaet Bochum ***/	
#header h1 {
	margin:				0;
	padding: 	 		0.625em 0 0 0.375em;
	color: 				#8dae10;
	font-size: 			1.5em;
	text-transform: 	uppercase;
}
/* Zweite Überschrift im Kopfbereich */
#header h2 {
	margin:				0;
	padding: 			0.325em 0 0 0.625em;
	color: 				#003560;
	font-size: 			1em;
	text-transform: 	uppercase;
}
/* Optional Dritte Überschrift im Kopfbereich */
#header h3 {
	margin:				0;
	padding: 			0.625em 0 0 1em;
	color: 				#003560;
	font-size: 			0.875em;
	text-transform: 	uppercase;
}
/*** Wo bin ich ***/
#history {
	width: 				95%;
	padding: 			0.625em 0.625em 0.625em 0.625em;
	color:				#626262;
	float: left;
}
#history a
{
	text-decoration:	none;
	color:				#5c5c5c;
}
#history a:hover {
	text-decoration:	underline;
}
#wo_bin_ich {
	font-size: 0.689em;
	}


#sprache {
	width: 				12em;
	float:				right;
	text-align:			right;
}
#sprache a{
	font-size: 0.689em;
}
.flagge-englisch-vor {
	background-image:		url(../images/icons/fl_english.gif);
	background-position: 	left;
	background-repeat:		no-repeat;
	padding-left: 			1.5em;
}
.flagge-deutsch-vor {
	background-image:		url(../images/icons/fl_deutsch.gif);
	background-position: 	left;
	background-repeat:		no-repeat;
	padding-left: 			1.5em;
}

#inhaltsbereich img {
	padding: 0;
}
#inhaltsbereich  p{
	padding:  0 0 0.625em 0;
	font-size: 0.75em;
	color: #003560;
	line-height: 150%;
}
#inhaltsbereich ul  {
	list-style-type: none;
	padding: 0 0 1em 1em;
	color: #003560;
	list-style-image: url(../images/navigation/pfeil-link-blau-listeinhalt.gif);
}	
#inhaltsbereich ol, #inhaltsbereich dl  {
	padding: 0 0 1em 1.25em;
	font-size: 0.75em;
	line-height: 125%;
	color: #003560;
}
#inhaltsbereich dt{
	font-weight:bold;
}
#inhaltsbereich dd{
	padding-left: 2em;
}


#inhaltsbereich ul li  {
	font-size: 0.75em;
	line-height: 150%;
	
}
#inhaltsbereich ul ul li  {
	font-size: 1em;
}
#inhaltsbereich ul.liste_mit_typangaben li {
	background-image: none;
	font-size: 0.75em;
	line-height: 150%;
}	

#inhaltsbereich h2 {
	font-size: 1em;
	border-top: 2px solid #003560;
	padding: 0.3125em 0 0.625em 0;
	color:#003560;
	text-transform: uppercase;
}
#inhaltsbereich h3 {
	font-size: 0.875em;
	padding: 0.3125em 0 0.625em 0;
	color:#003560;
	text-transform: uppercase;
}
#inhaltsbereich h4 {
	font-size: 0.75em;
	padding: 0.3125em 0 0.625em 0;
	color:#003560;
	text-transform: uppercase;
}
#inhaltsbereich h5  {
	font-size: 0.75em;
	padding: 0.3125em 0 0.625em 0;
	color:#003560;
}
#inhaltsbereich h6  {
	font-size: 0.75em;
	padding: 0.3125em 0 0.625em 0;
	color:#003560;
	font-weight:normal;
}
/** Links in Fliesstexten **/
a:link, a:visited  {
	text-decoration: underline;
	color: #003560;
	
}
#inhaltsbereich a:hover  {
	color: #8DAE10;
	
}
#dreispalter-inhalt-zweispalten{padding: 0; margin:0;}
#inhalt-linkespalte {
	width: 13.25em;
	float:left;
}
#inhalt-rechtespalte {
	width: 13.25em;
	float:right;
}

#inhaltsbereich img.bildlinks {
	float:		left;
	padding: 	5px 10px 10px 0;
}
#inhaltsbereich img.bildrechts {
	float:		right;
	padding: 	5px 0 10px 10px
}

.inhalt-halbe-spalte { border:0;}
/*** Fußzeile */
.print
{ }
/**Formularemelemente **/
form select, form input{border: 1px solid #ccc; color:#003560; padding:0.2em;font-size:0.75em;margin-bottom: 1em;}
button[type] {
	line-height:1em;
	padding:0.25em ;
}
 button {
	background:#003560;
	border-color:#fff #666 #666 #fff;
	border-style:solid;
	border-width:1px;
	color:#fff;
	font-size:0.75em;
	line-height:130%;
	overflow:visible;
	width:auto;
	font-weight: normal;
}
.suchform button[type] {
line-height:17px;
padding:5px 10px 5px 7px;
}
.suchform button {
	background:#003560;
	border-color:#fff #666 #666 #fff;
	border-style:solid;
	border-width:1px;
	color:#fff;
	cursor:pointer;
	font-size:1em;
	line-height:130%;
	overflow:visible;
	width:auto;
	font-weight: bold;
}
.suchform input[type="text"] {
	background-color:#f1f1f1;
	border:1px solid #003560;
	font-size:1em;
	padding:0.2em;
}
/*** Formularbeispiel **/
.formular form {
	margin:0;
	padding:0;
}
.formular fieldset {
	margin:1em 0;
	border:none;
	border:1px solid #ccc;
	margin-bottom:.5em;
	padding:0;
	display:block;
}
.formular legend {
	padding:0.5em;
	color:#003560;
	background:transparent;
	font-size:0.9em;
	font-weight:bold;
}
.formular label {
	float:left;
	width:10em;
	padding:0 1em;
	text-align:right;
}

.formular fieldset input, .formular fieldset textarea {
	width:10em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #003560;
	border-right:1px solid #003560;
	padding:0.2em;
	color:#333;
}
.formular fieldset select {
	padding:0.1em;
	border: 1px solid #003560;
}
.formular div.auswahlfeld  {
	padding:0.5em;
}
div.auswahlfeld input {
	width:1em;
}
.formular div.auswahlfeld label {
	display:block;
	width:10em;
	padding-left:5em;
	text-align:left;
}
.formular #abschicken {
	clear:both;
	padding-top:1em;
	text-align:center;
}
.formular #abschicken input {
	border:1px solid #333;
	padding:2px 1em;
	background:#003560;
	color:#fff;
	font-size:100%;
}
.formular input:focus, .formular  textarea:focus {
	background:#efefef;
	color:#000;
}

/*** Tabellen ***/

table  {
	font-size: 0.75em;
	color:#003560;
	border-collapse:collapse;
	background-color: #fff;
	margin-bottom: 1.5em;
}
table caption{
	text-align: left; font-size: 1.25em; font-weight:bold;padding-bottom: 0.5em;}
table th, table td{
	padding: 0.25em;border: 1px solid #ccc;}
table th[scope=col]{
	border-bottom: 2px solid #ccc; background-color:#E8EFCF;}
table th[scope=row] {
	border-right: 2px solid #ccc;}
#zwei-spalter-inhalt-linkespalte {
	width: 20em;
	float:left;
}
#zwei-spalter-inhalt-rechtespalte {
	width: 20em;
	float:right;
}
.kasten-gesamt-zweispaltig {
	width: 42em;
	clear: both;
}
.link-englisch{ 
   padding-right: 1.5em;
   background: transparent url(../images/icons/fl_english.gif) no-repeat center right;
}
.link-deutsch{ 
   padding-right: 1.5em;
   background: transparent url(../images/icons/fl_deutsch.gif) no-repeat center right;
}
.link-extern-englisch{ 
   padding-right: 2.75em;
   background: transparent url(../images/icons/extern-englisch.gif) no-repeat center right;
}
.link-extern-deutsch{ 
   padding-right: 2.75em;
   background: transparent url(../images/icons/extern-deutsch.gif) no-repeat center right;
}
.link-weiterlesen{ 
   padding-left: 1.5em;
   background: transparent url(../images/navigation/pfeil-gruen-weiss.gif) no-repeat center left;
}
.link-html-pfeil-blau{
	padding-left: 0.6em;
	background: transparent url(../images/navigation/pfeil-link-blau.gif) no-repeat center left;
}
.marginalbox-im-inhaltsbereich350 {
	float: 				right;
	width: 				350px;
	background: 		#fff;
	padding: 			0;
	margin: 			0;
}
.marginalbox-im-inhaltsbereich300 {
	float: 				right;
	width: 				300px;
	background: 		#fff;
	padding: 			0;
	margin: 			0;
}
.marginalbox-im-inhaltsbereich200 {
	float: 				right;
	width: 				200px;
	background: 		#fff;
	padding: 			0;
	margin: 			0;
}
#inhaltsbereich .marginalbox-im-inhaltsbereich350, 
#inhaltsbereich .marginalbox-im-inhaltsbereich200,
#inhaltsbereich .marginalbox-im-inhaltsbereich300 {
	padding:            0.5em;
	border: 1px solid #ccc;
	margin-left: 1em;
}

#inhaltsbereich .marginalbox-im-inhaltsbereich350 h3, #inhaltsbereich .marginalbox-im-inhaltsbereich200 h3,
#inhaltsbereich .marginalbox-im-inhaltsbereich300 h3 {
	color:				#8dae10;
	border-top: 		2px solid #8dae10;
	text-transform:		uppercase;
	font-size:			0.875em;
	font-weight: 		bold;
	letter-spacing: 	1px;
	
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#inhaltsbereich .marginalbox-im-inhaltsbereich350 h4, #inhaltsbereich .marginalbox-im-inhaltsbereich200 h4 {
	color:				#8dae10;
	border-top: 		2px solid #8dae10;
	text-transform:		uppercase;
	font-size:			0.85em;
	font-weight: 		bold;
	padding: 			5px 0;
	letter-spacing: 	1px;
}

#inhaltsbereich .marginalbox-im-inhaltsbereich350 p, #inhaltsbereich .marginalbox-im-inhaltsbereich200 p,
#inhaltsbereich .marginalbox-im-inhaltsbereich300 p {
	font-size: 0.75em;
	color: #003560;
	line-height: normal;
	clear: both;
	padding: 0.5em 0 0.5em 0.5em;

}

#inhaltsbereich .marginalbox-im-inhaltsbereich300 ul, #inhaltsbereich .marginalbox-im-inhaltsbereich200 ul,#inhaltsbereich .marginalbox-im-inhaltsbereich350 ul {
	margin-left: 		0.75em;
	padding-left: 		0px;
	list-style-type: none;

	}
#inhaltsbereich .marginalbox-im-inhaltsbereich300 li, #inhaltsbereich .marginalbox-im-inhaltsbereich200 li {
	line-height: 		1.5em;
	font-size:			0.75em;

	
	padding-top: 0.2em;

	}

#inhaltsbereich .marginalbox-im-inhaltsbereich350 a:link,#inhaltsbereich .marginalbox-im-inhaltsbereich350 a:visited, 
#inhaltsbereich .marginalbox-im-inhaltsbereich200 a:link,#inhaltsbereich .marginalbox-im-inhaltsbereich200 a:visited  {
	text-decoration:	underline;
	color:				#003560;
	font-size:			1em;
	}	

#inhaltsbereich .marginalbox-im-inhaltsbereich350 a:hover, #inhaltsbereich .marginalbox-im-inhaltsbereich200 a:hover  {
	text-decoration:	none;
	}

#inhaltsbereich .marginalbox-im-inhaltsbereich350 img, #inhaltsbereich .marginalbox-im-inhaltsbereich200 img  {
	padding: 0;
	margin:0;
}


.bilder-mit-text-floats {
	float:left;
	width: 9.5em;
	padding:0.4em;
	height: 16em;
}
	



#inhaltsbereich .liste-ohne-bullets  {list-style-image:none; list-style-type:none;}
#inhaltsbereich .liste-ohne-bullets li {margin-bottom: 0.5em;}

/** Bei einspaltigem Layout mit Marginalspalte: äußerer Rahmen, zwei Spalten im Inhaltsbereich**/
#extra-einspaltig-mit-marginal-inhalt-zweispalten {
	width:44em;
	clear: left;
}
#extra-einspaltig-mit-marginal-inhalt-zweispalten-links {
	float:left;
	width:22em;
	padding:0em 1em 1em 0;
}
#extra-einspaltig-mit-marginal-inhalt-zweispalten-rechts {
	padding:0em 0.5em 1em 1em;
	overflow:hidden;
}
/** Bei einspaltigem Layout ohne Marginalspalte: äußerer Rahmen, zwei Spalten im Inhaltsbereich**/
#extra-einspaltig-ohne-marginal-inhalt-zweispalten {
	width:58.75em;
	clear: left;
}
#extra-einspaltig-ohne-marginal-inhalt-zweispalten-links {
	float:left;
	width:28em;
	padding:0em 1em 1em 0;
}
#extra-einspaltig-ohne-marginal-inhalt-zweispalten-rechts {
	padding:0em 0 1em 1em;
	overflow:hidden;
	width: 28em;
	float: right;
}
