/* Standardwerte ----------------------------------------------------------*/
body { color: #262626; background: #E7E9EB;
       font-size: .75em; font-family: "MS Sans-Serif", "Arial", "Helvetica", sans-serif; /* font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; */
       margin: 0px; padding: 0px; }
a:link, a:visited { border:0px; color: #1C508B; text-decoration: none; }
a:hover { color: #1C508B; text-decoration: underline; }
a:active { color: #1C508B;} 
p { margin-bottom: 10px; line-height: 1.6em; }

/*
ul { list-style: none; margin-left: 2em; padding-left: 1em; text-indent: -1em; } 
li:before { content: "- ";} /* li:before { background-image: url("/Graphics/Icons/check_greybg_16.jpg"); } */

/* Überschriften ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: black; text-transform: none; font-weight: 200; margin-bottom: 0px; }
h1 { font-size: 1.8em; padding-bottom: 0px; margin-bottom: 0px; font-weight: 200;}
h2 { font-size: 1.6em; font-weight: 200; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5, h6 { font-size: 1em; }
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; } /* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */

/* PRIMARY LAYOUT ELEMENTS -------------------------------------------*/
.page { font-size: 1.1em; width: 960px; background-color: #E7E9EB; margin: 0px auto 0px auto; border: 0px solid #00FFFF; }

/* Header ------------------------------------------------------------*/
.header { position: relative; margin: 0px; padding: 0px; background: #E7E9EB; width: 960px; height: 142px; border: 0px solid #00FFA0; margin: 0px auto 0px auto;  }
.header h1 { font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

/* TAB MENU ----------------------------------------------------------*/
div.hideSkiplink { background-color:#E7E9EB; width:600px; padding: 0px 0px 0px 8px; border: 0px solid black; height:0px}
div.menu { padding: 4px 0px 4px 8px; font-size:1.2em; z-index: 7; border:0px solid green; position: absolute; top: 98px; }
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto;z-index: 7; }
div.menu ul li a, div.menu ul li a:visited { color: #262626; background-color: #E7E9EB; border: 1px #CAD0D4 solid; display: block; line-height: 1.35em;
                                             padding: 4px 20px; text-decoration: none; white-space: nowrap;z-index: 7; }
div.menu ul li a:hover { background-color: #F3F4F5; color: #262626; text-decoration: none;z-index: 7; }
div.menu ul li a:active { background-color: #F3F4F5; color: #262626; text-decoration: none;z-index: 7; }

/* Top middle hyperlink and search area -------------------------------*/
.header_middle { position: absolute; top: 14px; right: 317px; }
div.header_middle a { color:#1C508B; } 
div.header_middle a:link, a:visited { border:0px; color: #1C508B; text-decoration: none; }
div.header_middle a:hover { color: #1C508B; text-decoration: underline; }
div.header_middle a:active { color: #1C508B;}          

/* Top right login area ------------------------------------------------*/
.loginDisplay { font-size: 1.0em; display: block; text-align: right; padding: 10px; 
                color: White; background-color: #6B6C71;
                width: 280px; height:142px; position: absolute; right: 0px;
                background: url("/Graphics/bg_login.jpg") no-repeat;}
.loginDisplay a:link { color: white; }
.loginDisplay a:visited { color: white; }
.loginDisplay a:hover { color: white; }

/* Breadcrumbs ---------------------------------*/
.breadcrumbs { position: relative; margin: 0px auto; width: 600px; height: 20px; padding-top: 10px; padding-right:300px;}
.breadcrumbs a:link, .breadcrumbs a:visited { border:0px; color: #1C508B; text-decoration: none; }
.breadcrumbs a:hover { color: #1C508B; text-decoration: underline; }

/* Banner ------------------------------------------------*/
.banner-outer {
	background: url("/Graphics/bg_banner_wrapper.png") no-repeat 50% 100%; padding: 0px 0px 8px; position: relative; z-index: 2;
}
.banner-outer .banner-inner {
	background: url("/Graphics/banner_main.png") no-repeat 50% -4px rgb(21, 52, 88); 
	border-top-color: rgb(140, 146, 151); border-bottom-color: rgb(127, 144, 165); border-top-width: 1px; border-bottom-width: 1px; 
	border-top-style: solid; border-bottom-style: solid;
}
.home .banner-outer .banner-inner {
	background-position: 50% 0px;
}
.banner 
{
    border-top:1px solid rgb(21, 52, 88);
    border-bottom:1px solid rgb(21, 52, 88);
    color: White;
	margin:   0px auto 0px auto; width: 940px; position: relative;
	padding-left: 20px; padding-right:auto;
	padding-top: 0px; padding-bottom: 0px;
	font-size: 1.3em;
}
.banner h1, h2, h3, h4, h5, h6 { color: White; }
.banner h1 { font-size: 2.3em; padding-bottom: 0px; margin-bottom: 0px; }
.banner h2 { font-size: 1.9em; font-weight: 200; color:White; }
.banner h3 { font-size: 1.4em; }

.banner-outer .banner-inner .bannerbox {
	background: rgba(0, 0, 0, 0.3); top: 0px; width: 302px; right: 0px; bottom: 0px; position: absolute; -pie-background: rgba(0, 0, 0, .30);
	color:White;

}
.bannerbox h1, h2, h3, h4, h5, h6 { color: White; }



/* Haupt-Inhalt -------------------------------------------------------*/
.main-outer { background: #E7E9EB; padding: 0px 0px 0px 0px; margin: 0px auto; }
.main { background: #E7E9EB; 
        padding: 0px 12px; margin: 12px 8px 8px 8px; 
        min-height: 300px; 
        width: 610px;
        float: left;
        border:0px solid lightblue; }
div.main a:visited { border:0px; color: #1C508B; text-decoration: none; }
div.main a:visited { border:0px; color: #1C508B; text-decoration: none; }
div.main a:hover { color: #1C508B; text-decoration: underline; }
div.main a:active { color: #1C508B;} 
div.main h1, h2, h3, h4, h5, h6 { color:Black; }
div.main p { margin-bottom: 10px; line-height: 1.6em; }

.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }

/* Graue Seitenleiste -------------------------------------*/
#sidebar { margin-top: -38px; }
.sidebar { width: 300px; float: right; }
.sidebar .box-wrapper {	background: url("/Graphics/bg_sidebar_box.png") no-repeat 0px 0px; margin: 0px 0px 23px; padding: 32px 0px 0px; }
.sidebar .box-wrapper .box { color:White; background: url("/Graphics/bg_sidebar_box.png") no-repeat 0px 100%; padding: 0px 0px 14px 20px; }
.sidebar .box-wrapper .box article { background: url("/Graphics/bg_sidebar_box_hr.png") no-repeat; padding: 23px 0px 24px 25px; }
div.box a { color:White; } 
div.box a:link, a:visited { border:0px; color: white; text-decoration: none; }
div.box a:hover { color: white; text-decoration: underline; }
div.box a:active { color: white;}   

.sidebar .box-wrapper .box article:first-child { padding-top: 4px; }

/* Footer ------------------------------------------------------------*/
.footer-outer {
    color: White; background: #363A3E; 
    padding: 8px 0px 0px 0px; margin: 0px auto; }
    
.footer-outer .footer { width: 930px; position:relative; 
                        color: White; background: #363A3E; 
                        margin: 0px auto;
                        padding: 0px 0px 0px;  }

div.footer a { color:White; } 
div.footer a:link, a:visited { border:0px; color: white; text-decoration: none; }
div.footer a:hover { color: white; text-decoration: underline; }
div.footer a:active { color: white;}          
div.footer p { margin-bottom: 10px; line-height: 1.0em; }

/* FORM ELEMENTS -----------------------------------------*/

fieldset { margin: 1em 0px; padding: 1em; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
div.accountInfo { width: 42%; }

/* Sonstiges ----------------------------------------------*/
.clear { clear: both; }
.title { display: block; float: left; text-align: left; width: auto; }
.failureNotification { font-size: 1.2em; color: Red; }
.bold { font-weight: bold; }
.submitButton { text-align: right; padding-right: 10px; }