/*  möglichst alle scrollbars sollen formatiert werden :) */
body, div, frame, object, td, table, tr         {
	scrollbar-base-color:#253045;
	scrollbar-3dlight-color:##253045;
	scrollbar-arrow-color:#ffffff;
	scrollbar-darkshadow-color:#253045;
	scrollbar-face-color:#253045;
	scrollbar-highlight-color:#707070;
	scrollbar-shadow-color:#707070;
	scrollbar-track-color:#253045;
}

/* standardformat für alle seiten */
body	{
	font-family:verdana,sans-serif;
	font-size:12px;
	color:#eeeeee;
	background-color:#253045;
	padding:0;
	margin:0;
	vertical-align:top;
}
	
/* standardformat für alle popuop-seiten (mit einzelbildern) */
body.popup        {
	font-family:verdana,sans-serif;
	font-size:12px;
	color:#eeeeee;
	background-color:#253045;
	padding:0;
	margin:15px;
	vertical-align:top;
}

body.popup img    {
	margin:0 0 10px 0;
}

/* normale abschnitte - mehr oder weniger eigenschaftslos */
div               {
	padding:0;
	margin:0;
}

/* Abschnitte in Projektvorstellungen, die horizontale Scrollbalken enthalten sollen - var ist 20px höher (für Beschriftg.) */
div.streifen      {
	width:100%;
	height:175px;
	white-space:nowrap;
	overflow:scroll;
	overflow-y:hidden;
	overflow-x:scroll;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

div.streifen_var  {
	width:100%;
	height:195px;
	white-space:nowrap;
	overflow:scroll;
	overflow-y:hidden;
	overflow-x:scroll;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

/* Abschnitte zur Formatierung von PopUps bei Lehre und Theorie */
.header1          {
	padding-bottom:80px;
}

.imagetitle       {
	padding-top:20px;
	padding-bottom:80px;
}

/* Normale Tabelle */
table             {
	padding:0;
	margin:0;
	width:100%;
	/*border-collapse:collapse;*/ /*Style entfernt, da er die linke und obere Strichelkante des Teaserstreifens verhindert*/
	vertical-align:top;
}

/* Tabelle mit Scroll-Abschnitten soll nicht angepaßt werden bei Ein- und Ausblenden der
   Abschnitte - deshalb layout fixed... */
table.streifen    {
	padding:0px;
	margin:0px;
	table-layout:fixed;
	vertical-align:top;
}

/* normale Tabellenzelle */
td                {
	vertical-align:top;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

/* oberste Tabellenzelle in Teaserstreifen - Rahmen oben und seitlich, Höhe+Breite fest */
td.streifenoben   {
	width:170px;
	height:15px;
	border:1px dashed #000000;
	border-width:1px 1px 0px 1px;
	text-align:right;
	vertical-align:top;
}

/* unterste Tabellenzelle in Teaserstreifen - siehe oben */
td.streifenunten  {
	width:170px;
	height:15px;
	border:1px dashed #000000;
	border-width:0px 1px 1px 1px;
	text-align:right;
	vertical-align:top;
	padding-top:0px;
	padding-bottom:2px;
}

/* nomale Tabellenzelle in Teaserstreifen - var ist 20px höher*/
td.streifen       {
	width:170px;
	height:190px;
	border:1px dashed #000000;
	border-width:0px 1px 0px 1px;
	vertical-align:top;
	padding-top:10px;
}

td.streifen_var   {
	width:170px;
	height:210px;
	border:1px dashed #000000;
	border-width:0px 1px 0px 1px;
	vertical-align:top;
	padding-top:10px;
}

/* normale Tabellenzelle *neben* Teaserstreifen */
td.streifenrechts {
	padding-left:10px;
	padding-top:10px;
	vertical-align:top;
}

/* Tabellenzelle für Inhalte in PopUps (Lehre, Theorie usw.) */
td.popup          {
	padding-left:30px;
	white-space:nowrap;
}

td.popup_t        {
	padding-left:30px;
}

td.popup_t img    {
	padding:0;
	margin:20px 0 20px 0;
}

/* Bilder mit Rand rechts und links */
img               {
	padding:0;
	margin:0 10px 0 10px;
	vertical-align:top;
}

/* Textabsätze (mit Rand) */
p                 {
	font-family:verdana,sans-serif;
	font-size:13px;
	color:#eeeeee;
	padding:10px;
	margin:0px;
}

/* Normale Links */
a                 {
	font-family:verdana,sans-serif;
	color:#a0aae0;
	text-decoration:none;
}

a:hover           {
	color:#eeeeee;
	text-decoration:underline;
}

/* Hauptmenülinks (Projekte, Lehre...) */
a.a1              {
	font-family:verdana,sans-serif;
	font-size:14px;
	color:#eeeeee;
	display:block;
	width:100px;
	text-align:center;
	padding:10px;
	margin:0px 0px 20px 10px;
	text-decoration:none;
	border:1px dashed #000000;
}

a.a1:hover        {
	color:#ffffff;
	background-color:#46506a;
	text-decoration:none;
}

/* Teaser, die kein Bild, sondern Text haben (Kontakt, Profil...) */
a.a2              {
	font-family:verdana,sans-serif;
	font-size:18px;color:#eeeeee;
	display:block; 
	width:150px; 
	text-align:center;
    padding:0px; 
	padding-top:64px;
	padding-bottom:65px;
	margin-top:0px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:20px;
	text-decoration:none;
	background-color:#253045;
}

a.a2:hover        {
	color:#ffffff;
	background-color:#46506a;
	text-decoration:none;
}

/* Platzhalter, um Teaserstreifen vertikal exakt platzieren zu können */
a.spacer          {
	font-family:verdana,sans-serif;
	font-size:14px;color:#253045;
	display:block;
	padding:10px;
	margin:0 0 20px 10px;
	width:10px;
	text-decoration:none;
	border:1px dashed #253045;
}

/* Fetten Text nicht umbrechen! */
b                 {
	white-space:nowrap;
}

/* "Kleine" Hilfsformate */
.border           {
	border:1px dashed #000000;
}

.right            {
	text-align:right;
}

.middle           {
	vertical-align:middle;
}

.nobreak          {
	white-space:nowrap;
}

big               {
	font-size:17px;
}