/* 
#-----------------------------------------------------------------------------------------
# cms.arch.rwth-aachen.de
# CSS fuer Screen
#
$script_rev[] = '$Rev: 731 $';
$last_changed[] = '$LastChangedDate: 2010-10-25 00:57:04 +0200 (Mon, 25 Oct 2010) $';
#
# Autoren: 
# Gustaf Mossakowski <gustaf@architektur.rwth-aachen.de>
# J. Ramirez <ramirez@caad.arch.rwth-aachen.de>
# [c] 2006 Lehr- & Forschungsgebiet CAAD, Fakultaet Architektur, RWTH Aachen
# http://caad.arch.rwth-aachen.de/
#-----------------------------------------------------------------------------------------

Farben:
	PG 1	#999	E3E5E6 / F8F8F9		Pantone 420 CV grau
	PG 2	#FF6	FFF592 / FFFDED		Pantone 100 CV gelb
	PG 3	#FC6	FEE7A0				Pantone 134 CVU orange
	PG 4	#F96	FCE8D3				Pantone 162 CVU lachsrot
	PG 5	#6F0	E5E99C				Pantone 373 CV gruen
	Zentral	#8AB6E2 91ACD9 / E1E7F5		Pantone 658 CVU blau
	Zentral	#8AB6E2 A1BBE4 / E1E7F5
	
	RWTH 04428C
	RWTH hell 8CAAD4
*/

body {line-height: 1.25em; color: #333; background: #FFF; width: 100%; 
	margin: 0; padding: 0; font-family: Arial, Geneva, sans-serif; font-size: 13px;}

h1, h2, h3, h4 {line-height: 1.1em; }
h1, h2 {margin-top: 0; font-size: 130%;}
h2 {font-weight: normal;}
h3 {font-size: 110%;}
h4 {margin-bottom: 0; font-size: 100%;}
h1, h2, h3, hr { clear: both; }

p {margin-top: 0; padding-top: 0;}

