/* =================================================
Stylesheets für das Projekt 0239_ifb

Helle GrundFarbe:  #469FBF
Dunkle Grundfarbe: #2671AC
Farbtupfer: #b40250 
dunkles Grau: #CECECE
helles Grau: #DEDEDE 
==================================================*/

* {
	padding: 0;	/*Grundzustand erzwingen*/
	margin: 0;	/*Grundzustand erzwingen*/
}


body {	
	color: #000000;
	background: #dedede url(../institut_berufspraxis_weiterbildung/hg_body.gif) repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}


.submit {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #c6c6c6
}
.frm {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 17px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 17px; BACKGROUND-COLOR: #ffffff
}

SPAN.help {
	CURSOR: help; BORDER-BOTTOM: black 1px dotted
}

TD.mtop {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; 
}
.navi {
	FONT-SIZE: 11px; FONT-FAMILY: verdana, sans-serif
}
.box {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
A {
	FONT-WEIGHT: bold; COLOR: #5f5f5f; TEXT-DECORATION: none
}
.asmall {
	FONT-SIZE: 10px; COLOR: #dedede; TEXT-DECORATION: none
}
.asmall2 {
	FONT-SIZE: 10px; TEXT-DECORATION: none
}
.small {
	FONT-SIZE: 10px
}
.smallc {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10px
}

.atop {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
.atop:hover {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
.atopi {
	FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none
}
.atopi:hover {
	FONT-WEIGHT: normal; COLOR: #ffffff; TEXT-DECORATION: none
}



/*Neue Definitionen von mv-soft Ltd. */
/*Grauton. #CECECE*/
/* Html Tags */
a {
	color: #2671AC; 
	font-weight: bold;
	text-decoration:none; 	
}

a:link {
	color: #2671AC; 	
}

a:visited {
	color: #2671AC; 
	
}

a:hover {
	text-decoration:underline; 
}

a:focus {
	color: #2671AC; 
}


a:active {
	color: #2671AC; 
}


h1 {
	font-size: 130%;
	margin: 0 0 15px 5px;	
	padding: 0 0 5px 5px;
	display: block;
	border-left: 5px solid #469FBF;
	border-bottom: 1px solid #cecece;
}

h2 {
	font-size: 110%;
	margin: 0 0 10px 0;	
	padding: 0 0 0 5px;
	display: block;
	border-left: 5px solid #469FBF;
}



h3 {
	font-size: 110%;
	margin: 5px 0 15px 0;	
	padding: 0 0 0 5px;
	display: block;
}

h4 {
	color: #4A9CBD;
	font-size: 120%;
	margin: 5px 0 15px 0;	
	padding: 0 0 0 5px;
	display: block;
}

hr{
	color: #CECECE;
	width: 100%;
	padding: 2px 0 ;
	border-top: 1px solid #CECECE;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}

p {
	padding:5px;
	margin: 0 0 5px 0;
}


table {
	width: 100%;
}

td {
	padding: 3px;
	vertical-align: top;
}

td p {
	padding: 0;
	margin: 0 0 5px 0;
}

th {
	padding: 3px;
	vertical-align: top;
	text-align: left;
	background-color: #CECECE;
	border-bottom: 1px solid #FFFFFF;
}

img {
	border: 0px solid transparent;
}

label {
	display: block;
	cursor: pointer;
}

input, select {
	border: 1px solid #5a5a5a;
	background-color: #d6d6d6;
	margin: 0 15px 15px 0;
	width: 200px;
}

textarea {
	border: 1px solid #5a5a5a;
	background-color: #d6d6d6;
	margin: 0 0 15px 0;
	width: 445px;
	height: 150px;
}

ul, ol {
	margin: 0 0 0 25px;
}

li {
	padding: 2px;
}


#wrapper {
	background-color:#DEDEDE;
	width: 778px;	
	margin:0 auto;	
	
}

#content {
	width:100%;
}

#info {
	float: left;
	width: 150px;	
	margin: 45px 0 0 50px;
	font-size: 90%;
}


#head {
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	background: #ffffff url(../images/berufspraxis.gif) no-repeat 0 0;
	height: 97px;	
}

#content1 {
	float: left;
	width: 100%;
	margin: 5px 0 15px 0;
	padding: 0 0 0 5px;
	text-align: center;
}

