/* LMU layout and formats */
body {
    background-image: linear-gradient(#DAE8FA, #fff);
    background-repeat: no-repeat;
    color: #333;
    font-family: verdana, helvetica, arial, sans-serif;
    line-height: 1.5em;
    font-size: 75%;
}

a {
    text-decoration: underline;
    color: #006633;
}

em {
    font-style: italic;
}

/* Header formats */

.header {
    height: 210px;
    margin: 0 auto;
    padding: 0;
    background: url(../images/lmu-header-konrad-back.png) #fff;
    background-repeat: no-repeat;
    background-position: right top;
}

@media (min-width: 1025px) {
    .header {
        width: 975px;
    }
}
@media (max-width: 1024px) {
    .header-image img {
        max-width: 100%;
    }
}

.header-print {
    display: none;
}

.header-links {
    font-family: helvetica, arial, sans-serif;
    font-size: .917em;
    font-weight: bold;
    height: 31px;
    text-align: left;
    position: absolute;
    top: 150px;
    overflow: hidden;
}

@media (min-width: 1025px) {
    .header-links {
        width: 975px;
    }
}
@media (max-width: 1024px) {
    .header-links {
        width: 100%;
    }
}

.header-links ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.header-links ul li {
    display: inline;
    color: #fff;
}

.header-links ul li::before {
    content: "|";
    padding: 0 8px;
}

.header-links ul li:first-child::before {
    content: "";
}

.header-links a  {
    color: #fff;
    text-decoration: none;
    height: 26px;
    line-height: 26px;
    vertical-align: baseline;
    font-size: 1.05em;
}

.header-links a:hover {
    text-decoration: underline;
}

.header-links form {
    margin: 3px 0 0 0;
    background: #fff;
    float: left;
    border: 1px solid #888;
}

/* search field */

.g-search-input {
    border: none;
    color: #666;
    font-weight: normal;
    margin: 0;
    padding-left: 2px;
    width: 200px;
}

.g-search-button {
    background: url(../symbols/search.png) no-repeat;
    border: 0;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 4px;
    left: 195px;
    font-size: 0;
    line-height: 0;
}

.header-breadcrumbs {
    font-size: .917em;
    height: 31px;
    text-align: left;
    overflow: hidden;
    position: absolute;
    top: 180px;
}

.header-breadcrumbs ul {
    list-style-type: none;
    height: 31px;
    margin: 0;
    padding: 0;
}

.header-breadcrumbs ul li {
    padding: 0 10px;
    display: inline;
    color: #666;
    background: url(../symbols/sprite-bullets.png) no-repeat -2000px 4px;
    height: 31px;
    line-height: 31px;
}

.header-breadcrumbs ul li:first-child {
    background: none;
}

.header-breadcrumbs a {
    color: #666;
    text-decoration: none;
    height: 31px;
    line-height: 31px;
    text-decoration: underline;
}

.header-breadcrumbs a:hover {
    text-decoration: underline;
}

/* Main column */

.main {
    background-color: #fff;
    padding: 0;
}

@media (min-width: 1025px) {
    .main {
        width: 975px;
    }
}

/* Navigation */

.mainnav-col {
    text-align: left;
    padding-left: 0px;
    margin-bottom: 35px;
}

.mainnav-col ul {
    border-top: 1px solid #d8d8d8;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mainnav-col ul > li > ul {
    border-top: none;
}

.mainnav-col ul > li {
    border-bottom: 1px solid #d8d8d8;
    padding: 1px 0;
}

.mainnav-col ul > li > ul > li {
    border-bottom: none;
    padding: 1px 0;
}
.mainnav-col ul > li > ul > li > ul > li {
    border-bottom: none;
    padding: 1px 0;
}

.mainnav-col ul li > a {
    font-size: 1.167em;
    padding: 5px 5px 6px 10px;
    text-transform: uppercase;
    color: #333;
    display: block;
    text-decoration: none;
}

.mainnav-col ul > li > ul > li > a {
    font-size: 1em;
    padding: 4px 5px 5px 20px;
    text-transform: none;
}

.mainnav-col ul > li > ul > li > ul > li > a {
    font-size: 1em;
    padding: 4px 5px 5px 30px;
    text-transform: none;
}

.mainnav-col ul > li > ul > li > ul > li > ul > li > a {
    font-size: 1em;
    padding: 4px 5px 5px 40px;
    text-transform: none;
}

.mainnav-col ul > li > ul > li:last-child {
    border: none;
}

.mainnav-selected {
    background: #d1d0cd;
}


/* Content column */

.content-col {
    text-align: left;
    padding-right: 0;
}

/* Function bar with buttons */

@media (min-width: 768px) {
    .content-functions {
        border-top: 1px solid #d8d8d8;
        padding-top: 5px;
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .content-functions {
        margin-top: 10px;
        padding-top: 5px;
        margin-right: 20px;
    }
}


.content-functions ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.content {
    padding-top: 5px;
    margin-right: 20px;
}

/* Function buttons */

.button-print {
    color: #666;
    display: block;
    font-size: .917em;
    line-height: 1.182em;
    padding-left: 16px;
    text-decoration: none;
    background: url(../symbols/sprite-buttons-cfn.png) no-repeat left 1px;
}

/* Footer */

@media (min-width: 1025px) {
    .footer {
        width: 975px;
        text-align: center;
        background: #e5e3df;
        font-family: helvetica,arial,sans-serif;
        font-size: .917em;
        font-weight: bold;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .footer {
        text-align: center;
        background: #e5e3df;
        font-family: helvetica,arial,sans-serif;
        font-size: .917em;
        font-weight: bold;
        padding: 0;
    }
}

.footer ul {
    list-style: none;
    margin: auto;
}

.footer ul li {
    display: inline;
    padding: 2px 8px;
}

.footer ul li a {
    color: #666;
    text-decoration: none;
}


/* Content Elements */

.user-html a {
    text-decoration:none;
    color: #333;
}

.user-html a:link,.user-html a:visited,.user-html a:hover {
    text-decoration:underline;
    color:#006633;
}

.user-html h1 {
    color:#000;
    font-family:georgia,times new roman,times,serif;
    font-size:1.833em;
    font-weight:normal;
    line-height:1.182em;
    margin:10px 0 35px 0;
}

.user-html h2 {
    color:#111;
    font-family:georgia,times new roman,times,serif;
    font-size:1.417em;
    line-height:1.176;
    font-weight:normal;
    margin:40px 0 15px 0;
}

.user-html h2 sup {
    font-size:.824em;
    vertical-align:45%;
}

.user-html h2 sub {
    font-size:.824em;
    vertical-align:-20%;
}

.user-html h2.titelleiste {
    border-top:1px solid #d8d8d8;
    color:#000;
    font-family:georgia,times new roman,times,serif;
    font-size:1.417em;
    line-height:1.176;
    font-weight:normal;
    margin:40px 0 15px 0;
    padding-top:4px;
}

.user-html h3 {
    color:#404040;
    font-family:verdana,helvetica,arial,sans-serif;
    font-size:1em;
    line-height:1.25em;
    font-weight:bold;
    margin:25px 0 -5px 0;

}
.user-html h4 {
    color:#808080;
    font-family:verdana,helvetica,arial,sans-serif;
    font-weight:bold;
    font-size:1em;
    line-height:1.25em;
    margin:20px 0 -10px 0;
}

.user-html img.left{
    float:left;
    margin:4px 10px 0 0;
}

.user-html img.right {
    float:right;
    margin:4px 0 0 10px;
}

.user-html form, .user-html p, .user-html table {
    margin-top:15px;
    margin-bottom:15px;
}

.user-html dl,.user-html ol,.user-html ul {
    margin-top:10px;
    margin-bottom:10px;
}

.user-html .eingerueckt {
    margin-left:20px;
}

.user-html em {
    font-style:italic;
}

.user-html table {
    border-collapse:collapse;
    width:100%;
}
.user-html th,.user-html td {
    border:1px solid #fff;
    padding:3px;
    vertical-align:top;
    font-size:1em;
    line-height:1.5em;
    white-space:normal;
}
.user-html table th {
    background-color:#d9d7d4;
    color:#444;
    font-weight:bold;
    font-size:.917em;
    line-height:1.273em;
    padding-top:5px;
}
.user-html table td {
    background-color:#f0eeeb;
}

.user-html ol li, .user-html ul li {
    line-height:1.333em;
    margin:7px 0;
}

.user-html ol {
    padding-left:20px;
    margin-left:20px;
}

.user-html ul {
    margin-left:0;
    padding-left: 0;
    overflow:hidden;
    list-style-type: none;
}

.user-html ul ul {
    margin-left:20px;
}
.user-html ul li {
    background:url(../symbols/sprite-bullets.png) no-repeat 6px 5px;
    padding-left:19px;
}

.user-html ul ul li {
    background:url(../symbols/sprite-bullets.png) no-repeat -993px 6px;
    padding-left:19px;
}

.user-html hr {
    background:#d8d8d8;
    border:medium none #d8d8d8;
    color:#d8d8d8;
    height:1px;
    margin-top:15px;
    margin-bottom:15px;
}

.user-html small {
    font-size:.917em;
}

.user-html .document,.user-html .zip,.user-html .download {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -0px;
    padding-left:19px;
}

.user-html .document,.user-html .zip,.user-html .download {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -0px;
    padding-left:19px;
}

.user-html a[href$=".cif"], .user-html a[href$=".res"],
.user-html a[href$=".pri"], .user-html a[href$=".hkl"],
.user-html a[href$=".txt"], .user-html a[href$=".p4p"],
.user-html a[href$=".hkc"], .user-html a[href$=".tgz"],
.user-html a[href$=".crs"]
{
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -0px;
    padding-left:19px;
}
.user-html a[href$=".doc"], .user-html a[href$=".dotx"], .user-html a[href$=".dot"]
, .user-html a[href$=".docx"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -200px;
    padding-left:19px;
}

.user-html a[href$=".pdf"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -100px;
    padding-left:19px;
}

.user-html a[href$=".xls"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -300px;
    padding-left:19px;
}
.user-html a[href$=".ppt"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -400px;
    padding-left:19px;
}
.user-html a[href$=".mp3"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -500px;
    padding-left:19px;
}
.user-html a[href$=".mp4"] {
    background:url(../symbols/sprite-symbols.png) no-repeat -1px -600px;
    padding-left:19px;
}

.user-html pre {
    background-color:#f0eeeb;
    font-family:'courier new',courier,monospace;
    padding:3px 5px;
    margin-top:15px;
}

.user-html code {
    font-family:'courier new',courier,monospace;
}


/* Forms */

.g-form {
    background-color:#f0eeeb;
    font-family:helvetica,arial,sans-serif;
    padding:15px;
    margin-top:15px;
}
.g-form .g-label {
    display:block;
    margin-top:20px;
    font-size:1em !important;
}
.g-form .g-table .g-label {
    margin-top:0;
    display:inline;
}
.g-form .g-field {
    display:inline-block;
}
.g-form .g-field-text,.g-form .g-field-textarea,.g-form .g-field-select {
    border:1px solid #999;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:4px;
}
.g-form .g-field-text,.g-form .g-field-textarea,.g-form .g-field-file {
    font-size:1.167em;font-family:helvetica,arial,sans-serif;
    padding:4px;
    width:100%;
}
.g-form .g-field-textarea {
    height:60px;
}
.g-form .g-fieldset {
    border:1px solid #c8c8c8;
    border-radius:4px;
    margin:15px 0;padding:14px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.g-form .g-legend {
    color:#666;
    font-size:1.333em;
    font-family:georgia,times new roman,times,serif;
    font-weight:normal;
    padding:0 5px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.g-form table {
    width: 100%;
    font-size:1em;
    margin:0;
    border-spacing:0;
}
.g-form .g-table th {
    font-size:1em;
}
.g-form .g-readonly {
    background-color:#e4e4e4;
    color:#777;
    border:1px solid #aaa;
}

.g-form .g-checkbox {
}

.g-form .g-description {
    font-size: 1em;
    font-style: italic;
    margin: 5px 0;
    padding: 0;
}

.g-form .g-error {
    font-size: 1em;
    font-style: italic;
    margin: 5px 0; padding: 0;
    color: #f00;
}

.g-button {
    background-color:#fff;
    border:1px solid #bbb;
    border-radius:3px 3px 3px 3px;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.33);
    -webkit-box-shadow:rgba(0,0,0,0.33) 0 1px 3px 0;
    color:#333 !important;
    cursor:pointer;
    display:inline-block;
    font-family:helvetica,arial,sans-serif;
    font-size:1em;
    font-weight:bold;line-height:1.333em;
    overflow:visible;
    padding:6px 10px 4px 10px;
    text-decoration:none !important;
    text-shadow:0 1px 1px rgba(0,0,0,0.1);
    width:auto;
    margin-top: 20px;
}

.g-button-ok {
    background-image:url(../symbols/sprite-buttons-form.png);
    background-repeat:no-repeat;
    background-position:8px 5px;
    padding-left:30px;
}

.g-button-ok:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;color:#529214 !important;
}
.g-button-cancel {
    background-image:url(../symbols/sprite-buttons-form.png);
    background-repeat:no-repeat;
    background-position:8px -95px;
    padding-left:30px;
}
.g-button-cancel:hover {
    background-color:#FBE3E4;
    border:1px solid #FBC2C4;color:#D12F19;
}
.g-button-cancel:active {
    background-color:#D12F19;
    border:1px solid #D12F19;
    color:white !important;
}


/* Service column on home page */

.service-col {
    text-align: left;
    padding: 0;
    margin-top: -5px;
}

.service-col h2 {
    padding: 2px 5px;
    margin: 10px 1px 0 0;
    border-bottom: 1px solid #ccc !important;
    color: #111;
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: verdana,helvetica,arial,sans-serif;
    font-weight: normal;
}

.service-col h2:nth-of-type(1) {
    margin: 0 1px 0 0;
}

.service-col p {
    color: #111;
    font-size: 0.917em;
    font-weight: normal;
    line-height: 1.25em;
    margin: 0 0 8px 0;
    padding: 3px 5px;
    font-family: verdana,helvetica,arial,sans-serif;
}

.service-col ul {
    color: #111;
    font-size: 0.917em;
    padding: 3px 5px;
    line-height: 1.25em;
    margin-bottom: 5px;
    margin-top: 3px;
    list-style-type: none;

}

.service-col ul a {
    text-decoration: none;
}

.service-col a {
    text-decoration: none;
}

.service-col img {
    margin-top: 5px;
}


/* Image Styles */

img.width-100-percent {
	width: 100%;
}

img.width-50-percent {
	width: 50%;
}

img.align_left {
    float: left;
    padding: 0 12px 0 0;
    margin-bottom: 20px;
}

img.align_right {
    float: right;
    padding: 0 12px 0 0;
    margin-bottom: 20px;
}

img.align_center {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.user-html table td {
    background-color: #fff;
}

table.grid {
    border: 1px solid #ccc !important;
}

table.grid tr {
    border: 1px solid #ccc !important;
}

table.grid tr td {
    border: 1px solid #ccc !important;
}

table.grid tr th {
    border: 1px solid #ccc !important;
    text-align: center;
    font-weight: bold;
}

.PageProtectorForm {
    width: 75%;
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.PageProtectorForm p, legend {
    margin-bottom: 1em;
}

.PageProtectorForm button {
    background-color:#fff;
    border:1px solid #bbb;
    border-radius:3px 3px 3px 3px;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.33);
    -webkit-box-shadow:rgba(0,0,0,0.33) 0 1px 3px 0;
    color:#333 !important;
    cursor:pointer;
    display:inline-block;
    font-weight:bold;
    line-height:1.333em;
    overflow:visible;
    padding:6px 10px 4px 10px;
    text-decoration:none !important;
    text-shadow:0 1px 1px rgba(0,0,0,0.1);
    width:auto;
}

. PageProtectorForm input[type='text'], input[type='password'] {
    border:1px solid #999;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:4px;
    margin-right: 1em;
}