html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff url(../images/header_bg.gif) repeat-x;
}

body.nobg {
	background-image: none;
}

/** popup styles **/
body.popup 
{
    padding:10px;
    background-image:none;
}
body.popup h1 
{
    font-size: 1.6em;
    padding:0; margin:0;
}


#logoarea 
{
    margin-top:15px;
    margin-right:7px;
	float: right;
}

#logoarea img {
	padding: 8px;
	
}


/* Stevo 17.03.2017 */
span.activLabel   { font-size:0.9em;margin-left:5px;color:#000;background-color:#FF3;padding: 1px 3px;  border-radius:4px; border:1px solid #FC0; font-weight:normal;  } 

span.firstmenu:after   { font-size:0.9em;margin-left:5px;content:"AKTIV";color:#000;background-color:#FF3;padding: 1px 3px;  border-radius:4px; border:1px solid #FC0;  font-weight:normal;  }
span.firstmenuFR:after { font-size:0.9em;margin-left:5px;content:"ACTIF";color:#000;background-color:#FF3;padding: 1px 3px;  border-radius:4px; border:1px solid #FC0;  font-weight:normal;  }





/*** links ***/
/* allgemeine links */
a {
	color: #002793;
	text-decoration: none;
}

a.inactiveLink {
	color: #999;
	text-decoration: none;
	cursor: default;
}

a.inactiveLink:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* externe links */
/*
a.elink:link, a.elink:visited 
{
  background: url(../images/ico_extlink.gif) right 2px no-repeat;
	padding: 0 14px 0 0;
}*/

/* anchor-links */
/*
a.alink:link, a.alink:visited{
	background: url(../images/ico_anchorlink.gif) right 2px no-repeat ;
	padding: 0 14px 0 0;
}*/

/* dokumenten-links*/
/*
a.dlink:link, a.dlink:visited{
	background: url(../images/ico_doclink.gif) right 2px no-repeat;
	padding: 0 14px 0 0;
}*/

/* mail-links*/
/*a.mlink:link, a.mlink:visited{
	background: url(../images/ico_mail.gif) right 2px no-repeat;
	padding: 0 14px 0 0;
}*/
a.mlink:link, a.mlink:visited{
	background: url(../images/ico_mail.gif) left 2px no-repeat;
	padding: 0 0 0 14px;
}


/* Info Links*/
a.ilink:link, a.ilink:visited{
	background: url(../images/ico_info.gif) right 2px no-repeat;
	padding: 0 14px 0 0;
}


/* Image Links */
/*
a.plink:link, a.plink:visited{
	background: url(../images/ico_img.gif) right 2px no-repeat;
	padding: 0 14px 0 0;
}
*/


a.elink:before { padding-right:5px; content:url('../images/ico_extlink.gif'); }
a.alink:before { padding-right:5px; content:url('../images/ico_anchorlink.gif'); }
a.dlink:before { padding-right:5px; content:url('../images/ico_doclink.gif'); }
a.plink:before { padding-right:5px; content:url('../images/ico_imglink.gif'); }
a.vlink:before { padding-right:5px; content:url('../images/ico_movlink.gif'); }

#main li {padding: 0 16px 5px 0;}

#main ul.nobullet {list-style: none; margin-left:0 !important;}




body.popup a:hover {background-color:#fff;}
body.popup .GridMain td {padding:4px;}

/*** buttons ***/
.submitButton {
	border: none;
	background: none;
	padding: 5px;
	width: 5.75em;
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.submitButton:hover {
	background-color: red;
	border-bottom: 1px solid #000;
}

input.submitButton { cursor: hand; } 
html>body input.submitButton { cursor: pointer; }


a.button, a.button_inactive, input.button {
	display: block;
	width: auto;
	float: left;
	margin-right: 8px;
	padding: 2px 12px;
	border: 1px solid #666;
	text-decoration: none;
	text-align: center;
	background-color: #e7e7e7;
	color: #002793;
	
	
border-radius: 2px;	
	
}

a.button_inactive {
	border: 1px solid #666;
	background-color: #e7e7e7;
	color: #666;
}

a:hover.button, input:hover.button  {
	background-color: #999;
	text-decoration: none;
}

a:hover.button_inactive {
	text-decoration: none;
	border: 1px solid #666;
	background-color: #e7e7e7;
}

.checkButton a.button {
	display: block;
	width: 15em;
	float: none;
}


/*** titel ***/
h1 {
	margin: 8px 0 24px 0;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.6em;
	color: #bc0000;
}

h2 
{
	font-size: 1.5em;
	line-height: 1.6em;
	color: #bc0000;
	font-weight:normal;
    }

h3, headStyle {
	margin: 16px 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #bc0000;
}

h3 a {
	color: #bc0000;
	text-decoration: underline;
}

h3 a:hover {
	text-decoration: none;
}

h4 {
	margin: 8px 0 2px 0;
	font-size: 1em;
	font-weight:bold;
	color: #222;
}


/*** allg. listen ***/
ul {
	margin: 0 0 0 16px;
	padding: 0;
	list-style-type: square;
}

li {
	padding: 0 16px 0 0;
}

#maincontent li li {
    list-style-type: circle;
}


table.tableFilterFields label, table.tableFilterFields input, table.tableFilterFields select,  table.tableFilterFields a{font-size:11px; height:21px;}
table.tableFilterFields input {height:15px;}
table.tableFilterFields input, table.tableFilterFields select {margin-right:5px;}
table.tableFilterFields td {white-space:nowrap;padding-right:20px;}
table.tableFilterFields td label, table.tableFilterFields a{margin: 0px 10px 0px 0px;}
table.tableFilterFields .formButton {height:22px;font-size:13px;}
fieldset.styleA {border:1px solid #ddd;margin-bottom:10px;}

/*** MAIN ***/
#main {
/*	min-width: 770px;*/
	width: 100%;
	display: table;
	margin-bottom: 24px;
	border-bottom: 1px solid #000;
	background: #fff url(../images/header_bg.gif) repeat-x;
}

/*** HEADER ***/
#header {
	height: 78px;
	border-bottom: 1px #000 solid;
}

#mood {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	border-right: 1px #000 solid;
	background: #a00203 url(../images/mood.jpg) left top no-repeat;
}

#moodlogin {
	position: relative;
	float: left;
	width: 50%;
	height: 77px;
	border-right: 1px #000 solid;
	background: #bc0000;
	text-align:right;
	padding-right:10px;
	padding-top:6px;
}
#moodlogin span {font-size:25px;line-height:34px;}

#mood span {
	position: absolute;
	right: 12px;
	bottom: 8px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel { clear:both; }


/* 
#navi {
	position: relative;
	height: 53px;
	width: 100%;
	background-color: #CCC;
}

*/
#navi {
	position: relative;
	width: 100%;
	background-color: #CCC;
	display:inline-block;
	padding:0;
	overflow-x: auto;
  	overflow-y: hidden;
 	white-space: nowrap;
}



