body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
    background-color: #F9F9F9;
    color: black;
    /*scrollbar-base-color: #CBD3CF;
    scrollbar-arrow-color: #006666;*/
}

pre, code, .fixed, table.lineNumbered *{font-family:Arial,"DejuVu Sans",sans-serif;font-size:110%;}

body.modal-form{font-size:100.01%; background:#fff;} /* klammer für die loginseite */

#horde-head {
    width: 100%;
    height: 36px;
    background-color: #e0e0e0;
    background-image: none;
    background-repeat: repeat-x;
    border-bottom: none;
} /* höhenanpassung der logo und navigationsleiste */

#horde-logo {
    float: left;
    width: 208px;
    height: 36px;
    background-image: url("graphics/logo-uni3.png");
    background-repeat: no-repeat;
    margin:0px 0px 0 0;
} /* logo links */

ins { background: #aac3dd;}

del {background: #ddc9aa;}


#horde-sub{background:#738394 url("graphics/slidevert-bg-dark.png") left repeat-y;} /* fabanpassung blauer streifen im header */

.horde-dropdown ul{   border:1px solid #d0d0d0; background-color: #e0e0e0;} /* navigationsdropdowns farbanpassung */
.horde-dropdown ul li{border-bottom:1px solid #d0d0d0;}
.horde-dropdown li ul{top:34px;}

#horde-version{display:none;} /* versionsnummer im header ausblenden */

.horde-ajax #horde-body{
top:56px;}

.horde-new{background-image:none;background-color:#948a73;text-shadow:none;font-size:120%;line-height:150%;} /* neue nachricht button und folgend der seitenleiste im imp */

#imp-specialmboxes{margin-top:24px;}

.horde-point-center:hover, a.horde-mainnavi:hover,
a.horde-mainnavi-active:link, a.horde-mainnavi-active:visited,
a.horde-mainnavi-active:active {
    color: #738394;
    text-decoration: none;
}

.horde-point-arrow, .horde-point-arrow-active{display: none;background-image: url("graphics/navi-arrow-normal.png");}

a.horde-mainnavi:link, a.horde-mainnavi:visited, a.horde-mainnavi:active{color:#1f1f1f;}

.horde-point-left{border-left:1px solid #d0d0d0;height:36px;}

.horde-point-center:hover, a.horde-mainnavi:hover, a.horde-mainnavi-active:link, a.horde-mainnavi-active:visited, a.horde-mainnavi-active:active {
    color: #1f1f1f;
    text-decoration: none;
}

.horde-drowdown-str:hover a {
    color: #fff;
}

.horde-navipoint:hover .horde-point-center a {
    color: #fff;
}

.horde-navipoint{height:36px;}
.horde-point-center-active, .horde-point-center{height:26px;padding-top:10px;}
.horde-point-right-active{height:36px;}
.horde-point-right{float: left;
width: 10px;}

#horde-navigation{text-shadow:none; font-weight:normal;height:36px;}
.horde-point-left-active{background-image:none; background:#d0d0d0;height:36px}
.horde-point-center-active{background-image:none; background:#d0d0d0;}
.horde-point-right-active{background-image:none; background:#d0d0d0;}

#horde-sidebar{background-color:#e0e0e0;}

.horde-subnavi-active, .horde-subnavi:hover{
background-image:none;background-color:#738394;}
.horde-subnavi-active a, .horde-subnavi:hover a{color:#fff !important;}

.horde-table-header, table.horde-table thead tr{background-image:none; background-color:#e0e0e0;}

/* div.vpRow, div.vpRow div{border-bottom:1px solid #adadad;} */

div.vpRow.vpRowSelected{background-color:#a7a7a7 !important;}

.horde-navipoint:hover .horde-point-arrow {
    background-image: url("../default/graphics/navi-arrow-normal.png");
}

.horde-point-arrow-active {
    background-image: url("graphics/navi-arrow-active.png");
}

.horde-dropdown ul li.arrow:hover {
    background-image: url("graphics/navi-subnavi-active.png");}
    
.horde-resource-on.horde-radiobox, .horde-resource-off.horde-radiobox:hover {
    background-image: url("graphics/radiobox_on.png");
}

.horde-resource-on, .horde-resource-off:hover {
    background-image: url("graphics/checkbox_on.png");
}

input.horde-create, a.horde-create {
    background-image: url("graphics/sidebar-new-bg.png");
    border-color: #fff;
    color: #fff;
}

.horde-icon-settings {
    background-image: url("graphics/pref.png");
}

.horde-icon-settings:hover {
    background-image: url("graphics/pref-hover.png");
}


.horde-settings, .horde-icon-settings a{width:122px;}


/* möglichkeit, falls die Einstellungen wieder als Schrift statt Bild erscheinen. 
.horde-icon-settings {background-image: none;color:#1f1f1f;}
.horde-icon-settings:hover {background-image: none;color:#fff;}
.horde-settings{width:127px;padding-top:3px;}
*/


/* raphaels rahmen auf der loginseite. */
/* general layout elements: */
#rahmen-oben,
#rahmen-mitte {
    position: absolute;
    font-size: 0.8em;
    min-width:900px;
}
#rahmen-unten {
    font-size: 0.8em;
}
#rahmen-oben {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    color: #000;
}
#oben {
    position: relative;
    width: 100%;
    background-color: #e3e3e3;
    border-bottom: 1px solid #666;
    padding-top: 16px;
    color: #000;
}

.spaltenklammer {
/* for #kopf and #fusz */
    position: relative;
margin:0 11px;
border:1px solid #666;
border-bottom:none;
}

.spaltenklammer-unten {
/* for #kopf and #fusz */
    position: relative;
margin:0 11px;
border:1px solid #666;
border-top:none;
}
.spalte-links {
/* for #ou and #ou-footer */
    position: absolute;
    left: 0;
    z-index: 101;
    width: 14.16em; /* 181px; */
    border-right: 1px solid #666;
}
.spalte-mitte {
/* for #emotionsflaeche and #institution */
    position: relative;
    margin-left: 14.16em; /* 181px; */
    margin-right: 14.16em; /* 180px; */
}
.spalte-rechts {
/* for #logouni and #impressum */
    position: absolute;
    width: 14.16em; /* 180px; */
    top: 0;
    right: 0;
}


/* page header: */
#kopf {
    background-color: #fff;
    color: #000;
    margin-bottom: 0;
    border-top: 1px solid #666;
}
#ou {
    height: 135px;
    background-color: #fff;
    color: #000;
}

/* ou title display in page header and footer: */
#ou div{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding-right: 20px;
    margin-top: 10px;
    margin-left: 12px;
    line-height: 1.2em;
}

#ou div a {
    background-image: none;
    display: block;
    color: #222;
    text-decoration: none;
}

#ou h1 {
   font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding-top: 90px;
padding-left: 15px;
font-weight: normal;
}

#emotionsflaeche {
    height: 135px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("emoflaeche-hrz2013.jpg");
    background-color: #f4f2f5; /*5679a3 */
    color: #000;

}

/* university's logo: */
#logouni a {
    display: block;
    width: 14.16em;
    text-decoration: none;
}



/* --------------------------------------- */

/* raphaels navigation auf der loginseite. */
/* main navigation: */
#navigation {
    color: #000;
    margin-left: 11px;
    margin-right: 12px;
}
#navigation ul {
    margin: 0;
    list-style-type: none;
    padding-right: 0;
    padding-left: 0;
}
#navigation ul#firstlist {
    position: absolute;
    width: 14.25em;
    z-index: 102;
}
#slwrapper {
    position: relative;
    padding-left: 14.2em;
    border: 1px solid #ccc;
    border-left: none;
}
#navigation ul#secondlist {
    position: relative;
}
#navigation ul#secondlist li {
    position: relative;
    float: left;
    width: 16.66%; /*    to be overwritten in ou.css */
}
#navigation ul li a {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 3px;
}
#navigation ul#firstlist li {
    width: 100%;
}
#navigation ul#firstlist {
    border-left: 1px solid #666;
}
#navigation ul#firstlist li a {
    border: 1px solid #ccc;
    border-left: 1px solid #fff;
}
#navigation ul#secondlist li a {
    border-left: 1px solid #fff;
}
#navigation ul#secondlist li:first-child a {
    border-left: none;
}

