/*	pietzpluswild fuer die Hochschule Bremen	*/

/* Grundelemente */
body {
	font-family: Brix,Calibri,Arial,sans-serif;
	font-size: 1em;
	background-color: #fff;
	color: #333;
	margin: 6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*Achtung Browserweiche ganz unten für Schrift in Chrome!!! */

img {border: none;}
.versteckt {display: none;}
hr {display:none; }
a {color: #0a558c;}
ul, ol, li {list-style: none;margin: 0px;border: 0px;padding: 0px;}
.neuer-abschnitt {clear: both;}
.text {font-size: 0.8em;line-height: 1.4em;}
.textabstand {font-size: 0.8em;line-height: 1.4em;}
.h-top { margin: 0; }

/* Boxen */
#aussen{width: 62em;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;}

#kopf-oben {margin-top:0px;padding:0px;font-size: 1.1em;}

#unternavigation-aussen {float: left;width: 11em;margin:0px 5px 0px 0px;padding:10px 0px 0px 35px;color:#333;}

#kopf-unten {float: right;width: 46em;}

#kopf-unten-bs2 {float: left;width: 30em;}

#suche-aussen {float: right;width: 15.5em;}

#suche-innen-a {
	float: left;
	width: 11.25em;
	height: 2.65em;
	padding:12px 0px 6px 68px;
	background-color: #DAE1EC;}

#suche-innen-b {
	float: left;
	width: 11.25em;
	background-color: #d4dbe6;
	height: 2.6em;
	padding:12px 0px 6px 68px;
	border-top: #fff;
	border-width: 1px 0 0 0 ;
	border-style: solid none none solid;
}

#textrahmen-aussen {float: right;width: 46em;}
#textrahmen-innen {float: left;width: 20em;padding:18px 12px 2px 12px;border-color: #f0f0f0;border-width: 0 1px 0px 1px;border-style: none solid none solid;}

#logo { float: left;width:10.5em;}
#HSB_Zusatz {
	float: left;
}
#HSB_Zusatz img {
	height: 91px;
}

/* Kopf-Navigation */
#kopf-nav {float: left;padding: 0 0 0 50px;}
#kopf-nav li { float: left;padding: 20px 0 0 0;}
#kopf-nav li a {font-size: 0.65em;color: #333;text-decoration:none;}
#kopf-nav li a:hover {text-decoration:underline;}
#kopf-nav li a:focus {text-decoration:underline;}

/* Krümelpfad-Pfad-Navigation */
.pfad-rahmen {
	position: relative;
	top: -40px;
	left: -45px;
	width: 76.5em;
	font-size: .8em;
	color: #fff;
	border-top: .0894737em solid #fff;
	padding: 0.5em 0.2em 0.4em 2em;
}

.pfad-rahmen a {
	color: #fff;
	text-decoration: none;
}
.pfad-rahmen a:hover {text-decoration: underline;}
.pfad-rahmen a:focus {text-decoration: underline;}

.erweiterte-suche-b { 
	padding: 0 4px 0 5px;
	font-size: 0.65em;
	background: url(../images/erws.gif) no-repeat #d4dbe6;
}

.erweiterte-suche-b:link {text-decoration:none;background-color: #d4dbe6;}
.erweiterte-suche-b:hover {text-decoration:underline;}
.erweiterte-suche-b:focus {text-decoration:underline;}

.pfad-navlinie {
	font-size: 0.9em;
	color: #fff;
	padding: 0em 0.8em 0em 0.8em;
}

.kopf-navlinie {
	font-size: 0.7em;
	font-weight: bold;
	padding: 0em 0.5em 0em 0.5em;
}

#topthema { 
  float: right;
	width: 10em;
	padding: 5px 0px 0px 0px;
}

.text-formular {
	font-size: 0em;
}
#top_themen { 
	position: relative;
	right: 8px;
	top: 19px;
}
.suche_feld {
	font-size: .65em;
}

/* Navigation */
#navtop
{
	background: url(../images/verlauf_oben.png) no-repeat;
	background-size: 100% 100%; 
	font-size: .9em;
	height: 4.4em;
	border-top: .0894737em solid #fff;
	border-bottom: .0894737em solid #fff;
}

#navtop ul, #navtop ul li {display: inline;list-style: none;padding: 0;margin: 0;}

#navtop ul li {float: left;}

#navtop li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 2em;
	padding: 4px 0 0 0;
	margin: 0;
}
#navtop a:hover {text-decoration:underline;}
#navtop a:focus {text-decoration:underline;}

