/* CSS Document */

body {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
	background: #ECEDEF;
	color: #444;
}


img.bildLinks  {
	float: left;
	padding-right: 10px;
	padding-top:5px;
}


img.bildRechts  {
	float: right;
	padding-left: 10px;
	padding-top:5px;
}

img.bildRechtsEinr {
	float: right;
	padding-right: 3px;
	padding-left: 3px;
	padding-top:2px;
	padding-bottom:2px;
}


img.bildLinksEinr  {
	float: left;
	padding-right:3px;
	padding-left: 3px;
	padding-top:2px;
	padding-bottom:2px;
}


p {
	color: #444;
	line-height: 18px;
}


h1 {
	color: #990000;
	margin: 0px;
	padding: 9px 0px;
	font: italic 28px/32px "Times New Roman", Times, serif;
}


h2 {
	color: #990000;
	font: 14px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 0px;
}


h3 {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-weight: bold;
	padding-top: 5px;
}


a {
	color: #ff6600;
	text-decoration: none;
	line-height: 18px;
}

a:hover {
	color: #990000;
}

#slink a {
	color: #ff6600;
	text-decoration: none;
	line-height: 18px;
}


#slink a:hover {
	color: #990000;
}



/* ############ Schrift kleiner ################### */
.Sm {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0; /* to avoid margins */
	color: #444;
}

/* ################ Kursbeschreibungen TCM #################### */
.Kh2 {
	color: #444;
	font: 14px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.Kli {
	list-style-position: outside;
}
.Kli2 {
	list-style-position: inside;
}


#SLinksbuendig
{
	text-align: left; /* to realign your text */
}



/* ################ vertikales Einruecken #################### */
#einr1_r {
	padding-left: 40px;
	padding-right: 40px;
}

#einr2_r {
	padding-right: 40px;
	padding-left: 80px;
}

#einr3_r {
	padding-right: 40px;
	padding-left: 120px;
}


#einrr {
	padding-right: 40px;
}


.einr1 {
	padding-left: 40px;
	
}

.einr2 {
	padding-left: 80px;
	
}

.einr3 {
	padding-left: 120px;
	
}


/* ################  Hervorhebung #################### */
.highlight1 {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 0px;	
	background-color:#F0EBC5;
}

.highlight2 {
	background-color:#F0EBC5;
	padding: 0px 5px 0px 5px;	
	color:#ff6600;
}



/* ################  Linien #################### */
.toplineblock {
	display:block; 
	border-top: 1px solid #CCCCCC; 
	margin-top: 10px;
	padding-top: 5px;
}

  
.topline {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 5px;	
}

.topleftline {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 5px;	
	padding-left: 20px;	
}

.leftline {
	border-left: 1px solid #CCCCCC;
	padding-left: 20px;
	
}




/* ################# sorgt für vertikale Zentierung #################### */
#container {
	margin-left: auto;
	margin-right: auto;
	width: 922px; /* mandatory to be centered */
	text-align:justify;
/*	text-align: left; *//* to realign your text */
	margin-top: 20px;
	background: #ECEDEF;
}


/* ################# Buttons oben #################### */
#header {
	height: 37px;
	padding: 0px 40px;
}
#innenHeader {
	height: 100%;
}

/* ################# Flash #################### */
#bild {
	height: 150px;
	background: #ECEDEF url(../pics/buttons/bg_schatten.jpg) repeat-y;
}
#bildIndex { /* nur für Homepage */
	height: 350px;
	background: #ECEDEF url(../pics/buttons/bg_schatten.jpg) repeat-y;
}
#innenBild {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	height: 100%;
}
#innenBildSchatten {
	background: url(../pics/buttons/bg_schatten_oben.jpg) no-repeat;
	padding: 0px 40px;
}


/* ################# beide Menus #################### */
#menuToplevel, #menuLevel2 {
	height: 24px;
	padding: 0px 40px;
	background: #ECEDEF url(../pics/buttons/bg_schatten.jpg) repeat-y;
}
#menuIndex {
	height: 36px;
	padding: 0px 40px;
	background: #ECEDEF url(../pics/buttons/bg_schatten.jpg) repeat-y;
}
#innenMenu {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	height: 100%;
	background: #fff ;
}

/* ################# Copyright #################### */
#footer {
	height: 40px;
	padding: 0px 40px;
	background: #ECEDEF url(../pics/buttons/bg_schatten_unten.jpg) repeat-y;
}
#innenFooter {
	padding: 0;
	height: 100%;
}
#innenFooter p {
	color: #999999;
	margin: 0px;
	padding: 20px 0px 0px;
}




/* ################# Formulare #################### */

.TrInput {
	BORDER:0px solid #ffffff; 
	border-width: 0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#ff6600;
	background-color:transparent;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}


.inputread {
	BORDER-TOP:0px solid #ffffff; 
	BORDER-BOTTOM: 0px solid #ffffff; 
	BORDER-LEFT:  1px solid #999999; 
	BORDER-RIGHT: 2px solid #999999;
	margin:3px 3px 0px 0px;
	padding:1px 5px;
	color:#666666;
	background-color:#ECEDEF;
}

.inputleer {
	BORDER-LEFT:0px solid #ffffff; 
	BORDER-RIGHT: 0px solid #ffffff; 
	BORDER-TOP:  1px solid #999999; 
	BORDER-BOTTOM: 2px solid #999999;
	margin:3px 3px 0px 0px;
	padding:1px 5px;
	color:#666666;
	background-color:#F0EBC5;
}