#navigation ul li a {
    background-color: #7E7B76;
    color: #fff;
}
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a:focus,
#navigation ul#firstlist li a {
    background-color: #4EB782;
    color: #fff;
}
#navigation ul#firstlist li a {
    border-right-color: #fff;
    border-top-color: #fff;
}
#slwrapper {
    border-color: #fff;
}
#navigation ul#secondlist li {
    width: 20%;
}
*:first-child+html #navigation ul#secondlist li { /* for IE7: 4, 5, 6 col: */
/*  width: 24.98%;*/
/*  width: 19.98%;
    width: 16.64%; */
    width: 26.64%;
}
* html #navigation ul#secondlist li { /* for IE6: 4, 5, 6 col: */
/*  width: 24.8%;
    width: 19.2%;
    width: 16% */
    width: 16%;
}

#rahmen-mitte #spalte-mitte {
    position: relative;
    margin-left: 14.33em;
    margin-right: 15em;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

#spalte-links,
#spalte-mitte,
#spalte-rechts {
    /* for equal height columns w/ borders */
    padding-bottom: 32767px !important;
    margin-bottom: -32767px !important;
}


#rahmen-mitte{
position: relative;
top: 0;
right: 0;
background-color: white;
padding-left: 11px;
overflow: hidden;
margin: 0;}

