/********************
 Global styles
********************/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #2E2D2F;
	font: 12px Arial, Verdana, sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	color: #2E2D2F;
	font: 12px Arial, Verdana, sans-serif;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom: 1;/*for ie 5.5-7*/}

a {
	color: #155092;
	text-decoration: none;
}

img {
	border: none;
}
  
fieldset {
	border: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.strong-em {
	font-style: italic;
	font-weight: bold;
}

.blockquote {
	margin: 0 30px 15px 30px; 
}

table p {
	margin: 0 !important;
	padding: 0 !important;
}

.clr {
	clear: both;
	font-size: 0.1em;
	height: 1px;
}

.hidden {
	display: none;
}

.button {
	margin-right: 20px;
}



/********************
 Layout
********************/

#page {
	position: relative;
	width: 918px;
	margin: 30px;
}

#col-pre-main {
	float: left;
	margin-right: 28px;
	width: 540px;
}

#col-pre-additional {
	float: left;
	width: 350px;
}

#content {
	margin-top: 22px;
}

#content-main {
	float: left;
	margin-right: 28px;
    width: 540px;
}

#content-additional {
	float: left;
	width: 350px;
}



/********************
 Header
********************/

#logo {
	float: left;
	width: 230px;
	height: 58px;
}

#logo a {
	background: url(../images/main/ihk_logo.png) no-repeat;
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}

#logo_print {
	display: none;
}

#claim {
	display: block;
	float: right;
	padding-top: 24px;
	width: 230px;
	height: 24px;
}

#claim h1 {
	background: url(../images/main/claim.png) no-repeat;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}

#spacer1 {
    float: none;
    clear: both;
    position: relative;
    z-index: 200;
    height: 28px;
}



/********************
 Navigation
********************/

#navigation-main {
    float: none;
    clear: both;
    position: relative;
    z-index: 100;
    width: 100%;
}

#navigation-main a {
    text-decoration: none;
}

/* Ebene 1 */
#navigation-main li.lvl1 {
    background: url(../images/navigation/navigation_main_bg.png);
    border-right: 1px solid #fff;
    display: block;
    float: left;
    height: 27px;
}

#navigation-main li.last {
    border-right: none;
}

#navigation-main a.lvl1 {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 26px;
    text-decoration: none;
    text-indent: -9999px;
}

/*** Aufklapp-Bereich - Anfang ***/
#navigation-main li.lvl1 div {
    background-color: #f0f6fe;
    border-bottom: 1px solid #CED3DC;
    display: none;
    padding-bottom: 10px;
    position: absolute; top: 26px; left: 0;
    width: 918px; height: auto;
}

#navigation-main li.lvl1 div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 916px;
    padding-top: 10px;
	border-top: none;
    border-right: 1px solid #CED3DC;
    border-bottom: 1px solid #CED3DC;
    border-left: 1px solid #CED3DC;
}

#navigation-main li.lvl1 div p {
    background: #EEE;
    border-top: 1px solid #FFF;
    height: 23px;
    position: absolute; bottom: 0;
    width: 916px;
}

#navigation-main li.lvl1 div p a {
    background: none;
    border: none;
    color: #000;
    display: inline;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding-left: 10px;
    text-indent: 0;
    width: 100%;
}
/*** Aufklapp-Bereich - Ende ***/

/* Ebene 2 */
#navigation-main ul.lvl2 {
    overflow: auto;
}

#navigation-main li.lvl2 {
    display: block;
    /*float: left;*/
    padding: 0px 5px 0px 5px;
    /*width: 209px;*/
    height: auto;
}

#navigation-main a.lvl2 {
	display: block;
    background: url(../images/main/link.png) no-repeat left center;
    color: #155092;
    font-weight: bold;
    /*line-height: 15px;*/
    padding: 3px 0 3px 20px;
}

#navigation-main li.lvl2 a:hover {
    background-color: #fff;
    zoom: 1;
}

/* Ebene 3 */
#navigation-main ul.lvl3 {
    background: none;
    border: none;
    margin-top: 0px;
}

#navigation-main li.lvl3 {
    display: block;
    float: none;
    padding: 0 0 0 0;
}

* html #navigation-main li.lvl3 {
	margin-top: -18px; /* Internet Explorer < 6 */
}

/* EDV */
#navigation-main li.edv a.lvl1 {
    background: url(../images/navigation/edv.gif) no-repeat 0 0;
    border-bottom: 4px solid #7dc9ed;
    width: 251px;
}

#navigation-main li.edv-active a.lvl1 {
    border-bottom: 4px solid #7dc9ed;
}

#navigation-main li.edv div.border {
    border-top: 4px solid #7dc9ed;
}

/* BWL */
#navigation-main li.bwl a.lvl1 {
    background: url(../images/navigation/bwl.gif) no-repeat 0 0;
    border-bottom: 4px solid #e83300;
    width: 185px;
}

#navigation-main li.bwl-active a.lvl1 {
    border-bottom: 4px solid #e83300;
}

#navigation-main li.bwl div.border {
    border-top: 4px solid #e83300;
}

