body {
	background-color:   #f3f3f3;
	font-size:          0.7em;
	font-family:        Helvetica, Verdana, Arial, sans-serif;
	color:              #000;
	padding:            0;
	margin:             0;
}

a                      { color: #3b4d76; text-decoration: none; } 
a:visited              { color:#3b4d76; text-decoration: none; }
a:hover                { color: #2d5fd4; text-decoration: underline; }
a:active               { color:#3b4d76; text-decoration: none; }

h1 {
	font-size:         2em; 
	font-weight:       normal;
 }

h2 {
	font-size: 		   1.7em;
	font-weight:       normal;
}

/* ----------container zentriert das layout-------------- */
#container {
	/* width: 61em; dynamisch */
	width:             994px;
	margin:            0 auto;
	padding:           0;
	background-color:  #e3e4e4;
}

/* ----------- Bestätigungsseite ---------------------------- */
#container2 {
	/* width: 61em; dynamisch */
	width:             600px;
	margin:            0 auto;
	padding:           0;
	background-color:  #e3e4e4;
}

/* ----------banner for logo-------------- */
#mainnavi {
    float:             left;
	margin:            0;
	padding:           0;
	background-color:  #fff;
	width:             628px;
	height:            102px;
}

ul.navleiste { 
	list-style-type:   none;
    margin:            0 0 0 30px;
	padding:           0; 
}

ul.navleiste li { 
	display:           inline; 
	float:             left;
	font-family:       Helvetica, Arial, Verdana, sans-serif;
	font-size:         0.9em;
	margin:            80px 0 0 0;
}

ul.navleiste li a { 
	display:           block; 	
	color:             #666; 	
    margin-left:       20px; 
    text-decoration:   none;
	/* font-weight: bold; */ 
}

ul.navleiste li a:hover { 
	color:             #000;
    text-decoration:   none;
	/* font-weight: bold; */ 
}

ul.navleiste #currentpage a{ 
	color:             #ccc;
    text-decoration:   none;
	/* font-weight: bold; */ 
}

#logo {
	padding:            0;
	margin:             0 0 0 628px;
	background-color:   #000;
	height:             102px;
}

/* ---------- Logo für Bestätigungsseite ----------- */
#logo2 {
	padding:            0;
	margin:             0 0 0 262px;
	background-color:   #e3e4e4;
	height:             102px;
}

#banner {
	clear:              left;
	margin:             0;
	padding:            0;
	background-color:   #e3e4e4;
	height:             275px;
}
/* -----------------Inhalt--------------------- */
#content {
    float:              left;
	min-height:         400px;
	background-color:   #fff;
	padding:            0;
	margin:             0;
	/* width: 40em; dynamisch */
	width:              628px;
}

#contentTop {
	margin:             0;
	padding: 	        0;
	background-image:   url(../img/misc/arrow01.jpg);
	background-repeat:  no-repeat;
	background-color:   #4c4e4d;
	color:				#fff;
	height: 			27px;
	letter-spacing:		1px;
}

#contentTop p {
	padding: 			6px 0 0 50px;
	margin: 			0;
	font-weight: 		bold;
}
/* -----------------Inhalt logged In--------------------- */
#contentTop2 {
	margin:             0;
	padding: 	        0;
	background-image:   url(../img/misc/arrow03.jpg);
	background-repeat:  no-repeat;
	background-color:   #021b43;
	color:				#fff;
	height: 			27px;
	letter-spacing:		1px;
}

#contentTop2 p {
	padding: 			6px 0 0 50px;
	margin: 			0;
	font-weight: 		bold;
}

