@charset "UTF-8";

/**
 * CSS-File für das Template des Studienportals der Universität Kassel
 *
 * @author 	Sebastian Böttger t3hiwi(ät)hrz.uni-kassel.de
 *
 * @date 	07. Oktober 2008 bis 15. Dezember 2008
 *
 * @description Umsetzung des neuen Uni-Templates
 *		
 *		Kompatibel und getestet mit 
 * 		Internet Explorer 5.5, 6, 7
 * 		Firefox 1.5, 2.0, 3.0
 * 		Opera 8, 9
 * 		Safari, Konqueror
 *		
 *		CSS gültig nach W3C
 *
 * 		Weitgehend barrierearme Umsetzung mit Hilfe des CSS-Frameworks YAML (www.yaml.de)
 *
 * @see 	../../my_layout2.css
 *		../../../yaml/base/core.css
 *		./basemod2.css
 *		../patches/patch_my_layout2.css
 *		
 */


/**
 * (de) Kurze Erklärung:
 * Das Template erbt vom allgemeinen Uni-Template, sodass das Menü gleich aussieht.
 * Dieses CSS beschreibt nur den Bereich der Div-Container mit der ID
 * col2 und col1. Wobei col2 der Inhaltsbereich ist und col1 die rechte Spalte für
 * Teaser und Quicklinks
 */

