/* ####################################################################
** #### RESET #########################################################
** ################################################################# */

@media all
{
    * { margin:0; padding: 0; }
	option {padding-left: 0.4em}
	html { height: 100% } 
	body { 
		min-height: 101%;
		font-size: 100.01%;
		position: relative;
		color: #000;
		background: #fff;
		text-align: left;
	} 
	
	fieldset, img { border:0; }
	
	select, input, textarea { font-size: 99% }

}

/* ####################################################################
** #### START #########################################################
** ################################################################# */

body {
    color: black; background-color: #EFEFEF;
    background-image:url(background_gradient.gif);
    background-repeat: repeat-x;
    font-size: 100.01%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    margin: 0; padding: 0em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

/* ####################################################################
** #### ALLGEMEIN #####################################################
** ################################################################# */

div#start { margin: 0 auto; width: 790px; border: 0px; }
div#site { margin: 0 auto; width: 790px; border: 0px; background-image:url(border_middle.gif); background-repeat:repeat-y; }
div#logo { float:left; text-align: right; width: 14em; padding: 1.2em; }
div#logo h1 { display:none; font-size: 2.82em !important; }
div#logo h2 { display:none; font-size:1.92em !important; }
div#mainpicture { border 0px; text-align:right; }
div#top_site { clear: both; background-image:url(border_top.gif); height: 1.2em; }
div#navigation { float:left; width: 265px; text-align:center; padding-top: 10px; background-image:url(link_middle.gif); background-repeat: repeat-y; }
div#menu_bottom { background-image:url(link_bottom.gif); height: 40px; }
div#links_grafik { background: #FAFAFA; margin-left: 5px; text-align: center; }
div#content { text-align: left; padding: 10px 10px 10px 10px; width: 480px; margin-left: 275px; }
div#bottom_site { clear: both; background-image:url(border_bottom.gif); background-repeat:no-repeat; height:1.1em; }
div#footer { font-size: 0.7em; line-height: 1.6em; color:#0068B4; text-align:center; padding:0.7em; padding-left: 2.2em; }
#footer i { font-size:0.7em; line-height: 1.6em; color:#4d4d4d; }


/* ####################################################################
** #### CONTENT #######################################################
** ################################################################# */

h1,h2,h3,h4,h5,h6 { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.bodytext,ul,ol,li,b,strong,em,i,dt,dd,p,td { font-size: 10pt; line-height: 13.5pt; color: #4D4D4D; }
pre,code { font-family:"Courier New", Courier, monospace; font-size: 10pt; line-height:13.5pt; }
td { line-height: 10.5pt }
.bodytext,p { margin-top:0.7em; margin-bottom: 0.7em; }
blockquote { margin-left: 1.5em; }
div#content li { font-size: 10pt; line-height: 13.5pt;}
div#content b, strong { font-size: 10pt; line-height: 13.5pt;}
div#content h3 { font-size: 13pt; line-height: 17pt; color: #0068b4; margin-top: 0em; margin-bottom: 1em; font-weight: bold; }
div#content h5 { color: #0068b4; margin-top: 1em; margin-bottom: 1em; font-weight: bold; }
p.bluebox { background-color: #0099FF; color:#000066; border: 1px solid #aca; padding: 2px; margin-bottom: 2px;}
img { border: 0px; }
input,textarea { border: 1px #cfcfcf solid; width: auto; font-family:"Courier New", Courier, monospace; background:#EFEFEF; }
a.internal-link:link { text-decoration: none; color: #0068b4; font-weight: bold; }
a.internal-link:visited { text-decoration: none; color: #0068b4; font-weight: bold; }
a.internal-link:hover { text-decoration: underline; color: #01528D; font-weight: bold; }
a.internal-link:active { text-decoration: underline; color: #01528D; font-weight: bold; }

div#links_grafik { padding-top: 6px; padding-right: 12px; }

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


/*#col1 {	width:22.5%;}*/
#navigation {margin-left:0em; margin-right:0em; color:#444; }
#navigation {float: left; width: 260px; }
#navigation {z-index: 3;}
#navigation { position:relative; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
.clearfix { display: block; }

#navigation .mainMenu {
	width:260px;
	overflow:hidden;
	color:#0068B4;
	margin:0;
	margin-left: 5px;
	padding:0 0 0 0;
	text-align: left;
	font-size: 13px;
}
#navigation .mainMenu img {
	margin-right:0em;
}
#navigation ul {
    display: block;
	width:260px;
	overflow:hidden;
	margin:0em 0 0em 0;
	margin-left:0em;
	list-style-type:none;
	font-weight:bold;
	border-top:1px #0068B4 solid;    /* oberste Linie */
	border-bottom:1px #AFCEE5 solid;    /* unterste Linie */
}
#navigation ul a {display:block; text-decoration:none;}
#navigation ul li {float:left; width:260px; margin:0; padding:0}
#navigation ul li strong {
	display:block;
	width:100%;
	padding:1px 0px 1px 7%;
	background-color:#0068B4; 		/* aktiver Link */
	color:#fff;
	font-weight:bold;
	border-bottom:1px #0068B4 solid;
}
#navigation ul li ul li strong {
	display:block;
	width:100%;
	padding:1px 0px 1px 14%;
	background-color:#0068B4;
	color:#fff;
	font-weight:bold;
	font-size: 11px;
	border-bottom:1px #0068B4 solid;
}
#navigation ul li ul li ul li strong {
	display:block;
	width:100%;
	padding:1px 0px 1px 21%;
	background-color:#0068B4;
	color:#fff;
	font-size: 11px;
	font-weight:bold;
	border-bottom:1px #0068B4 solid;
}
#navigation ul li a {
	width:100%;
	padding:1px 0px 1px 7%;
	background-color:#AFCEE5;
	color:#0068B4;
	border-bottom:1px #0068B4 solid;
}
/*#navigation ul li a:hover {background-color:#AA1124; background-image:url(link_gradient_2.gif); color:#fff;}
#navigation ul li ul {list-style-type:none; margin:0; padding:0;}
#navigation ul li ul li {float:left; width:100%; margin:0; padding:0;}*/
#navigation ul li ul li a {
	width:100%;
	padding:1px 0px 1px 14%;
	background-color:#FAFAFA;
	color:#005390;
	font-size: 11px;
	border-bottom:1px #0068B4 solid;
}
#navigation ul li ul li ul {list-style-type:none; margin:0; padding:0;}
#navigation ul li ul li ul li {float:left; width:100%; margin:0; padding:0;}
#navigation ul li ul li ul li a {
	width:100%;
	padding:1px 0px 1px 21%;
	background-color:#ECECEC;
	color:#005390;
	font-size: 11px;
	border-bottom:1px #0068B4 solid;
}
#navigation ul li a:hover {background-color:#AFCEE5; color:#fff;}
#navigation ul li ul li a:hover {background-color:#ECECEC; color:#005390;}
#navigation ul li#title {
	width:100%;
	padding:1px 0px 1px 7%;
	font-weight:bold;
	color:#444;
	font-size: 11px;
	background-color:#fff;
	border-bottom:4px #0068B4 solid;
}

