/**
 * Global Stylesheet for DHBW Mosbach (ba-mosbach.de)
 *
 * @author       Fabian Beiner <fbe(at)DERPUNKT(dot)de>)
 * @editor		 Tobias Oberrauch <tob(at)DERPUNKT(dot)de>)
 * @copyright    Fabian Beiner / DER PUNKT gmbh, Karlsruhe, Germany
 * @license      CC-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
 * @link         http://derpunkt.de
 * @modified	 punkt.de
 *
 * @information
 * section: dark, bright
 * home: 39444b, 5c6971
 * hochschule: 8b0011, e2001a
 * informationen: 945b00, f08c00
 * studiengaenge: 567b0d, 8cbe14
 * mosbach: 0041a0, 0064f0
 * heilbronn: 25206b, 3c32a0
 * bad mergentheim: 1f74a0, 32b4f0
 */
/* body, #wrap, #foot, #head */
body {
    background: #191e20 url(../img/bg_body.png) no-repeat fixed top center;
    font-family: Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1;
    color: #333333;
}

/* #wrap umschließt Inhalt und positioniert die Seite */
#wrap {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto 0 auto;
    padding: 0 20px;
/*
    position: absolute;
    left: 50%;
    margin-left: -495px;
    height: 100%;
*/
    width: 950px;
    background-color: #ffffff;
}

* html #wrap {
    height: 100% !important;
}

/* #head umschließt Logo, Metanavigation und Suchfeld */
#head {
    height: 69px;
    overflow: hidden;
}

/* #meta -> Metanavigation im Header */
#head #meta {
	float: right;
	color: #788289;
	height: 21px;
	padding-top: 18px;
	text-align: right;
	text-transform: uppercase;
	width: 700px;
 	font-size: 10px;
}

#head #meta a {
    color: #788289;
}

#head #meta a:hover, #head #meta a:focus {
    text-decoration: underline;
}

/* #search -> Suchfeld im Header */
#head #search {
    height: 29px;
    text-align: right;
    width: 700px;
    float: right;
}

#head #logo {
    float: left;
}

/* Suchfeld -> input */
#head #search #search-field {
    border: 1px #e8eaeb solid;
    border-right: none;
    color: #788289;
    height: 16px;
    padding: 2px 3px 0;
    width: 193px;
    float: right;
}

/* Suchbutton -> input */
#head #search #search-submit {
    height: 20px;
    width: 20px;
    float: right;
}

/* ul#menu-top */

/* #menu-top umschließt die Hauptnavigation */
ul#menu-top {
    display: block;
    margin-bottom: 7px;
    height: 38px;
}

/* #menu-top li umschließt die einzelnen Hauptnavigationspunkte */
ul#menu-top li {
    display: inline;
}

/* Link der Hauptnavigationspunkte */
ul#menu-top li a {
    float: left;
    display: block;
    width: 158px;
    height: 36px;
    text-indent: -9999px; /* schiebt den Text der Links in den nicht sichtbaren Bereich (Suchmaschinen erkennen den Linktext) */
}

ul#menu-top li a {
    width: 158px;
}

/* Hauptnavigations Bilder: */

ul#menu-top li a#hochschule {
    background: transparent url(../img/menu-top-hochschule.png) no-repeat scroll 0 0;
    width: 159px; /* 1px breiter als die anderen Punkte */
}

ul#menu-top li a#informationen {
    background: transparent url(../img/menu-top-informationen.png) no-repeat scroll 0 0;
}

ul#menu-top li a#studienangebote {
    background: transparent url(../img/menu-top-studienangebote.png) no-repeat scroll 0 0;
}

ul#menu-top li a#campus-mosbach {
    background: transparent url(../img/menu-top-campus-mosbach.png) no-repeat scroll 0 0;
}

ul#menu-top li a#campus-heilbronn {
    background: transparent url(../img/menu-top-campus-heilbronn.png) no-repeat scroll 0 0;
}

ul#menu-top li a#campus-bad-mergentheim {
    background: transparent url(../img/menu-top-campus-bad-mergentheim.png) no-repeat scroll 0 0;
    width: 159px; /* 1px breiter als die anderen Punkte */
}

/*
Mouseover- und Aktivzustände:

Die verschiedenen Zustände sind alle in einer Bilddatei.
Diese ist im Hintergrund des Links und wird je nach Zustand verschoben.

*/

ul#menu-top li a:hover {
    background-position: 0 -36px !important;
}

ul#menu-top li a.active {
    background-position: 0 -72px !important;
}

ul#menu-top li a.active:hover {
    background-position: 0 -108px !important;
}


/**Microsites ul#menu-top Styles für das zusätzliche Sprungmenü im headerbereich der Microsites */
body.microsite ul#menu-top {
    height: 20px;
}

body.microsite ul#menu-top li a {
    height: 14px;
    text-indent: 14px;
    padding-top: 4px;
    font-size: 10px;
    letter-spacing: -1px;
    
}

body.microsite ul#menu-top li a#hochschule,
body.microsite ul#menu-top li a#hochschule:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 0 !important;
}

body.microsite ul#menu-top li a#informationen,
body.microsite ul#menu-top li a#informationen:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 -18px !important;
}

body.microsite ul#menu-top li a#studienangebote,
body.microsite ul#menu-top li a#studienangebote:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 -36px !important;
}

body.microsite ul#menu-top li a#campus-mosbach,
body.microsite ul#menu-top li a#campus-mosbach:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 -54px !important;
}

body.microsite ul#menu-top li a#campus-heilbronn,
body.microsite ul#menu-top li a#campus-heilbronn:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 -72px !important;
}

body.microsite ul#menu-top li a#campus-bad-mergentheim,
body.microsite ul#menu-top li a#campus-bad-mergentheim:hover {
    background: transparent url(../img/menu-top-microsites-bg.png) no-repeat scroll 0 -90px !important;
}


/* #content -> Inhaltsbereich */
#content {
	min-height: 500px;
}


/* #visual -> Bild unter der Hauptnavigation */
#visual {
    width: 950px;
    background: transparent none scroll no-repeat 0 0;
    position: relative;
	margin-bottom: 30px;
}

#visual .image {
    width: 220px;
    margin-right: 19px;
    float: left;
}
/* #visual für die Startseite */
body.home.main-3spaltig-start #visual {
    height: 200px;
    background-image: none;
}
/*definiert die Links in Tabellen*/
#column-wide-left table a:link,
#column-middle table a:link,
#column-wide table a:link,
#column-wide-left p a:link,
#column-middle p a:link,
#column-wide p a:link {
	color: #39444b;    
}
/*definiert die Links in Tabellen*/
#column-wide-left table a:visited,
#column-middle table a:visited,
#column-wide table a:visited,
#column-wide-left p a:visited,
#column-middle p a:visited,
#column-wide p a:visited {
    /*color: #adb4b8;*/
    color: #9ea4a8;
}

