/* Attention:
 *
 * This file is generated by the design assistant.
 * Changes will be overwritten each time the design is published.
 * Individual styles that should not changed by the
 * design assistant can be made in specials.css
 *
 */

.level1, .level1:visited, .level1:active   { color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #f00; padding-top: 1px; padding-right: 5px; padding-left: 5px; border: solid 1px #000000 }
.level1:hover  { color: #f00; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #fff; padding: 1px 5px 5px; border: solid 1px #000000 }
.level1hl, .level1hl:visited, .level1hl:hover, .level1hl:active  { color: #ffffff; font-size: 10px; font-weight: bold; text-decoration: none; background-color: #ff0000; padding-top: 1px; padding-right: 5px; padding-left: 5px; border: solid 1px #000000 }
.level2, .level2:visited, .level2:active     { color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none; padding: 2px }
.level2:hover    { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url("../_images/ic_navi_pfeil.gif"); background-repeat: no-repeat; background-position: right center; padding: 2px }
.level2hl, .level2hl:hover, .level2hl:active, .level2hl:visited     { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; background-image: url("../_images/level2hl.gif"); background-repeat: no-repeat; background-position: left center; padding: 2px }
.level3, .level3:visited, .level3:active   { color: white; font-size: 12px; font-weight: normal; line-height: 20px; text-decoration: none; margin-left: 10px }
.level3:hover   { color: white; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none }
.level3hl, .level3hl:hover, .level3hl:active, .level3hl:visited   { color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none }
.level4, .level4:visited, .level4:active {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
.level4:hover {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
.level4hl, .level4hl:hover, .level4hl:active, .level4hl:visited {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
.level5, .level5:visited {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
.level5:hover {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
.level5:active {
font-size: 012px;
color: #0000FF;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}
a.metanavi {
font-size: 010px;
color: #0000FF;
text-decoration: underline;
font-weight: normal;
}
a.metanavi:visited {
font-size: 010px;
color: #0000FF;
text-decoration: underline;
font-weight: normal;
}
a.metanavi:hover {
font-size: 010px;
color: #0000FF;
text-decoration: underline;
font-weight: normal;
}
a.metanavi:active {
font-size: 010px;
color: #0000FF;
text-decoration: underline;
font-weight: normal;
}
a.smlevel1, a.smlevel1:visited, a.smlevel1:active  { color: white; font-size: 12px; font-weight: bold; text-decoration: none }
a.smlevel1:hover  { color: white; font-size: 12px; font-weight: bold; text-decoration: underline }
a.smlevel2, a.smlevel2:visited, a.smlevel2:active  { color: white; font-size: 12px; font-weight: normal; text-decoration: none; padding-left: 10px }
a.smlevel2:hover  { color: white; font-size: 12px; font-weight: normal; text-decoration: underline; padding-left: 10px }
a.smlevel3, a.smlevel3:visited, a.smlevel3:active  { color: white; font-size: 12px; font-weight: normal; padding-left: 20px }
a.smlevel3:hover  { color: white; font-size: 12px; font-weight: normal; text-decoration: underline; padding-left: 20px }
a.smlevel4, a.smlevel4:visited, a.smlevel4:active {
font-size: 012px;
color: #0000FF;
padding-left: 030px;
text-decoration: underline;
font-weight: normal;
}
a.smlevel4:hover {
font-size: 012px;
color: #0000FF;
padding-left: 030px;
text-decoration: underline;
font-weight: normal;
}
a.smlevel7, a.smlevel7:visited, a.smlevel7:active {
font-size: 012px;
color: #0000FF;
padding-left: 040px;
text-decoration: underline;
font-weight: normal;
}
a.smlevel7:hover {
font-size: 012px;
color: #0000FF;
padding-left: 040px;
text-decoration: underline;
font-weight: normal;
}
td,body,a,p,.content    { color: #ffffff; font-family: Tahoma }
.headline1 {
font-size: 018px;
color: #FFFFFF;
font-weight: bold;
border-bottom: 001px solid #FF0000;
padding-bottom: 005px;
}
.headline2 {
}
.headline3 {
font-size: 013px;
color: #FFFFFF;
font-weight: normal;
border-bottom: 000px solid #000000;
}

.teaserheadline, #TeaserBoxHeadline {
color: #000000;
font-size: 014px;
font-weight: normal;
background-color: #FFFFFF;
}
.teaserbox, #TeaserBoxContent {
color: #000000;
font-size: 013px;
font-weight: normal;
background-color: #FFFFFF;
}
.farbwert1  { }
.farbwert3  { }
.farbwert5  { }
.aufzaehlung {
background-color: #000000;
}
.tblrowhl  { color: #fff; font-size: 13px; font-weight: bold }
.tblrow  { color: #fff; font-size: 13px; font-weight: normal }
.form Formularfeld,.form feld,.form  { color: #000000; font-size: 13px; font-family: Tahoma; background-color: #ffffff; width: 200px; height: 20px; border: solid 1px }
#cmsForm label,#cmsForm div  { color: #fff; font-size: 13px; font-family: Tahoma }
.formbox {
font-family: Times New Roman;
font-size: 013px;
color: #000000;
background-color: #FFFFFF;
border-left: 001px solid #000000;
border-right: 001px solid #000000;
border-top: 001px solid #000000;
border-bottom: 001px solid #000000;
height: 020px;
width: 100px;
}
textarea, .textarea, .form2 {
font-family: Times New Roman;
font-size: 013px;
color: #000000;
background-color: #FFFFFF;
border-left: 001px solid #000000;
border-right: 001px solid #000000;
border-top: 001px solid #000000;
border-bottom: 001px solid #000000;
height: 060px;
width: 200px;
}
.button,.Button:visited,.Button:active,.Button:hover  { color: #fff; font-size: 13px; font-family: Tahoma; font-weight: normal; text-decoration: none; background-color: #c80001; padding: 2px; width: 100px; border: solid 1px #000000 }
.boxButtons:link,.boxButtons:visited,.boxButtons:active,.boxButtons:hover {
font-size: 013px;
color: #000000;
background-color: #ACACAC;
text-decoration: none;
font-weight: normal;
padding-left: 002px;
padding-right: 002px;
padding-top: 002px;
padding-bottom: 002px;
width: 100px;
border-left: 001px solid #000000;
border-right: 001px solid #000000;
border-top: 001px solid #000000;
border-bottom: 001px solid #000000;
}
.headline1 div {
font-size: 018px;
color: #FFFFFF;
font-weight: bold;

}.headline2 div {
font-size: 018px;
color: #FFFFFF;
font-weight: bold;

}.headline2 div {
font-size: 018px;
color: #FFFFFF;
font-weight: bold;

}

td.editPreviewStatus {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	background-color: white;
	padding: 0px;
	vertical-align: middle;
	text-align: center;
	border: 1px dotted gray;
}

td.editPreviewStatusIcon {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	background-color: transparent;
	background-image: url(../_update/_images/icons/information.gif);
	background-position: right;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	padding: 0px;
	vertical-align: middle;
	text-align: right;
}

td.editPreviewStatusText {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	text-weight: bold;
	color: #555555;
	background-color: white;
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

#editPreviewInfo {
	display: none;
	position: absolute;
	background-color: gray;
	padding: 2px 4px 2px 4px;
	font-family: Tahoma,Arial,Verdana;
	font-size: 11px;
	color: white;
	z-index: 99999;
	white-space: nowrap;
}

#editPreviewHilite {
	display: none;
	position: absolute;
	border: 1px dotted black;
	background-color: gray;
	filter: alpha(opacity:30);
	cursor: pointer;
	z-index: 99999;
}

div.quickEdit {
/* IE schmiert in einigen Fällen ab wenn hier die width oder höhe auf 100% gesetzt wird
	width: 100%;
	height: 100%;
*/
	background-color: transparent;
}

div.quickEditInUse {
	width: 100%;
	height: 100%;
	background-color: #FFFEA7;
}

#dbcCmsLayoutGrid {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	
	width: 934px;
	height: 449px;
	display: none;
	background-color: transparent;
	background-image: url(../../../_update/_images/cmsLayoutGrid10.gif);
}






/* ########################################### */


/* ########################################### */
/*                                             */
/*  Navigation                               	 */
/*                                             */
/* ########################################### */

.level1, .level1:visited, .level1:active {
padding-left: 10px;
padding-right: 10px;
padding-top: 005px;
padding-bottom: 000px;
float:right;
}
.level1:hover {
padding-left: 10px;
padding-right: 10px;
padding-top: 005px;
padding-bottom: 000px;
float:right;
}
.level1hl, .level1hl:visited, .level1hl:hover, .level1hl:active {
padding-left: 010px;
padding-right: 010px;
padding-top: 005px;
padding-bottom: 000px;
float:right;
}

.level2, .level2:visited, .level2:active,.level2hl, .level2hl:visited, .level2hl:active,
.level3, .level3:visited, .level3:active,.level3hl, .level3hl:visited, .level3hl:active 
.level4, .level4:visited, .level4:active,.level4hl, .level4hl:visited, .level4hl:active 
.level5, .level5:visited, .level5:active,.level5hl, .level5hl:visited, .level5hl:active 
.level6, .level6:visited, .level6:active,.level6hl, .level6hl:visited, .level6hl:active 
.level7, .level7:visited, .level7:active,.level7hl, .level7hl:visited, .level7hl:active {
	display : block;
	text-align : left;
}

#.level2, #.level2:visited, #.level2:active {
	width : 180px;
}

#.level2:hover, #.level2hl, #.level2hl:visited, #.level2hl:active {
	width : 180px;
	background-image:url(../_images/ic_navi_pfeil.gif);
  	background-repeat:no-repeat;
  	background-position:right;
}

.level3, .level3:visited, .level3:active   { font-size: 12px; text-align: left; display: block; margin-left: 10px }

.level3:hover, .level3hl, .level3hl:visited, .level3hl:active   { font-size: 12px; background-image: url("../_images/ic_navi_pfeil.gif"); background-repeat: no-repeat; background-position: right 50%; text-align: left; display: block; margin-left: 10px }

/* ########################################### */
/*                                             */
/*  Global Formats                           	 */
/*                                             */
/* ########################################### */

a, body, farbwert2, farbwert1, body a, #LeftCol a,   { text-align: left }

label, .label {
	width : 144px;
	text-align : left;
	display : block;
	float : left;
}

#LoginBox,#SearchBox,#TeaserBox,TeaserBoxContent a {
	padding-top : 15px;
	text-align : left;
}

#Headline,#ContentText,#ContentTextImage,#ContentImage,#ContentForm,#ContentTable  { font-size: 14px; text-align: left; margin-bottom: 15px; width: 100% }

#SearchBoxFormular, #TeaserBoxContent, #LoginBoxFormular,#SearchBoxHeadline, #TeaserBoxHeadline, #LoginBoxHeadline {
	border-bottom : 1px #FFFFFF solid;
}

#cmsForm div {
	padding-bottom : 3px;
	width : 100%;
	margin-bottom : 1px;
}

#cmsForm label {
	float : left;
}

.LeftCol {
	width : 180px;
	display : block;
}

.MiddleCol {
	width : 610px;
}



/* Produktkatalog */

.prodcatrowpadding {
	padding-left : 25px;
	
}

#.prodcatrowpadding {
	padding-left : 15px;
}

.prodcatrowpadding2 {
	padding-left : 15px;
}

#.prodcatrowpadding2 {
	padding-left : 0px;
}

.forumrowheight {
	height : 30px;
}

#.forumrowheight {
	height : 15px;
}

.NavLevel2Width  { width: 150px }

#.NavLevel2Width  { width: 150px }


.TextArea {
width:250px;
}



/*
Suche
*/


#searchWindow{
  width:100%;
  padding-right : 15px;
	padding-left:15px;
	margin-top:20px;
}