hr {color: #CCC; background-color: #CCC; height: 1px; border: 0;}

ul {margin: 1em 0 1em .5em; padding: 0;}
ol {margin: 1em 0 1em .5em; padding: 0;}
ul ul, ol ol, ol ul, ul ol {margin: 0;}
li {margin: 0 0 .25em 1em; padding: 0;}

a {text-decoration: none;}
a:link {color: #04428C;}
a:link, a:visited {border-bottom: 1px dotted #91ACD9;}
#logo a, a img, a.img, a.img:hover {border: none;}
a:hover {border-bottom: solid 1px;}
#lightbox a {border-bottom: none;} /* lightbox without border-bottom */
a:visited {color: #666;}

a.rechts { float: right; padding: 0 0 1em 1em; }
a.links { float: left; padding: 0 1em 1em 0; }

input {border: 1px dotted #91ACD9;}
input.submit {background: #91ACD9; border: none; color: #FFF; border: 1px solid #91ACD9}

.mitte {width: 784px; margin: auto; border-collapse: collapse;}
.mitte td {padding: 0;}

/* Navigationsmenue */
/* Navigation: blauer Kopfbalken */

#navmenu {width: 100%;}
#navmenu {background: #91ACD9;}

#nav {background: url(a-weiss-24.gif) no-repeat 100% 100% #91ACD9;
	padding: 0; width: 752px; margin: auto; position: relative; z-index: 4;
	min-height: 2.25em;}
#nav p {margin: .5em 0 0;}
#nav img {border: none;}
#nav a:visited {color:#FFF;}

/* Navigation: Hauptmenue */

#nav ul {list-style: none; margin: 0 auto; padding: 0 40px 0 0 ; font-size: 92%; 
	width: 712px; font-weight: bold; }
#nav li {float: left; margin: 0; padding: 0; border-right: 1px solid #FFF; 
	text-align: left; position: relative;}
#nav li.first-child {border-left: 1px solid white;}

#nav a, #nav strong {display: block; border: 1px #91ACD9; border-style: solid none; 
	height: 1.8em; padding: .5em .25em 0 .25em; width: 6.3em;}
#nav a:hover, #nav a.active, #nav strong {background: white; 
	border-style: dotted none; color: #000; }
#nav a:link {color: #FFF;}

/* hover-Effekte */
#nav a:hover, #nav a.active, #nav strong, #nav li li a:link:hover, 
#nav li li a:visited:hover, #nav li li a.aktiv 
 {background: #04428C; color: white;}

/* Navigation: Ausklappmenues, Listen */

#nav li ul { display: none; position: absolute; top: 100%; left: 0; 
	padding: 0; margin: 0; width: 12.5em; z-index: 3; border-top: 1px solid white; 
	background-color: #91ACD9; }
#nav li>ul { /* to override top and left in browsers other than IE, which will 
	position to the top right of the containing li, rather than bottom left */
	top: auto; left: 0px; }
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block; }

/* Navigation: Ausklappmenues, Listenelemente */

#nav li li:first-child {border: none;}
#nav li li { /* all list items */ text-align: left; position: relative; 
	/*float: none; */ width: 13.6em; /* IE 5 Problem */
	top: 0; list-style: none; margin: 0; padding: 0; 
	background-color: #91ACD9; border-right: 0;}
#nav li li a, #nav li li strong {padding: .25em .25em; font-weight: normal;
	display: block; height: 1.5em; width: 13em; border: 1px solid #91ACD9;}
#nav li li a {background-color: #91ACD9;}
#nav li li a:link:hover, #nav li li a:visited:hover, #nav li li a.aktiv 
	{color: #000; background-color: #FFF;}
#nav li li a:hover {border-left-style: dotted; border-right-style: dotted;}
#nav li li strong {border-style: none solid; border-color: #04428C;
	background-color: #04428C;}

/* Navigation submenu */

ul.submenu {padding-top: 0; margin-top: 0; margin-bottom: 1.5em;}
ul.submenu li {list-style: none; padding: 0; margin: 0;
	font-weight: bold; line-height: 145%; }
ul.submenu li ul {padding: 0 1em;}
ul.submenu li li {list-style: square; margin: 1em 0;
	font-weight: normal;}
ul.submenu li li ul {margin: .5em 0;}
ul.submenu li li li {margin: 0;}

ul.quer li {float: left; list-style: none; padding-right: .5em;
	padding-left: .5em; margin: 0;
	border-right: 1px dotted #91ACD9;}
ul.quer li:last-child {border-right: none;}
ul.quer li li {list-style: none;}

/* Abfragen */

/* Personen */
.nachname {text-transform: uppercase;}	
.anzahl_publikationen { font-size: .8em;}

/* Vermischtes */

.clear {clear: both; height: .5px; } /* height fuer Firefox 1.0x */

.ab {width: 488px; float: left; padding: 0 16px 0 0;}
.c {width: 240px; float: left; padding: 0 0 0 0px;}

.legende {font-style: italic; font-size: 90%;}
p.img {margin: 0; padding: 0;}
p.img img {display: block;} /* sonst Unterlaenge bei HTML 4 strict */
p.termin-img {float: right; padding: 0 0 .25em .25em; margin: 0;}
p.termin-img a {border: none; }
p.termin-img img {display: block;}

#inhalt p {line-height: 130%;}
#inhalt {background: white; padding: 0; width: 784px; clear: both; }
#breadcrumbs {width: 752px; margin: 6px auto -6px;}
#breadcrumbs strong { font-weight: normal; }
#sprache {float: right; margin: 6px auto -6px; padding-right: 16px;}
#keine_uebersetzung{ width: 752px; margin: 12px auto 0px; border: 1px dotted #91ACD9; }
#keine_uebersetzung p {  padding: 3px; font-weight: bold; margin: 0px}

#statisch {list-style: none; margin: 0; padding: 0; }
#statisch li {font-weight: bold; padding-bottom: .5em; padding-left: 0; margin: 0;}
#statisch li li {font-weight: normal; padding-bottom: 0; margin-left: 1em;}

.professor {text-transform: uppercase; font-weight: bold;}
td.lehreinheit {text-align: right; padding-right: .5em;}

td.date {width: 8em; vertical-align: top; text-align: left; padding-right: .75em;}
td.wochentag {width: 2em;}
td.zeit {vertical-align: top;}
#inhalt table.termine {table-layout: fixed;}
#inhalt table.termine td {vertical-align: top;}
#inhalt table.termine ul, .termine p {margin-top: 0; margin-bottom: .25em;}
#inhalt table.termine h2 {margin-top: 1em;}
#inhalt table.termine td {padding: 0;}

#inhalt table.termine td.uebersicht {padding-bottom: 1em;}
#inhalt table.termine td.uebersicht ul {margin-top: 0em;}

del * {text-decoration: line-through;}

#logo {text-transform: uppercase; font-weight: bold; font-size: 100%; width: 752px; 
	margin: 0 auto; padding: 8px 0; height: 60px; }
#logo img {border: none; padding-top: 15px;}
#logo #logo_rwth {padding-right: 2px;}

#werkzeuge {list-style: none; float: right; position: absolute; top: 22px; right: 0; margin: 0;}
#werkzeuge li {text-align: right; }
#kopf {width: 752px; margin: auto; position: relative;}
#kopf form {margin: 0; padding: 0;}

#werkzeuge, #breadcrumbs, #sprache, #fuss {font-size: 90%;}

.erklaerung dt {font-weight: bold; padding-top: .5em;}
.erklaerung dd {padding: 0; margin: 0;}

.login {border-collapse:collapse;}
.login td, .login th {vertical-align: bottom; text-align: left; padding: .25em 0;}
select {border: 1px dotted #91ACD9}

#inhalt .rahmen table.nachrichten {padding-bottom: 1.5em;}
#inhalt .rahmen table.nachrichten th, #inhalt .nachrichten td {vertical-align: top;}
#inhalt .rahmen table.nachrichten th {padding: .5em .5em 0 0; text-align: right;}
#inhalt .rahmen table.nachrichten td {padding: .5em 0 0;}
#inhalt .rahmen table.nachrichten td p {margin: 0;}

p.weiteres {margin-top: 2em; font-style: italic;}
p.oabs {margin-top: 0;}
#home p.weiteres {display: none;}
#inhalt table.termine td.uebersicht p.weiteres {margin-top: .25em;}
.termine p.weiteres {margin-top: 0;}

#inhalt .nachrichten p, #inhalt .nachrichten ul,
#inhalt .nachrichten ol {margin-top: 0; margin-bottom: 0;}

#inhalt .nachricht_unten ol, #inhalt .nachricht_unten ul {margin-top: 0; 
	margin-bottom: .25em; padding-top: 0; padding-bottom: 0;
	line-height: 100%;}
#inhalt .nachricht_unten p {margin: 0; padding: 0;}

.min-bild {width: 112px; padding-right: 16px; float: left; padding-bottom: 8px;}
.min-bild img {display: block; float: left;}

.http-error {padding: 0; margin: 0; width: 752px; height: 240px;
	background: #91ACD9; color: white; font-size: 500%; text-transform: lowercase;
	position: relative; font-weight: bold;}
.http-error p {position: absolute; bottom: 0; right: 30px; padding: 0; margin: 0;}
/*

	Felder
	
	a1	b1	c1
	a2	b2	c2
	a3	b3	c3

*/

#canvas {border-spacing: 16px; border: 0; table-layout: fixed;
	width: auto; border-collapse: separate; /* sonst ignoriert Opera border-spacing */}
#inhalt td { vertical-align: top; padding: 0; }
#inhalt .text {border: 1px dotted #91ACD9; padding: 7px;}
#inhalt .text p.img {position: relative;}
#inhalt .text p.img img {position: relative; left: -8px; top: -8px; 
	padding-bottom: 8px; margin-right: -16px; }