/* SB */
#options {
	float:right;
	padding:10px;
	font-size: 0.95em;
}

/*
#options {
	position: absolute;
	right: 8px;
	top: 4px;
	font-size: 0.95em;
}*/

#options a, #options a:visited {
	text-decoration: none;
	color: #000;
}

#options a:hover {
	text-decoration: underline;
}

/*** MAIN NAVIGATION ***/


#tabs {
	float:left;
	display:inline-block;
	margin-bottom:-1px;
}
/*
#tabs {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 98%;
}*/

#tabs ul {
	padding: 0;
	margin: 0;
	font-size: 0.95em;
}

#tabs ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;			white-space:normal; margin-top:10px !important;

}

#tabs ul li a {
	display: block;
	height: 27px;
	float: left;
	/*
	width: 14%;
	padding: 1px 0.25%;
	margin-left: 0.25%;
	*/
	width: 105px;
	padding: 1px 6px;
	margin-left: 4px;
	border: 1px solid #778;
	border-bottom: 1px #000 solid;
	background: #e7e7e7;
	text-decoration: none;
	text-align: center;
}

#tabs ul li a:link {
	color: #333;
}

#tabs ul li a:visited {
	color: #333;
}

#tabs ul li a:hover {
	color: #fff;
	background: #D76666;
	border-color: #227;
}

#tabs li a.current, #tabs li a.current:visited, #tabs li a.current:hover, #tabs li a.current:active {
	border: 1px #000 solid;
	border-bottom: 1px #fff solid;
	background: #fff;
	font-weight: bold;
}

#tabs li a.current:hover {
	color: #fff;
	background: #D76666;
	border-bottom: 1px #D76666 solid;
}

/*** CONTENTAREA ***/
#contentarea {
	padding: 8px 0 24px 0;
	border-top: 1px #000 solid;
}