#searchResultInfo { text-align: left; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; width: 100% }


#SearchForm { text-align: center; padding-top: 10px; width: 100% }

#SearchHeadline, #SearchModulHeadline, #SearchPadding, .SearchResult{
  width:100%;
}

.SearchButtonPadding {
	padding-top : 0px;
}

#.SearchButtonPadding {
	padding-top : 1px;
}


.cms2SHLayer
{
position:absolute; left:472px; top:0px; border: 0px solid gray; width: 539px; height:260;
}



.TextLayer {
	padding-top:30px;
	padding-left:40px;
	padding-bottom:30px;
	padding-right:40px;
	width:539px;
	height:260px;
	background-color:#EDF5FB ;
}

.TextLayerbg {
	width:539px;
	height:260px;
	background-color:#EDF5FB ;
	
}

.TextLayer2 {
	padding-top:30px;
	padding-left:130px;
	padding-bottom:30px;
	padding-right:130px;
	width:539px;
	height:260px;
	background-color:#EDF5FB ;
}

.selTrainingType{
	width:159px;
	height:22px;
}

.trainingHeadline{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

.trainingUebersichtTitel{
	margin-left:9px;
	font-weight:bold;
	font-size:12px;
	color:#003366;
	text-decoration:none;
}

.trainingUebersichtContent{
	margin-left:13px;
	font-size:11px;
	color:#003366;
}


#pfeilaktiv {
font-family: arial black, symbol;
font-size: 034px;
font-weight: bold;
padding-left: 016px;
padding-right: 016px;
padding-top: 002px;
padding-bottom: 002px;
background-color:white;
border:1px solid silver;
}

