/* 
2010/07 kleinere Anpassungen und Drucklayout
2010/06 Weseite zentriert
2010/01 Design an das neue CD angepasst
/* wollte 10px Abstand nach Tabellen-Enden einfügen - aber das wirkt sich ja leider auch auf die Navi aus...  2005-01-10me */
/* lt w3c orange kein keyword, ersetzt durch hex  2004-10-25me */

body {

	color: black;
	margin: 0;
	padding: 0;
	font-family: Arial;

	/* Formatierung zur Kompabilitaet fuer den Internet Explorer zusammen mit em-Angaben */
	font-size: 100.1%;
	min-width: 55em;
        background-color:transparent;
        background-image: url(../icons/tubsdesign/background-img.jpg);
        background-repeat: repeat-y;
        background-position:center;
}

/* Der Scrollbalken wird immer angezeigt, damit der Inhalt nicht verrutscht, wenn er nicht angezeigt wird */

html { overflow-y: scroll; }

sub,sup {

	font-size:100%;

}

/******************************************************
	HEADER
*******************************************************/

/* Der Header umfasst den gesamten Kopfbereich bis zum
   Schlagschatten der Kopfzeile ohne die Popups */
div#wrapper_content {
        position:relative;
        margin-left:auto;
        margin-right:auto;
         padding:0;
         top:0px;
         width: 996px;
         height:100%;
}

div#tu_siegel{
 
         position:absolute;
         left:8px;
         top:29px;
         z-index:6;
         width:198px;
         height:74px;
         }

div#symbolpic {
         
        position:absolute;
        top:85px;
        left:18px;
        width: 960px;
        height:170px;
        }

div#logo {
     position:absolute;
     left:628px;
     top: 6px; 
     z-index:3;
     width: 350px;
     height: 74px;
     }

/* Die Abstaende um das TU-Logo */
div#tu_titelzeile {
	margin: 0;
	padding: 0;
	
}

/* Stellt den Hover-Effekt der Links für die Kopfnavigation ab */
div#tu_titelzeile a:hover{
	background-color: transparent;
}

/* Der umgebende Container fuer die Navigationsliste  */
div#tu_navcontainer {

	position:absolute;
        left:18px;
        top:250px;
         z-index:10;  
        background-color: #be1e3c;
	height: 22px;
	width: 960px;
        padding: 0;
        }

/* Die Liste mit den Elementen "Impressum", "English", "LogIn", "Schnellzugriff", Suchfeld und Button "Suchen" */
ul#tu_navlist {

       padding-left:5px;	
        margin: 0;
	display: block;
	list-style-type: none;
	
}


/* Erzeugt eine horizontale Liste und Aufzaehlungszeichen */
ul#tu_navlist li {

	display: block;
	margin: auto;
	float: left;
	font-size: 16px;
}


/*  Definiert die Navigationslinks als Block */
ul#tu_navlist li a {

	color: #fff;
	/*width: 7.7em;*/
	/*height: 1.92em;*/
	margin: 0;
       height:22px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.7em;

}

/* Die einzelnen Links */
/* TU Impressum und Datenschutz ab 18.06.2015 */
ul#tu_navlist li#tu_impressum a {

       background-color: #be1e3c;
       text-align:left; /* von center auf left geändert 18.06.2015 */
/*       width:70px;  auskommentiert 18.06.2015 */
       color: white;
       float:left; /* Hinzugefügt 18.06.2015 */
       padding-left:6px; /* Hinzugefügt 24.06.2015 */
       }

/* Hinzugefügt 18.06.2015 */
#tu_impressum {
width:220px;
}

/* Erster Link in der Navigation - Impressum */
ul#tu_navlist li#tu_impressum a:first-child {
padding-right:10px;
}

/* Zweiter Link in der Navigation - Datenschutz */
ul#tu_navlist li#tu_impressum a:nth-child(2n) {
  border-left:1px solid white;
  padding-left:10px;
}

/* SPRACHWAHL */
ul#tu_navlist li#tu_sprachwahl a {
	background-color: #be1e3c;
        color: white;
        text-align:center;
        width:70px;
        margin-left: 295px; /* Wert von 460px auf 310px geändert 18.06.2015 */
        border-left:1px solid white;
         }

/* LOGIN */
ul#tu_navlist li#tu_login a {

	background-color: #be1e3c;
        color: white;
        width:70px;
        text-align:center;
        border-left:1px solid white;

}

/*SUCHOPTIONEN */
ul#tu_navlist li#tu_suchoptionen a {

         background-color: #be1e3c;
         text-align:center;
         width:80px;
        color: white;
        border-left: 1px solid white;
       /* border-right: 1px solid white;*/
         margin-right:10px;
         padding-left: 5px;
         padding-right:5px;
}


ul#tu_navlist li#tu_suchfeld {

}

ul#tu_navlist li#tu_suchbutton {

        font-size:80%;
        font-family: Arial;
        padding:0;
        white-space: nowrap;
}


/* Das Eingabefeld fuer die Suche */
li#tu_suchfeld input.tu_suchbegriff {

       /*size:10;*/
       font-size: 12px;
	color: #666;
	margin: 0px;
	border: solid 1px #999;
	background-color: #fff;
	background: url('/icons/tubsdesign/bg_such.gif');
        left:780px;       
/* margin-left:10px;*/
	/*width: 20px;
	height: 20px;*/;
        

}


/* Der Submit-Button */
li#tu_suchbutton input.tu_suchestarten {

	/*height: 20px;
	width: 6.0em;
	color: white;
	font-size: 1.05em;
	font-weight: bold;
	background-color: white;
	border: 0;
	margin: 0;
        */
}


/* Die Popups der Menuepunkte LOGIN und SUCHOPTIONEN */
div.pop1 a, div.pop2 a, div.pop1 a:hover, div.pop2 a:hover{

	margin:3px; 
	color: white; 
	text-decoration: none;
	background-color: transparent;
	font-family: Arial;
        }

/* Popup LOGIN */
.pop1{

	font-size: 0.7em;
	line-height: 1.5em;
	background-color:  #be1e3c;
        color: white; 
	width: 60px;
	z-index: 5; 
	position: absolute; 
	top:22px;
	left: 591px;
        padding: 0 5px 5px 5px;
        border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
         }


/* Popup SUCHOPTIONEN */
.pop2{

	font-size: 0.7em;
       line-height: 1.5em;
	background-color:  #be1e3c;
       color: white; 
	width: 101px;
	z-index: 5; 
	position: absolute; 
	top:22px;
	left: 662px;
	/*padding: 0 5px 5px 5px;*/
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}