#content2 {
	float: left;
	width: 525px;
	margin: 15px 0 5px 15px;	
}

#feet {
	width: 100%;
	background-color: #CECECE;
	text-align: center;
	color: #FFFFFF;	
	margin: 5px 0 0 0;
}

#links {
	float: right;
	width: 190px;
	margin: 25px 15px 0 5px;
	padding: 0 0 0 5px;
	text-align: center;
}

#bereiche {
	background-color: #CECECE;
	font-size: 110%;
}

#bereiche a {
	display: block;
}
#bereiche div {
	margin: 0 0 3px 0;
}


#bereich1 {
	border-top: 5px solid #ffc14e;
}

#bereich1 a:hover {
	background-color: #ffe0a7;
}

#bereich2 {
	border-top: 5px solid #FF9328;	
}

#bereich2 a:hover {
	background-color: #FFC994;
}

#bereich3 {
	border-top: 5px solid #9EC45A;
}

#bereich3 a:hover {
	background-color: #CFE2AD;
}

#bereich4 {
	border-top: 5px solid #529EAC;
}

#bereich4 a:hover {
	background-color: #A9CFD6;
}

#bereich5 {
	border-top: 5px solid #5AA7EE;
}

#bereich5 a:hover {
	background-color: #ADD3F7;
}

#bereich6 {
	border-top: 5px solid #667BC1;
}

#bereich6 a:hover {
	background-color: #B3BDE0;
}

#bereich7 {
	border-top: 5px solid #D3618D;
}

#bereich7 a:hover {
	background-color: #E9B0C6;
}

#bereich8 {
	border-top: 5px solid #FE5656;
}

#bereich8 a:hover {
	background-color: #F9BABA;
}

#bereich9 {
	border-top: 5px solid #980404;
}

#bereich9 a:hover {
	background-color: #D58585;
}

#bereich10 {
	border-top: 5px solid #00A77F;
}

#bereich10 a:hover {
	background-color: #B7F0E2;
}

#bereich11 {
	border-top: 5px solid #47E447;
}

#bereich11 a:hover {
	background-color: #DAFDDA;
}

#bereich12 {
	border-top: 5px solid #D3618D;
}

#bereich12 a:hover {
	background-color: #E9B0C6;
}

.zettel {
	background: url(../institut_berufspraxis_weiterbildung/spicker.gif) no-repeat 0 0;
	float: left;
	width: 150px;
	height: 141px;
	text-align: center;	
	margin: 0 0 15px 0;
}

.zettel p {
	margin: 35px 0 0 7px;	
}


.rechts {
	text-align: right;
}

.gross {
	font-size: 175%;
}

.b {
	font-weight: bold;
}


.b2 {
	font-weight: bold;
	color: #808080;
}

.i {
	font-style: italic;
}




.hg_dunkel {
	background-color: #CECECE;
}

.links_float {
	float: left;
	width: auto;
}

.rechts_float {
	float: right;
	width: auto;
}

.breite_1 {
	width: 160px;
}

.breite_2 {
	width: 320px;
}

.breite_3 {
	width: 100px;
}

.breite_4 {
	width:25%;
}

.mitte {
	text-align: center;
}

.smitte {
	vertical-align: middle;
}

.links {
	text-align: left;
}

.ueberschrift hr {
	width: 85%;
}

.hinweis {
	color: #b40250;	
	font-weight: bold;
}

.hinweis_link a {
	color: #b40250;	
	font-weight: bold;
	font-size:125%;
}

.hinweis_dezent {
	color: #909090;	
	font-weight: bold;
}

.clearing {
	clear: both;
}

.abstand_unten {
	margin: 0 0 15px 0;
}

.abstand_unten2 {
	margin: 0 0 25px 0;
}