#pfeilinaktiv {
font-size: 034px;
font-weight: bold;
padding-left: 016px;
padding-right: 016px;
padding-top: 002px;
padding-bottom: 002px;
color:silver;
background-color:white;
}

.dms_row {
padding-left: 005px;
padding-right: 005px;
padding-top: 003px;
padding-bottom: 003px;
border-top: 1px #ffffff solid;
border-bottom: 1px #aaa9a9 solid;
}


.headline1{
letter-spacing:0.1em;
}


/* Grußkarten-Modul */
#Greetingcards{
  width:100%;
  padding-right : 15px;
	padding-left:15px;
	margin-top:20px;
}

.GreetingcardsImage{
  border:7px solid white;
  margin-top: 15px;
  margin-bottom: 15px;
}

.GreetingCardConfirmHeight {
	height : 410px;
}

#.GreetingCardConfirmHeight {
	height : 420px;
}

#MyTrainingsTabs div{
  width: 170px;
  height:25px;
  color:white;
  font-weight: bold;
  float:left;
  text-align:center;
  padding:7px;
  border-left: 1px solid #FFFFFF;
  margin-bottom: -1px;
  cursor: hand;
}

#SeminarDates, #SeminarRequirements {
  display:none;
}

#SeminarInfo {
  display:block;
}