/* === Textspalte links ohne Bild === */
.contentLeft {
    margin: 			15px 20px 20px 50px;
    width: 				252px; 
	float: 				left;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
/* === Textspalte rechts ohne Bild === */
.contentRight {
    margin: 			15px 30px 20px 20px;
    width: 				252px;
	float: 				right;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
/* === Textspalte ganze Breite ohne Bild === */
.contentMiddle {
    margin: 			15px 30px 20px 50px;
    width: 				544px;
	line-height:		1.4em;
	/* border: 1px solid #000; */ 
}

contentMiddle.a                      { color: #3b4d76; text-decoration: none; } 
contentMiddle.a:visited              { color:#3b4d76; text-decoration: none; }
contentMiddle.a:hover                { color: #2d5fd4; text-decoration: underline; }
contentMiddle.a:active               { color:#3b4d76; text-decoration: none; }

.pics {
    margin: 			15px 30px 20px 50px;
    width: 				544px;
	line-height:		1.4em;
	/* border: 1px solid #000; */ 
}

img.picts {
	margin-right:		15px; 
    margin-bottom:		10px;
}

/* === News-Headline mit Bild === */
.contentNewsHead {
    margin: 			15px 30px 20px 50px;
    width: 				544px;
	line-height:		1.4em;
}

.contentNewsPic {
	float: 				left;
}

.contentNewsHeadText {
    margin: 			0;
	padding: 		    0;
	float: 				right;
	width: 				260px;
}

/* === News links mit Bild === */
.contentNewsLeft {
    margin: 			15px 10px 20px 50px;
    width: 				260px; 
	float: 				left;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
.contentNewsRight {
    margin: 			15px 30px 20px 10px;
    width: 				260px; 
	float:			    right;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
.contentNewsText {
    margin: 			0;
	padding: 	        0;
	float: 				right;
	width: 				160px;
}

img.news {
	float:				left; 
	margin-right:		15px; 
    margin-bottom:		10px;
	/* border: 1px solid #000; */
}
/* === Textspalte links Registrierung === */
.contentFormLeft {
    margin: 			15px 20px 20px 50px;
    width: 				344px; 
	float: 				left;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
/* === Textspalte rechts Registrierung === */
.contentFormRight {
    margin: 			15px 30px 20px 20px;
    width: 				160px;
	float: 				right;
	line-height:		1.4em;
	/* border: 1px solid #000; */ 
}
/* === Textspalte links Kontaktformular === */
.contentContactLeft {
    margin: 			15px 0px 20px 50px;
    width: 				294px; 
	float: 				left;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
/* === Textspalte rechts Kontaktformular === */
.contentContactRight {
    margin: 			15px 30px 20px 0px;
    width: 				250px;
	float: 				right;
	line-height:		1.4em;
	/* border: 1px solid #000; */
}
/* ============= subnavi ============================ */
#subnavi {
	/* margin: 0 0 0 40em; dynamisch */ 
	margin: 			0 0 0 628px;
	padding: 	        0;
	color:				#fff;
	width: 				366px;
}


/* ----------- subnavi links logged In------------------------ */
ul.borderbottom2 {
	/* border-bottom: 1px solid #d4d6d5; */
	list-style-type: 	none ;
	padding: 	        0;
	margin:             10px 0 0 0;
}

ul.borderbottom2 li { 
	 width: 			366px;
     line-height: 		24px;
	 font-family: 		Helvetica, Arial, Verdana, sans-serif;
}

ul.borderbottom2 li a {
     background: 		#e3e4e4;
	 display: 			block;
     padding: 	        0 0 0 48px;
     text-decoration :  none;
     color:             #0c3c81;
}

ul.borderbottom2 a:hover{
     background:       #d4d5d5;
	 display:          block;
     padding:          0 0 0 48px;
     text-decoration:  none;
     color:            #0c3c81;
     /* font-weight: bold; */
}

ul.borderbottom2 #currentproduct a{ 
     background:        #d4d5d5;
	 display:			block;
     padding: 	        0 0 0 48px;
     text-decoration:   none;
     color:             #0c3c81;
	 font-weight: 		bold;
}

/* ----------- subnavi links  ---------------------- */
ul.borderbottom {
	/* border-bottom: 1px solid #d4d6d5; */
	list-style-type: 	none ;
	padding: 	        0;
	margin:             10px 0 0 0;
}

ul.borderbottom li { 
	 width: 			366px;
     line-height: 		24px;
	 font-family: 		Helvetica, Arial, Verdana, sans-serif;
}

ul.borderbottom li a {
     background: 		#e3e4e4;
	 display: 			block;
     padding: 	        0 0 0 48px;
     text-decoration :  none;
     color:             #797979;
}

ul.borderbottom a:hover{
     background:       #d4d5d5;
	 display:          block;
     padding:          0 0 0 48px;
     text-decoration:  none;
     color:            #000;
     /* font-weight: bold; */
}

ul.borderbottom #currentproduct a{ 
     background:        #d4d5d5;
	 display:			block;
     padding: 	        0 0 0 48px;
     text-decoration:   none;
     color:             #000;
	 font-weight: 		bold;
}

#subnaviTop { 
	margin: 			0;
	padding: 	        0;
	background-image:   url(../img/misc/arrow02.jpg);
	background-repeat:  no-repeat;
	background-color:   #767877;
	color:              #fff;
	height:             27px;
	width:              366px;
	font-weight:        bold;
	letter-spacing:     1px;
}

#subnaviTop2 { 
	margin: 			0;
	padding: 	        0;
	background-image:   url(../img/misc/arrow04.jpg);
	background-repeat:  no-repeat;
	background-color:   #003275;
	color:              #fff;
	height:             27px;
	width:              366px;
	font-weight:        bold;
	letter-spacing:     1px;
}

#subnaviTopBlank { 
	margin: 			0;
	padding: 	    	0;
	background-color: 	#767877;
	color:				#fff;
	height: 			27px;
	width: 				366px;
}

#subnaviTop p{
	padding: 		    6px 0 0 47px;
	margin: 			0;
}

#subnaviTop2 p{
	padding: 		    6px 0 0 47px;
	margin: 			0;
}

#subContent {
    margin: 			15px 10px 10px 10px;
	padding: 	    	0;
	color: 				#333;
}

.loginLeft {
    width:				60px;
	float:              left;
    margin: 			4px 10px 0 40px;
	padding:            0;
	/* border:             1px solid #000; */
}

.loginRight {
    width:				220px;
	float:              right;
    margin: 			0 0 0 10px;
	padding:            0;
	/* border:             1px solid #000; */
}

/* ========== footer =============================== */
#footer {
	clear: 				left;
	/* padding: 			0 0 0 653px; */
	padding: 			0 20px 0 0;
	text-align:			right;
	margin: 			0;
	background-color: 	#626464;
	color: 				#fff;
	}
	