/* definiert Farbe des Seitentitels im Headerbereich für die verschiedenen Seitenbäume: */
body.home #visual h1 {
    color: #39444b;
}

body.hochschule #visual h1 {
    color: #8b0011;
}
body.informationen #visual h1 {
    color: #945b00;
}

body.studienangebote #visual h1 {
    color: #567b0d;
}

body.campus-mosbach #visual h1 {
    color: #0041a0;
}

body.campus-heilbronn #visual h1 {
    color: #25206b;
}

body.campus-bad-mergentheim #visual h1 {
    color: #1f74a0;
}

/*changed by punkt*/

#visual-blende {
    position: absolute;
    top: 0; left: 0;
}

/* Seitentitel im Visualbild: */
#pagetitle {
    position: absolute;
    bottom: 5px;
    left: 240px;
    width: 460px;
}

/* Seitentitel auf der Suchseite und 1spaltigen Seiten: */
body.searchpage #pagetitle,
body.main-1spaltig #pagetitle {
    position: absolute;
    bottom: 5px;
    left: 10px;
    width: 460px;
}

/* Titel Sonderformatierung Suchen-Seite*/
body.searchpage #visual #pagetitle h1 {
    color: #8b0011!important;
}

/* Titel Sonderformatierung Sitemap-Seite*/
body#pid-922 #visual #pagetitle h1 {
    color: #8b0011!important;
}

/* Formatierung Titel */
#pagetitle h1 {
font-size: 16px;
font-weight:700;
line-height: 120%;
}

/*end from punkt*/
/* columns */

/* Linker Seitenbereich */
#column-left {
    margin-top: 0;
    width: 220px;
    margin-right: 20px;
    float: left;
}

/* Mittlerer Seitenbereich */
#column-middle {
	margin-right: 20px;
	width: 470px;
	float: left;
}

/* Rechter Seitenbereich */
#column-right {
	margin-top: 0;
	width: 220px;
	float: right;
}

/* Breite Seitenbereich */
#column-wide {
	margin-top: 0;
	width: 710px;
	float: right;
}

/* Breiter Linke Seitenbereich */
#column-wide-left {
	float: left;
	line-height: 150%;
	margin-top: 0;
	width: 710px;
}

/* Fusszeile */
#foot {
    border-top: 1px solid #d6d9db;
    padding: 10px 0;
    margin-bottom: 10px;
    bottom: 0;
    width: 950px;
}

/* Copyrighthinweis in der Fusszeile */
#foot #copyright {
    width: 240px;
    float: left;
}

/* Funktionen in der Fusszeile (Drucken + Lesezeichen) */
#foot #functional {
    text-transform: uppercase;
    float: left;
}

/* Seitenanfang: */
#foot #top {
    text-transform: uppercase;
    float: right;
}

/* Seitenanfang Pfeile: */
#foot #top a {
    display: block;
    width: 100px;
    background: transparent url(../img/top.gif) scroll no-repeat 93px 2px;
}

/**************************************
Boxen linke/rechte Spalte --> !!! NOCH ZU KOMMENTIEREN
*************************************/


/*
 Je nach Bereich anderes Iconset (Farbcodierung) verwenden
 Boxentitel:
*/
body.home #wrap .box .box-head { background: transparent url(../img/box-head-home.png) repeat-x scroll 0 0; }
body.hochschule #wrap .box .box-head { background: transparent url(../img/box-head-hochschule.png) repeat-x scroll 0 0; }
body.informationen #wrap .box .box-head { background: transparent url(../img/box-head-informationen.png) repeat-x scroll 0 0; }
body.studienangebote #wrap .box .box-head { background: transparent url(../img/box-head-studienangebote.png) repeat-x scroll 0 0; }
body.campus-mosbach #wrap .box .box-head { background: transparent url(../img/box-head-campus-mosbach.png) repeat-x scroll 0 0; }
body.campus-heilbronn #wrap .box .box-head { background: transparent url(../img/box-head-campus-heilbronn.png) repeat-x scroll 0 0; }
body.campus-bad-mergentheim #wrap .box .box-head { background: transparent url(../img/box-head-campus-bad-mergentheim.png) repeat-x scroll 0 0; }

/* Boxentitel */
#wrap .box .box-head {
	background: transparent url(../img/box-head.jpg) repeat-x scroll 0 0;
	border-bottom: 0px solid #fff;
	padding: 4px 0 5px 4px;
	color: #fff !important;
	margin: 0 !important;
	font-size: 11px;
}

/* Boxinhaltsbereich */
#wrap .box .box-body {
	background: #e8eaeb url(../img/box-shadow.jpg) repeat-x scroll bottom left;
	padding: 3px 4px 18px 4px;
	line-height: 165%;
	color: #39444b;
}

/* Sonderformatierung rechte Boxen */

.box .small-line-height {
	line-height: 137%;
}

.box .small-line-height .entry {
	margin-bottom: 9px;
}

.box .box-body.spaceless {
	padding: 0 0 13px;
}

/**** Abstand für Teaser Themenportale in rechter Spalte verringern****/
#column-right .box.teaser {
	margin-bottom: 0;
}

/* interner Link in Boxen: */
.box .box-body ul.links li a.internal-link {
    display: block;
    background: transparent none no-repeat scroll 0 8px;
    padding-left: 9px;
}

.box .box-body ul.links li a.internal-link {
    color: #4E565C;
}

/* verschiedene Linkbilder je Seitenbaum: */
body.home .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-home.gif);
}

body.hochschule .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-hochschule.gif);
}

body.informationen .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-informationen.gif);
}

body.studienangebote .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-studienangebote.gif);
}

body.campus-mosbach .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-campus-mosbach.gif);
}

body.campus-heilbronn .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-campus-heilbronn.gif);
}

body.campus-bad-mergentheim .box .box-body ul.links li a:link {
    background-image: url(../img/list-item-campus-bad-mergentheim.gif);
}

/* Downloadlink: */
.box .box-body ul.downloads li a:link {
    display: block;
    background: transparent url(../img/icon-extensions.gif) no-repeat scroll 0 5px;
    padding-left: 30px;
    margin-bottom: 4px;
}

/* Absatzabstand in Box */
.box .box-body p {
    margin-bottom: 6px;
}

/* Link unterstreichen bei .underline und Mausover: */
.box .box-body a.unterline, .box .box-body a.internal:hover, .box .box-body a.external:hover {
    text-decoration: underline;
}