#breite{
position: relative;
margin-left: 14.23em;
margin-right: 15em;
border-right: 1px solid #CCC;
background-color: white;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}


#spalte-links {
/* for #ou and #ou-footer */
position: relative;
float: left;
border-left: 1px solid #666;
border-right: 1px solid #CCC;
width: 14.16em;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
}

#spalte-rechts {
/* for #logo and #impressum */
float: right;
position: relative;
width: 14.1em;
margin-right: 11px;
border-right: 1px solid #666;
border-left: 1px solid #CCC;
background-color: #F9F9F9;
    padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}




div.modal-form{
width:auto;
font-size:100%;
margin:0; /* 181px; */
background-color:#fff;
-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.einstellungen{
margin:0 15px 0 203px; /* 181px; */
background-color:#fff;
min-width: 500px;
}

div.einstellungen br.clear{
clear:none;
}

div.einstellungen .prefsOverview dd{
border-bottom: 1px dotted #999;}

div.einstellungen .prefsOverview dd:last-child{
border:none;}


.einstellungen div{line-height:2;}

div.modal-form ul{
list-style-type:square;
line-height:1.5em;
padding:20px;
}

div.modal-form ul li{
margin-bottom:18px;
}



#services_prefs #spalte-links {
/* for #ou and #ou-footer */
	float:left;
    width: 14.16em; /* 181px; */
}

.inhalt {
    position: relative;
    padding: 0em;
}

* context navigation: */
#context-navigation {
    border-top: none;
}
#context-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0 !important;
}
#context-navigation ul li {
    margin: 0;
    padding: 0;
    position: relative;
}
#context-navigation ul li a {
    display: block;
    border-bottom: 1px solid #D1D1CF;
    text-decoration: none;
    padding: 5px 0.5em 3px 0.5em;
    overflow: hidden;
    background-color: #F0F9F4;
    color:black;
}
#context-navigation ul li a:hover{
background-color:#fff;
}


#context-navigation ul:last-child li:last-child a {
    border-bottom: 0;
}

/* portlets: */
div.portlet {
    background-color: #F4F4F4;
    border-bottom: 3px double #ccc;
    padding-bottom: 0;
    margin-bottom: 1.2em;
}
div.portlet > :last-child {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 1px !important;
    padding-bottom: 5px !important;
}
div.portlet h1 {
    margin: 0;
    padding: 3px 3px 3px 17px;
    background-color: #ddd;
    border-bottom: 1px solid #d1c1cF;
    font-size: 0.9em;
}
div.portlet ul {
    margin: 0;
    padding: 0;
    padding-left: 17px;
    list-style-type: square;
}
div.portlet ul li {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
}

div.portlet ul li a{
color:black;
}

div.portlet p {
    margin: 0.3em 2px 0.2em 17px;
}
div.portlet p.news {
    padding-bottom: 0.3em;
    border-bottom: 1px dashed #808080;
}
div.portlet p.datum {
    font-size: 0.9em;
    color: #808080;
    margin-top: 0.1em;
    padding-bottom: 0.3em;
    border-bottom: 1px dashed #808080;
    text-align: right;
}
div.portlet p.last {
    border-bottom: none;
}
div.portlet p.ff {
    padding-top: 0.5em;
    border-bottom: none;
    margin-right: 0;
    margin-left: 0;
    padding-left: 17px;
}