.errorBox {
  width: 100%;
  background-color: whitesmoke;
  border:1px solid silver;
  padding:20px;
  text-align: center;
  color: #cc0000;
}

.teaserRow td {
  padding-top: 7px;
  cursor: pointer;
  border-bottom:1px solid #CCCCCC;
  vertical-align: top;
}

#MiddleCol a:link, #MiddleCol a:visited, #MiddleColElearning a:link,#MiddleColElearning a:visited  { background-repeat: no-repeat }

#MiddleCol a:hover, #MiddleColElearning a:hover  { background-repeat: no-repeat }

#clear,#clear a:link,#clear a:visited,#clear a:active,#clear a:hover { /*entfernt alle Formatierungen von z. B. Links*/
  background: none;
  padding:0px;
  margin:0px;
}

#imageWithBackground div {
  margin:0px;
}

/* ########################################### */
/*                                             */
/* Metanavigation                              */
/*                                             */
/* ########################################### */


#Metanavigationsbox {
  position: absolute;
  top: 532px;
  left: 15px;
  visibility: visible;
  z-index:999;
  color: #9999a3;
  font-size:14px;
}

#Metanavigationsbox a {
  font-size:10px;
}

#Metanavigationsbox div {
}


#Metanavigationsbox div span,#Metanavigationsbox div div span {
  margin-left:8px;
  margin-right:5px;
}

#Metanavigationsbox div {
  float:left;
  font-size:11px;
}

#metanavi_progress{
  width: 33px;
  height: 10px;
  border: 1px solid #cfd7d9;
  overflow:hidden;
  background-image: url(../_images/metanavi_progress_inactive.gif);
  margin-top:2px;
}

#metanavi_progress div{
  background-image: url(../_images/metanavi_progress_active.gif);
}

#metanavi_success{
  width: 33px;
  height: 10px;
  border: 1px solid #cfd7d9;
  overflow:hidden;
  background-image: url(../_images/metanavi_progress_inactive.gif);
  margin-top:2px;
}

#metanavi_success div{
  background-image: url(../_images/metanavi_success_active.gif);
}

#sitemapContainer{
  position: absolute;
  top: 800px;
  height: 600px;
  left: 0px;
  width: 1014px;
  visibility: hidden;
  z-index: 5000000;
}