#navigation dfn, #navigation .hidden {position:absolute; left:-1000em; width:20em;}

ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }


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

/* DIVERSES */

input { border: 1px solid #0068B4; width: 200px; font-family: "Courier New", Courier, monospace; color: #000; }

textarea { margin-left: 120px; margin-top: -1.2em; width: 220px; height: 100px; border: 1px solid #0068b4; color: #000; }

.absenden { width:150px; background-color: #a5c5dc; color: #fff; font-weight: bold; }

div#formular { float:left; width:120px; margin-top: 0.5em; }

#felder { margin-left:150px; width:250px; margin-top: 0.5em; }

div#emailsite { margin:5em auto; padding: 0em 0; background-color: #EFEFEF; width:460px; height:132px; }

div#emailfeld { background: url(email_higru.gif) #efefef; color: #0068b4; width: 460px; height:132px; }

h4#go { margin-top: 0em; margin-left: 11em; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #0068b4; padding-top: 1.5em; }

h4#error { margin-top: 0em; margin-left: 11em; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #ff0000; padding-top: 1.0em; }

p#email { margin-left: 14.8em; text-align: left }

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

#footer a:link { text-decoration: none; color: #0068b4; }
#footer a:visited { text-decoration: none; color: #0068b4; }
#footer a:hover { text-decoration: underline; color: #0068b4; }
#footer a:active { text-decoration: underline; color: #0068b4; }

.csc-mailform { border: 0px; margin:0em auto; padding: 0em; }

.csc-mailform-field { border: 0px; width: 60%; font-size: 13px; color: #4D4D4D; margin-top: 1em; margin-bottom: 1em; }

#form sup { color:#0068b4;  }

label { width: 100px; }

input { margin-left: 120px; margin-top: -1.2em; width: 220px; border: 1px solid #0068b4; }

#mailformbemerkungen { margin-left: 120px; margin-top: -1.2em; width: 220px; height: 70px; }
#mailformbewerbung { margin-left: 120px; margin-top: -1.2em; width: 220px; height: 70px; }

#mailformformtype_mail { margin-top: 0.6em; }

.team { vertical-align:top; width: 100%; border: 0px; }
.team .td-0 { vertical-align: top; width:60% }
.team .td-1 { vertical-align: top; width: 40$}

.berufskolleg_tab_01 { width: 100%; line-height: 11pt; padding: 0em; border: 1px dashed #0068b4; }

.berufskolleg_tab_01 .td-0 { font-size: 9pt; width: 44%; border: 1px solid #EFEFEF; padding: 1px; }
.berufskolleg_tab_01 .td-1 { font-size: 9pt; width: 26%; border: 1px solid #EFEFEF; padding: 1px; }
.berufskolleg_tab_01 .td-2 { font-size: 9pt; width: 3%; text-align: right; border: 1px solid #EFEFEF; padding: 1px; }
.berufskolleg_tab_01 .td-3 { font-size: 9pt; width: 12%; border: 1px solid #EFEFEF; padding: 1px; }
.berufskolleg_tab_01 .td-4 { font-size: 9pt; width: 3%; text-align:center; border: 1px solid #EFEFEF; padding: 1px; }
.berufskolleg_tab_01 .td-5 { font-size: 9pt; width: 12%; text-align: right; border: 1px solid #EFEFEF; padding: 1px; }

.berufskolleg_tab_02 { width: 100%; line-height: 11pt; padding: 0em; border: 0px; }

.berufskolleg_tab_02 .td-0 { width:40%; vertical-align: text-top; }
.berufskolleg_tab_02 .td-1 { width:60%; vertical-align: text-top; font-weight: bold; }

a.download { text-align:left; text-decoration: underline; color: #0068b4; }

p.align-center { text-align: center; }
p.align-right { text-align: right; }