@media screen, projection {

    #col2, #col1 {
        color:#000000;
        font-family:Arial,Helvetica,Univers,sans-serif;
        margin:0;
        padding:0;
    }
    
    div#studium_img {
        width: 100%;
        height: 116px;
        border: none;
        background: #fff url(../../../img/header_abt2_studium.jpg) top left no-repeat;
        margin: 0;
        padding: 0;
    }
    
    /* --------------------------------------------------*/
    
    /* (de) Spacer-Gif verschwinden lassen */
    #col2 .spacer-gif,
    #col1 .spacer-gif { display: none; }
    
    /* --------------------------------------------------*/
    
    /* (de) Alle Überschriften */
    .csc-header { padding: 0; margin: 0; }
    /** TB 16.6.09  clear:both fuer textpic **/
    .csc-header {clear:both;}
    
    #col2 h1 {
        padding: 1em 0 0 0;
        margin: 0;
        line-height: 1.1em;
    }
    
    #col2 h2, #col2 h3, #col2 h4, #col2 h5,
    #col1 h1, #col1 h2, #col1 h3, #col1 h4, #col1 h5 {
        padding-top: 1.0em;
        line-height: 1.1em;
    }
    
    #col2 h1, #col1 h1 { color: #A80F4F; font-size: 150%; }
    #col2 h2, #col1 h2 { color: #000;    font-size: 135%; }
    #col2 h3, #col1 h3 { color: #000;    font-size: 120%; }
    #col2 h4, #col1 h4 { color: #000;    font-size: 110%; }
    
    /* --------------------------------------------------*/
    
    /* (de) Absätze, Paragraphen: col2 und col1 */
    #col2 p, #col1 p, #col2 p.bodytext, #col1 p.bodytext { padding: 0; margin: 0;}
    #col2 p, #col1 p, #col2 p.bodytext, #col1 p.bodytext { padding-top: 0.5em; }
    /* #col2 li p.bodytext, #col1 li p.bodytext { padding: 0; margin: 0;} */
    
    
    /* --------------------------------------------------*/    
    
    /* (de) Listen Abstände */
    
    #col2 ul, #col1 ul,
    #col2 ul *, #col1 ul *,
    #col2 ol, #col1 ol,
    #col2 ol *, #col1 ol * {
        
        /* Alle Werte zurücksetzen */
        margin: 0;
        padding: 0;
        list-style-position: outside;
    }
    
    #col2 ul li, #col2 ol li,
    #col1 ul li, #col1 ol li {
    	margin-top: 0.5em;
        padding: 0;
    }
    
    #col2 ul, #col1 ul,
    #col2 ol, #col1 ol {
        margin-left: 1.5em;
    }
    
    /* --------------------------------------------------*/    
    
    /* (de) List-Styles */    
    
    #col2 ul, #col1 ul {
        list-style: square url(../../../img/pfeil.gif);
    }
    #col2 ul.quicklinks, #col1 ul.quicklinks {
       
	list-style-image:url(../../../img/ukpfeil-invert.gif);
	list-style-position:outside;
	list-style-type:square;        
    }    
    #col2 ol ol {
        list-style-type: lower-alpha;
    }
    #col2 ol ol ol {
        list-style-type: lower-roman;
    }
     
    /* (de) Links */
    #col2 a, #col1 a {
        color: #A80F4F;
        text-decoration: none;
    }
    #col2 a:hover, #col2 a:focus,
    #col1 a:hover, #col1 a:focus {
        text-decoration: underline;
    }
    
    #col2 ul li a, #col1 ul li a {
    /*** TB: 14.7.09: Auskommentiert, damit Links in Quicklink-/Teasern auch fett dargestellt werden koennen **/
       /* font-weight: normal; */
    }
    /** TB: 12.6.09 Normale Punktlisten und Bildspracheelement-Punktliste Start **/
    #col2 ul.component-items, #col1 ul.component-items{
    	list-style: disc !important;
    	list-style-image: none;
    }
    #col2 ul.action-items, #col1 ul.action-items{
    	list-style: square;
    	list-style-image: none;
    }
    #col2 ul.bse,#col1 ul.bse{
    	list-style-image:url(../../../img/bse.gif);
		list-style-position:outside;
		list-style-type:square;       
    }
    #col2 ul.csc-bulletlist-1,#col1 ul.csc-bulletlist-1{
    	list-style: disc;
    }
    #col2 ul.csc-bulletlist-2,#col1 ul.csc-bulletlist-2{
    	list-style: square;
    }  
    #col2 ul.csc-bulletlist-3,#col1 ul.csc-bulletlist-3{
    	list-style-image:url(../../../img/bse.gif);
		list-style-position:outside;
		list-style-type:square;       
    } 
    
      #col2 ul.csc-bulletlist-1,#col1 ul.homepage{
        list-style-image:url(../../../img/pfeil_home.gif);
    }    
    
    /** Nummerierungen **/
    	ol.component-items-ordered { color: #000; list-style-type: lower-roman; }
	ol.action-items-ordered { color: #000; list-style-type: lower-greek; }
     /** TB: 12.6.09 Ende **/  

    /**
     *
     * Tabellen
     *
     */
        
        
    /**
     * Einstellungen die für alle Tabellen Gültigkeit haben
     */
    
    table {
        margin: 0 0 1.5em 0 !important;
        
    }
    
    table p,
    table p.bodytext {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    table tbody tr,
    table tbody tr {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    table.studiumtable {
        padding: 0;
	table-layout: auto;
	border-spacing: 0;
    	font-size: 100%;
    	border: none;
    	background-color: #efefef;
	vertical-align: top;
    }
    
    table.studiumtable caption {
    
        background: #A80F4F;
        font-size: 110%;
        font-weight: bold;
        color: #fff;
        height: auto;
        padding: 0.4em;
        border-bottom: 1px #fff solid;
    }

    table.studiumtable td {

        margin: 0 !important;
        padding: 0.4em 0.5em !important;
        border-bottom: 1px #fff solid;
        width: auto;
        overflow: hidden;
    }

    table.studiumtable thead {
    
        background-color: #999;
        font-size: 105%;
        font-weight: bold;
        color: #fff;
    }

    table.studiumtable th {
    
        padding: 0.3em 0.4em;
        overflow: hidden;
        text-align: left;
    }
    
    /**
     *
     * Tabelle Layout 1
     */
    table.htmlarea-showtableborders,
    table.tbl-layout1,
    table.contenttable-1 {
        
        padding: 0;
	table-layout: auto;
	border-spacing: 0;
    	font-size: 100%;
    	border: none;
    	background-color: #efefef;
	vertical-align: top;
        
    }
    table.htmlarea-showtableborders td, 
    table.htmlarea-showtableborders thead th,
    table.tbl-layout1 td,
    table.tbl-layout1 thead th,
    table.contenttable-1 td,
    table.contenttable-1 thead th {
        margin: 0 !important;
        padding: 0.4em 0.5em;
        width: auto;
        height: auto;
        vertical-align: top !important;
        border-bottom: 1px #fff solid;
    }
    
    table.tbl-layout1 tbody td.align-left,
    table.contenttable-1 tbody td.align-left {
        width: 33%;
        font-weight: bold;
    }
    
    table.tbl-layout1 caption,
    table.contenttable-1 caption {
        
	padding: 0.4em;
    	width: auto;
    	background-color: #A80F4F;
    	color: #fff;
    	font-size: 110%;
        font-weight: bold;
    	text-align: left;
        
    }
    
    table.tbl-layout1 thead,
    table.contenttable-1 thead {
        background-color: #999;
        font-size: 105%;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px #fff solid;
    }
    
    table.tbl-layout1 tfoot,
    table.contenttable-1 tfoot {
        background-color: #efefef;
        font-style: italic;
    }
    
    table.tbl-layout1 th,
    table.contenttable-1 th {
        
        overflow: hidden;
        text-align: left;
    }
    
    /**
     *
     * Tabelle Layout 2
     */
    table.tbl-layout2,
    table.contenttable-2 {
        
        padding: 0;
	table-layout: auto;
	border-spacing: 0;
    	font-size: 100%;
    	border-left: 1px #000 solid;
    	background-color: transparent;
	vertical-align: top;
    }
    
    table.tbl-layout2 tr,
    table.contenttable-2 tr {
        
    }
    
    table.tbl-layout2 td,
    table.contenttable-2 td {
        margin: 0;
        padding: 0.4em 0.5em !important;
        vertical-align: top !important;
        border-right: 1px #000 solid !important;
        border-bottom: 1px #000 solid !important;
    }
    
    table.tbl-layout2 tbody td.align-left,
    table.contenttable-2 tbody td.align-left {
        width: 33%;
        font-weight: bold;
    }
    
    table.tbl-layout2 caption,
    table.contenttable-2 caption {
        
	padding: 0.4em;
    	width: auto;
    	background-color: #A80F4F;
    	color: #fff;
    	font-size: 110%;
        font-weight: bold;
    	text-align: left;
        border: 1px #000 solid;
    }
    
    table.tbl-layout2 thead,
    table.contenttable-2 thead {
        background-color: #999;
        font-size: 105%;
        font-weight: bold;
        color: #000;
        border-bottom: 1px #000 solid;
    }
    
    table.tbl-layout2 tfoot,
    table.contenttable-2 tfoot {
        background-color: #efefef;
        font-style: italic;
    }
    
    table.tbl-layout2 th,
    table.contenttable-2 th {
        
        overflow: hidden;
        text-align: left;
    }
    
    /**
     * Tabelle Layout 3
     * Im Internet nicht korrekt dargestellt, weil
     * hier Pseudoklassen von CSS3 genutzt werden
     */
    table.tbl-layout3,
    table.contenttable-3 {
        padding: 0;
	table-layout: auto;
	border-spacing: 0;
    	font-size: 100%;
    	border: 1px #000 solid;
    	background-color: transparent;
	vertical-align: top;
    }
    
    table.tbl-layout3 caption,
    table.contenttable-3 caption {
        
	padding: 0.2em 0.4em;
    	width: auto;
    	background-color: #A80F4F;
    	color: #fff;
    	font-size: 110%;
        font-weight: bold;
    	text-align: center;
        border-top: 1px #000 solid;
        border-left: 1px #000 solid;
        border-right: 1px #000 solid;
    }
    
    table.tbl-layout3 thead,
    table.contenttable-3 thead {
        
        font-size: 105%;
        font-weight: bold;
        color: #000;
    }
    
    table.tbl-layout3 thead tr td,
    table.contenttable-3 thead tr td {
        border-bottom: 1px #000 solid;
        background-color: #efefef;
    }
    
    table.tbl-layout3 thead tr td:first-child,
    table.contenttable-3 thead tr td:first-child {
        border-right: 1px #000 solid;
    }
    
    table.tbl-layout3 tbody tr td:first-child,
    table.contenttable-3 tbody tr td:first-child {
        background-color: #efefef;
        border-right: 1px #000 solid;
    }
    
    table.tbl-layout3 td, 
    table.tbl-layout3 th,
    table.contenttable-3 td, 
    table.contenttable-3 th {
        margin: 0;
        padding: 0.3em 0.5em;
        border-right: none;
        border-bottom: none;
        background-color: transparent;
    }
    
    
    /* --------------------------------------------------*/
    
    /* Sprungmarken / ToTopLinks */

    #col2 ul.csc-menu-3,
    #col1 ul.csc-menu-3 {
        list-style-image: none;
        list-style: decimal;
    }
    
    #col2 ul.csc-menu-3 li,
    #col1 ul.csc-menu-3 li {
        margin-left: 0.5em;
    }
    
    #col2 ul.csc-menu-30,
    #col1 ul.csc-menu-30 {
         list-style: square url(../../../img/pfeil.gif);
    }
    
    #col2 ul.csc-menu-30 li,
    #col1 ul.csc-menu-30 li {
        margin-left: 0.5em;
    }
    
    #col2  p.csc-linkToTop,
    #col1  p.csc-linkToTop {
    	width: 100%;
    	text-align: right;
        padding: 0 15px 0 0;
        margin: 0.5em 0;
        background: transparent url(http://cms.uni-kassel.de/fileadmin/groups/w_070000/Stylesheets/img/totop.gif) right bottom no-repeat !important;
        /* border-top: #999 1px dashed; */
    }

    /* --------------------------------------------------*/
    
    /* Bilder */
    
    .csc-textpic dl {
        background-color: transparent;
        margin: 5px 0;
        padding: 5px;
    }
    
    .csc-textpic img { 
    	border: none !important;
    }    

    .csc-textpic-border dl {
    	background-color: #efefef;
    }    

    .csc-textpic dl dd {
        font-size: 90%;
        font-style: italic;
        text-align: center;
    }
    
    /* Bilder direkt im RTE eingefügt */
    p.bodytext img {
        padding: 0.2em;
        margin: 0.3em;
    }
    
    /** TB 16.6.09 bei norwrap stoert das margin des Bildes**/ 

        div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
		margin-right:0px !important;
	}
	
	div.csc-textpic-intext-left-nowrap * div.csc-textpic-text{
		margin-left:10px !important;
	}
    
    
    /* --------------------------------------------------*/
    
    /* Stichwortliste */
    
    .tx-mwkeywordlist-pi1-jumpmenu {
	padding-top: 1.5em !important;
	font-size: 90%;
    }

    /* --------------------------------------------------*/
    
    /* Mail Formular */
    
    #col2 .csc-mailform {
        margin-top: 1em;
        width: 100%;
    }
    
    #col2 .csc-mailform .csc-mailform-field {
        width: 100%;
        margin-top: 0.5em;
    }
    
    #col2 .csc-mailform .csc-mailform-field input {
        display: block;
    }
    
    #col2 .csc-mailform .csc-mailform-field label {
        width: 33% !important;
        display: block;
        float: left;
    }
    
    
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-radio,
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-check {
        display: block;
        
    }
    
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-radio input,
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-check input {
        padding-right: 0.5em;
        padding-top: 0.5em;
        float: left;
    }
    
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-radio fieldset,
    #col2 .csc-mailform .csc-mailform-field .csc-mailform-check fieldset {
        clear: left;
    }
    
    #col2 .csc-mailform .csc-mailform-field legend {
        display: none;
    }
    
    /* --------------------------------------------------*/
    
    /* Kontaktfeld */
    
    #col3 #contact *  {
	margin: 0;
	padding: 0;
    }
    
    #col3 #contact {
        font-size: 100%;
        margin-left: -5px;
    }
    
    #col3 #contact .contactbox_header {
        background: #a80f4f;
	padding-top: 30px; 
        width: 100%;
    }
    
    #col3 #contact .contactbox_header h2 {
	color: #fff;
       /* font-size: 22pt; */
        font-size: 1.8em;
	padding-left: 3px;
        padding-top: 0.5em;
        margin-top: 0px;
    }

    #col3 #contact #contact_body {
        padding: 0 5px;
        background:#dfdfdf;
        color: #000;
    }
    #col3 #contact h3 {
	font-size: 120%;
	padding-top: 1em;
        color: #a80f4f;
    }
    
    #col3 #contact p {
	padding-top: 0.5em;
    }
    
    #col3 #contact a {
        color:#a80f4f;
        text-decoration:none;
    }
    #col3 #contact a:hover,
    #col3 #contact a:focus,
    #col3 #contact a:active {
        text-decoration: underline;
    }


    /* --------------------------------------------------*/
    
    /* Sitemap */

    /*
    .csc-sitemap ul li {
       padding-top: 0;
       padding-bottom: 0;
    }
    .csc-sitemap > ul > li > a {
        color: #000;
    }

    .csc-sitemap ul li ul li {
        font-style:italic;
    }
    
    p.csc-frame-frame1, .csc-frame-frame1 {
    	margin: 5px 0;
    	padding: 0;
    	background-color: #faf2f5;
    }
    
    p.csc-frame-frame2, .csc-frame-frame2 {
    	margin: 5px 0;
    	background-color: #cf7196;
    	padding: 0;
    }
    
    #col2 ul.csc-menu-3 {
    	list-style: none;
    	list-style-image: none;
    	margin: 0;
    	padding: 0;
    }
    li.csc-section {
    	background-color: transparent;
    	background-image: none;
    	background: none;
    	margin-left: 0;
    	padding-left: 0;
    }
    html > body > #page_margins > #page > #main > #col2 ul li.csc-section,
    html > body > #page_margins > #page > #main > #col1 ul li.csc-section {
        margin-left: 0;
        padding-left: 0;
        
    }
            */

    
    /* --------------------------------------------------*/
    
    /* (de) Style-Definition für die Quicklinks */
  /*  TB: 19.1.2010 : Ueberschreibt Abstand im Contentbereich, wenn Vorlage Einspaltig
    #col1 p.bodytext {
        padding: 0;
        margin: 0;
    }
  */  
    #col1 .ukteaser {
        /*height: 300px; */
        float: right;
        width: 220px;
        
    }

    #col1 .ukteaser-quicklink {
        padding-top: 28px;
        margin: 0;
        background: #faf2f5 url(../../../img/teaser_bg_top_1.gif) top right no-repeat;
        border-left: #cf7196 10px solid;
        border-bottom: #cf7196 10px solid;
    }

    #col1 .ukteaser-quicklink .bodytext {
        
        padding: 1em 0.5em;
    }

    /* obsolete */
    /* #col1 .ukteaser-quicklink .bodytext li { margin-bottom: 0; margin-top: 10px; padding-top: 0; padding-bottom: 0; } */
    
    
    #col1 .ukteaser-quicklink h3 {
        
        color: #fff;
        font-size: 18pt;
        padding-top: 6px !important;
        margin-top: 0px;
    }
    
    /* --------------------------------------------------*/
    
    /* TEASER */
    
    #col1 .ukteaser-decorated {
        
        padding: 0;
        margin: 1em 0 1em 0;
        border-top: 1px #999 solid;
    }
    #col1 .ukteaser-decorated h3 {
        padding: 0.5em 0;
        font-size: 120%;
        line-height: 1.1;
        /* color: #000; */
        color: #A80F4F;
    }
    
    
    #col1 .ukteaser-decorated .end {

        display: none;
    }
    
    .fullwidth {
    	width: 100% !important;
    }
    
    .halfwidth {
    	width: 50% !important;
    }
    
    .align-right{
    	text-align:right;
    }
    .align-center{
    	text-align:center;
    }    

    div.csc-frame-rulerAfter{
        padding-bottom: 1em;
    	border-bottom:1px solid #999;
    }
    div.csc-frame-rulerBefore{
        margin-top: 2em;
    	border-top:1px solid #999;
    }
    
    DIV.csc-frame-indent { padding-left: 100px; }
    
    DIV.csc-frame-indent3366 { padding-left: 33%; }
    
    DIV.csc-frame-indent6633 { padding-left: 66%; }
    
    DIV.csc-frame-frame1,p.csc-frame-frame1 { background-color: #efefef; padding: 0 1em 1em 1em !important; margin-top: 1em; border: 1px solid #333; }
    
    DIV.csc-frame-frame2,p.csc-frame-frame2 { background-color: #F5FFAA; padding: 0 1em 1em 1em !important; margin-top: 1em; border: 1px solid #333333; }
    
    /* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
    span.important { color: #8A0020; }
    span.name-of-person { color: #10007B; }
    span.detail { color: #186900; }
    span.telephone {background:transparent url(../../../img/tel.gif) no-repeat scroll left center; padding-left:18px !important;}
    span.fax {background:transparent url(../../../img/fax.gif) no-repeat scroll left center; padding-left:18px !important;}
    span.haus {background:transparent url(../../../img/haus.gif) no-repeat scroll left center; padding-left:20px!important;}
    span.raum {background:transparent url(../../../img/raum.gif) no-repeat scroll left center; padding-left:20px!important;}
    span.code { font-family: "Courier New" !important; }
    a.mail {background:transparent url(../../../img/mail.gif) no-repeat scroll left center !important; padding-left:18px !important;}
    #col1 a.external-link-new-window ,#col2 a.external-link-new-window {

	background:transparent url(../../../img/external_link_new_window.gif) no-repeat scroll right center; padding-right:18px;             
    }
    

    #nav_main ul li a{
	 background: transparent url(../../../img/ukpfeil.gif) no-repeat left center;
	 padding-left:16px;
    }   
  
    #nav_main ul li a.current{
	 background: transparent ;
	 padding-left:0px;
    } 
    #nav_main ul li span.usergrouptitle {
	background-color:transparent;
	color:#A80F4F;
	font-size:105%;
	font-weight:bold;
	text-decoration:none;
    }
    
    /* Header Image */
    
    div#headerimage {
    	display:none;
    }
    
    /* Menu der Unterseiten Definitionsliste */
    
    dl.csc-menu-4 {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    dl.csc-menu-4 dt {
        margin-top: 0.5em;
        padding-left: 1.5em !important;
        background: transparent url(../../../img/pfeil.gif) 0 2px no-repeat;
        
    }
    
    dl.csc-menu-4 dd {
        margin-left: 1.5em !important;
    }
    
   /*** TB:2.6.09: tt_news: Linie vor Backlink **/
    .news-single-item .clearer {
	 margin:10px 0px;
    }
    
    /*** TB 16.10.09 Downloadliste Typen ***/  
    div.tx-ukdownloads-pi1 a[href*=".pdf"]:after {
    	content:" [pdf]";
    	font-size:0.7em;
    }
    div.tx-ukdownloads-pi1 a[href*=".zip"]:after {
    	content:" [zip]";
    	font-size:0.7em;
    }  
    div.tx-ukdownloads-pi1 a[href*=".doc"]:after {
    	content:" [doc]";
    	font-size:0.7em;
    }  
    div.tx-ukdownloads-pi1 a[href*=".xls"]:after {
    	content:" [xls]";
    	font-size:0.7em;
    } 
    div.tx-ukdownloads-pi1 a[href*=".ppt"]:after {
    	content:" [ppt]";
    	font-size:0.7em;
    }
    div.tx-ukdownloads-pi1 a[href*=".rtf"]:after {
    	content:" [rtf]";
    	font-size:0.7em;
    }    
/*** Downloadliste Typen ENDE ***/ 
    
    /** TB: Kleinere Schrift z.B. in NewsPlugin Homepage **/
    div.small,
    span.small {
    	font-size:0.8em;
    }
    div.hide,
    span.hide {
    	display:none;
    }

/**Text-indent im RTE **/
div.indent {
	text-indent:1.5em;
}

}






span.hervorhebung { border:5px solid #A80F4F; background-color:#A80F4F; width:100%; font-weight:bold; color:#FFFFFF; font-size:10pt; }