/* Nachricht, Startseite in 496 x 496 Container */
#inhalt .text p.img_abs {position: absolute; top: -8px; left: -8px;}
#inhalt .text .nachricht_rechts {position: absolute; bottom: 8px; left: 256px; 
	width: 224px; /* height: 480px; */}
#inhalt .text .nachricht_unten {margin-top: 248px; left: 0; 
	width: 480px; }
#inhalt .text .nachricht_rechts p, #inhalt .text .nachricht_unten p {margin-bottom: .5em;}
#inhalt .text .nachricht_rechts h2, #inhalt .text .nachricht_unten h2 {margin-bottom: .5em;}

.rahmen table {border-collapse: collapse; margin-bottom: 1em;}
.rahmen table thead th {border-bottom: 1px dotted #91ACD9;}
.rahmen table th {text-align: left;}
.rahmen table th, #canvas table td {padding: .25em 1.25em .25em 0;}

#inhalt .rahmen table.termine {border-collapse: none;}
#inhalt .rahmen table.nachrichten {border-collapse: none;}

/* cols rows */
.feld-1-1  {width: 240px; height: 240px; overflow: hidden;}
.feld-2-1  {width: 496px; height: 240px; overflow: hidden;}
.feld-3-1  {width: 752px; height: 240px; overflow: hidden;}
.feld-1-2  {width: 240px; height: 496px; overflow: hidden;}
.feld-2-2  {width: 496px; height: 496px; overflow: hidden;}
.feld-3-2  {width: 752px; height: 496px; overflow: hidden;}
.feld-1-1u  {width: 240px; min-height: 240px;}
.feld-2-1u  {width: 496px; min-height: 240px;}
.feld-3-1u  {width: 752px; min-height: 240px;}
.feld-1-2u  {width: 240px; min-height: 496px;}
.feld-2-2u  {width: 496px; min-height: 496px;}
.feld-3-2u  {width: 752px; min-height: 496px;}
.feld-1-3u  {width: 240px; min-height: 752px;}
.feld-2-3u  {width: 496px; min-height: 752px;}
.feld-3-3u  {width: 752px; min-height: 752px;}

.feld-1-1 .rahmen {width: 224px; height: 224px; overflow: auto;}
.feld-2-1 .rahmen {width: 480px; height: 224px; overflow: auto;}
.feld-3-1 .rahmen {width: 736px; height: 224px; overflow: auto;}
.feld-1-2 .rahmen {width: 224px; height: 480px; overflow: auto;}
.feld-2-2 .rahmen {width: 480px; height: 480px; overflow: auto;}
.feld-3-2 .rahmen {width: 736px; height: 480px; overflow: auto;}
.feld-1-1u .rahmen {width: 224px; min-height: 224px; height: 100%;}
.feld-2-1u .rahmen {width: 480px; min-height: 224px; height: 100%;}
.feld-3-1u .rahmen {width: 736px; min-height: 224px; height: 100%;}
.feld-1-2u .rahmen {width: 224px; min-height: 480px; height: 100%;}
.feld-2-2u .rahmen {width: 480px; min-height: 480px; height: 100%;}
.feld-3-2u .rahmen {width: 736px; min-height: 480px; height: 100%;}
.feld-1-3u .rahmen {width: 224px; min-height: 736px; height: 100%;}
.feld-2-3u .rahmen {width: 480px; min-height: 736px; height: 100%;}
.feld-3-3u .rahmen {width: 736px; min-height: 736px; height: 100%;}

.aussenrahmen {position: relative;}
.rahmen {/*background: #CCC;*/ padding: 0; margin: 0; }

/* Publikationen FdR */

#fdr-publikationen table {border-collapse: collapse;}
#fdr-publikationen th {text-align: left; border-bottom: 1px dotted #91ACD9;}
#fdr-publikationen th, #fdr-publikationen table td
	{padding: .5em 1em .5em 0;}
#fdr-publikationen td:first-child {width: 8em;}

.rahmen table.publikation {margin-bottom: 2em;}
.publikation th {text-align: left; font-weight: bold; vertical-align: top;	
	padding-right: .75em;}
.publikationen_typ {width: 50%; float: left;}
.publikationen_jahr {padding-left: 2em; float: left;}

/* Abweichendes A auf der Startseite */

#home #nav {background-image: none;}
#home #fuss {background-image: none;}
#home #c1-c3 {background: url(a-blau.gif) no-repeat 190px 100%;}

/* Fussbereich der Seite */

#fuss {clear: both; background: #FFF url(a-blau-24.gif) no-repeat 100% 0px; 
	font-size: 95%; height: 1em; padding: 8px 8px 1em 8px;
	width: 752px; margin: 0 auto; }