#footer a                      { color: #fff; text-decoration: none; } 
#footer a:visited              { color:#fff; text-decoration: none; }
#footer a:hover                { color: #ccc; text-decoration: underline; }
#footer a:active               { color:#fff; text-decoration: none; }	

.fig {
	font-size: 			.8em;
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	color:              #999;
	padding: 	        0;
	margin:             0;
}

p, pre {
	padding: 			0 20px 15px 25px;
	margin:				0;
}

pre, code { 
	font-size: 			1.2em; 
}

h1 {
	padding: 	        15px 25px;
	margin:				0;
}

h2 {
	font-size: 			1.2em;
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	font-weight: 		bold;
	padding: 	        0;
	margin:             0;
}

h3 {
	font-size:          1em;
    line-height: 		1.6em;
	font-family: 		Helvetica, Verdana, Arial, sans-serif;
	font-weight: 		bold;
	padding: 	        0;
	margin:             -4px 0 0 0;
}

.gross {
	width: 				5.71em;
	height: 			1.07em;
}

div.clear {
	clear:				both;
}

/* -- tables, einzelne Zellen highlighten --------------------------------------- */ 
.myHighlight { 
	color:				#000; 
    background:			#e3e4e4; 
} 

.myDefault { 
    color:				#000; 
    background:			#fff; 
} 

/* ========== contents =============================== */
.azubiHead {
	color:#003c71;
	font-size:1.2em;
	font-weight:bold;
}

.azubiSub {
	color:#707173;
	font-size:1.1em;
}

.azubiPicTitle {
	color:#707173;
	font-size:0.9em;
	font-style:italic;
}

.azubiAFZ1 {
	background-image:url(../img/ausbildung/afz1.png);
	background-repeat:no-repeat;
	height:21px;
	width:22px;
	margin-right:5px;
	display:inline-block;
}

.azubiAFZ2 {
	background-image:url(../img/ausbildung/afz2.png);
	background-repeat:no-repeat;
	height:21px;
	float:right;
	margin-top:5px;
	width:22px;
}

.azubiMenuHead {
	background-image:url(../img/ausbildung/arrow_open.png);
	background-repeat:no-repeat;
	background-position:1px;
	margin-bottom:2px;
	margin-left:-20px;
	padding-left:20px;
	color:#003c71;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
}

.azubiMenuHead a {
	text-decoration:none;
	color:#003c71;
}

.azubiMenuSub {
	color:#707173;
	font-size:1.1em;
	margin-bottom:0px;
}