input, textarea {
	BORDER-LEFT:0px solid #ffffff; 
	BORDER-RIGHT: 0px solid #ffffff; 
	BORDER-TOP:  1px solid #999999; 
	BORDER-BOTTOM: 2px solid #999999;
	margin:3px 3px 0px 0px;
	padding:1px 5px;
	color:#666666;
	background-color:#ECEDEF;
}
	 

select {
	BORDER-LEFT: 0px solid #ffffff;
	BORDER-RIGHT: 0px solid #ffffff;
	BORDER-TOP: 1px solid #999999;
	BORDER-BOTTOM: 2px solid #999999;
	background-color:#ECEDEF;	
}

option {
	background-color:#F0EBC5;
	border-top:1px solid #999999;
}


/* fuer den Zertifizierungsgenerator */
.zoption {
	BORDER-LEFT:0px solid #ffffff; 
	BORDER-RIGHT: 0px solid #ffffff; 
	BORDER-TOP:  0px solid #ffffff; 
	BORDER-BOTTOM: 1px dotted #999999;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	color:#333333;
	background-color:#FFFFFF;
	FONT-SIZE: 10px;
}
	 
.zselect {
	BORDER-LEFT:0px none #ffffff; 
	BORDER-RIGHT: 0px none #ffffff; 
	BORDER-TOP:  0px none #ffffff; 
	BORDER-BOTTOM: 1px dotted #999999;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	color:#333333;
	background-color:#ffffff;
	FONT-SIZE: 10px;
}
	









.f_table {
font-family : verdana,arial;
font-size : 0.8em;
font-weight : bold;
text-align : right;
border : 1px dotted black;}

.f_input {
border : 5px solid #cccccc;
background-color : #ECEDEF;
color : black;
font-size : 1.5em;
color : blue;}





/* ################# Inhalt Form #################### */
#inhalt {
	padding: 0px 40px;
	height: auto;
	background: #ECEDEF url(../pics/buttons/bg_schatten.jpg) repeat-y;
}

#innenInhalt {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 11px 20px;
	background: #ffffff;
	height:400px;
}


#innenInhalt[id] {
	height: auto;
   min-height:400px;

}



/* ################# Inhalt Textformatierungen #################### */
#innenInhalt a {
	color: #FF6600;
	text-decoration: none;
	line-height: 18px;
}
#innenInhalt a:hover {
	color: #990000;
}



/* ################# Inhalt Seminartabellen #################### */
#tabelle {
display: block; 
margin: 5px 20px 0px 40px;
padding-top: 20px;
}

#tabelle a {
clear: left;  /*   gwh ORIGINAL - NEU eingefuegt */
display:block;
color: #222;
text-decoration: none;
/*border-bottom: 1px solid #cecece;    gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
border-top: 1px solid #cecece;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
padding: 6px 10px;
background: #fff;
margin-bottom: -1px;
}

#tabelle_inl {
display: block;
margin: 5px 0px 0px 0px;
padding-top: 2px;
}

#tabelle_inl a {
display: block;
color: #222;
text-decoration: none;
border-bottom: 1px solid #cecece;
border-top: 1px solid #cecece;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
padding: 6px 10px;
background: #fff;
margin-bottom: -1px;
}


/* NEU: */


#tabelle[id] .kurs { 
color: #222;
display: block;
/* margin: 0px 0px 0px 75px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
margin: 0px 0px 0px 100px;
text-indent: 0px; /* für richtige Browser*/
}

#tabelle_inl[id] .kurs { 
color: #222;
display: block;
/* margin: 0px 0px 0px 75px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
margin: 0px 0px 0px 100px;
text-indent: 0px; /* für richtige Browser*/
}

#tabelle .kurs { 
color: #222222;
display: block;
/* margin: 0px 0px 0px 75px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
margin: 0px 0px 0px 100px;
text-indent: -3px; /* für den dummen Browser*/
}

#tabelle_inl .kurs { 
color: #222222;
display: block;
/* margin: 0px 0px 0px 75px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
margin: 0px 0px 0px 100px;
text-indent: -3px; /* für den dummen Browser*/
}


#tabelle a:hover {
	color: #000000;
	background: #EFEFEF;
	border-left: 5px solid #CC0000;
	border-right: 5px solid #CC0000;
}
#tabelle_inl a:hover {
	color: #000000;
	background: #EFEFEF;
	border-left: 5px solid #CC0000;
	border-right: 5px solid #CC0000;
}

#tabelle a:hover .kursNr {
	color: #CC0000;
}
#tabelle_inl a:hover .kursNr {
	color: #CC0000;
}

#tabelle .titel {
	color: #222222;
	padding: 10px 0px 8px 0px;
	margin-left: 15px; /* gleicht den 5px Rahmen aus*/
	display: block;
	font-weight: bold;
}
#tabelle_ .titel {
	color: #222222;
	padding: 10px 0px 8px 0px;
	margin-left: 15px; /* gleicht den 5px Rahmen aus*/
	display: block;
	font-weight: bold;
}

#tabelle .kursNr {
	float: left;
/* width: 80px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
	width: 95px;
	text-align:left;
	font-weight: bold;
	color: #FF6600;
}
#tabelle_inl .kursNr {
	float: left;
/* width: 80px;   gwh ORIGINAL - Darstellung mit kurzen Kursnummer */
	width: 95px;
	text-align:left;
	font-weight: bold;
	color: #FF6600;
}