/*** LOGIN PAGE ***/
#loginMask {
	width: 300px;
	margin: 50px auto;
	text-align: left;
	padding: 96px 24px 0 24px;
    border: 1px solid #666;
	background: transparent url(../images/mood.jpg) left top no-repeat;
	background-position: -79px 0px;
}

#loginMask input[type=text] {width:180px !important;border:1px solid #555555;}
#loginMask input[type=password] {width:180px !important;border:1px solid #555555;}
#loginMask input[type=submit] {width:120px !important; height:25px;border:1px solid #777;}

#loginMask .AspNet-Login-TitlePanel {
    padding: 6px 0;
    font-weight: bold;
    color: #000;
}

#loginMask .AspNet-Login-UserPanel,
#loginMask .AspNet-Login-PasswordPanel,
#loginMask .AspNet-Login-RememberMePanel,
#loginMask .AspNet-Login-FailurePanel,
#loginMask .AspNet-Login-SubmitPanel {
    padding: 8px 0;
}

#loginMask .AspNet-Login-UserPanel input,
#loginMask .AspNet-Login-PasswordPanel input {
		width: 125px;
}

#loginMask .AspNet-Login-RememberMePanel {
    clear: both;
}

#loginMask .AspNet-Login-FailurePanel {
    font-weight: bold;
    color: #bc0000;
}

#loginMask label {
    float: left;
    display: block;
    width: 110px;
}

#loginMask .AspNet-Login-RememberMePanel label {
    float: none;
    display: inline;
    width: auto;
}

#loginMask label em {
    font-style: normal;
}

#loginMask .AspNet-Login-SubmitPanel {
    text-align: right;
}

/*** WELCOME MESSAGE (HOMEPAGE) ***/
#welcomeMessage {
	position: absolute;
	width: 234px;
	padding: 16px;
}

/*** SUBNAVIGATION ***/
#toggleBtn {
	display: block;
	display: none;
	position: absolute;
/*	top: 158px;*/
	left: 265px;
	z-index: 10;
	width: 15px;
	height: 77px;
	background-image: url(../images/hideBtnNav.gif);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

a:hover#toggleBtn {
	border-right: 1px solid #bc0000;
	border-bottom: 1px solid #bc0000;
	cursor: pointer;
}


#subnaviarea {
	position: absolute;
	width: 234px;
	padding: 16px;
	font-size: 1em;
	line-height: 1.2em;
}

#subnaviarea p {
	margin-top: 0;
}

#subnaviarea ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#subnaviarea li {
	margin: 0 0 1px 0;
	padding: 0;
}

#subnaviarea img {
	border: none;
	padding: 2px 4px 0 0;
}

#subnaviarea a {
	display: block;
	padding: 5px 8px 5px 10px;
	width: 230px;
	border-bottom: 1px #ccc solid;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	line-height:18px;	/* 02.01.2026 */
}

#subnaviarea a:hover {
	color: #fff;
	background-color: #D76666;
	text-decoration: none;
}

#subnaviarea li li a {
	font-weight: normal;
	font-size: 0.95em;
}

#subnaviarea ul ul li {
	margin: 0 0 0 0;
}

#subnaviarea ul ul a {
	display: block;
	padding: 1px 5px 3px 16px;
	width: 226px;
	color: #000;
	text-decoration: none;
}

#subnaviarea ul ul ul a {
	padding-left: 24px;
	width: 214px;
	font-size: 0.9em;
	color: #333;
}

/* aktiven eintrag hervorheben */
#subnaviarea  ul li.AspNet-TreeView-Selected a {
	font-weight: normal;
	color: #bc0000;
	background: transparent url(../images/current_itm_sm.gif) -2px center no-repeat;
}

#subnaviarea  ul li.AspNet-TreeView-Selected li a {
	color: #333;
	background-image: none;
}

#subnaviarea  ul li.AspNet-TreeView-Selected a:hover {
    color: #fff;
	background-color: #D76666;
	text-decoration: none;
}

/* ausblenden aller unterpunkte */
#subnaviarea li li {
	display: none;
}

#subnaviarea li li li {
	display: none !important;
}

/* ausblenden der 3. level unterpunkte */
#subnaviarea li.AspNet-TreeView-ChildSelected li li,
#subnaviarea li.AspNet-TreeView-Selected li.AspNet-TreeView-ParentSelected li {
    display: none !important;
}