/* Überschrift 3 Farbe: */
.box .box-body h3.grey, .box .box-body h3 {
    color: #858f95;
}

/* Überschrift Schwarz */
.box .box-body h3.black {
    color: #000;
    margin-bottom: 3px;
}

/* Bild in Boxen Abstände: */
.box .box-body .image {
    margin: 6px 0 5px 0;
}

.box .small-line-height .image {
    margin: 6px 0 5px 0;
}

/* Absatzabstand in Box */
.box .box-body p {
    margin-bottom: 7px;
}

/* Absatzabstand in Boxtitel umd E-mail */
.box .box-body div.title, .box .box-body div.mail {
    margin-bottom: 11px;
}

/* from punkt.de */
.box .box-body.spaceless img {
    width: 220px;
}

/* Box in der rechten  Spalte, die nur ein Bild als Inhaltselement hat */
.box .box-body.spaceless div.csc-textpic {
	margin:0;
    padding-bottom: 0;
    padding-top:0;
}

.box .box-body.spaceless div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    padding-bottom: 0;
    padding-top:0;
}

.box .box-head {
    text-transform: uppercase;
}

.box .box-body div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    padding-bottom: 6px;
    padding-top: 6px;
}

/**************************************
ENDE - Boxen linke/rechte Spalte
*************************************/


/* Überschriften */
h2.text {
    margin-bottom: 0;
}

h3.text {
    margin-bottom: 0;
}

/* skip-lists -> nur sichtbar für Screenreader (Barrierefreiheit): */
div.skip-links {
    display: none;
}

a.skip-links {
    display: block;
    text-indent: -9999px; /* Linktext für normale Browser verstecken */
}

/* Tabellen: */

table.contenttable {
    width: 100%;
    margin-bottom: 25px;
    border: 0 none transparent !important;
    border-collapse: collapse;
}

/* Tabellenkopfzeile (Titel): */
table.contenttable tr th,
table.contenttable caption {
    background-color: #8b9094;
    font-weight: 700;
    color: #fff;
    /* padding: 4px 10px 4px 7px; */
    padding: 6px 10px 6px 7px;
    border-bottom: 1px solid #fff;
    margin: 0px;
}

table.contenttable caption {

}

/* Tabellen Abstand */
.box table.contenttable {
    margin-bottom: 5px;
}

/* Hintergrundfarbe und Rand der Tabellenzellen */
.box table.contenttable tr td,
.box table.contenttable tr th {
    background-color: transparent !important;
    border: 0 none transparent !important;
}

/* Tabellentitel/-überschrift Hintergrundbild je nach Seitenbaum: */
body.home table.contenttable tr td.headline,
body.home table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-home.png) repeat-x scroll 0 0;
    color: #fff;
}

body.hochschule table.contenttable tr td.headline, 
body.hochschule table.contenttable tr th.headline,
body.hochschule table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-hochschule.png) repeat-x scroll 0 0;
    color: #fff;
}

body.informationen table.contenttable tr td.headline, 
body.informationen table.contenttable tr th.headline,
body.informationen table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-informationen.png) repeat-x scroll 0 0;
    color: #fff;
}

body.studienangebote table.contenttable tr td.headline, 
body.studienangebote table.contenttable tr th.headline,
body.studienangebote table.contenttable caption  {
    font-weight: 700;
    background: transparent url(../img/box-head-studienangebote.png) repeat-x scroll 0 0;
    color: #fff;
}

body.campus-mosbach table.contenttable tr td.headline,
body.campus-mosbach table.contenttable tr th.headline,
body.campus-mosbach table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-campus-mosbach.png) repeat-x scroll 0 0;
    color: #fff;
}

body.campus-heilbronn table.contenttable tr td.headline,
body.campus-heilbronn table.contenttable tr th.headline,
body.campus-heilbronn table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-campus-heilbronn.png) repeat-x scroll 0 0;
    color: #fff;
}

body.campus-bad-mergentheim table.contenttable tr td.headline,
body.campus-bad-mergentheim table.contenttable tr th.headline,
body.campus-bad-mergentheim table.contenttable caption {
    font-weight: 700;
    background: transparent url(../img/box-head-campus-bad-mergentheim.png) repeat-x scroll 0 0;
    color: #fff;
}

/* Sonderformatierung .section (Leerzellen) */
table.contenttable tr td.section {
    font-weight: 700;
    background-color: #ebedee;
}

/* Formatierung der Tabellenzellen */
table.contenttable tr td {
    padding: 4px 10px 5px 8px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 110%;
    margin: 0px;
}

/*
table.contenttable tr td a:link {}
*/

/* Aufzählungen in Tabellenzellen */
#column-middle table ul li, #column-wide table ul li,
#column-middle table ol li, #column-wide table ol li {
    font-weight: 400;
    text-align: left;
    font-family: Verdana,Geneva,Helvetica,sans-serif;
    font-size: 11px;
}

/* Helfer Klassen: */

/* Bildabstand */
.image-space {
    margin-right: 10px;
}

/* Textformatierung */
.text {
    font-size: 12px;
    line-height:150%;
    margin-bottom: 21px;
}

/* Teaserformatierung */
.teasers {
    margin-bottom: 15px;
}

/* Boxformatierung */
.box {
    margin-bottom: 10px;
}

/* Styles für die Page-Templates mit Reiter-Navigation (Tabs) */
ul.tabs {
    display: block;
    width: 710px;
    background: transparent url(../img/tabs-background.jpg) repeat-x scroll bottom left;
    padding-bottom: 19px;
    margin-top: 3px;
}

ul.tabs li {
    display: inline;
}

ul.tabs li a {
    text-decoration: none;
    display: block;
    float: left;
    color: #4e565c;
    padding: 4px 9px 5px 6px;
    background: transparent url(../img/tabs-inactive-home.jpg) no-repeat scroll top right;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e5e5e5;
}

ul.tabs li a:hover {
    background: #dfe1e2;
    text-decoration: none;
}

ul.tabs li a.active {
    background: transparent none repeat-x scroll 0 0;
    color: #fff;
    border-left: 0 none transparent;
    padding: 4px 8px 5px 6px;
}

body.home ul.tabs li a.active {
    background-image: url(../img/tabs-active-home.jpg);
}

body.hochschule ul.tabs li a.active {
    background-image: url(../img/tabs-active-hochschule.jpg);
}

body.informationen ul.tabs li a.active {
    background-image: url(../img/tabs-active-informationen.jpg);
}

body.studienangebote ul.tabs li a.active {
    background-image: url(../img/tabs-active-studienangebote.jpg);
}

body.campus-mosbach ul.tabs li a.active {
    background-image: url(../img/tabs-active-campus-mosbach.jpg);
}

