.klein { font-size:80%; }

/* Externer Link */
a.ext:before { content:url(/urz/img/ext.gif); }
/* Secure Link oder Authentisierung */
a.sec:before { content:url(/urz/img/sec.gif); }

/* einige Hintergrundfarben */
.grau { background-color:#eeeeee; color:#000000; }
.hellgrau { background-color:#f6f6f6; color:#000000; }
.weiss { background-color:#ffffff; }
.dunkel { background-color:#6d6d6b; color:#FFFFFF; }
.gruen { background-color:#177665; color:#FFFFFF; }
.hellgruen { background-color:#d7e7e7; color:#000000; }
.hinweis { background-color:#ddeeff; color:#000000; }
.beige { background-color:#fdf5e6; color:#000000; }
.hellgelb { background-color:#ffffdd; color:#000000; }
/*.tipp { background-color:#ffffdd; color:#000000; }*/
.warn { background-color:#cc0000; color:#eeeeee; }
.beispiel { background-color:#eeeeee; color:#000000; }
.ex { background-color:#eee; border:1px solid #999; padding:0.2em; }

.text { background-color:#fff; padding:0.7em; color:#000; }
div.text dl, div.text ul { margin:0.2em; }
div.text { min-height:24px; }
div.warn { background-color:#c00; margin:1.5em; border:1px solid #c00; padding:0px 0px 0px 40px; background-image: url(/urz/img/warn.png); background-repeat:no-repeat; background-position: 8px 8px; }
div.tip { background-color:#ff9; margin:1.5em; border:1px solid #999; padding:0px 0px 0px 40px; background-image: url(/urz/img/tip.png); background-repeat:no-repeat; background-position: 8px 8px; }
div.beispiel { background-color:#eee; margin:1.5em; border:1px solid #999; padding:0px 0px 0px 40px; background-image: url(/urz/img/beispiel.png); background-repeat:no-repeat; background-position: 8px 8px; }
div.hinweis { background-color:#def; margin:1.5em; border:1px solid #999; padding:0px 0px 0px 40px; background-image: url(/urz/img/hinweis.png); background-repeat:no-repeat; background-position: 8px 8px; }

div.linux { margin:1.5em; border:1px solid #999; padding:0px 0px 0px 40px; background-image: url(/urz/img/linux24.png); background-repeat:no-repeat; background-position: 10px 8px; }
div.winxp { margin:1.5em; border:1px solid #999; padding:0px 0px 0px 40px; background-image: url(/urz/img/sw_winxp.png); background-repeat:no-repeat; background-position: 10px 8px; }
div.linuxwinxp { margin:1.5em; border:1px solid #999; padding:0px 0px
0px 40px; background-image:
url(/urz/img/linuxwinxp.png); background-repeat:no-repeat; background-position:
10px 8px; min-height:60px; }

div.hb { background-color:#eee; margin:1.5em; padding:1em; }
div.bb { background-color:#d7e7e7; margin:1.5em; padding:1em; }

.indent { margin-left:1.5em; }

a[name] { color:inherit; }

.haupttitel { color:#ffffff; padding-bottom:0px; margin-bottom:0px; }
/* Navigation
.navvorher { font-weight:bold; }
.nav { font-weight:bold; }*/

.submit { font-weight:bold; }

/* Menue links und rechts */
.menue { display:block; }
a.menue { text-decoration:underline; }
a.menue:hover { background-color:#fdf5e6; }
a.menuekopfl { text-decoration:underline; }
.menuekopfl { display:block; }
a.menuekopfl:hover { background-color:#fdf5e6; }
.menuenolink { color:#000000; }
.menuekopf { background-color:#d7e7e7; font-weight:bold; }
.menuekopfhell { background-color:#9fccc2; font-weight:bold; }

div#menulinks a, div#menurechts a { position: relative; }
div#menulinks a span, div#menurechts a span { display:none; color:#005A46; font-weight:normal; }
div#menulinks a:hover, div#menurechts a:hover { z-index:1; }
div#menulinks a:hover span, div#menurechts a:hover span { width:15em; position:absolute; top:2.5em; left:5em;
 display:block; background:#ffe; border:1px solid #005A46; text-decoration:none; padding: 3px; z-index:1000; }
div#menurechts a:hover span { left:-5em; }

.diensteuebersicht .tags { font-size:0.85em; }
.diensteuebersicht .tags strong { color:#555555; }
.diensteuebersicht .tags a[href] { text-decoration:underline; }

.elearn-img img:hover { -webkit-filter: hue-rotate(90deg);
 -moz-filter: hue-rotate(90deg);
 -ms-filter: hue-rotate(90deg);
 -o-filter: hue-rotate(90deg);
 filter: hue-rotate(90deg);
 /*filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImdyYXlzY2FsZSI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAuMzMzMyAwLjMzMzMgMC4zMzMzIDAgMCwgMC4zMzMzIDAuMzMzMyAwLjMzMzMgMCAwLCAwLjMzMzMgMC4zMzMzIDAuMzMzMyAwIDAsIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjwvc3ZnPg%3D%3D#grayscale);*/
 filter: url(filters.svg#hue); }

    /* CSS fuer Dienste-Suche */
.page-content .form-group { margin-bottom:0; }
.urz-searchform {margin-bottom:0}
.urz-searchinput {margin-bottom:10px}

@media (min-width:801px) {
.urz-searchinput {margin-bottom:0;}
}

    /* CSS fuer Oeffnungszeiten-Box*/
.openinghours-box .alert {margin-bottom:14px !important;}
.openinghours-icon {filter: invert(100%);}
.alert-open, .alert-open a {background-color: #698926 !important; color: #fff !important;}
.alert-closed, .alert-closed a {background-color: #9D0736 !important; color: #fff !important; }
.alert-ma, .alert-ma a {background-color: #9D0736 !important; color: #fff !important;}
.alert-studi, .alert-studi a {background-color: #8D6831 !important; color: #fff !important;}
.openinghours-background {min-height:95px; padding-left:0; padding-right: 0; background:url("images/nutzerservice.jpg") center no-repeat; background-size: cover; background-clip: content-box;}


@media (min-width:550px){
.openinghours-box {display:flex; margin:14px 0 0 !important;}
.openinghours-box .alert {margin-bottom:0 !important; }
.openinghours-box .alert-studi {margin-right:0 !important}

.openinghours-background {padding-left:14px;}
}

span[class*="tucicon-studi"],
.tucicon-studi {
font-family: 'TUCAL';
position:absolute;
font-size:60px;
top:0.4em;
color:#fff;
}

span[class*="tucicon-ma"],
.tucicon-ma {
font-family: 'TUCAL';
position:absolute;
font-size:60px;
top:0.4em;
color:#fff;
}
.tucicon-ma::before {
    content: "\1f3eb\0020";
}
.tucicon-studi::before {
    content: "\e0b1\0020";
}
.openinghours-box {margin: 14px 0 0 !important;}
/*CSS für kachelstartseite*/
.box {
position:relative;
width: 100%;
margin-bottom:14px;

color:#fff;
}
.box:before {
content: "";
display:block;
padding-top: 100%;
}

.col1 {
background-color:#B48500;

}

.col2 {
background-color:#e4e4e4;
color:#000 !important;
}
.col2 h2 {
color:#000 !important;
}

.col3 {
background-color:#DFC800;
color:#000 !important;
}
.col3 h2 {
color:#000 !important;
}
.col4 {
background-color:#5D0377;
}
.box .content {
 position: absolute;
text-align:center;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.box .content h2, .box .content a{
color:#000 !important;
}

.directbox {
padding: 0 7px;
}

.show_oh_table div{
font-size:0.8em;
text-align:left;
}
.show_oh_table div:first-child {
text-align:right;
}