/* einblenden der unterpunkte des aktuellen astes */
#subnaviarea li ul li.AspNet-TreeView-Selected,
#subnaviarea li ul ul li.AspNet-TreeView-ParentSelected,
#subnaviarea ul ul li.AspNet-TreeView-ParentSelected,
#subnaviarea li.AspNet-TreeView-ChildSelected li,
#subnaviarea li.AspNet-TreeView-ChildSelected .AspNet-TreeView-ChildSelected li {
	display: block !important;
}


#subnaviarea .currentItm {
	font-weight: normal;
	color: #bc0000;
	background: transparent url(../media/current_itm_sm.gif) -2px center no-repeat;
}

#subnaviarea .currentL1 li {
	display: block;
}

#subnaviarea .currentL2 li {
	display: block !important;
}

#subnaviarea .inactive {
	color: #ccc;
}

/*** MAINCONTENT ***/
#maincontent {
	position: relative;
	margin-left: 286px;
	padding: 16px 16px 0 16px;
	line-height: 18px;
}

.Content {
	width: 100%;
	display: table;
	background-color: #fff;
}

p.pretitle {
	margin: 4px 0 0 0;
	font-size: 1em;
	color: #bc0000;
}

p.firstpara {
	margin-top: 0;
}

#maincontent ul {
	margin-top: 5px;
}

em.smallquote {
	font-size: 0.8em;
}

/* error messages */
.errorMessage {
    font-weight: bold;
    color: #bc0000;
	margin-top:5px:
}


.errorMessage span {
		display: block;
		margin: 24px 0;
		padding: 4px 6px;
		border: 2px solid #D76666;
		background-color: #FFFFD1;
}

.errorMessage span.ok {
		display: block;
		margin: 24px 0;
		padding: 4px 6px;
		border: 2px solid #339900;
		color: #336600;
		background-color: #D1FFD1;
}


.rbox {
	width: 30%;
	height: 7em;
	margin: 0 16px 16px 0;
	padding: 6px;
	border: 1px solid #000;
	background-color: #D76666;
	font-weight: bold;
	color: #fff;
}

/* boxen auf homepage */
.hbox {
	border: 1px #666 solid;
	margin-right: 4%;
	margin-bottom: 2%;
	font-size: 1em;
}

.hbox ul {
	margin: 6px 0 6px 24px;
	padding: 0;
	list-style-type: square;
}

.hbox li {
	padding: 0 16px 0 0;

}

.hbox h3 a {
	font-weight: normal;
	color: #bc0000;
}

.hbox h3 {
	margin: 0;
	padding: 2px 6px;
	font-size: 1.1em;
	border-bottom: 1px solid #666;
	background-color: #e7e7e7;
}

/* boxen fuer phasen-grafiken */
a.gbox_active, span.gbox_active {
	display: block;
	width: 100%;
	border: 1px solid #bc0000;
	background-color: #D76666;
	color: #fff;
}

a.gbox_active:hover, a.gbox_inactive:hover {
	text-decoration: none;
	background-color: #D76666;
	color: #fff;
}

a.gbox_active span, span.gbox_active span, a.gbox_inactive span {
	display: block;
	padding: 0.5em;
}

a.gbox_active.nolink, a.gbox_active.nolink:hover {
	color: #FFBBBB;
}

a.gbox_inactive {
	display: block;
	width: 100%;
	border: 1px #999 solid;
	color: #999;
	background-color: #e7e7e7;
}

.gtext_inactive{
	color: #999;
}

/* GridView-Tabellen, Daten-Tabellen */