body.campus-heilbronn ul.tabs li a.active {
    background-image: url(../img/tabs-active-campus-heilbronn.jpg);
}

body.campus-bad-mergentheim ul.tabs li a.active {
    background-image: url(../img/tabs-active-campus-bad-mergentheim.jpg);
}

body.home ul.tabs li a.active:hover {
    background: #39444b;
}

body.hochschule ul.tabs li a.active:hover {
    background: #8b0011;
}

body.informationen ul.tabs li a.active:hover {
    background: #945b00;
}

body.studienangebote ul.tabs li a.active:hover {
    background: #567b0d;
}

body.campus-mosbach ul.tabs li a.active:hover {
    background: #0041a0;
}

body.campus-heilbronn ul.tabs li a.active:hover {
    background: #25206b;
}

body.campus-bad-mergentheim ul.tabs li a.active:hover {
    background: #1f74a0;
}

ul.tabs.vertical li a {
    width: 693px;
    float: none;
    border-right: 1px solid #E5E5E5;
}

ul.tabs.vertical li a.active {
    width: 696px;
    border-right: none;
}

/* Ausschnittsübersicht (Anker)*/
ul.csc-menu-3 {
    border-top: 1px solid #eef0f1;
}

ul.csc-menu-3 li {
    border-bottom: 1px solid #eef0f1;
    width: 454px;
    padding-top: 4px;
    padding-bottom: 5px;
    background: transparent url(../img/arrow-down-hochschule.gif) no-repeat scroll 5px 8px;
    padding-left: 16px;
}

/* Trennlinie */
hr.separator {
    color: #8b0011;
    background-color: #8b0011;
    margin: 20px 0;
    height: 2px;
}


/* Formatierung Überschrift 1 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h1,
#column-middle h1,
#column-wide h1 {
    font-size: 18px;
    margin-bottom: 13px;
    line-height: 130%;
}

body.home h1 {
    color: #e2001a;
}

body.hochschule h1 {
    color: #e2001a;
}

body.informationen h1 {
    color: #f08c00;
}

body.studienangebote h1 {
    color: #8cbe14;
}

body.campus-mosbach h1 {
    color: #0064f0;
}

body.campus-heilbronn h1 {
    color: #3c32a0;
}

body.campus-bad-mergentheim h1 {
	color: #178fd7;
}

/* Formatierung Überschrift 2 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h2,
#column-middle h2,
#column-wide h2 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #39444b
}

/* Sonderformatierung mittlere Spalte */
#column-middle .floating-text {
	font-size: 12px;
	line-height: 147%;
}

/* Formatierung Überschrift 2 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h2.dotted,
#column-middle h2.dotted,
#column-wide h2.dotted {
	text-transform: uppercase;
	font-weight: 500;
	background-image: url(../img/h2.gif);
	height: 17px;
	padding-top: 5px;
	width: 100%;
	margin-bottom: 6px;
	font-size: 11px;
}

/* Formatierung Überschrift 3 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h3,
#column-middle h3,
#column-wide h3 {
    line-height: 130%;
    font-size: 14px;
    margin-top: 28px;
    margin-bottom: 14px;
}

/* Formatierung Überschrift 4 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h4,
#column-middle h4,
 #column-wide h4 {
    margin-bottom: 3px;
}

/* Formatierung Überschrift 5 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h5,
#column-middle h5,
#column-wide h5 {
    font-size: 11px;
    margin-bottom: 3px;
}

/* Formatierung Überschrift 6 (je versch. Bereiche und Seitenbäume): */
#column-wide-left h6,
#column-middle h6,
#column-wide h6 {
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 5px 6px;
}

/* Formatierung Überschrift 3 (News): */
#column-wide-left .news-item h3,
#column-middle .news-item h3,
#column-wide .news-item h3 {
    font-size: 11px;
    margin-bottom: 0px;
}

/* Textformatierung in den versch. Bereichen */
#column-wide-left p,
#column-middle p,
#column-wide p,
.tx-nawsinglesignon-pi1 {
    line-height: 155%;
    font-size: 12px;
    margin-bottom: 12px;
}

/* Listenformatierung */
#column-wide-left ul,
#column-middle ul,
#column-wide ul {
    font-size: 12px;
}

/* Unterstreichen von Links in Tabellen */
#column-wide-left table a:link,
#column-middle table a:link,
#column-wide table a:link,
#column-right table a:link,
#column-wide-left p a:link,
#column-middle p a:link,
#column-wide p a:link,
#column-right p a:link,
#column-wide-left ul a.mail:link,
#column-middle ul a.mail:link,
#column-wide ul a.mail:link,
#column-right ul a.mail:link {
    text-decoration: underline;
}


/* Links für das Element Teaser je Seitenbaum */
body.home #column-wide-left .teaser-230 p a.internal-link,
body.home #column-middle .teaser-230 p a.internal-link, 
body.home #column-wide .teaser-230 p a.internal-link {
    background: transparent url(../img/arrows/arrows-home.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.hochschule #column-middle .teaser-230  p a.internal-link, 
body.hochschule #column-wide p .teaser-230  a.internal-link {
    background: transparent url(../img/arrows/arrows-hochschule.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.hochschule #column-middle .teaser-230  p a.internal-link, 
body.hochschule #column-wide p .teaser-230  a.internal-link {
    background: transparent url(../img/arrows/arrows-hochschule.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.informationen #column-middle .teaser-230  p a.internal-link, 
body.informationen #column-wide p .teaser-230  a.internal-link {
    background: transparent url(../img/arrows/arrows-informationen.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.studienangebote #column-middle .teaser-230  p a.internal-link, 
body.studienangebote #column-wide .teaser-230  p a.internal-link {
    background: transparent url(../img/arrows/arrows-studienangebote.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.campus-mosbach #column-middle .teaser-230  p a.internal-link, 
body.campus-mosbach #column-wide p .teaser-230  a.internal-link {
    background: transparent url(../img/arrows/arrows-campus-mosbach.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.campus-heilbronn #column-middle .teaser-230  p a.internal-link, 
body.campus-heilbronn #column-wide .teaser-230  p a.internal-link {
    background: transparent url(../img/arrows/arrows-campus-heilbronn.gif) no-repeat scroll center left;
    padding-right: 11px;
}
body.campus-bad-mergentheim #column-middle .teaser-230 p a.internal-link, 
body.campus-bad-mergentheim  #column-wide.teaser-230 p a.internal-link {
    background: transparent url(../img/arrows/arrows-campus-bad-mergentheim.gif) no-repeat scroll center right;
    padding-right: 11px;
}
/*
.list,
#column-middle ul,
#column-wide-left ul,
#column-wide ul {
    line-height: 155%;
    font-size: 12px;
}
*/

/* Listenformatierungen: */

/**** Einrückung und Schriftgröße ****/
ul.list, #column-middle ul, #column-wide ul,
ol.list, #column-middle ol, #column-wide ol {
	padding-left: 14px;
	font-size: 12px;
}

/**** Für Menü, z. B. Paging ****/
#column-middle ul.csc-menu, #column-wide ul.csc-menu,
#column-middle ul.pager_numbering, #column-wide ul.pager_numbering {
	padding-left: 0px;
}


ul.list li {
 background: transparent url(../img/list-item.gif) scroll no-repeat 0 7px;
 padding-left: 10px;
 margin-bottom: 7px;
 }

ol.list, #column-middle ol, #column-wide ol {
	list-style-type: decimal;
}

ol.list li, #column-middle ol li, #column-wide ol li {
    margin-left: 20px;
    font-weight: 500;
    margin-bottom: 7px;
    list-style-type: decimal;
}