/* Fremdsprachen */
#navigation-main li.fremdsprachen a.lvl1 {
    background: url(../images/navigation/fremdsprachen.gif) no-repeat 0 0;
    border-bottom: 4px solid #f9b700;
    width: 151px;
}

#navigation-main li.fremdsprachen-active a.lvl1 {
    border-bottom: 4px solid #f9b700;
}

#navigation-main li.fremdsprachen div.border {
    border-top: 4px solid #f9b700;
}

/* Technik */
#navigation-main li.technik a.lvl1 {
    background: url(../images/navigation/technik.gif) no-repeat 0 0;
    border-bottom: 4px solid #a5bf00;
    width:110px;
}

#navigation-main li.technik-active a.lvl1 {
    border-bottom: 4px solid #a5bf00;
}

#navigation-main li.technik div.border {
    border-top: 4px solid #a5bf00;
}

/* Ausbilder */
#navigation-main li.ausbilder a.lvl1 {
    background: url(../images/navigation/ausbilder.gif) no-repeat 0 0;
    border-bottom: 4px solid #ad5a99;
    width: 217px;
}

#navigation-main li.ausbilder-active a.lvl1 {
    border-bottom: 4px solid #ad5a99;
}

#navigation-main li.ausbilder div.border {
    border-top: 4px solid #ad5a99;
}

/* angeklickter Zustand, Subnavi sichtbar, Hintergrundbild verschoben */
#navigation-main li.clicked a.lvl1,
#navigation-main li a.active {
    background-position: 0 -26px;
}

#navigation-main li.clicked div {
    display: block;
}



/********************
 Date
********************/

#date {
	margin-top: 18px;
}

#date p {
	color: #646466;
	font-size: 11px;
}



/********************
 Search
********************/

#search {
	margin-top: 14px;
}

#search form {
	position: relative;
	width: 200px;
}

#search input {
	border-top: 1px solid #CCD1DD; border-right: 2px solid #C5C5C5; border-bottom: 2px solid #C5C5C5; border-left: 1px solid #CCD1DD;
	color: #646466;
	font-size: 10px;
	padding: 3px 0 0 4px;
	width: 120px;
	height: 13px;
}

#search input.submit {
	background: url(../images/main/search-button.png) #FFF no-repeat left center;
	border: none;
	font-weight: bold;
	margin-top: 2px;
	padding: 1px 0 5px 22px;
	text-align: left;
	vertical-align: top;
	width: 62px;
	height: 17px;
}

#search label {
	color: #646466;
	font-size: 10px;
}

#search label.overlabel-apply {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}

#search-fulltext {
	float: right;
}



/********************
 Main content
********************/

#content-main h1 {
    color: #155092;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 15px 0;
}

#content-main h2 {
	color: #155092;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 15px 0;
}

#content-main h3 {
    color: #155092;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 15px 0;
}

#content-main h4 {
    color: #155092;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    margin: 0 0 5px 0;
}

#content-main hr {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	background-color: #CCD1DD;
	color: #CCD1DD;
	margin-bottom: 30px;
}

#content-main p {
    line-height: 18px;
    margin-bottom: 15px;
}

#content-main ul {
    padding-bottom: 15px;
}

#content-main li {
    list-style-type: none;
}

#content-main div.multibox {
	margin-bottom: 15px;
}

#content-main div.multibox ul {
	margin: 0 !important;
	padding: 0 !important;
}

#content-main div.multibox ul li {
	background: transparent url(../images/main/link.png) 0px 2px no-repeat;
	padding-left: 19px;
	line-height: 24px;
	clear: both;
}

#content-main div.multibox ul li.linkback {
	background: transparent url(../images/main/link_back.png) 0px 2px no-repeat;
	padding-left: 19px;
	line-height: 24px;
	clear: both;
}

#content-main div.multibox ul li a {
    color: #155092;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
    zoom: 1;
}

.categorization h2,
.categorization h4 {
    background: url(../images/main/teaser-h2-bg.jpg) repeat-x;
    color: #4D4D4D !important;
    font-size: 11px !important;
    font-weight: normal !important;
    height: 22px;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.categorization h2 span,
.categorization h4 span {
    background-color: #036;
    display: block;
    float: left;
    font-size: 1px;
    line-height: 1px;
    margin: 7px 7px 6px 6px;
    text-indent: -9999px;
    width: 7px; height: 8px;
}

/* EDV */
.categorization h2 span.kat3 {
    background-color: #7bc9ed;
}
#content-main h1.kat3 {
    color: #7dc9ed;
    margin-bottom: 18px;
}

/* BWL */
.categorization h2 span.kat2 {
    background-color: #e83300;
}
#content-main h1.kat2 {
    color: #e83300;
    margin-bottom: 18px;
}

/* Fremdsprachen */
.categorization h2 span.kat4 {
    background-color: #f9b700;
}
#content-main h1.kat4 {
    color: #f9b700;
    margin-bottom: 18px;
}

/* Technik */
.categorization h2 span.kat1 {
    background-color: #a5bf00;
}
#content-main h1.kat1 {
    color: #a5bf00;
    margin-bottom: 18px;
}