table.GridMain, table.dataTable {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

table.GridMain th, table.dataTable th {
    padding: 3px 3px 3px 3px;
    text-align: left;
	vertical-align: bottom;    
    border: 1px solid #ccc;
    background:#eee;
}

table.GridMain td, table.dataTable td {
    padding: 3px 8px 3px 4px;
    border: 1px solid #ccc;
    line-height: 15px;
}

/**/
table.GridMain td {
	font-size: 1em;
	vertical-align: top;
}

table.GridMain.InsertView td
{
    border-color:#ddd;
    background-color:#ddd;
    padding: 3px 10px 3px 10px;
}
 
 /*   
.GridMain .GridRow.AspNet-GridView-Edit td,
.GridMain .AspNet-GridView-Alternate.AspNet-GridView-Edit td 
 {background:#ddd;}
*/

.GridMain tr.AspNet-GridView-Alternate 
 {background:#eee;}


div.GridPagination {
    padding: 6px;
}

div.GridPagination span {
    font-weight: bold;
    color: #666;
}

/* Formelemente für GridView */
table.GridMain input, table.GridMain select, table.GridMain textarea, 
table.dataTable input, table.dataTable select, table.dataTable textarea 
{
    border:1px solid #999;
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.GridMain .GridRow textarea, .GridMain .AspNet-GridView-Alternate textarea
{
    min-height:50px;
    max-height:200px;
    }


.textFelder 
{
    padding:1px;
    overflow:auto;
    }
* + html>body .textFelder {overflow-x:hidden;}

/* links für GridView*/
.InsertView input.formButtonMain 
{
    border:1px solid #999;
    /*height:24px;*/
    padding:5px; 
    color:#666;
    background-color:#fff;
    font-size:13px;
    margin:0 5px 0 0;
    color:#000;
    }
input.formButton
{
    /*border:1px solid #c8c1bc;height:20px;padding:1px 1px 1px 1px; color:#666;background-color:#eee;font-size:13px;margin:1px;*/
    border:1px solid #999;
    /*height:23px;*/
    padding:10px; 
    color:#666;
    background-color:#dedede;
    font-size:13px;
    margin:5px 0;
    color:#000;    
    }
input.formButton:hover, .InsertView input.formButtonMain:hover
{
    background:#bbb;
}
.textButton 
{
    border-color:#fc0;
    background-color:#fc0;
    }
		
input[type=radio] {
	border: none !important;
}

/* Tabellen mit Kampagnenbildern */
table.campaignTable td {
    padding: 2px 24px 2px 0;
		text-align: center;		
}

/*** ENTITY COLORS ***/

.entityCol1 {
	background-color: #FFD1D1;
}

.entityCol2 {
	background-color: #D1ECFF;
}

.entityCol3 {
	background-color: #D1FFD1;
}

.entityCol4 {
	background-color: #FFE8D1;
}

.entityCol5 {
	background-color: #FFFFD1;
}

/*** SEARCH PAGE ***/

.searchLabel {
	display: block;
	width: 150px;
	padding-top: 18px;
	white-space: nowrap;
}

.searchField {

}

/*** SERVICEAREA ***/
#servicearea {
	position: absolute;
	right: 6px;
	width: 125px;
	margin: 10px 10px 16px 0;
}

#servicearea form {
	display: inline;
	font-size: 0.95em;
}

#servicearea fieldset {
	padding: 6px;
	border: 1px #666 solid;
}

#servicearea legend {
	font-size: 0.95em;
	color: #666;
}

#servicearea input {
	margin: 0;
	padding: 0;
}

/*** FOOTER ***/

#footer {
	position: relative;
	top: 25px;
	min-height: 100%;
}

#copy {
	float: left;
	padding: 6px 6px 6px 0;
	font-size: 10px;
	line-height: 12px;
	color: #000;
}

#author {
	float: left;
	padding: 5px 6px 0 6px;
}

span.validErrorIcon{    color:red !Important;    background-image: url(../images/ico_error.gif);    background-repeat:no-repeat;    }


#footer {
/*	display: none;*/
	position: relative;
	height: 28px;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	background-color: #bc0000;
}

#copy {
	float: left;
	width: 253px;
	padding: 8px 6px 8px 16px;
	font-size: 10px;
	line-height: 12px;
	background-color: #fff;
}

#printFooter {display: none;}

.printColumnHeader, .printColumn{display: none;}

.showPrint{display: none;}

#author {
	float: right;
	margin: 6px 1px 0 0;
}

.footnote {font-size:0.8em;}


/* Hierarchische Downloadliste */
#maincontent .downloads {width:600px; border-top:1px solid #aaa;margin: 1em 0;}
#maincontent .downloads ul, #maincontent .downloads li li {list-style-type: none; list-style: none;}
li.folder ul {display: none;}


/* SB 4.12.2012 */
/*span.firstmenu {background: url(../images/aktiv.gif) right 4px no-repeat; padding: 5px 50px 5px 0; }*/


.columnRight {text-align:right;}



/* Spzialthemen und Kampagnen: Übersichtsseite */
.kam_spez_overview {margin-bottom: 30px; }
.kam_spez_overview:after { content: ""; display: table; clear: both;}
.kam_spez_overview .bild {float:left;width:186px; padding-right:24px;}
.kam_spez_overview .bild a {display:block;;}

/* Spzialthemen und Kampagnen: Content-Seite */
.kam_spez_content{float:right;}
.kam_spez_content a  { text-align: right;display:block;}
.kam_spez_content a img { margin: 0;}