ol.list li span, #column-middle ol li span, #column-wide ol li span {
    font-weight: 500;
    margin-left: -4px;
}

/* Für die Textbild-Inhaltselemente von Typo3 in versch. Bereichen (die versch. Klassennamen kommen aus typo3) */
#column-middle dd.csc-textpic-caption, #column-wide dd.csc-textpic-caption {
    background-color: #eef0f1;
    color: #39444b;
    font-size: 100%;
    padding: 2px 12px 3px 5px;
    border-top:1px solid #FFFFFF;
}

#column-middle dd.csc-textpic-caption p, #column-wide dd.csc-textpic-caption p {
    margin-bottom: 0;
    font-size: 100% !important;
    line-height: 125% !important;
}

#column-middle .csc-textpic-intext-right .csc-textpic-image, #column-middle .csc-textpic-intext-left .csc-textpic-image {
    padding-bottom: 0;
}

#column-middle .csc-textpic-intext-right .csc-textpic-imagewrap, #column-middle .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 9px !important;
    margin-bottom: 9px;
}

#column-middle .csc-textpic-intext-left .csc-textpic-imagewrap, #column-middle .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 9px !important;
    margin-bottom: 9px;
}

/***** Formatierung 2-spaltige Teaser-Boxen ******/
#column-middle .teaser-230 .csc-textpic-intext-left .csc-textpic-imagewrap, #column-middle .teaser-230 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 0 !important;
    margin-bottom: 0;
}

.teaser-230 {
    width: 230px;
    border-top: 1px solid #d6d9db;
    padding: 8px 0;
    float: left;
}

.teaser-230:hover h3 {
	text-decoration: underline;
	color: #000;
}
.teaser-230:hover p {
	color: #000;
}

.teaser-230.odd {
    margin-right: 10px;
}

.teaser-230.last {
    border-bottom: 1px solid #d6d9db;
    margin-bottom: 18px;
    padding-bottom:10px;
}

#column-middle .teaser-230 a.internal-link {
    width: 12px;
    height: 12px;
    padding-left: 12px;
    color: #fff !important;
    background: transparent url(../img/arrows/arrows-home.gif) no-repeat scroll center left;
    padding-right: 0;
}

#column-middle .teaser-230 .csc-textpic-above div.csc-textpic-imagewrap .csc-textpic-image {
    margin-top: 3px;
    padding-bottom: 0;
    margin-bottom: 6px;
}

#column-middle .teaser-230 .csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, #column-middle .teaser-230 .csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
    margin-top: 3px;
    margin-right: 9px !important;
    padding-bottom: 0;
    margin-bottom: 6px !important;
}

#column-middle .teaser-230 p {
    line-height: 135%;
    margin-bottom: 0;
}


.course-of-studies {
    margin-bottom: 10px;
}

.course-of-studies-box {
    background: #e0e2e4 url(../img/course-of-studies-background.png) repeat-x scroll 0 0;
    width: 146px;
    padding-top: 2px;
    padding-left: 4px;
    float: left;
    margin-right: 10px;
}

.course-of-studies-box.cma {
    background-image: url(../img/course-of-studies-cma.png);
}

.course-of-studies-box.last {
    margin-right: 0;
}

.course-of-studies-box a:link {
    display: block;
    padding-right: 50px;
    padding-bottom: 3px;
    font-weight: 700;
    float: left;
    line-height: 120%;
}

/*
a.skip-top {
    width: 454px;
    background: red;
    display: block;
    text-align: right;
    color: #39444b;
    background: transparent url(../img/arrow-top-hochschule.gif) no-repeat scroll 458px 6px;
    padding-right: 16px;
    border-top: 1px solid #eef0f1;
    padding-top: 4px;
    margin-top: 10px;
}
*/

.box-470 {
    background-color: #eef0f1;
    padding: 9px;
    padding-bottom: 6px;
}

.box-470 h3 {
    margin-bottom: 3px;
}

.box-470 .image-46 {
    width: 46px;
    float: left;
    margin-right: 9px;
}

.box-470 .body-395 {
    float: left;
    width: 395px;
}

/*************************************************
 from punkt.de for social bookmarks Extension im Footer
 *************************************************/
#functional div {
    float: left;
}

#social-bookmarks {
    left: 0;
    text-align: left;
    top: 0;
}

#social-bookmarks p {
    margin: 0;
    padding: 0;
}

#social-bookmarks ul {
    line-height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    z-index: 200;
    border: none;
}

#social-bookmarks li {
    float: left;
    margin: 0;
}

#social-bookmarks ul ul {
    height: auto;
    margin: 0;
    padding: 0;
}

#social-bookmarks li li {
    float: none;
    border: 1px solid #D6D9DB;
    background: #ebeced;
}

/* a hack for IE5.x and IE6 */
#social-bookmarks li a li {
    float: left;
}

#social-bookmarks li a {
    height: 100%;
    line-height: 1em;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
    padding: 12px 0;
}

#social-bookmarks li li a {
    float: none;
    height: 100%;
    line-height: 100%;
    padding: 0;
    background-image: none;
}

#social-bookmarks li:hover {
    background: #FFFFFF;
    position: relative;
    z-index: 300;
}

#social-bookmarks li li:hover {
    background: #FFFFFF;
}

#social-bookmarks a:hover {
    position: relative;
    text-decoration: underline;
    z-index: 300;
}

#social-bookmarks ul ul a:hover {
    position: relative;
    text-decoration: none;
    z-index: 300;
}

#social-bookmarks ul :hover ul {
    left: -1px;
    top: -3em;
}

/* another hack for IE5.5 and IE6 */
#social-bookmarks a:hover ul {
    left: 0;
}