/******************************************************
	NAVIGATION LINKS
*******************************************************/

.linke_spalte {

       position:absolute;
       left:20px;
       top:305px;
        width: 210px;
	float: left;  
	padding: 0;
	border: 0;
	overflow: hidden;
	font-size: 0.75em;
        display:inline;
}

/* Laesst die Box mit dem Schatten der Navigation verschwinden */
.linke_spalte_schatten {
	display:none;
}

div.linke_spalte A {

	TEXT-DECORATION: none;
}

UL.navi {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; PADDING-BOTTOM: 0px; MARGIN:0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION:fixed; FLOAT:left;
}

/*Werte für alle Navigationsebenen*/
DIV.navi0,DIV.navi1,DIV.navi2,DIV.navi3,DIV.navi4,DIV.navi5 {

	PADDING-RIGHT: 0em;
	PADDING-LEFT: 0em;
	LIST-STYLE-POSITION: inside;
	PADDING-TOP: 0.5em;
	PADDING-BOTTOM: 0.5em;
	MARGIN: 0px;
	FONT-FAMILY: Arial;
	LIST-STYLE-TYPE: none;     
	display: block;
        background-color: white;
        border-top:1px solid #999;
        }

/*Werte die für die oberste Navigationsebene*/

DIV.navi0, DIV.navi0 a:link, DIV.navi0 a:visited{

          background-color:#DCDCDC;
          font-size:1em;
          display:block;
          color:#333;
          }

/*Werte für die weiteren Navigationsebenen */

DIV.navi1 a:link, DIV.navi1 a:visited,  DIV.navi2 a:link, DIV.navi2 a:visited, DIV.navi3 a:link, DIV.navi3 a:visited, DIV.navi4 a:link, DIV.navi4 a:visited, DIV.navi5 a:link, DIV.navi5 a:visited {
           
           font-size:1em;
           display:block;
           color:#333;
           }

/*Werte für das Überfahren der Links mit der Maus oder fokussierenr*/

DIV.navi0 a:hover,DIV.navi1 a:hover,DIV.navi2 a:hover,DIV.navi3 a:hover,DIV.navi4 a:hover,DIV.navi5 a:hover,
DIV.navi0 a:focus,DIV.navi1 a:focus,DIV.navi2 a:focus,DIV.navi3 a:focus,DIV.navi4 a:focus,DIV.navi5 a:focus {

            color: #333; background-color:#999; display: block;
            }

DIV.navi0:hover,DIV.navi1:hover,DIV.navi2:hover,DIV.navi3:hover,DIV.navi4:hover,DIV.navi5:hover {

           color: #333; background-color:#ccc; display: block;
            }

DIV.navi0:hover a,DIV.navi1:hover a,DIV.navi2:hover a,DIV.navi3:hover a,DIV.navi4:hover a,DIV.navi5:hover a{

           color: #333; background-color:#ccc; display: block;
           }

DIV.navi0:focus,DIV.navi1:focus,DIV.navi2:focus,DIV.navi3:focus,DIV.navi4:focus,DIV.navi5:focus {

           color: #333; background-color:#ccc; display: block;
           }

DIV.navi0:focus a,DIV.navi1:focus a,DIV.navi2:focus a,DIV.navi3:focus a,DIV.navi4:focus a,DIV.navi5:focus a{

           color: #333; background-color:#ccc; display: block;
           }