.abstand_oben {
	margin: 40px 0 0 0;
}

.abstand_oben2 {
	margin-top:25px;
}

.abstand_p {
	padding:5px;
	margin: 0 0 5px 0;
}

.fehler {
	color: #FF0036;
	font-weight: bold;
	background-color: #FCC4D0;
	border: 1px solid #FF0036;
	padding: 0 5px;
}

.meldung {
	color: #02760C;
	font-weight: bold;
	background-color: #C8FECD;
	border: 1px solid #02760C;	
	padding: 0 5px;
}


.achtung {
	color: #D46400;
	font-weight: bold;
}

.select {
	width: 20px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.farbig {
	color: #708090;
}


.ausgebucht {
	color: #FF0000;
	font-weight: bold;
}

.spalte_1 {
	float: left;
	width: 245px;
}

.spalte_2 {
	float: left;
	width: 245px;
	border-left: 1px solid #000000;
	padding: 0 0 0 5px;
}


.spalte_3 {
	float: left;
	width: auto;
	text-align: center;
}


.spalte_4 {
	float: left;
	width: auto;
	border-left: 1px solid #000000;
	margin: 0 0 0 2px;
	padding: 0 0 0 2px; 
	text-align: center;
	height: 100px;
}




.schwerpunkt {
	float: left;
	width: 22%;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}



.quali {
	float: left;
	width: 100%;
	border: 1px solid #000000;
	/*color: #4A9CBD;*/
	padding: 3px;
	background-color: #D5D5D5;
}

.rahmen_oben {
	border-top: 1px solid	#000000;	
}

.rahmen_rechts {
	border-right: 1px solid	#000000;	
}

.rahmen_unten {
	border-bottom: 1px solid	#000000;	
}


.klein {
	font-size: 90%;
}

.trainingscenter {
	border-bottom: 1px solid #ffc14e;
	border-left: 5px solid #ffc14e;
	margin: 0 0 15px 0;	
}

.umschulung {
	border-bottom: 1px solid #ff9328;
	border-left: 5px solid #ff9328;
	margin: 0 0 15px 0;	
}

.weiterbildung {
	border-bottom: 1px solid #9ec45a;
	border-left: 5px solid #9ec45a;
	margin: 0 0 15px 0;	
}

.existenzgruender {
	border-bottom: 1px solid #529EAC;
	border-left: 5px solid #529EAC;
	margin: 0 0 15px 0;	
}

.tagesmutter {
	border-bottom: 1px solid #5AA7EE;
	border-left: 5px solid #5AA7EE;
	margin: 0 0 15px 0;	
}

.dgsv {
	border-bottom: 1px solid #00A77F;
	border-left: 5px solid #00A77F;
	margin: 0 0 15px 0;	
}

.hamburg {
	border-bottom: 1px solid #d3618d;
	border-left: 5px solid #d3618d;
	margin: 0 0 15px 0;	
}

.firmenschulung {
	border-bottom: 1px solid #FE5656;
	border-left: 5px solid #FE5656;
	margin: 0 0 15px 0;	
}

.projekt {
	border-bottom: 1px solid #980404;
	border-left: 5px solid #980404;
	margin: 0 0 15px 0;	
}

.berufsbegleitung {
	border-bottom: 1px solid #CECECE;
	border-left: 5px solid #D5D5D5;
	margin: 0 0 15px 0;	
}


.input {
	border: 1px solid #5a5a5a;
	background-color: #d6d6d6;
	margin: 0 15px 15px 0;
	width: 400px;
}

.js_zeile_aktiv {
     background: #FFFFFF  url(../institut_berufspraxis_weiterbildung/hg_aktiv.gif) repeat;
}

.js_zeile_deaktiv {
     background-color: #DEDEDE;
}

#head img {
	float: left;
	width: auto;
	border: 1px solid #2671AC;
	margin: 25px 0 0 595px;		
}

.textfarbe {
	color: #5f5f5f;	
}

.textfarbe2 {
	color: #708090;	
}


.test {
    color: red;


}