﻿
/*----------------------------------------------------------
Master orange color is #CFA16A, rgb(207, 161, 106)
Master blue color is #2555A1 (from fechten header font)
Master Link color #960000 
see MasterStyle.css footer
----------------------------------------------------------*/
/*----------------------------------------------------------
Logindisplay
----------------------------------------------------------*/
#logindisplay { width: 100%; text-align: right; padding-right: 10px; }
/*----------------------------------------------------------
Links Standard
----------------------------------------------------------*/

a:link { color: #960000; text-decoration: none; }
a:visited { color: #960000; text-decoration: none; }
a:hover { color: #3333CC; text-decoration: none; }
a:active { color: #960000; text-decoration: none; }
a img { border: none; }

/* UL LI HR P
----------------------------------------------------------*/
ul { }
li { }
hr { border-top: 1px solid #CFA16A; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color: #CF000B; font-family: Arial, Helvetica, sans-serif; margin: 10px 0px 15px 0px; }

h1 { font-size: 2.1em; text-align: center; }
h2 { font-size: 1.4em; text-align: center; }
h3 { font-size: 1.2em; text-align: center; }
h4 { font-size: 1.0em; text-align: center; }
h5 { font-size: 0.8em; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Dropdown Menu

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu > ul { width: 170px; height: auto; margin: 5px; padding: 0px; list-style-type: none; }
	.menu > ul > li { border: 2px solid #CFA16A; position: relative; background: #1957CE; padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; list-style-type: none; border-radius: 0.5em; }
		.menu > ul > li > a { color: White; font-weight: bold; }
			.menu > ul > li > a.current { }

			.menu > ul > li > a:hover { color: #CC0000; }
		.menu > ul > li > img { position: relative; float: right; }

/* submenu */
.submenu { padding: 3px 3px 3px 0px; border: 2px solid #1957CE; display: none; background-color: White; /* position: absolute; 
  top: -3px; now its slide down under */ z-index: 20; width: auto; white-space: nowrap; font-weight: normal; text-align: left; }
	.submenu a:hover { font-weight: bold; }
	.submenu > ul { font-weight: bold; list-style-type: none; margin: 0px; padding-left: 4px; line-height: 150%; }


/* MISC  
----------------------------------------------------------*/
.clear { clear: both; }

.error { color: Red; font-size: 1.0em; }
.date-label, .text-label, title-label { margin: 3px; padding: 3px; }
.date-label { font-family: 'Times New Roman', Times, serif; color: #666666; }
.text-label { /*standard text inherited for the time being*/ }
.title-label { color: #1957CE; font-weight: bold; font-size: 110%; }
.image-label { }
.image-small-label { }
.image-large-label { }
/*for slimbox*/
.detailsImg
{
  border:none;
  padding: 15px 5px 5px 15px;
  background-image:url('/Images/Loupe.png');
  background-position: top left;
  background-repeat:no-repeat;
   background-color: Transparent;
}
.display-field, .editor-field { margin: 0px 5px 5px 5px; padding: 5px; }
	/* <p> acours most in multiline text elements by cleditor, to avoid unecessary line spacing*/
	.display-field p, .editor-field p, .text-label p { margin: 0px; padding: 0px; }

.display-label, .editor-label, .display-description { margin: 5px 5px 0px 5px; padding: 5px; }
.display-label, .editor-label { color: Black; font-weight: bold; }
textarea { width: 500px; height: 250px; border: 1px solid #CCC; }

input[type="text"] { width: 500px; border: 1px solid #CCC; }

.button-bottom {
    position: fixed;
    bottom: 10%;
    z-index: 1000;
    transition: transform 0.5s ease-in-out;
}

input[type="password"] { width: 250px; border: 1px solid #CCC; }
select { width: auto; }
option { }
fieldset { border: 2px solid #CFA16A; margin: 10px; border-radius: 1.5em; /* -moz-box-shadow: 2px 1px 1px 2px #999999;
  -webkit-box-shadow: 2px 1px 1px 2px #999999;
  box-shadow: 2px 1px 1px 2px #999999;*/ }
.field-validation-error, .validation-summary-errors { color: red; font-size: 110%; }
.letterTable td { background-color:#CFA16A; font-size:120%; width:18px; height:18px; border-radius:20%; text-align:center; }
	.letterTable td a { color: black; }
.fadeinImg { display: none; }
.calendar-like { text-align: center; vertical-align: middle; width: 110px; height: 60px; padding: 0px; margin: 0px; }
	.calendar-like th { border-radius: 1.0em 1.0em 0em 0em; background-color: White; }
	.calendar-like td { height: 35%; background-color: #6699FF; color: White; font-family: 'Times New Roman', Times, serif; font-weight: bold; }
.back-button { border: 2px solid #CF000B; background: #1957CE; padding: 5px; margin: 5px; border-radius: 0.5em; color: #FFFFFF; font-size: 110%; }
/* Startpage  
----------------------------------------------------------*/

.startpage-table { width: 100%; vertical-align: top; text-align: center; }
	.startpage-table img { width: 200px; border-radius: 1.5em; }

