/* Standardformatierungen */
body { min-width: 62.50em; background-color: #fff; font-size: 100.1%; color: #333; }
a, a:active, a:hover, a:focus, a:visited { font-weight: bold; text-decoration: underline; color: #38afe8; }
h1,h2,h3,h4,h5,h6 { margin-bottom: 0.45em; font-size: 1em; color: #004e95; font-weight: bold; line-height: 1.3em; }
h1,h2,h3,h4,h5 { text-transform: uppercase; }
h1,h2,h3,h4 { margin-bottom: 1.82em; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { display: block; font-style: normal; }
h1 em, h4 em { text-transform: none; } 
h1 em { font-size: 1.91em; }
h2 em { font-size: 1.73em; }
h3 em { font-size: 1.55em; }
h4 em { font-size: 1.36em; color: #38afe8; }
h5 em { font-size: 1.18em; }
h1 u, h2 u, h3 u, h4 u, h5 u, h6 u { display: block; padding-bottom: 0.18em; text-decoration: none; border-bottom: 0.09em solid #38afe8; } 
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: block; margin-top: 5px; }
h1 { padding-top: 1.82em; background: transparent url(./images/h1.background.gif) left top no-repeat; }
p { line-height: 1.4em; margin-bottom: 1.36em; }
strong { font-weight: bold; }
address { font-style: normal; }
caption { font-size: 1.18em; color: #004e95; font-weight: bold; line-height: 1.3em; }
.small {font-size:80%;}
/* Standardklassen */
a.link { padding-left: 0.91em; background: transparent url(./images/link.default.gif) left center no-repeat; text-decoration: none; color: #004e95; }
a.next { padding-right: 0.91em; background: transparent url(./images/link.next.gif) right center no-repeat; text-decoration: none; color: #004e95; }
a.previous { padding-left: 0.91em; background: transparent url(./images/link.previous.gif) left center no-repeat; text-decoration: none; color: #004e95; }
img.imageLeft { float: left; margin: 0 1.82em 1.82em 0; }
img.imageRight { float: right; margin: 0 0 1.82em 1.82em; }
img.thumbnail { padding: 0.36em; background-color: #fff; border: 1px solid #38afe8; }
.error { color: #b7131c !important; }
div.clearfix {clear:both;}

/* Formularelemente */
form { margin-bottom: 1.82em; }
fieldset { margin-bottom: 1.82em; }
fieldset div { float: right; width: 23.50em; }
fieldset div.Offerlimiter, fieldset div.Specialslimiter { color: #606060; text-align:right;}
fieldset div input { width: 22.95em; }
fieldset div select { width: 23.32em; }
fieldset div textarea { width: 22.95em; height: 10.18em; }
fieldset div.left { float: left; clear: both; }
label { font-weight: bold; }
input, textarea, select { font-size: 1em; width: 22.73em; margin: 0; padding: 0.18em; border: 0.09em solid #009ddf; background: #fff none right center no-repeat; }
textarea { font: normal 1em/1.3em Arial,Helvetica,Sans-Serif; }
select { width: auto; padding: 0; }
input.error { border-color: #b7131c !important; }
textarea.error { border-color: #b7131c !important; }
div.buttons { display: block; margin: 0 0 -1em 0; text-align: right; }
div.buttons input { width: auto; margin: 0; padding: 0; border: 0; background-color: transparent; }

#selectApprenticeship {background-color: #fff; width:99%; border: 0.09em solid #009DDF; height:5.7em; overflow-y:scroll; margin: 0.13em 0 0 0; padding:0.2em 0; }
#selectApprenticeship .checkbox {width:1.5em; border: 0; margin: 0 0.5em;}
#selectApprenticeship.error {border-color: #b7131c !important; color:#333333 !important;}
/* Clear after */
#header #meta:after, 
#main:after, 
#content ul.navigation:after,
#content ul.letters:after,  
.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Container */
#canvas { position: relative; width: 89.09em; margin: 0 auto; padding: 0.91em; font: normal 0.69em/1.3em Arial,Helvetica,Sans-Serif; }
#canvas_popup { padding: 0.91em; font: normal 0.69em/1.3em Arial,Helvetica,Sans-Serif; }

#header { margin-bottom: 2.27em; background: transparent url(./images/header.logos.gif) top left no-repeat; }
#header #meta { position: relative; height: 2.82em; }
#header #meta a { font-weight: normal; text-decoration: none; color: #333; }
#header #meta ul.navigation { position: absolute; bottom: 0; right: 0; }
#header #meta ul.navigation li { float: left; margin-left: 0.91em; }
#header #meta ul.navigation li a { line-height: 1.82em; }
#header #meta input.search { width: 8.55em; margin-left: 0.91em; background-image: url(./images/icon.search.bg.gif) }
#header #visual { margin-top: 0.91em; }
#header #visual img { width: 100%; height: auto; }

#main { padding: 0 21.45em 0 17.27em; }
#main #content, 
#main #navigation, 
#main #sidebar { position: relative; float: left; }
#main #content { overflow: hidden; width: 100%; }
#main #navigation { width: 15.45em; right: 17.27em; margin-right: -100%; }
#main #sidebar { width: 19.64em; margin-right: -100%; padding: 0 0 0 1.82em; }

#footer { clear: both; border-top: 0.09em solid #38afe8; margin-top: 4.55em; text-align: center; }

/* Navigation */
#navigation a { display: block; padding: 0 0.17em 0 0.17em; font-weight: normal; text-decoration: none; color: #004e95; background: transparent url(./images/navigation.background.gif) left top no-repeat; }
#navigation a:hover, 
#navigation a.active { background-position: -25.00em top; }
#navigation ul { font-size: 1.09em; text-transform: uppercase; color: #004e95; }
#navigation ul li { line-height: 2.50em; margin-bottom: 2.08em; background: transparent url(./images/navigation.background.gif) left top no-repeat; }
#navigation ul ul li { line-height: 2.33em; text-transform: none; margin-bottom: 0; }
#navigation ul ul.images li { line-height: normal; padding: 0.55em 0 0.55em 0; background-position: left bottom; }
#navigation ul ul.images a { padding: 0; }

/* Sidebar */
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { margin-bottom: 0.45em; color: #333; }
#sidebar h1 em, #sidebar h2 em, #sidebar h3 em, #sidebar h4 em, #sidebar h5 em, #sidebar h6 em { color: #004e95; }
#sidebar h1 img, #sidebar h2 img, #sidebar h3 img, #sidebar h4 img, #sidebar h5 img, #sidebar h6 img { margin-top: 0; }
#sidebar div.box { position: relative; margin-bottom: 4.55em; padding-bottom: 0.91em; border-bottom: 0.09em solid #38afe8; }
#sidebar div.box h5 { padding-bottom: 0.45em; border-bottom: 0.09em solid #38afe8; }
#sidebar div.box h6 em { margin-bottom: 0.45em; }
#sidebar div.box a.button { display: block; margin: 0.91em 0 -1.00em 0; background-color: #fff; border-top: 0.09em solid #38afe8; text-align: right; }
#sidebar div.box a.button img { margin-top: -0.09em; }
#sidebar div.box.newsletterteaser { background: url('./images/newsletterteaser.bg.gif') no-repeat top right; }
#sidebar div.box.newsletterteaser div {border: 0.09em solid #38AFE8; padding: 0.6em;}
#sidebar div.box.newsletterteaser div p { padding: 0.5em;}
#sidebar div.box.newsletterteaser a.button {margin-top: 0; border-top:0;}
#sidebar div.box.newsletterteaser h5 { border:0;}
#sidebar div.list div.item { margin-bottom: 1.82em; }
#sidebar div.list .button { margin-top: -0.91em; }

/* Content */
#content div.box { position: relative; margin-bottom: 3.64em; padding: 0.91em 0 0.91em 0; border-bottom: 0.09em solid #38afe8; }
#content div.box h4 { margin-bottom: 0.91em; }
#content div.box h5, #content div.box h6 { margin-bottom: 0.45em; }
#content div.box div.box { border-bottom: 0; }
#content div.box a.button { display: block; clear: both; margin: 0 0 -0.91em 0; text-align: right; }
#content div.box a.button img { margin-bottom: -0.09em; }
#content div.boxMedium a.button, 
#content div.boxLight a.button { margin-bottom: -1em; }
#content div.boxMedium a.button img, 
#content div.boxLight a.button img { margin-bottom: 0; }
#content div.boxMedium { margin-bottom: 1.82em; padding: 0.91em 0.91em 0.91em 0.91em; background-color: #d9e5ef; }
#content div.boxMedium div.buttons { clear: both; margin: 1.82em -0.91em -1em -0.91em; }
#content div.boxMedium div.buttons a.left { float: left; }
#content div.boxMedium a.button { margin: 1.82em -0.91em -1em 0; }
#content div.boxLight { margin-bottom: 1.82em; padding: 0.91em 0.91em 0.91em 0.91em; background-color: #ecf2f7; }
#content div.grid { width: 52.27em; }
#content div.grid div.box { float: left; width: 22.47em; margin: 0 1.82em 1.82em 0; }
#content div.gridMedium div.box {  }
#content div.gridSmall div.box { width: 11.22em; }
#content div.boxVisual { padding: 0; }
#content div.boxVisual div.buttons { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 0 -0.09em 0; }
#content div.boxVisual div.buttons a.left { float: left; }
#content div.boxSearch label { float: right; width: 23.50em; margin-bottom: 1.82em; }
#content div.boxSearch label input { width: 22.95em; }
#content div.boxSearch label select { width: 23.32em; }
#content div.boxSearch label.left { float: left; clear: both; }

#content table { margin: 0.91em 0 0 0; border-collapse: collapse; width: 100%; }
#content table td,
#content table th { padding: 0.45em; vertical-align: top; }
#content table thead th { font-weight: bold; border-bottom: 0.09em solid #38afe8; }
#content table thead th a { text-decoration: none; color: #000; background: url(./images/icon.sorter.gif) no-repeat right 0; padding: 0 .91em 0 0; }
#content table thead th a.desc { background-position: right -16px; }
#content table thead th a.asc { background-position: right -32px; }
#content table tbody tr.odd td { background-color: #d9e5ef; }
#content table tbody span { cursor: pointer; display: block; width: 1.55em; height: 1.64em; margin: 0 auto; background: url(./images/icon.arrow.gif) no-repeat 0 0; text-indent: -999em; }

#content table.collapsible { margin-bottom: 2.73em; }
#content table.collapsible caption { cursor: pointer; padding-left: 1.08em; background: transparent url(./images/icon.toggle.gif) left -1.77em no-repeat; }
#content table.inactive { margin-bottom: 0.45em; }
#content table.inactive caption { background-position: left 0.31em; }
#content table.inactive thead, 
#content table.inactive tbody,
#content table.inactive tfoot { display: none; }

#content table.results {width:auto;}
#content table.results th{font-weight:bold; padding-right: 1.36em; width:15em;}
#content table.results td{font-weight:bold; color:#808080; width:25em;}

#content ul { list-style: square outside; padding-left: 1.36em; margin-bottom: 1.36em; }
#content ul li { margin-bottom: 0.45em; }
#content ol { list-style: decimal outside; padding-left: 2.27em; margin-bottom: 1.36em; }
#content ol li { margin-bottom: 0.45em; }

#content ul.navigation { list-style: none outside; margin: 2.27em 0 2.27em 0; padding: 0; }
#content ul.navigation li { float: left; margin: 0 2.27em 0 0; padding: 0; }

#content ul.letters { list-style: none outside; margin: 2.27em 0 2.27em 0; padding: 0; }
#content ul.letters li { float: left; margin: 0 0.91em 0 0; padding: 0; }

#content ul.pager { border-top: 0.09em solid #38afe8; padding: 0; margin: 0; }
#content ul.pager li { float: left; margin: 0 2.27em 0 0; padding: 0; list-style-type: none; list-style-position: inside; line-height: 2.73em; }
#content ul.pager select { vertical-align: baseline; }

/* Spezielle klassen */
div.box p { margin-bottom: 0.91em; }
#content div.gridSmall div.portrait { padding: 0; }
#content div.gridSmall div.portrait .cam{ width:18px; height: 13px; margin:0; float:right;}
#content div.gridSmall div.portrait p { margin-bottom: 0.45em; }
#content div.gridSmall div.portrait img { width: 100%; height: auto; margin-bottom: 0.91em; }
#content div.mapRelation address span { float: right; width: 50%; margin: 0 0 0 0.91em; }

/* Google Maps */
#sidebar div#map { width: 19.64em; height: 19.64em; margin-bottom: 0.91em; }
#sidebar div#map span { display: block; }
#content div#map { width: 48.64em; height: 23.82em; margin-bottom: 0.91em; }
div#mapControls { background-color: #38afe8; line-height: 0; margin: -0.91em 0 0.91em 0; text-align: center; color: #004e95; }
div#mapControls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#mapControls ul { display: inline; margin: 0; padding: 0; }
div#mapControls ul li { display: inline; cursor: pointer; margin: 0 1.36em 0 1.36em; }

/* Overlay (muss global sein) */
.mapOverlay { position: absolute; display: none; width: 14.55em; line-height: 1.2em; text-align: center; background-color: #fff; padding: 0.45em; -moz-box-shadow: 0 0 0.91em rgba(0, 0, 0, .8); -webkit-box-shadow: 0 0 0.91em rgba(0, 0, 0, .8); }
.mapRelation { display: none; }

/* Social bookmarks */
div#socialIcons         {margin: 0 0 15px;}
div#socialIcons a {background:none;}
a.social                {text-decoration: none; text-indent: -9999px; width: 25px; height: 25px; display: inline-block !important; background: no-repeat top left !important; margin-top: 2px; margin-right: 5px;}
    a.social_meinvz     {background-image: url('./images/icons/social_meinvz.gif') !important;}
    a.social_twitter    {background-image: url('./images/icons/social_twitter.gif') !important;}
    a.social_facebook   {background-image: url('./images/icons/social_facebook.gif') !important;}

/* Ausbildung der Woche */
#adb-wrapper{margin: 20px 0 0 0;}
.adw-container {color: #333333;}
.adw-headline {background:url("./images/icon.toggle2.gif") no-repeat #d9e5ef; background-position: 0 6px; cursor:pointer; padding: 0.3em 1.08em; color: #333333; margin: 0; font-weight:normal;}
.adw-headline.first {font-weight:bold;}
.adw-container.odd .adw-headline{background:url("./images/icon.toggle2.gif") no-repeat #fff; background-position: 0 6px; }
.adw-content{border-bottom:1px solid #d9e5ef; padding: 0.9em 0 0.3em;}
.adw-container.active {border-top: 1px solid #38afe8; }
.adw-container.active .adw-headline {background-position: 0 -40px }
.adw-container img {float:left; margin: 0 0.9em 0.9em}
.adw-bottom {clear: left; padding: 0 0.9em; text-align:right;} 
.adw-bottom a.videoButton {background:url("./images/icon.arrow.gif") no-repeat right transparent;cursor:pointer;display:inline-block;height:1.64em;margin:0 auto;padding: 0.2em  1.8em 0 0;color:#38afe8,; text-decoration:none;}
/*Ausbildung der Woche - Teaser*/
#adw-teaser img{float:left;margin:0 10px 0 0;}
.radio {display:inline-block; width: 40px;}