/* original aus master************
 #pt-language ul ul { border: 1px solid #CCCCCC; left: -999em; position: absolute; top: -999em; }
 
 */
#social-bookmarks ul ul {
    border: none;
    position: absolute;
    left: -99999px;
    top: -99999px;
    width: 360px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#social-bookmarks li:hover li:hover > ul {
    left: -1.5em;
    margin-left: 100%;
    top: -0.1em;
}

/* keep further levels hidden */
#social-bookmarks li:hover > ul ul {
    position: absolute;
    left: 0em;
    top: -999em;
    width: auto;
}

/* show path followed */
#social-bookmarks li:hover > a {
    color: #666666;
    text-decoration: none;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#social-bookmarks a:hover a:hover ul, #social-bookmarks a:hover a:hover a:hover ul, #social-bookmarks a:hover a:hover a:hover a:hover ul, #social-bookmarks a:hover a:hover a:hover a:hover a:hover ul {
    left: 0;
    top: -0.1em;
}

/* keep further levels hidden */
#social-bookmarks a:hover ul ul, #social-bookmarks a:hover a:hover ul ul, #social-bookmarks a:hover a:hover a:hover ul ul, #social-bookmarks a:hover a:hover a:hover a:hover ul ul {
    position: absolute;
    left: 0em;
    top: -999em;
}

#social-bookmarks table {
    border: 0;
    line-height: normal;
    margin: 0;
}

#social-bookmarks td {
    padding: 0;
}

/********
Formatierung der von typo3 vorgegebenen Klassen für Inhaltselemente:
**************/
/* css_styled_content */


.csc-textpic {
    overflow: hidden;
}

/* Captions */
div.csc-textpic-caption-c .csc-textpic-caption {
    text-align: center;
}

div.csc-textpic-caption-r .csc-textpic-caption {
    text-align: right;
}

div.csc-textpic-caption-l .csc-textpic-caption {
    text-align: left;
}

/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
    display: inline;
    float: left;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
    border: 1px solid #999;
    padding: 0px 0px;
}

div.csc-textpic-imagewrap {
    padding: 0;
}

div.csc-textpic img {
    border: none;
}

/* DIV: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
    float: left;
}

/* UL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.csc-textpic div.csc-textpic-imagewrap UL LI {
    float: left;
    margin: 0;
    padding: 0;
}

/* DL: This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
    float: left;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
    float: none;
    word-wrap: break-word;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
    float: none;
    font-size: 11px;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
    border: none; /* FE-Editing Icons */
}

dl.csc-textpic-image {
    margin: 0;
}

dl.csc-textpic-image dt {
    display: inline;
    margin: 0;
}

dl.csc-textpic-image dd {
    margin: 0;
}

/* Clearer */
div.csc-textpic-clear {
    clear: both;
}

/* Margins around images: */
/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
}

/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image, div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
}

/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    margin: 0;
}

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    padding-bottom: 1em;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
    display: block;
    padding-bottom: 1em;
}

div.csc-textpic div.csc-textpic-imagerow {
    clear: both;
}

/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
    margin-left: 0px !important;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
    margin-right: 0px !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 10px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 10px !important;
}

/* Positioning of images: */
/* Above */
div.csc-textpic-above div.csc-textpic-text {
    clear: both;
}

/* Center (above or below) */
div.csc-textpic-center {
    text-align: center; /* IE-hack */
}

div.csc-textpic-center div.csc-textpic-imagewrap {
    margin: 0 auto;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
    text-align: left; /* Remove IE-hack */
}

div.csc-textpic-center div.csc-textpic-text {
    text-align: left; /* Remove IE-hack */
}

/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
    float: right;
}

div.csc-textpic-right div.csc-textpic-text {
    clear: right;
}

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
    float: left;
}

div.csc-textpic-left div.csc-textpic-text {
    clear: left;
}

/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
    float: left;
}

/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
    float: right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    clear: both;
    float: right;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ * html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
    height: 1%;
}

/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    clear: both;
    float: left;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ * html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
    height: 1%;
}

/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
    margin-bottom: 0;
}

div.image-subline {
    background-color: #eef0f1;
    color: #39444b;
    line-height: 1.25em;
    padding: 4px 12px 4px 5px;
	border-top:1px solid #fff;
}

.emailwrapper {
	display: none;
}











/**************************************
Links intern/extern
*************************************/

/**** Allgemeine Formatierungen für ALLE Links, wenn nicht anders definiert ****/
a.internal-link,
a.external-link,
div.fce-crosslinkbox .fce-linksection-link a,
div.fce-textbox a.internal-link,
div.fce-textbox a.external-link,
.tx-nawsinglesignon-pi1 a {
	color: #39444b;
	text-decoration: underline;
	background-color: transparent; 
	background-repeat: no-repeat;
	padding-left: 16px;
}
a.external-link,
.tx-nawsinglesignon-pi1 a,
div.fce-crosslinkbox .fce-linksection-link a[href ^="http://"],
div.fce-textbox a.external-link {
	background-position: left 4px;
}
a.internal-link,
div.fce-crosslinkbox .fce-linksection-link a,
div.fce-crosslinkbox .fce-linksection-link a[href *="dhbw-mosbach.de"],
div.fce-textbox a.internal-link {
	background-position: left 0px;
}
a.internal-link:visited,
a.external-link:visited,
div.fce-crosslinkbox .fce-linksection-link a:visited,
div.fce-textbox a.internal-link:visited,
div.fce-textbox a.external-link:visited,
.tx-nawsinglesignon-pi1 a:visited {
	color: #9ea4a8;
	color: #7a7e81;
}
a.internal-link:hover,
a.external-link:hover,
div.fce-crosslinkbox .fce-linksection-link a:hover,
div.fce-textbox a.internal-link:hover,
div.fce-textbox a.external-link:hover,
.tx-nawsinglesignon-pi1 a:hover {
	color: #000 !important;
}


/**** INTERNE LINKS ****/

/**** Je nach Bereich anderes Iconset (Farbcodierung) verwenden ****/
body.home a.internal-link,
body.home div.fce-crosslinkbox a,
body.home div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-home.gif); }
body.hochschule a.internal-link,
body.hochschule div.fce-crosslinkbox a,
body.hochschule div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-hochschule.gif); }
body.informationen a.internal-link,
body.informationen div.fce-crosslinkbox a,
body.informationen div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-informationen.gif); }
body.studienangebote a.internal-link,
body.studienangebote div.fce-crosslinkbox a,
body.studienangebote div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-studienangebote.gif); }
body.campus-mosbach a.internal-link,
body.campus-mosbach div.fce-crosslinkbox a,
body.campus-mosbach div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-campus-mosbach.gif); }
body.campus-heilbronn a.internal-link,
body.campus-heilbronn div.fce-crosslinkbox a,
body.campus-heilbronn div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-campus-heilbronn.gif); }
body.campus-bad-mergentheim a.internal-link,
body.campus-bad-mergentheim div.fce-crosslinkbox a,
body.campus-bad-mergentheim div.fce-textbox a.internal-link { background-image: url(../img/arrows/link-internal-campus-bad-mergentheim.gif); }