#fussnav {list-style: none; margin: 0 0 0; padding: 0 0 .5em; }
#fuss p {margin: 0;}
#fussrand { width: 100%;}
#fussnav li {line-height: 1.8em; float: left; padding: 0 .5em; 
	border-right: 1px solid #FFF; margin: 0;}
#fussnav li:first-child {border-left: 1px solid #FFF;}

/* Studium */

table.studienplan thead th {background: #91ACD9; vertical-align: bottom;
	text-align: center;}
table.studienplan tfoot td {background: #91ACD9;}
table.studienplan .abschnitt td {border-top: 1px dotted #91ACD9;}
table.studienplan tbody td, table.studienplan tfoot td {text-align: center;}
table.studienplan tbody td.fach {text-align: left;}

:target {background-color: yellow;}
sup { line-height: 0px; font-size: 60%; }

/* Forschungsprojekte */

table.projekte th { font-weight: bold; padding-right: 1em; vertical-align: top; }
table.projekte p, table.projekte ul, table.projekte ol { margin-top: 0; padding-top: 0; }

/* Weiterbildung */

div.menue { margin-bottom: .9em; }

div.errorbox { background-color: #ffbb44; border: 1px; 
			   border-style: solid; border-color: #000000; padding: 10px; }

li.left { float: left; text-align: left; width: 20em; margin-right: .3em; }

div.left { float: left; text-align: left; width: 320px; }

div.liste { margin-bottom: 0.8em; }

span.left { float: left; text-align: left; width: 9.5em; margin-right: .3em; }

span.left1 { float: left; text-align: left; width: 15em; margin-right: .3em; }

label.left { float: left; text-align: left; width: 7em; margin-right: .3em; }

label.left1 { float: left; text-align: left; width: 22em; margin-right: .3em; }

input.anmeldung, select.anmeldung { margin-bottom: .3em; }

input.anmeld_right { float: left; text-align: left; width: 6.2em; margin-right: .3em; }