/* page footer: */
#rahmen-unten {
    clear: both;
    position: relative;
    border-top:1px solid #666;
    color: #000;
    background: #e3e3e3;
    height: 49px;
    width: 100%;
    z-index: 108;
}
#fusz {
    background-color: #fff;
    color: #000;
    margin-top: 0;
    margin-bottom: 16px;

}
#ou-footer { /* see #ou for other applied styles */
    min-height: 30px;
    background-color:#4EB782;
        color:#fff;
    border: none;
}
#institution {
    min-height: 30px;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-left: 1px solid #666;
    overflow: visible;
}
#institution p {
    font-size: 0.85em;
    margin: 0;
    padding: 2px 1px 0 20px;
    background-color: #fff;
    line-height: 1.15em;
}
#impressum {
    min-height: 30px;
    border: none;
    background-color: #fff;

}
#impressum a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    display: block;
    padding: 8px 1px 1px 10px;
}
#ou-footer div {
    height: 30px;
    font-size:10px;
    margin-top: 3px;
    margin-bottom: -5px;
    margin-left: 12px;
}
#ou div a {
    background-image: none;
    display: block;
    color: #222;
    text-decoration: none;
}
#ou div span.fbNr,
#ou-footer div span.fbNr {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    float: left;
    border-right: 2px solid #fff;
    padding-right: 4px;
    line-height: 0.9em;
    margin-top: 0.1em;
    margin-right: 4px;
    letter-spacing: -1px;
}
#ou div span.fbNr span,
#ou-footer div span.fbNr span {
    display: none;
}

#kopf select{width:160px;margin:20px 10px 0;}

.abstand-oben {
height: 158px;}

#spalte-rechts .abstand-oben {
height: 184px;
}

.loginfeld{float:left;padding:15px 15px 50px 15px;margin-right:10px;}

div.modal-form input{
background-color:#ddd !important;
}

div.modal-form label{font-weight:normal;line-height:200%;padding:5px 0;}
div.modal-form input{padding-left: 0.4em;}
input, option{padding:3px 5px;}
div.modal-form .submit-button{margin:.4em 0 20px;}
div.modal-form a{color:#000;}
div.modal-form .extras{padding-top:10px;clear:both;}

form[action^="https://"] input[type="submit"].horde-default{padding-left:20px;background-image:none;background-color:#4EB782 !important;margin-top:20px;}
div.modal-form input, div.modal-form select{border-radius:none !important;}

/* Ende der Loginseite */
/* --------------------------------------- */

input, select, textarea {
    font-size: 100%;
    font-weight: normal;
    background-color: white;
    border: 1px solid #d0d0d0;
} /* anpassung der suche */


/* kleinere anpassungen im Kronolit. haupsächlich farben*/

.kronolith-minical{padding:0 !important; margin:0 !important;} /* minikalender ohne abstände */
#kronolithMenu{top:250px;} /* menue links etwas vom minikalender abrücken. */

.kronolith-minical table, tr.kronolith-minical-nav, tr.kronolith-minical-nav th{background-color:#e0e0e0;}

#kronolith-month-body .kronolith-weekend{background:none;}
#kronolith-month-body .kronolith-other-month{background:#fdfdfd;}
.kronolith-today .kronolith-day, .kronolith-today .kronolith-day a{color:black;}

.kronolith-event-free {  /* freie Termine unterscheiden - 20Nov2013 api */
/*    font-family: cursive;  */
    font-style: italic;
}
.kronolith-event-tentative {  /* vorläufige Termine hervorheben - 20Nov2013 api */
/*    text-decoration: underline; */
    font-style: italic;
    font-variant: small-caps;
}


/*
.kronolith-event-tentative .kronolith-event-info:after {
  content: " (?)";
}


.kronolith-event-tentative:after {
  content: " (?)";
}
*/

/*mnemo */

.noteBody{font-family: Verdana, Arial, Helvetica, sans-serif;} /* anpassung der schriftart für den text ind en notizen */