/* ID's für die Anpassung der Navigationsbreite  */
#navtop1 { width: 12em; background: url(../images/nav_k1.gif) repeat-x;}
#navtop2 { width: 8.5em; background: url(../images/nav_k2.gif) repeat-x;}
#navtop3 { width: 9em; background: url(../images/nav_k3.gif) repeat-x;}
#navtop4 { width: 10.6em; background: url(../images/nav_k4.gif) repeat-x;}
#navtop5 { width: 10.2em; background: url(../images/nav_k5.gif) repeat-x;}
#navtop6 { width: 8.5em; background: url(../images/nav_k6.gif) repeat-x;}
#navtop7 { width: 10em; background: url(../images/nav_k7.gif) repeat-x;}

#kopflinie
{
line-height: 0;
}
#rundung-unten
{
height: 0;
}

.erw-suche
{
padding: 4px 0 0 0;
}

.abstand-z
{
padding: 40px 0 0 0;
}

.zusatzlinks
{
line-height: 1.5em;
border-bottom:	1px solid #F2F4F5;
font-size: 0.7em;
background-color:#fff;
}

/* Mittlere Spalte */
.bild_links { 
  float: left;
	padding: 0em 0.5em 0em 0em;
	margin: 0px;
	border: 0px;
}

.aufzaehlung { 
padding: 0px 0px 0px 12px;
background: url(../images/aufz.gif) no-repeat #fff;
}

/* Rechte Spalte */
#rechte-spalte {float: left;width: 20em; padding:18px 12px 2px 12px;}

.infos {
  line-height: 1.5em;
	background: url(../images/infopfeil.gif) no-repeat top left;
	font-size: 0.8em;
	border-bottom:	2px solid #dadada;
  padding: 0.2em 0.75em 0.2em 1.4em;
}
.infos a {color: #333; text-decoration: none;}

.info-abstand {padding:18px 0px 0px 8px;}

.rechtes-motiv1 {
	width:11.7em;
	height:5.85em;
}

/* Inhalt */
/*durcken, pdf, Seitenanfang nicht im Template*/
.logo-skaliert {
	width:181px;
	height:91px;
}

.mood-motiv {
	width:30.5em;
	height:7.55em;
}

/* Fuss */
.fussabstand1 
{
	padding: 3em 0 0 0;
	clear:both;
}

#fuss-nav {
  float: right;
	width:100%;
	margin:	0;
	padding: .3em 0 .3em 0;
	background-image: url(../images/verlauf_unten.png);
	background-size: 100%;
}
#fuss-nav ul { 
  float: right;
	margin-right: 10px;
}

#fuss-nav li { 
  float: left;
	font-size: 0.8em;
	padding: 0px 2px 2px 6px;
}

#fuss-nav li a {color: #fff;text-decoration:none;}

.fussabstand-nav
{
	width:62em;
	padding: 0em 0 0 0em;
	text-align: right;
}

.fuss-navlinie {
font-size: 0.7em;
color: #fff;
font-weight: normal;
padding: 0em 0em 0em 0.6em;

}

.fussabstand 
{
padding: 1em 0 0 0;
}

/* Formulare */

.abschicken1
{
width: 16px;
height: 16px;
margin: 0px 0px 2px 2px;
padding: 0px;
font-size: 1.4em;
background-color: #dadada;
}

.abschicken2
{
width: 16px;
height: 16px;
margin: 0px 0px 2px 2px;
padding: 0px;
font-size: 1.4em;
background-color: #dadada;
}

.abschicken-abstand
{
padding: 0px;
margin: 0px;
}

input.kopf 
{  float: left;
	height: 1.3em;
	width: 9.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	font-weight: bold;
	line-height: 1.4em;
  font-size: 0.65em;
	background-color: #dadada;
	padding-left: 4px;
}

.input-b 
{
   float: left;
	height: 20px;
	width: 16em;
	line-height: 1.4;
	border-width: 1px;
	border-style: solid;
	border-color: #9497A6;
   padding: 0em 0em 0em 0.3em;
	font-size: 1.4em;
	
}

.suche-abstand 
{
padding: 1.8em 0.2em 0.3em 0.2em;
}



/* Tabelle */
	
td {
	font-size: 0.9em;
	background-color: #eff2f7;
	border: 1px solid #f0f2f7;
}

caption {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	line-height: 25px;
	
}

th {
	line-height:13px;
	background-color: #eff2f7;
	font-size: 0.9em;
	text-decoration: none;
	border: 1px solid #f0f2f7;
	text-align: left;
}

tr {	
  vertical-align: top;
}

table {
width:465px;
}