/* Ausbilder */
.categorization h2 span.kat6 {
    background-color: #ad5a99;
}
#content-main h1.kat6 {
    color: #ad5a99;
    margin-bottom: 18px;
}

.textgreen {
	margin: 20px 0 20px 0;
	color: green;
}

.textred {
	margin: 20px 0 20px 0;
	color: red;
}



/********************
 Additional content
********************/
  
#content-additional ul {
    padding-bottom: 15px;
}

#content-additional li {
    list-style-type: none;
}
  
#content-additional div.boxed {
    background: #F5F6F8;
    border: 1px solid #CED3DC;
    margin: 0 0 15px;
    overflow: auto;
}

#content-additional div.boxed h2,
#content-additional div.boxed h2 a {
    color: #676767;
    font-size: 18px;
    text-decoration: none;
}

#content-additional div.boxed h2.bulleted {
    background: url(../images/main/header-additional.png) no-repeat 10px 8px;
    border-bottom: 1px solid #CED3DC;
    height: 40px;
    line-height: 40px;
    padding-left: 55px;
}

#content-additional div.boxed h2.bulleted a {
    font-weight: normal;
}

#content-additional h3,
#content-additional h3 a {
    color: #676767;
    font-weight: bold;
    line-height: 17px;
    text-decoration: none;
}

#content-additional div.boxed p {
    color: #676767;
    line-height: 17px;
}

#content-additional div.boxed p a {
    background: url(../images/main/link.png) no-repeat left center;
    color: #676767 !important;
    font-weight: bold;
    line-height: 18px;
    padding-left: 21px;
    text-decoration: none;
}



/********************
 Additional boxes
********************/

#content-additional div.multibox h2 { 
    border-bottom: 0 !important;
}

#content-additional div.multibox ul {
    border-top: 1px solid #CED3DC; 
    padding: 10px 0 0 35px; 
}

#content-additional div.multibox li {
    color: #676767 !important;
    border: 0 !important; 
    margin: 0 !important;
    padding: 0 10px 10px 20px;
    background: url(../images/main/link.png) no-repeat left top;
    zoom: 1;
}

#content-additional div.multibox li a {
    color: #676767 !important;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}

/*#content-additional div.multibox li div.desc { display: inline; color: #676767; white-space: nowrap; }
#content-additional div.multibox li div.desc img.fileicon { vertical-align: middle; margin: 0 0 0 2px !important; }

#content-main div.multibox li div.info { padding: 5px 0 0 0; }*/

#content-additional div.coursebox h2 { 
    border-bottom: 0 !important;
}

#content-additional div.coursebox ul {
    border-top: 1px solid #CED3DC; 
    padding: 10px 0 0 35px; 
}

#content-additional div.coursebox li {
    color: #676767 !important;
    border: 0 !important; 
    margin: 0 !important;
    padding: 0 10px 10px 20px;
    background: url(../images/main/link.png) no-repeat 0 -1px;
    zoom: 1;
}

#content-additional div.coursebox li a {
    color: #676767 !important;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}



/********************
 Table
********************/

#content-main table.list {
	border-collapse: collapse;
    margin-bottom: 15px;
    width: 100%;
}

#content-main table.list th {
    font-weight: bold;
    line-height: 18px;
    padding: 5px 10px;
    text-align: left;
}

#content-main table.list td {
    line-height: 18px;
    padding: 3px 10px;
    border: 1px solid #CED3DC; 
}

#content-main table.list td.td-right {
    text-align: right;
}

#content-main table.list td.td-center {
    text-align: center;
}

#content-main table.formA {
	border-collapse: collapse;
	margin-bottom: 0 0 15px 0;
}

#content-main table.formA td.left {
	width: 20%;
	padding: 5px 5px 5px 0;
}

#content-main table.formA td.right {
	width: 80%;
	padding: 5px 0 5px 0;
}

#content-main table.formA td.both {
	padding: 5px 5px 5px 0;
}

#content-main table.unvisible {
	border-collapse: collapse;
	margin: 0 0 20px 0;
}

#content-main table.unvisible td {
	padding: 2px;
}

#content-main table.unvisible td.small {
	font-size: 10px;
}

html>body #content-main table.unvisible {
	width: 100%; /* alle ausser IE */
}

* html #content-main table.unvisible {
	w\idth: 100%;  /* Internet Explorer >= 6 */
}



/********************
 Footer
********************/

#footer { clear: both; border-top: 1px solid #CED3DC; margin: 5px 0 15px 0; padding-top: 5px; zoom: 1; }

#footer #navigation-various { width: 49%; float: left; }
#footer #navigation-various ul {}
#footer #navigation-various li { float: left; margin-right: 10px; }
#footer #navigation-various a { color: #4d4d4d; font-size: 11px; height: 22px; line-height: 22px; font-weight: normal; text-decoration: none; }

#footer #pagetools { width: 49%; float: right; }
#footer #pagetools ul {}
#footer #pagetools li { float: right; margin-left: 10px; }
#footer #pagetools a {}
#footer #pagetools img { margin: 0 !important; }