#helpContainer{
  position: absolute;
  top: 800px;
  left: 0px;
  width: 1014px;
  visibility: hidden;
  z-index: 5000000;
}

#FullScreenHeadline{
  font-size:40px;
  color:white;
  font-weight: bolder;
}

#MiddleCol  {
	position:relative;
}

#CreateNewDocumentContent{
padding: 15px;
}


.documentThumbsBox {
height:80px;
padding-top: 41px;
text-align:center;
}


#.documentThumbsBox {
padding-top: 41px;
height:120px;
}

.dmslayer{
	visibility:hidden;
	position:absolute;
	top: 63px;
	left: 15px;
	z-index:23;
	background-color: #FFFFFF;
	width: 400px;
	height: 180px;
	border: 1px solid #AAAAAA;
}

#.dmslayer{
	visibility:hidden;
	position:absolute;
	top:63 px;
	left: 15px;
	z-index:23;
	background-color: #FFFFFF;
	width: 350px;
	height: 150px;

	border: 1px solid #AAAAAA;
}

.dmslayerDocumentHistory{
	visibility:hidden;
	position:absolute;
	top: 63px;
	left: 15px;
	z-index:23;
	background-color: #FFFFFF;
	width: 500px;
	height: 380px;
	border: 1px solid #AAAAAA;
}

#.dmslayerDocumentHistory{
	visibility:hidden;
	position:absolute;
	top:63 px;
	left: 15px;
	z-index:23;
	background-color: #FFFFFF;
	width: 550px;
	height: 270px;
	border: 1px solid #AAAAAA;
}

.dmslayerDocumentHistoryContent{
 padding-left:15px;
 padding: 10px;
}


.dms_box{
	height:100px; 
}

#.dms_box{
	height:120px; 
}

.dmsEditLink{
	padding-top:20px;
}

#.dmsEditLink{
	padding-top:0px;
}

/*
 * lockerLayer used for an 'please wait...' - layer, that covers content
 */
td.lockLayer {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	background-color: white;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}

td.lockLayerText {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	background-color: white;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
}

td.lockLayerIcon {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	background-color: transparent;
	background-image: url(../_images/wait.gif);
	background-position: center;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	padding: 4px;
	vertical-align: middle;
	text-align: right;
}

#reportingTable td {
  padding:3px;
}
.center {
  text-align:center;
}

.lmsMyMessages {
  width: 100%;
  background-color: whitesmoke;
  border:1px solid silver;
  padding:20px;
}

/*****/

ul, li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.menu
 { position: absolute; z-index: 3; width: 959px }

.menu li
 {  float: left;clear: none}
#1
 { width: 40px; float: left } 
#2
 { width: 90px; float: left }
#3
 { width: 55px; float: left }
#4
 { width: 110px; float: left }
#5
 { width: 69px; float: left }
#6
 { width: 105px; float: left }
#7
 { width: 90px; float: left }
#8
 { /*width: 55px;*/ width: 85px; float: left }
#9
 { width: 60px; float: left }
#10
 { width: 40px; float: left }
#11
 { width: 80px; float: left }
#12
 { width: 45px; float: left }
#13
 { width: 90px; float: left }

.menu a
           { color: white; font-size: 9px; font-family: verdana; font-weight: bold; text-decoration: none; background-color: #c80000; text-align: center; cursor: default; display: block; margin: 0 2px; height: 15px; border: solid 1px #888 }
.menu a:visited { color: white; font-size: 9px; font-family: verdana; font-weight: bold; text-decoration: none; background-color: #c80000; text-align: center; cursor: default; display: block; margin: 0 2px; height: 15px; border: solid 1px #888 }
.menu a:hover
{
	background-color: #ccc;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11, #smenu12, #smenu13
   { font-size: 10px; font-family: Arial; display: none; float: left;clear: none }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a, #smenu9 a, #smenu10 a, #smenu11 a, #smenu12 a, #smenu13 a
{
	font-weight: normal;
	padding-top: 2px;
	border-top: 0px;
	cursor: pointer;
}
.erkennung { color: white; font-size: 12px; font-family: verdana; font-weight: bold; text-decoration: none }
.txt12 { font-size: 12px }
.txt16 { font-size: 16px }