form {
padding: 0em 0 0 0;
border: 0em;
margin-top: 0px;
}


.tdlink {font-size: 1em;color: #333; text-decoration: underline;background-color: #eff2f7;}
.tdlink:hover {text-decoration: none;}
.tdlink:focus {text-decoration: none;}

/*	pietzpluswild fuer die Hochschule Bremen	*/

h2 {font-family: Brix,Calibri,Arial,serif;font-size: 1.3em;color: #0a558c;font-weight: bold;line-height: 1.3em;}

/* Navigation zweite und dritte Ebene */
.zweite {
  line-height: 1.5em;
	background: url(../images/pfeil_2.gif) no-repeat top left;
	border-top:	1px solid #F2F4F5;
	font-size: 0.8em;
  padding: 0.2em 0.75em 0.2em 1.3em;
}

.zweite a {color: #333; text-decoration: none;}
.zweite a:hover {color: #0a558c;text-decoration: underline;}
.zweite a:focus {color: #0a558c;text-decoration: underline;}

.zweite_aktiv {
  line-height: 1.5em;
	background: url(../images/pfeil_2.gif) no-repeat top left;
	border-top:	1px solid #F2F4F5;
	font-size: 0.8em;
  padding: 0.2em 0.75em 0.2em 1.3em;
}

.zweite_aktiv a {color: #0a558c; text-decoration: none; font-weight: bold;}
.zweite_aktiv a:hover {color: #333;text-decoration: underline;}
.zweite_aktiv a:focus {color: #333;text-decoration: underline;}

.dritte {
  line-height: 1.5em;
	background: url(../images/pfeil_3.gif) no-repeat top left;
	font-size: 0.8em;
  padding: 0.2em 0.75em 0.2em 2.3em;
}

.dritte a {color: #333; text-decoration: none;}
.dritte a:hover {color: #0a558c;text-decoration: underline;}
.dritte a:focus {color: #0a558c;text-decoration: underline;}

.dritte_aktiv {
  line-height: 1.5em;
	background: url(../images/pfeil_3.gif) no-repeat top left;
	font-size: 0.8em;
  padding: 0.2em 0.75em 0.2em 2.3em;
}

.dritte_aktiv a {color: #0a558c; text-decoration: none;}
.dritte_aktiv a:hover {color: #333;text-decoration: underline;}
.dritte_aktiv a:focus {color: #333;text-decoration: underline;}




/* Navigation im Inhalt */
.contentlink {color: #333; text-decoration: none;}
.contentlink:hover {color: #333;text-decoration: underline;}
.contentlink:focus {color: #333;text-decoration: underline;}

.contentliste {
   line-height: 1.4em;
	background: url(../images/pfeil_1.gif) no-repeat top left;
	font-size: 1em;
   padding: 0.25em 0 0 1em;
}


.contentliste a {color: #333; text-decoration: none;}
.contentliste a:hover {text-decoration: underline;}
.contentliste a:focus {text-decoration: underline;}

/* Informationen fuer */

.infos-head {
  line-height: 1.5em;
	background: url(../images/pfeil_1.gif) no-repeat top left;
	font-size: 0.8em;
	font-weight:bold;
	border-bottom:	2px solid #dadada;
  padding: 0.2em 0.75em 0.2em 1.4em;
	color: #0a558c;
	font-weight: bold;
}


/* Erste Ebene aktiv */

#navtop li a:link.sel, #navtop li a:visited.sel {
	background-color: #0a558c;
}


/* Bildlink in der rechten Spalte */

.spalte-drei {
	font-size: 0.7em;
  padding: 0.2em 0 0.2em 0;
	line-height: 1.4em;
}

.spalte-drei:link {color: #333; }
.spalte-drei:hover {text-decoration: underline; }
.spalte-drei:focus {text-decoration: underline;}

/********************/
/* EWE-Elements 	*/
/********************/

div.EWE ul li{
	line-height: 1.4em;
	list-style-type:circle;
	font-size: 1em;
	padding: 0 0 0 0em;
	margin-left: 1.5em;
}

div.EWE ol li{
	line-height: 1.4em;
	list-style-type:decimal;
	list-style-position:outside;
	font-size: 1em;
    padding: 0 0 0 0em;
	margin-left: 2em;
}

/********************/
/* Abstand Flexmodule*/
/********************/
.modul_abstand_0 {
}
.modul_abstand_1 {
	margin-top: 1em;
}
.modul_abstand_2 {
	margin-top: 2em;
}
/*Bowserweiche */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)
{    
	body {font-family: Arial,sans-serif;}	
}