DIV.selected a:hover {COLOR: #ffffff; BACKGROUND-COLOR: #999;} 

DIV.selected:hover { COLOR: #ffffff; BACKGROUND-COLOR: #999; }

DIV.selected a:focus {COLOR: #ffffff; BACKGROUND-COLOR: #999; } 

DIV.selected:focus { COLOR: #ffffff; BACKGROUND-COLOR: #999; }

/*
DIV.navi0 a, div.navi0.selected { PADDING-LEFT: 0.5em; }
DIV.navi1 a, div.navi1.selected { PADDING-LEFT: 1em; }
DIV.navi2 a, div.navi2.selected { PADDING-LEFT: 1.5em; }
DIV.navi3 a, div.navi3.selected { PADDING-LEFT: 2em; }
DIV.navi4 a, div.navi4.selected { PADDING-LEFT: 2.5em; }
DIV.navi5 a, div.navi5.selected { PADDING-LEFT: 3em; }
*/

DIV.navi0 a, div.navi0.selected { PADDING-LEFT: 10px; }
DIV.navi1 a, div.navi1.selected { PADDING-LEFT: 20px; }
DIV.navi2 a, div.navi2.selected { PADDING-LEFT: 30px; }
DIV.navi3 a, div.navi3.selected { PADDING-LEFT: 40px; }
DIV.navi4 a, div.navi4.selected { PADDING-LEFT: 50px; }
DIV.navi5 a, div.navi5.selected { PADDING-LEFT: 60px; }

DIV.selected a {
	padding-left: 0;
}

DIV.sort_order {
	border:0;
	padding: 0;
	position: relative; 
	top: 0;
	float: left;
	display: block;
	height: 14px;
	background-color: transparent;
}

DIV.navi0 div.sort_order { left: -0.5em; }
DIV.navi1 div.sort_order { left: -1em; }
DIV.navi2 div.sort_order { left: -1.5em; }
DIV.navi3 div.sort_order { left: -2em; }
DIV.navi4 div.sort_order { left: -2.5em; }
DIV.navi5 div.sort_order { left: -3em; }

DIV.selected { 
          COLOR: #ffffff; BACKGROUND-COLOR: #999;
          }

DIV.separated { BORDER-TOP: #ffffff 1px solid; }

.naviklein {

           FONT-SIZE: 0.7em; COLOR: #000000; LINE-HEIGHT: 1em; FONT-FAMILY: Arial
           }

.navigross {

	    FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial
            }

.navibold {

	    FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial
            }

.naviweiss {

	FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #ffffff; LINE-HEIGHT: 1em; FONT-FAMILY: Arial; BACKGROUND-COLOR: #488bbd
        }

.navi-diese-seite {

         FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #ffffff; LINE-HEIGHT: 1em; FONT-FAMILY: Arial; BACKGROUND-COLOR: #488bbd
         }


/******************************************************
	TITEL
*******************************************************/


/* Der Seitentitel unterhalb der Kopfzeile */
.titel h1{

	margin-left: 270px;
	margin-bottom: 5px;
	color:#be1e3c;
	font-size: 0.8em;
	font-weight: bold;
        margin-top:35px;
}

/******************************************************
	MITTLERE SPALTE
*******************************************************/


.mittlere_spalte{

         font-size: 0.8em;
	position:absolute;
        left:250px;
        top:305px;
	padding: 0;
	padding-bottom: 10px;
        width: 730px;
	font-family: Arial;
        font-weight:normal;
        line-height: 1.33em;	
}

/******************************************************
     Inhaltsbereich
*******************************************************/
.inhalt {       
       
	padding: 0;
	padding-bottom: 10px;
	float:left;
	width: 530px;
	font-family: Arial;
        font-weight:normal;
	
}

div.metas {
 clear:both;
padding-top:10px;
 width:530px;

}

/******************************************************
	RECHTE SPALTE
*******************************************************/

div.rechte_spalte {
	
        position:absolute;
        left: 800px;
        top:-500px;
	width: 190px;
	overflow: hidden;
	font-size: 0.75em;
	color: #666666;
	padding: 0 20px 0 10px;
        margin-top:305px;
        z-index:99;

}

div.rechte_spalte h2 {
	
	PADDING: 0px 5px 0px 5px;
	FONT-WEIGHT: bold; 
	BACKGROUND: #efefef; 
	MARGIN: 0px 0px 0.3em; 
	COLOR: black;
	BORDER-BOTTOM: #999999 1px solid; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
	font-size: 1em;
}

div.rechte_spalte div {

	BORDER: #999999 1px solid; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	PADDING-BOTTOM: 0.5em; 
	MARGIN: 0px 0px 2em; 
	VERTICAL-ALIGN: top; 
	OVERFLOW: hidden; 
	WIDTH: 188px; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
	
}

div.rechte_spalte p {

	color: #666666;
}

div.rechte_spalte ul {

	/*padding-bottom:10px;*/
	
}




/* ================================================================================================================ */
/* folgt: neue class "righColumn" fuer die Personalisierungsspalte */
/* ================================================================================================================ */

span.x {
	float : right; 
} 

h1.rightColumn , h2.rightColumn , h3.rightColumn , h4.rightColumn , h5.rightColumn , h6.rightColumn {
	background : #efefef; 
	color : black; 
	font-size : 1.1em; 
	font-family : Arial; 
	text-decoration : none; 
	font-weight : bold; 
	margin : 0;
	margin-bottom:0.3em;
	padding : 0; 
	border-bottom : 1px solid #999999; 
} 

div.rightColumn {
	background : #fefefe; 
	font-size : 1em; 
	font-family : Arial; 
	text-decoration : none; 
	font-weight : normal; 
	vertical-align : top; 
	width: 165px; 
	border-style:solid;
	border-width:1px;
	border-color:#999999; 
	padding:0;
	margin:0;
	margin-bottom : 2em;
	/*padding-bottom:0.5em;*/
	/*overflow:hidden;*/
} 

div.rightColumn p, div.rightColumn input, div.rightColumn strong, div.rightColumn small {
	font-size:1em;
	margin-left:0.3em;
	margin-right:0.3em;
}

ul.rightColumn {
	padding-left:1em;
	margin-left:1em;
}


/******************************************************
	FUSSZEILE
*******************************************************/
div.fusszeile {
       clear:both;
       padding-top:10px;
        width:530px;

       
} 

div.fusszeile a {
	text-decoration: none;
}

div.fusszeile a:link {
		color: black;
}

div.fusszeile a:visited {
		color: black;
}


div.fusszeile a:hover {
	color:#be1e3c ;
	background-color: white ; 
	text-decoration: none;
}

div.fusszeile a:active{

        color: #ffffff;
	text-decoration: none;
}

div.fusszeile a:focus {
        color:#be1e3c ;
	background-color: white ; 
	text-decoration: none;
}


div.fusszeile img {

	background-color: transparent;
	border: 0;

}



/* Das "X" der Infobox in der Fusszeile */
#close a {
	background-color: #488bbd;

	color: #be1e3c ;
	font-family: Arial;
	width: 16px;
	font-weight: bold;
	position: absolute;
	top: 2px;
	right: 2px;
	text-decoration: underline;
	border: 1px solid #ffffff;

	text-align: center;
	font-size: 14px;

}

a {

}

/* Die kleine Infobox in der Fusszeile */
#popup {
	color : #000000;
	background-color: #dddddd;
	width: 220px;
	position: relative;

	top:5px;
	left: 0px;
	border: 2px solid #d4d0c8;
	display:block
}






/* ================================================================================================================ */
/* Tabellen
/* ================================================================================================================ */

#tubraunschweig_tabelle table {
        border-spacing:5px;
}

#tabellenkopf_rot {
        background: #be1e3c;
	color: white;
        font-size: 13px;
	font-family: Arial;
	font-weight: bold;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:10px;
        padding-right:10px;
        text-align:left;
}

#tabellenkopf_grau{
	background: #D3D3D3;
	color: black;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:10px;
        padding-right:10px;
        text-align:right;
}


#tubraunschweig_tabelle td {
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	vertical-align:top;
        margin:3px;
        line-height: 1.33em;
        padding-top:5px;
         padding-bottom:5px;
         padding-left:10px;
         padding-right:10px;
         border-bottom: 1px solid #dcdcdc;
         text-align:left;
}

td {
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	vertical-align:top;
        margin:3px;
        line-height: 1.33em;
}

th {

	color: black;
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;

	font-weight: bold;
}

.kopf {

	line-height: 0.01em;
	vertical-align: top;
	font-size: 1em;
	margin: 0;
}

/* ================================================================================================================ */
/* Schriftformatierung
/* ================================================================================================================ */


h1 {
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	color: #be1e3c;
	background-color : transparent;
        margin-top:1px;
	margin-bottom : 14px;
}

h2 {
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	color: black;
        margin-top:1px;
	background-color : transparent;
	margin-bottom : 14px;
}

h3 {
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	color: #be1e3c;
	margin-top:1px;
	background-color : transparent;
	margin-bottom : 13px;
}

h4 {
	font-size: 13px;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	color: black;
	margin-top:1px;
	background-color : transparent;
	margin-bottom : 13px;
}

