/* CommonStyles.css */
body
{
	background-color: #EFEFEF;
}

body, input, textarea, select
{
	font-family: "Segoe UI", Tahoma, Verdana, Arial;
	color: #333333; 
	font-size: 12px;	
}

table
{
	font-size: inherit;
}

/* div-Tag, das oberhalb des Headers plaziert ist */
.TopArea
{
	width: 100%;
	/* Abstand z. Browserrand oben */
	margin-top: 15px;
	margin-bottom: 5px;
}

/* div-Tag, der den Header der Page umfasst; Wird kundenspezifisch separat überladen */
.HeaderArea
{
	width: 100%;
	border-top-style: solid; border-top-width: 1px;
	border-bottom-style: solid; border-bottom-width: 1px;
	border-left-style: solid; border-left-width: 1px;
	border-right-style: solid; border-right-width: 1px;	
	background-color: #FFFFFF;	
}

/* div-Tag um das Hauptmenue herum */
.MainMenuArea
{
	width: 100%;	
	border-left-style: solid; border-left-width: 1px;
	border-right-style: solid; border-right-width: 1px;	
	background-image: url('../images/HauptmenueHintergrund.png'); 
	background-repeat: repeat-x;
}

.SubMenuArea
{
	width: 100%;
	border-left-style: solid; border-left-width: 1px;
	border-right-style: solid; border-right-width: 1px;
	background-color: #FFFFFF;
}

/* div-Tag, der den Contentbereich der Page umfasst; Wird kundenspezifisch separat überladen */
.ContentArea
{
	width: 100%;
	border-bottom-style: solid; border-bottom-width: 1px;
	border-left-style: solid; border-left-width: 1px;
	border-right-style: solid; border-right-width: 1px;
	background-color: #FFFFFF;
}

/* div-Tag, der den Footer der Page darstellt; Wird kundenspezifisch separat überladen */
.FooterArea
{
	width: 100%;
	border-top-style: none; border-top-width: 0px;
	border-bottom-style: none; border-bottom-width: 0px;
	border-left-style: none; border-left-width: 0px;
	border-right-style: none; border-right-width: 0px;
	margin-top: 15px;
}

/* Zum Ausschalten der Borders um Images herum, die innerhalb eines A-Tags liegen; LBr */
img
{
	border: 0px none;
}

hr
{
	color: #C0C0C0;
	height: 0px;
	padding: 0px 0px 0px 0px;
}
/*
a, a:visited
{
	text-decoration: none;
	color: mediumblue;
}

a:hover
{
	text-decoration: none;
	border-bottom: #CCCCCC 1px dotted;
	color: mediumblue;
}
*/
ul
{
	list-style-position: outside;
	list-style-type: square;
	margin: 0;
	padding-left: 15px;
}

.StandardButton
{
	border-right: darkgray 1px solid;
	border-top: lightgray 1px solid;
	vertical-align: middle;
	border-left: lightgray 1px solid;
	width: 100px;
	height: 23px;
	border-bottom: darkgray 1px solid;
	text-align: center;
} 

select option
{
	padding: 1px;
	font-size: 12px;
}

option
{
	font-size: 12px;
	padding-top: 30px;
	padding-left: 0.4em;
}


/* Wird an Textboxen übergeben, um deren Rahmen auszuschalten; Der Rahmen von Textboxen wird separat gesteuert */
.Eingabefeld
{
	border: none 0px;
}

/* Wird der Tabelle zugewiesen, die um Textboxen herum ist und den Rahmend er Textbox manuell zeichnen soll */
.EingabefeldTabelle
{
	border-right: solid 1px #ADADAD;
	border-top: solid 1px #ADADAD;
	border-left: solid 1px #ADADAD;
	border-bottom: solid 1px #ADADAD;
	border-collapse: separate;
	background-color: White;
	margin: 2px 0px 2px 0px;
}

.EingabefeldTabelle td
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 
th
{	
	text-align: left;
    color: #549C00;
	font-weight: normal;
	padding: 2px 2px 2px 0px;	
}

/* Dies definiert einen Abschnitt, der auf ein H-Tag folgt */
.H1Absatz, .H2Absatz, .H3Absatz, .H4Absatz, .h1Absatz, .h2Absatz, .h3Absatz, .h4Absatz
{
	padding: 5px 10px 15px 10px;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4
{
	margin: 0px 0px 0px 0px;
}

h1, .h1
{
	font-size: 140%;
	font-weight: normal;
	color: #549C00;
}

h2, .h2
{
	font-size: 130%;
	font-weight: normal;
	color: #1E3287;
}

h3, .h3
{
	font-size: 120%;
	font-weight: normal;
	color: #1E3287;
}

h4, .h4
{
	font-size: 100%;
	font-weight: normal;
}

/* ================================================== */
/* Submenue-Konfiguration Ende                        */
/* ================================================== */

/* Auf der Styles.aspx werden einige Codebeispiele abgebildet, die werden hiermit formatiert */
code
{
	display: block;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* Styles für die ChangePassword.aspx */

.hide
{
  display: none;
}

.textboxMargin
{
  margin-bottom: 5px;
  margin-left: 10px;
}

.buttonMargin
{
  margin-top: 15px;
}

.buttonLeft
{
  float: left;
}

.ulMarginLeft
{
  margin-left: 75px;
  list-style-type: disc;
}

.divMarginLeft
{
  display: block;
  margin-left: 70px;
  margin-right: 60px;
}

.tableMarginLeft
{
  margin-left: 70px;
}

.box
{
  position: relative;
    display: inline-block;
    background-color: #E6F3FF;
    border: 1px solid #DEEFFF;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 5px;
    margin-bottom: 4px;
    padding-left: 9px;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.25;
    text-align: center;
}

.boxHigh
{
  background-color: #DEEFFF;
}

.boxSmall
{
  width: 120px;
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  min-height: 120px;
  max-height: 120px;
}

.box h2
{
  font-size: 150%;
  padding-bottom: 8px;
}



.boxStandard
{
    position: relative;
    display: inline-block;
    width: 204px;
    min-width: 204px;
    max-width: 204px;
    height: 204px;
    min-height: 204px;
    max-height: 204px;
    background-color: #E6F3FF;
    border: 1px solid #DEEFFF;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 5px;
    margin-bottom: 4px;
    padding-left: 9px;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.25;
}

.boxStandard h2
{
    font-size: 150%;
}

.rowHiglight
{
    background-color: #DEEFFF;
}

.boxHighlight
{
    position: relative;
    display: inline-block;
    width: 204px;
    min-width: 204px;
    max-width: 204px;
    height: 204px;
    min-height: 204px;
    max-height: 204px;
    background-color: #DEEFFF;
    border: 1px solid #DEEFFF;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 5px;
    margin-bottom: 4px;
    padding-left: 9px;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.25;
}

.boxHighlight h2
{
    font-size: 150%;
}

.boxBottom
{
    position: absolute;
    display: inline-block;
    bottom: 20px;
    right: 20px;
}

.boxBottomInfo
{
    font-size: 150%;
    color: #1E3287;
}

.boxBottomInfoSmallAddition
{
    position: absolute;
    display: inline-block;
    font-size: 90%;
    bottom: 7px;
    right: 20px;
    color: #1E3287;
}

.displayNone
{
    display: none;
}

.displayInline
{
    display: inline;
}

.displayBlock
{
    display: block;
}

.displayDefault
{
    display: default;
}