/**** EXTERNE LINKS ****/

/**** Je nach Bereich anderes Iconset (Farbcodierung) verwenden ****/

/*
body.home #column-middle a[href ^="http://"],  
body.home #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-home.gif); }

body.hochschule #column-middle a[href ^="http://"],
body.hochschule #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-hochschule.gif); }

body.informationen #column-middle a[href ^="http://"],
body.informationen #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-informationen.gif); }

body.studienangebote #column-middle a[href ^="http://"],
body.studienangebote #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-studienangebote.gif); }

body.campus-mosbach #column-middle a[href ^="http://"],
body.campus-mosbach #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-mosbach.gif); }

body.campus-heilbronn #column-middle a[href ^="http://"],
body.campus-heilbronn #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-heilbronn.gif); }

body.campus-bad-mergentheim #column-middle a[href ^="http://"],
body.campus-bad-mergentheim #column-wide a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-bad-mergentheim.gif); }
*/

body.home a.external-link,
body.home .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-home.gif); }
body.hochschule a.external-link,
body.hochschule .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-hochschule.gif); }
body.informationen a.external-link,
body.informationen .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-informationen.gif); }
body.studienangebote a.external-link,
body.studienangebote .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-studienangebote.gif); }
body.campus-mosbach a.external-link,
body.campus-mosbach .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-campus-mosbach.gif); }
body.campus-heilbronn a.external-link,
body.campus-heilbronn .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-campus-heilbronn.gif); }
body.campus-bad-mergentheim a.external-link,
body.campus-bad-mergentheim .tx-nawsinglesignon-pi1 a { background-image: url(../img/arrows/link-external-campus-bad-mergentheim.gif); }


/**** EXTERNE LINKS - FCE Crosslinkbox ****/

body.home div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-home.gif); }
body.hochschule div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-hochschule.gif); }
body.informationen div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-informationen.gif); }
body.studienangebote div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-studienangebote.gif); }
body.campus-mosbach div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-mosbach.gif); }
body.campus-heilbronn div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-heilbronn.gif); }
body.campus-bad-mergentheim div.fce-crosslinkbox a[href ^="http://"] { background-image: url(../img/arrows/link-external-campus-bad-mergentheim.gif); }

/**** INTERNE LINKS - FCE Crosslinkbox ****/

body.home div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-home.gif); }
body.hochschule div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-hochschule.gif); }
body.informationen div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-informationen.gif); }
body.studienangebote div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-studienangebote.gif); }
body.campus-mosbach div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-campus-mosbach.gif); }
body.campus-heilbronn div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-campus-heilbronn.gif); }
body.campus-bad-mergentheim div.fce-crosslinkbox a[href *="dhbw-mosbach.de"] { background-image: url(../img/arrows/link-internal-campus-bad-mergentheim.gif); }


/**************************************
ENDE - Links intern/extern
*************************************/



/**************************************
Links / Dateidownloads
*************************************/

/**** Je nach Bereich anderes Iconset (Farbcodierung) verwenden ****/
body.home a.download-link { background-position: left 2px; }
body.hochschule a.download-link { background-position: left -197px; }
body.informationen a.download-link { background-position: left -397px; }
body.studienangebote a.download-link { background-position: left -597px; }
body.campus-mosbach a.download-link { background-position: left -797px; }
body.campus-heilbronn a.download-link { background-position: left -997px; }
body.campus-bad-mergentheim a.download-link { background-position: left -1197px; }

/***** Allgemeine Einstellungen *****/
a.download-link {
	text-decoration: underline;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-left: 30px;	
   	margin-right: 4px;
}

a.download-link:visited {
	color: #9ea4a8;
}
a.download-link:hover {
	color: #000 !important;
}

/***** Symbole der einzelnen Dateitypen (Sprites -> über Hintergrundposition) *****/
/***** --> Bitte beachten: für IE7 Sonderlösung in IE7.css <-- *****/
a[href *=".doc"].download-link, a[href *=".DOC"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=DOC');
}

a[href *=".xls"].download-link, a[href *=".XLS"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=XLS');
}

a[href *=".ppt"].download-link, a[href *=".PPT"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=PPT');
}

a[href *=".pdf"].download-link, a[href *=".PDF"].download-link,
a[href *=".pdf#"].download-link, a[href *=".PDF#"].download-link,
a[href *=".pdf?"].download-link, a[href *=".PDF?"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=PDF');
}

a[href *=".jpg"].download-link, a[href *=".JPG"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=JPG');
}

a[href *= ".gif"].download-link, a[href *= ".GIF"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=GIF');
}

a[href *=".png"].download-link, a[href *=".PNG"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=PNG');
}

a[href *=".exe"].download-link, a[href *=".EXE"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=EXE');
}

a[href *=".zip"].download-link, a[href *=".ZIP"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=ZIP');
}

a[href *=".swf"].download-link, a[href *=".SWF"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=SWF');
}

a[href *=".mp3"].download-link, a[href *=".MP3"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=MP3');
}

a[href *=".mpg"].download-link, a[href *=".MPG"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=MPG');
}

a[href *=".dot"].download-link, a[href *=".DOT"].download-link {
    background-image: url('../scripts/icons_download_background.php?filetype=DOT');
}

/**************************************
ENDE - Links / Dateidownloads
*************************************/


/**************************************
Links / E-Mail-Icons
*************************************/

/**** Je nach Bereich anderes Iconset (Farbcodierung) verwenden ****/
body.home a[href ^="javascript:linkTo_UnCryptMailto"], 
body.home a.mail { background-image: url(../img/icon-mail-home.gif); }

body.hochschule a[href ^="javascript:linkTo_UnCryptMailto"],
body.hochschule a.mail { background-image: url(../img/icon-mail-hochschule.gif); }

body.informationen a[href ^="javascript:linkTo_UnCryptMailto"],
body.informationen a.mail { background-image: url(../img/icon-mail-informationen.gif); }

body.studienangebote a[href ^="javascript:linkTo_UnCryptMailto"],
body.studienangebote a.mail { background-image: url(../img/icon-mail-studienangebote.gif); }

body.campus-mosbach a[href ^="javascript:linkTo_UnCryptMailto"],
body.campus-mosbach a.mail { background-image: url(../img/icon-mail-campus-mosbach.gif); }