.haengend { text-indent:-1.5em;margin-left:1.5em; }
.invers { background-color: #ff9900; color:white; }

li {
	font-family: Arial;
	font-size: 13px;
	line-height: 1.33em;
	color: #000000;
	margin-top: 0em;
} 

p {
        font-family: Arial;
	font-size: 13px;
	line-height: 1.33em;
	color: #000000;
	margin-top: 0em;
       margin-bottom:10px;
}

pre {
	font-size: 12px;
}

blockquote, q {
	font-style: italic;
	font-size: 1em;
	line-height: 1.33em;
	margin-bottom: 1.3em;
}

blockquote {
/*	text-align: right;  ersetzt durch Einzug von links: */
 	margin-left: 5em; 
	background-color: #fafafa;
}

cite {
 	/*	2005-01-14me: passend zum blockquote-Einzug: margin-left: 8em; */
	font-size: 1em;
	background-color: #fff
}

code { 
	font-size: 1em; /* warum war das 0.9em; ? */
	font-weight: bold;
	background-color: #fafafa;
}

strong {
	font-size: 1em;
	font-family: Arial;
	font-weight: bold;	
	font-style: normal;	
	line-height: 1.33em;
}

/*	2005-01-26me: aus strong herausgeschnitten +  zu eigener Klasse gemacht, weil Eonpro3 alle <b> zu <strong> wandelt */
.rot {	
	background-color: #cc3333;
	color : white;
}


/* fuer den Fall geordnete Aufz innerh einer ungeordneten: */
ul ol li {
	list-style-type: decimal;
	list-style-image: none;
}

dt {
	font-size: 1em;
	font-family: Arial;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	line-height: 1.2em;
	margin-bottom:0.2em;
}

dd {
	margin-bottom:1.2em;
}

.geisterschrift {
	color:silver;
}

/* http://www.w3.org/TR/REC-CSS2/generate.html#quotes
Specify pairs of quotes for two levels in two languages */

q:lang(de) { quotes: "»" "«" ">" "<"; }
q:lang(en) { quotes: "»" "«" ">" "<"; }

/* Insert quotes before and after Q element content */
q:before { content: open-quote; }
q:after  { content: close-quote; }

li {
	font-family: Arial;
	margin-bottom: .5em;
}

ul li {
	list-style-image: url('/icons/tubsdesign/quadrat.jpg');
	list-style-type: square;
}

.bu, .fusszeile {
	font-size: 0.9em;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	color: #666666;
	line-height: 1.7em;
	text-decoration: none;
}

/*	Bildunterschrift ausserdem rechtsbuendig ausrichten  2004-09-14me */
.bu {text-align:right;}

.linksbuendig {
	text-align:left;
}

.rechtsbuendig {
	text-align:right;
}

.justify {
	text-align:justify;
}

.center {
	text-align:center;
}


/* ================================================================================================================ */
/* Links
/* ================================================================================================================ */

a {
	text-decoration: underline;
        }

a:link {
	color: #be1e3c;
         }

a:visited {
	 color: #be1e3c;
         }

a:hover, a:active {
	color: #ffffff;
	background-color:  #be1e3c; 
	text-decoration: none;
}

.a2, div.rechte_spalte a {
	text-decoration: none;
/*	line-height: 1em;   2004-09-22me probehalber auskommentiert, dadurch werden Unterlängen in Navi-Texten jetzt nicht mehr abgeschnitten */
	font-weight: normal;
}

.a2:link, div.rechte_spalte a:link {
	color: #000000;
}

.a2:visited, div.rechte_spalte a:visited {

	color: #000000;
}

.a2:hover, div.rechte_spalte a:hover{
	color: #488bbd;
	background-color: transparent;
}

.a2:active, div.rechte_spalte a:active{
	color: #488bbd;
	background-color: transparent;
}

.a3 {

	font-weight: normal;

}

.a3:link {

	text-decoration: none;
	color: #666666;
}

.a3:visited {
	text-decoration: none;
	color: #666666;
}

.a3:hover {

	text-decoration: none;

	color: #488bbd;
	background-color: transparent;
}

.a3:active {
	text-decoration: none;
	color: #488bbd;
	background-color: transparent;
}

.schwarz:link {
		color: #000000;
}

.schwarz:visited {
		color: #000000;
}

.schwarz:hover {
	color: #ffffff;
	background-color: #488bbd; 
	text-decoration: none;
}

.schwarz:active{
	color: #000000;
	text-decoration: none;
}

/* ================================================================================================================ */
/* Formulare
/* ================================================================================================================ */

form {
	display: inline;
}

select,option {
	font-size: 1em;
	font-family: Arial;
	color: #000000;
} 		

.suchefolge, .suchfeld {
	font-size:1em;
	border: 0; 	/* sieht aus wie button; 2004-09-14me */
	background: #FFFFFF; 
	width: 9em;
	height: 1.5em;
	color: #333333;
}

INPUT {
	font-size: 0.9em;
	font-family: Arial;
	color : #000000;
	background:#FFFFFF;
}


/* ================================================================================================================ */
/* Sonstiges */
/* ================================================================================================================ */

abbr {
	cursor:help;
}

.noborder {
	border-style:none;
	border-width:0;
}

.searchword { 
	border: 1px dotted gray;
	background-color: yellow;
}
/* zur Hervorhebung der aus dem Referrer extrahierten Suchbegriffe */

.infobox { background-color:#ffffcc;
	border-width:1px;
	border-style:solid;
	border-color: #ff9900;
	padding:.4cm; font-size:1em; margin : 0; }
/* neue class, umrahmt element dünn orange  */

/* none inherit -> MSIE zeigt border */
img {
	border : 0 ; 
} 

.left {
	float : left; 
	margin-right : 1em; 
} 


.right {
	float : right; 

	margin-left : 1em; 
} 


hr { 
	color:#DCDCDC;
        background-color:#DCDCDC;
 }



.accessKey {
	display: block;
	width: 0.9em;
	float: left;
	margin-right: .25em;
	margin-bottom: .25em;
	padding: .25em 1em;
	border: 1px solid #6f6f6f;
	text-decoration: none;
}

.accessKey_head {
	font-size: 1em;
	letter-spacing: 0;
	font-variant: small-caps;
  	text-decoration: none;
}

/*=================================================================== */
/* Panobilder                                                         */
/* ================================================================== */
/* object stuff here */

/* hides the second object from all versions of IE */
* html object.mov {
	display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
	display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
	display/**/: none;
}

/*=================================================================== */
/* Druckversion                                                       */
/* ================================================================== */

@media print {
#tu_header {width:0px; height:0px; overflow:hidden;}
  div#seitenkopf { display: none; }
  div#navigation { display: none; }
  div#rechte_spalte { display: none; }
  div#tu_header { display: none; }
  #tu_titelzeile { display: none; }
  #pagetitle { padding-left:20px; }
  .screen { display:none; } 
  #td_navigation { width:0px }
  #td_rechte_spalte { width:0px }
  .element { height:auto !important; }

 .tab_hor div.ausgabe div[id^="box"] {height:auto !important; }


  body {color : black; background : #ffffff; margin : 0; } 

  th {background:#D3D3D3;	color: black; font-size: 12px; text-decoration: none; font-weight: bold;}


  td {font-size: 12px;text-decoration: none;font-weight: normal;vertical-align:top;}
  .headline , h1 {font-size : 22pt;}
  h2 , h3 , h4 , h5 , h6 {font-size : 18pt; line-height : 18pt; margin-bottom : 2pt; } 
  h1 , h2 , h3 , h4 , h5 , h6 {font-family :Arial; text-decoration : none; font-weight : bold; color : #003366; background-color : white; } 
  p , dt , dd , li {font-size : 12pt; font-family : Arial; line-height : 18pt; color : #000000;background-color : white; } 
  blockquote, q {	font-style: italic;	font-size: small;line-height: 16px;	margin-bottom: 16px;}



  blockquote {margin-left: 80px; 	background-color: #fafafa; }
  cite { font-size: small;background-color: #fff;}
  code { font-weight: bold;background-color: #fafafa;}
  strong {font-size : 12px; font-family : Arial, serif; font-weight : bold; font-style : normal; line-height : 16px; } 
  .rot {color : #cc3333; background-color : white; font-family : Arial; }
  hr {color : silver; background-color : silver; height : 1px; } 
  a {	font-weight : bold; text-decoration : underline; } 
  .bu , .fusszeile {font-size : 10px; font-family : Arial; text-decoration : none; font-weight : normal; 	color : #666666; 	line-height : 14px; 	text-decoration : none; } 
  .bu {text-align : right; } 
  .geisterschrift {color : silver; } 
  img {border : 0 ; } 
  .left {	float : left; margin-right : 10px; } 
  .right {float : right; margin-left : 10px; } 
  ul li {list-style-type : disc; color : #003366; } 
  ul ol li {list-style-type: decimal;list-style-image: none;}
  dt {font-size : 12px; text-decoration : none; font-weight : bold; color : #000000; background-color : transparent; line-height : 16px; margin-bottom : 2px; page-break-after : avoid; }
  dd {margin-bottom : 16px; } 
  q:lang(de) {quotes: "&bdquo;" "&ldquo;" "&sbquo;" "&lsquo;"; }
  q:lang(en) {quotes: "&ldquo;" "&rdquo;" "&lsquo;" "&rsquo;"; }  
  q:before {content: open-quote; }
  q:after  {content: close-quote; }  
}








/* ???? */
.new{
	display:none;
}

/* ??? */
/*
div.hline{
	width:100%;
	border-bottom: solid 1px #999999;
	min-width:780px;
}
*/


/* ??? */
.unsichtbar {
	display:none;
}

/* ??? */
.geisterschrift {
	color:silver;
}

/* ??? */
.spread{
	width: 780px;
}

/* ??? */
div.navic{
	padding-left:10px;
/*	width: 769px; */
}


/* Groesse und grundlegendes Layout fuer die Snippet-Klasse */

#snippetcontainer {
         position:relative;
         /*min-height:400px;*/
         float:right;
}

.snippet {
	position: relative;
        /*float:right;*/
	width: 155px;
        background-color:#dcdcdc;
        font-size:11px;
        font-family:arial;
        margin-right:2px;
        margin-bottom:10px;
}

/* Ueberschrift */

.snippet h1 {
        margin-top:0px;
        margin-bottom:10px;
        color:white;
        background-color:#002E5A;
	font-weight: bold;
	font-size: 12px;
        padding-left:8px;
        padding-top: 5px;
        padding-bottom: 5px;
 }

/* kleine Schriften fuer Absaetze */
.snippet p {
        padding-left:8px;
	font-size: 11px;
        padding-bottom:8px;
}


a.noborder:hover { 
background-color:transparent;
border:none;
}





#search #pager-header {
  text-align: right;
  border-bottom: 1px solid #ccc;
  padding: 0 1ex 0.3em 0;
  margin-bottom: 1em;
}
#search #pager {
  text-align: center;
  word-spacing: 1em;
}
#search #pager-status {
  padding: 2em 0;
}
#search .result {
  margin-bottom: 1em;
}
#search .result .result-snippet {
  margin: 0;
}
#search .result em {
  font-weight: bold;
  font-style: normal;
}
#search .result .url {
  color: #6d8300;
}

/*Einstellungen für das Akkordion */

/*allgemein für die toggler (die Überschriften)*/

div.toggler {
cursor:pointer;
font-size: 100.1%;
font-weight:bold;
background-repeat: no-repeat; 
font-family:Arial, Verdana;
color:#000000;
}

/*der Hover Effekt (anhand der Klasse kann die Hintergrundfarbe angegeben werden)*/

.accordion-yellow .toggler :hover {background-color:#ffc82a; color:#fff; font-size:13px;}
.accordion-orange .toggler :hover {background-color:#e16d00; color:#fff; font-size: 13px;}
.accordion-lightgreen .toggler :hover {background-color:#acc13a; color:#fff; font-size: 13px;}
.accordion-darkred .toggler :hover {background-color:#711c2f; color:#fff; font-size: 13px;}
.accordion-green .toggler :hover {background-color:#6d8300; color:#fff; font-size: 13px;}
.accordion-darkgreen .toggler :hover {background-color:#00534a; color:#fff; font-size: 13px;}
.accordion-lightblue .toggler :hover {background-color:#66b4d3; color:#fff; font-size: 13px;}
.accordion-blue .toggler :hover {background-color:#00709b; color:#fff; font-size: 13px;}
.accordion-darkblue .toggler :hover {background-color:#003f57; color:#fff; font-size: 13px;}
.accordion-lightpurple .toggler :hover {background-color:#8a307f; color:#fff; font-size: 13px;}
.accordion-purple .toggler :hover {background-color:#511246; color:#fff; font-size: 13px;}
.accordion-darkpurple .toggler :hover {background-color:#4c1830; color:#fff; font-size: 13px;}
.accordion-grey .toggler :hover {background-color:#999999; color:#fff; font-size: 13px;}

/* Mit Hilfe der Tabbox-Klasse können Boxen mit mehreren Reitern erstellt werden */

/* Tab-Menu___________________________________________________ */
/* Tab-Menu: horizontal ______________________________________ */
/* allgemeines */
.tab_hor {  margin: 0 auto;}
*+html .tab_hor {  padding-top: 15px;} /* IE7 Hack*/
.tab_hor .tablinks { margin:0 auto; padding: 0; }

.tab_hor .tabtitle {
float:left; font-size:12px; text-align:left; font-weight:bold; cursor:pointer; padding:2px 5px 0 5px; margin-right:3px; display:block; color:#000; height:auto; border:1px solid; 
}
.tab_hor .tabtitle:hover {
	float:left; font-size:12px; text-align:left; font-weight:bold; 
	cursor:pointer; padding:2px 5px 0 5px; margin-right:3px; display:block; color: #be1e3c; 
}
.tab_hor div.ausgabe div[id^="box"] { padding-top: 7px; padding-bottom:10px} /* Für alle Tab-Boxen die mit der id="box..." starten */
.tab_hor div.ausgabe div table {padding-top: 0px; padding-bottom:3px;}
.tab_hor div.ausgabe div h2 {margin-top: 10px}

.tab_hor div.ausgabe p + ul { margin-top: 0px}

.tab_hor .tabtitle_link {float:left; font-size:12px; text-align:left; font-weight:bold; padding:2px 5px 0 4px; margin-right:6px; display:block; color:#000; height:auto; border-top:1px solid; -moz-border-radius:7px; -khtml-border-radius:7px; border-radius: 7px; border-color: #999; background-color:#acc13a;}

.tab_hor div.ausgabe { left:0px; top:-1px; padding:5px; border: solid 1px #e16d00; clear:both; margin-bottom:25px} 

.tab_hor div.ausgabe ul { margin-left:0px}

/* Einstellungen für die einzelnen Farben */

.tabbox-lightgreen .tab_hor .tabtitle {border: solid 1px #cdda89}
.tabbox-lightgreen .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#eef3da}
.tabbox-lightgreen .tabtitle {border-color: #cdda89}
.tabbox-lightgreen .tabtitle:hover  {background-color:#eef3d8}
.tabbox-lightgreen .tab_hor .tabtitle_link {border-color: #cdda89; }
.tabbox-lightgreen .tab_hor div.ausgabe { background-color:#eef3da; border: solid 1px #cdda89}

.tabbox-green .tab_hor .tabtitle {border: solid 1px #a7b566}
.tabbox-green .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#e2e6cc}
.tabbox-green .tabtitle {border-color: #a7b566}
.tabbox-green .tabtitle:hover  {background-color:#e2e6cc}
.tabbox-green .tab_hor .tabtitle_link {border-color: #a7b566; }
.tabbox-green .tab_hor div.ausgabe { background-color:#e2e6cc; border: solid 1px #a7b566}

.tabbox-darkgreen .tab_hor .tabtitle {border: solid 1px #669892}
.tabbox-darkgreen .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#ccdddb}
.tabbox-darkgreen .tabtitle {border-color: #669892}
.tabbox-darkgreen .tabtitle:hover  {background-color: #ccdddb}
.tabbox-darkgreen .tab_hor .tabtitle_link {border-color: #669892; }
.tabbox-darkgreen .tab_hor div.ausgabe { background-color:#ccdddb; border: solid 1px #669892}

.tabbox-lightblue .tab_hor .tabtitle {border-color: #a3d2e5}
.tabbox-lightblue .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#e0f0f6}
.tabbox-lightblue .tabtitle {border-color: #a3d2e5}
.tabbox-lightblue .tabtitle:hover  {background-color:#e0f0f6}
.tabbox-lightblue .tab_hor .tabtitle_link {border-color: #a3d2e5}
.tabbox-lightblue .tab_hor div.ausgabe { background-color:#e0f0f6; border: solid 1px #a3d2e5}

.tabbox-blue .tab_hor .tabtitle {border-color: #66a9c3}
.tabbox-blue .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#cce2eb}
.tabbox-blue .tabtitle {border-color: #66a9c3}
.tabbox-blue .tabtitle:hover  {background-color:#cce2eb}
.tabbox-blue .tab_hor .tabtitle_link {border-color: #66a9c3}
.tabbox-blue .tab_hor div.ausgabe { background-color:#cce2eb; border: solid 1px #66a9c3}

.tabbox-darkblue .tab_hor .tabtitle {border-color: #668c9a}
.tabbox-darkblue .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#ccd9dd}
.tabbox-darkblue .tabtitle {border-color: #668c9a}
.tabbox-darkblue .tabtitle:hover  {background-color:#ccd9dd}
.tabbox-darkblue .tab_hor .tabtitle_link {border-color: #668c9a}
.tabbox-darkblue .tab_hor div.ausgabe { background-color:#ccd9dd; border: solid 1px #668c9a}

.tabbox-lightpurple .tab_hor .tabtitle {border-color: #b983b2}
.tabbox-lightpurple .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#e8d6e5}
.tabbox-lightpurple .tabtitle {border-color: #b983b2}
.tabbox-lightpurple .tabtitle:hover  {background-color:#e8d6e5}
.ltabbox-ightpurple .tab_hor .tabtitle_link {border-color: #b983b2}
.tabbox-lightpurple .tab_hor div.ausgabe { background-color:#e8d6e5; border: solid 1px #b983b2}

.tabbox-purple .tab_hor .tabtitle {border-color: #977190}
.tabbox-purple .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#dcd0da}
.tabbox-purple .tabtitle {border-color: #977190}
.tabbox-purple .tabtitle:hover {background-color:#dcd0da}
.tabbox-purple .tab_hor .tabtitle_link {border-color: #977190}
.tabbox-purple .tab_hor div.ausgabe { background-color:#dcd0da; border: solid 1px #977190}

.tabbox-darkpurple .tab_hor .tabtitle {border-color: #947483}
.tabbox-darkpurple .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#dbd1d6}
.tabbox-darkpurple .tabtitle {border-color: #947483}
.tabbox-darkpurple .tabtitle:hover  {background-color:#dbd1d6}
.tabbox-darkpurple .tab_hor .tabtitle_link {border-color: #947483}
.tabbox-darkpurple .tab_hor div.ausgabe { background-color:#dbd1d6; border: solid 1px #947483}

.tabbox-yellow .tab_hor .tabtitle {border-color: #ffde7f}
.tabbox-yellow .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#fff4d4}
.tabbox-yellow .tabtitle {border-color: #ffde7f}
.tabbox-yellow .tabtitle:hover  {background-color:#fff4d4}
.tabbox-yellow .tab_hor .tabtitle_link {border-color: #ffde7f}
.tabbox-yellow .tab_hor div.ausgabe { background-color:#fff4d4; border: solid 1px #ffde7f}

.tabbox-orange .tab_hor .tabtitle {border-color: #eda766}
.tabbox-orange .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#f9e2cc}
.tabbox-orange .tabtitle {border-color: #eda766}
.tabbox-orange .tabtitle:hover  {background-color:#f9e2cc}
.tabbox-orange .tab_hor .tabtitle_link {border-color: #eda766}
.tabbox-orange .tab_hor div.ausgabe { background-color:#f9e2cc; border: solid 1px #eda766}

.tabbox-darkred .tab_hor .tabtitle {border-color: #aa7782}
.tabbox-darkred .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#e3d2d5}
.tabbox-darkred .tabtitle {border-color: #aa7782}
.tabbox-darkred .tabtitle:hover  {background-color:#e3d2d5}
.tabbox-darkred .tab_hor .tabtitle_link {border-color: #aa7782}
.tabbox-darkred .tab_hor div.ausgabe { background-color:#e3d2d5; border: solid 1px #aa7782}

.tabbox-grey .tab_hor .tabtitle {border-color: #999999}
.tabbox-grey .tab_hor .tabtitle:hover {color: #be1e3c ; background-color:#DCDCDC}
.tabbox-grey .tabtitle {border-color: #999999}
.tabbox-grey .tabtitle:hover  {background-color:#DCDCDC}
.tabbox-grey .tab_hor .tabtitle_link {border-color: #999999}
.tabbox-grey .tab_hor div.ausgabe { background-color:#DCDCDC; border: solid 1px #999999}

/* *********************** TAB MENU VERTIKAL ************************** */
/* angepasst 10.10.2014 */

.tab_ver { position:relative; margin: 0 auto;}
.tab_ver .tablinks { 
	margin:0 auto;
	float:left;
}
.tab_ver .tabtitle:hover {background-position:0px -50px;}

.tab_ver .tabtitle { background-repeat:no-repeat; position:relative;margin-top:2px; display:block; width:140px; color:#000; font-size:12px; padding:10px 5px; text-align:left; font-weight:bold; cursor:pointer;}
.tab_ver .ausgabe {position:relative; padding:10px 5px; margin-top:2px; margin-bottom:10px; margin-left:-3px; width:369px;  top:0px; background:#fff; float:left; min-height:400px;}

.tabbox-lightgreen .tab_ver .tabtitle, .tabbox-lightgreen .tab_ver .ausgabe { border: solid 1px #cdda89; }
.tabbox-lightgreen .tab_ver div.ausgabe, .tabbox-lightgreen .tab_ver .tabtitle:hover { background-color:#eef3d8; }
 
.tabbox-green .tab_ver .tabtitle, .tabbox-green .tab_ver .ausgabe {border: solid 1px #a7b566;}
.tabbox-green .tab_ver div.ausgabe, .tabbox-green .tab_ver .tabtitle:hover {background-color:#e2e6cc;}

.tabbox-darkgreen .tab_ver .tabtitle, .tabbox-darkgreen .tab_ver .ausgabe {border: solid 1px #669892;}
.tabbox-darkgreen .tab_ver div.ausgabe, .tabbox-darkgreen .tab_ver .tabtitle:hover {background-color:#ccdddb;}

.tabbox-lightblue .tab_ver .tabtitle, .tabbox-lightblue .tab_ver .ausgabe {border: solid 1px #a3d2e5;}
.tabbox-lightblue .tab_ver div.ausgabe, .tabbox-lightblue .tab_ver .tabtitle:hover {background-color:#e0f0f6;}

.tabbox-blue .tab_ver .tabtitle, .tabbox-blue .tab_ver .ausgabe {border: solid 1px #66a9c3;}
.tabbox-blue .tab_ver div.ausgabe, .tabbox-blue .tab_ver .tabtitle:hover {background-color:#cce2eb;}

.tabbox-darkblue .tab_ver .tabtitle, .tabbox-darkblue .tab_ver .ausgabe {border: solid 1px #668c9a;}
.tabbox-darkblue .tab_ver div.ausgabe, .tabbox-darkblue .tab_ver .tabtitle:hover {background-color:#ccd9dd;}

.tabbox-lightpurple .tab_ver .tabtitle, .tabbox-lightpurple .tab_ver .ausgabe {border: solid 1px #b983b2;}
.tabbox-lightpurple .tab_ver div.ausgabe, .tabbox-lightpurple .tab_ver .tabtitle:hover {background-color:#e8d6e5;}

.tabbox-purple .tab_ver .tabtitle, .tabbox-purple .tab_ver .ausgabe {border: solid 1px #977190;}
.tabbox-purple .tab_ver div.ausgabe, .tabbox-purple .tab_ver .tabtitle:hover {background-color:#dcd0da;}

.tabbox-darkpurple .tab_ver .tabtitle, .tabbox-darkpurple .tab_ver .ausgabe {border: solid 1px #947483;}
.tabbox-darkpurple .tab_ver div.ausgabe, .tabbox-darkpurple .tab_ver .tabtitle:hover {background-color:#dbd1d6;}

.tabbox-yellow .tab_ver .tabtitle, .tabbox-yellow .tab_ver .ausgabe {border: solid 1px #ffde7f;}
.tabbox-yellow .tab_ver div.ausgabe, .tabbox-yellow .tab_ver .tabtitle:hover {background-color:#fff4d4;}

.tabbox-orange .tab_ver .tabtitle, .tabbox-orange .tab_ver .ausgabe {border: solid 1px #eda766;}
.tabbox-orange .tab_ver div.ausgabe, .tabbox-orange .tab_ver .tabtitle:hover {background-color:#f9e2cc;}

.tabbox-darkred .tab_ver .tabtitle, .tabbox-darkred .tab_ver .ausgabe {border: solid 1px #aa7782;}
.tabbox-darkred .tab_ver div.ausgabe, .tabbox-darkred .tab_ver .tabtitle:hover {background-color:#e3d2d5;}

.tabbox-grey .tab_ver .tabtitle, .tabbox-grey .tab_ver .ausgabe {border: solid 1px #999999;}
.tabbox-grey .tab_ver div.ausgabe, .tabbox-grey .tab_ver .tabtitle:hover {background-color:#DCDCDC;}

/* ***********************NEUE LINK ICONS ************************** */


/*Interne Links erkennt man daran dass sie kein http vorangestellt haben (relativ sind) oder wenn sie von extern liegenden Skripten generiert werden an der URL der TU Braunschweig. Diese bekommen einen waagerechten Pfeil als Icon, externe bekommen einen diagonalen Pfeil */
.inhalt a {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a:active {
   color:#be1e3c;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

/* Mit der Klasse noicon kann der Pfeil ausgeblendet werden */
a.noicon:link {
   padding-left: 0px !important;
   background: none !important;
}

a.noicon:hover {
     color: #fff; !important;
     background: #be1e3c !important; 
     background-color: #be1e3c !important;
}

a.noicon:focus {
     color: #fff; !important;
     background: #be1e3c !important; 
     background-color: #be1e3c !important;
}


/* Emaillinks bekommen ein @Zeichen */
.inhalt a[href ^="mailto:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/email-14.png) no-repeat center left;
}

.inhalt a[href ^="mailto:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/email-14.png) no-repeat center left;
}



/* externe Seiten enthalten http oder https am Anfang der URL */
.inhalt a[href ^="http:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.inhalt a[href ^="http:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

/* Auch interne Links haben, wenn sie als Hardlinks angegeben sind oder in Skripten ein http vorne in der URL. Dann wird der Teil danach überprüft */

.inhalt a[href ^="http://www.tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="http://www.tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="http://tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="http://tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https://www.tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https:/www./tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https://.tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.inhalt a[href ^="https://tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

/* PDF-Links bekommen ein PDF-Zeichen */

.inhalt a[href $=".pdf"] {
   padding-left: 0px;
   padding-right:16px;
   background: transparent url(../icons/tubsdesign/neue-icons/pdf-14.png) no-repeat center right;
}

.inhalt a[href $=".pdf"]:hover {
   padding-left: 0px;
   padding-right:16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/pdf-14.png) no-repeat center right;
}

/* Keine Anzeige der Icons bei der Darstellung von Bildern */

.inhalt a[href $=".png"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".png"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".gif"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".gif"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".jpg"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".jpg"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".jpeg"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".jpeg"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

/* Anker und Tooltips bekommen kein Icon */
.inhalt a[name] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[name]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

a.tooltip:link {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

/*
.inhalt a[href $=".xml"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.inhalt a[href $=".xml"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}
*/

/* Links in Snippets werden genauso gestaltet wie im Inhaltsbereich*/

.snippet a {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a img{
   background: none !important;
}

.snippet a:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="mailto:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/email-14.png) no-repeat center left;
}

.snippet a[href ^="mailto:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/email-14.png) no-repeat center left;
}

.snippet a[href ^="http:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.snippet a[href ^="http:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

/* um https erweitert 20.09.2016 */

.snippet a[href ^="https:"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.snippet a[href ^="https:"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/externer-link-14.png) no-repeat center left;
}

.snippet a[href ^="http://www.tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="http://www.tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="http://tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="http://tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="https://www.tu-braunschweig.de"] {
   padding-left: 16px;
   background: transparent url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href ^="https://www.tu-braunschweig.de"]:hover {
   padding-left: 16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/interner-link-14.png) no-repeat center left;
}

.snippet a[href $=".pdf"] {
   padding-right: 16px;
   padding-left:0px;
   background: transparent url(../icons/tubsdesign/neue-icons/pdf-14.png) no-repeat center right;
}

.snippet a[href $=".pdf"]:hover {
   padding-right: 16px;
   padding-left:-16px;
   background: #be1e3c url(../icons/tubsdesign/neue-icons/pdf-14.png) no-repeat center right;
}


<!-- bei der Bildergalerie sollen keine Icons angezeigt werden -->

.snippet a[href $=".png"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".png"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".gif"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".gif"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".jpg"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".jpg"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".jpeg"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".jpeg"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

/* Anker und Tooltips bekommen kein Icon */

.snippet a[name] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[name]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

a.tooltip:link {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

/*.snippet a[href $=".xml"] {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}

.snippet a[href $=".xml"]:hover {
   padding-left: 0px;
   padding-right:0px;
   background: none;
}
*/
.snippet a.noicon:link {
   padding-left: 0px !important;
   background: transparent !important;
}

.snippet a.noicon:hover {
     color: #ffffff;
     background-color:  #be1e3c !important;  
     background: #be1e3c !important;
}

/* BEGIN Farbauswahl für Snippets 15.07.2015 F. Müller */
.snippet.standard { background-color:#DCDCDC; }
.snippet.standard h1 { background-color:#002E5A; }
.snippet.yellow { background-color:#FFF4D4; }
.snippet.yellow h1 { background-color:#FFC82A; }
.snippet.orange { background-color:#F9E2CC; }
.snippet.orange h1 { background-color:#E16D00; }
.snippet.darkred { background-color:#E3D2D5; }
.snippet.darkred h1 { background-color:#711C2F; }
.snippet.lightgreen { background-color:#EEF3D8; }
.snippet.lightgreen h1 { background-color:#ACC13A; }
.snippet.green { background-color:#E2E6CC; }
.snippet.green h1 { background-color:#6D8300; }
.snippet.darkgreen { background-color:#CCDDDB; }
.snippet.darkgreen h1 { background-color:#00534A; }
.snippet.lightblue { background-color:#E0F0F6; }
.snippet.lightblue h1 { background-color:#66B4D3; }
.snippet.blue { background-color:#CCE2EB; }
.snippet.blue h1 { background-color:#00709B; }
.snippet.darkblue { background-color:#CCD9DD; }
.snippet.darkblue h1 { background-color:#003F57; }
.snippet.lightpurple { background-color:#E8D6E5; }
.snippet.lightpurple h1 { background-color:#8A307F; }
.snippet.purple { background-color:#DCD0DA; }
.snippet.purple h1 { background-color:#511246; }
.snippet.darkpurple { background-color:#DBD1D6; }
.snippet.darkpurple h1 { background-color:#4C1830; }
.snippet.grey { background-color:#DCDCDC; }
.snippet.grey h1 { background-color:#999; }
/* END Farbauswahl für Snippets */

/* pagetop Klasse schaltet Hintergrund für Anker Links aus */
a.pagetop:hover, a.pagetop:link, a.pagetop:active {
background:none!important;
}

/* BEGIN CSS Anpassungen Wichtiger Hinweis */

.hinweis_overlay{
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.60;
  filter: alpha(opacity=80);
}

.hinweis_content {
  display: none;
  position: absolute;
  top: 15%;
  left: 9%;
  width: 80%;
  height: 70%;
  padding: 16px;
  border: 4px solid #808080;
  background-color: white;
  z-index:1002;
  overflow: hidden;
}

.external {
border:none;
margin:30px 0 0 0;
padding:0;
width:100%;
height:95%;
min-height:95%;
}

#hinweis button {
position:absolute;
right:10px;
background:none;
border:none;
cursor:pointer;
}

/* END CSS Anpassungen Wichtiger Hinweis */