body.campus-heilbronn a[href ^="javascript:linkTo_UnCryptMailto"],
body.campus-heilbronn a.mail { background-image: url(../img/icon-mail-campus-heilbronn.gif); }

body.campus-bad-mergentheim a[href ^="javascript:linkTo_UnCryptMailto"],
body.campus-bad-mergentheim a.mail { background-image: url(../img/icon-mail-campus-bad-mergentheim.gif); }

/* E-Mail Links je Seitenbaum */
a[href ^="javascript:linkTo_UnCryptMailto"],
a.mail {
    background-position: 2px 3px;
    background-repeat: no-repeat;
    padding-left: 16px;
}


/**************************************
Links / Back-Links (Detail-Seiten)
*************************************/

/**** Je nach Bereich andere Hintergrundfarbe verwenden ****/
body.home div.back-link a { background-color: #5c6971; }
body.home div.back-link a:hover { background-color: #39444b; }
body.hochschule div.back-link a { background-color: #e2001a; }
body.hochschule div.back-link a:hover { background-color: #8b0011; }
body.informationen div.back-link a { background-color: #f08c00; }
body.informationen div.back-link a:hover { background-color: #945b00; }
body.studienangebote div.back-link a { background-color: #8cbe14; }
body.studienangebote div.back-link a:hover { background-color: #567b0d; }
body.campus-mosbach div.back-link a { background-color: #0064f0; }
body.campus-mosbach div.back-link a:hover { background-color: #0041a0; }
body.campus-heilbronn div.back-link a { background-color: #3c32a0; }
body.campus-heilbronn div.back-link a:hover { background-color: #25206b; }
body.campus-bad-mergentheim div.back-link a { background-color: #32b4f0; }
body.campus-bad-mergentheim div.back-link a:hover { background-color: #1f74a0; }

#wrap div.back-link a,
#wrap div.back-link a:link {
	display: block;
	width: 50px;
	height: 16px;
	background-image: url(../img/arrows/back-link-arrows.png);
	background-repeat: no-repeat;
	padding: 2px 6px 0px 19px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

#wrap div.back-link {
	display: block;
	width: 100%;
	background-color: #dedede;
	margin-top: 1px;
}


/**************************************
ENDE - Links / Back-Links (Detail-Seiten)
*************************************/

/**************************************
Powermail - Allgemein
*************************************/
/**** Je nach Bereich andere Farbe für "Senden"-Button verwenden ****/
body.home form.yform .type-button input { color: #5c6971; }
body.hochschule form.yform .type-button input { color: #e2001a; }
body.informationen form.yform .type-button input { color: #f08c00; }
body.studienangebote form.yform .type-button input { color: #8cbe14; }
body.campus-mosbach form.yform .type-button input { color: #0064f0; }
body.campus-heilbronn form.yform .type-button input { color: #3c32a0; }
body.campus-bad-mergentheim form.yform .type-button input { color: #32b4f0; }

/**************************************
ENDE - Powermail - Allgemein
*************************************/

/**************************************
Powermail - Kontaktformular
*************************************/

#kontaktformular .tx_powermail_pi1_fieldwrap_html_select,
#kontaktformular .tx_powermail_pi1_fieldwrap_html_text {
	clear: none;
	float: left;
	width: 50%;
	height: 50px;
}

#kontaktformular .type-select select {
	width: 98%;
	height: 26px;
}

#kontaktformular .type-text input {
	width: 94%;
	height: 16px;
}

#kontaktformular .type-text textarea {
	width: 97%;
}

/**** Anpassungen für column-wide und column-wide-left ****/

#column-wide #kontaktformular .type-text textarea,
#column-wide-left #kontaktformular .type-text textarea {
	width: 98%;
}

#column-wide #kontaktformular .type-text input,
#column-wide-left #kontaktformular .type-text input {
	width: 96%;
}

#column-wide #kontaktformular .type-select select,
#column-wide-left #kontaktformular .type-select select {
	width: 98.5%;
}


/**** Eingaben-Check ****/
.powermail_mandatory_js {
	position: absolute;
	left: 200px;
	top: 200px;
	background: #dedede;
}

/**** Überprüfungsseite ****/

#column-wide-left div.tx-powermail-confirmation-field,
div.tx-powermail-confirmation-field {
    background: #f4f4f4;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 10px;
}

#column-wide-left td.powermail_all_td,
td.powermail_all_td {
	padding: 6px 20px 8px 0 !important;
}

div.tx-powermail-confirmation-field td.powermail_all_label {
	font-weight: bold;
}


#column-wide-left div.tx-powermail-confirmation-submit,
div.tx-powermail-confirmation-submit {
	width: 100%;
	text-align: right;
}

input.tx-powermail-pi1_confirmation_submit {
	cursor: pointer;
}



/**************************************
ENDE - Powermail - Kontaktformular
*************************************/

/**************************************
Powermail - Support-RZ-Formular
*************************************/
/*
Styling der 3 Fieldsets
*/
#supportrz #tx-powermail-pi1_fieldset_21,
#supportrz #tx-powermail-pi1_fieldset_23 {
	background-color: #eee;
	padding: 7px;
	margin-bottom: 20px;
}
#supportrz #tx-powermail-pi1_fieldset_22 {
	background-color: #eee;
	padding: 7px;
	margin-bottom: 5px;
}

#supportrz #tx-powermail-pi1_fieldset_23 p {
	margin: 0;
	color: #666;
	font-weight: bold;
}

/*
Abstände bei den 3 Fieldsets definieren

#supportrz #tx-powermail-pi1_fieldset_23 .type-check .powermail_subuid154_4 {
	margin-bottom: 10px;
}
*/

#supportrz #tx-powermail-pi1_fieldset_23 div.type-text {
	padding-top: 7px;
}

#supportrz #tx-powermail-pi1_fieldset_22 .tx_powermail_pi1_fieldwrap_html_153 {
	margin-top: 10px;
}

/*
Auswahlfelder untereinander statt nebeneinander positionieren
*/
#supportrz #tx-powermail-pi1_fieldset_23 div.type-check {
	clear: left; 
}

/*
Schriftgroesse vergroessern in der Dropdownlistbox bei "Art der Anfrage"
*/
#supportrz #tx-powermail-pi1_fieldset_22 .powermail_uid152 {
	font-size:1.15em;
}

/**************************************
ENDE - Powermail - Support-RZ-Formular
*************************************/

/**************************************
Pager
*************************************/
/**** Abstand nach oben ****/
div.pagerbox {
	margin-top: 40px;
}

/**************************************
ENDE - Pager
*************************************/